feat(aspect-ratio): add AspectRatio component

src/AspectRatio/AspectRatio.svelte

@@ -0,0 +1,17 @@
+<script>
+  /**
+   * Specify the aspect ratio
+   * @type {"2x1" | "16x9" | "4x3" | "1x1" | "3x4" | "9x16" | "1x2"} [ratio="2x1"]
+   */
+  export let ratio = "2x1";
+</script>
+
+<div
+  {...$$restProps}
+  class:bx--aspect-ratio="{true}"
+  class="bx--aspect-ratio--{ratio} {$$restProps.class}"
+>
+  <div class:bx--aspect-ratio--object="{true}">
+    <slot />
+  </div>
+</div>

src/AspectRatio/index.js

@@ -0,0 +1 @@
+export { default as AspectRatio } from "./AspectRatio.svelte";

src/index.js

@@ -1,4 +1,5 @@
 export { Accordion, AccordionItem, AccordionSkeleton } from "./Accordion";
+export { AspectRatio } from "./AspectRatio";
 export { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton } from "./Breadcrumb";
 export { Button, ButtonSkeleton, ButtonSet } from "./Button";
 export { Checkbox, CheckboxSkeleton } from "./Checkbox";