@opengovsg/oui-theme 0.0.42 → 0.0.44

package/dist/{chunk-PJN27WWI.mjs → chunk-AY2DNDLA.mjs}

@@ -23,7 +23,9 @@ var modalStyles = tv({
     animation: {
       none: {},
       fade: {},
-      zoom: {}
+      zoom: {},
+      "slide-end": {},
+      "slide-start": {}
     },
     placement: {
       auto: {
@@ -43,6 +45,12 @@ var modalStyles = tv({
       },
       "bottom-center": {
         overlay: "items-end sm:items-center"
+      },
+      end: {
+        overlay: "justify-end sm:justify-end"
+      },
+      start: {
+        overlay: "justify-start sm:justify-start"
       }
     },
     radius: {
@@ -101,12 +109,12 @@ var modalStyles = tv({
         base: "max-w-5xl"
       },
       desktop: {
-        base: "max-w-[680px]",
+        base: "max-w-170",
         header: "prose-h4",
         body: "prose-body-2"
       },
       mobile: {
-        base: "max-w-[312px]",
+        base: "max-w-78",
         header: "prose-h5",
         body: "prose-body-2"
       },
@@ -114,7 +122,7 @@ var modalStyles = tv({
         header: "prose-h4",
         body: "prose-body-2",
         dialog: "flex-1",
-        base: "mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0"
+        base: "mx-0 my-0 min-h-dvh max-w-full rounded-none! sm:mx-0 sm:my-0"
       }
     },
     scrollBehavior: {
@@ -123,7 +131,7 @@ var modalStyles = tv({
         dialog: "overflow-y-hidden"
       },
       inside: {
-        base: "max-h-[calc(100%_-_8rem)]",
+        base: "max-h-[calc(100%-8rem)]",
         body: "overflow-y-auto",
         dialog: "overflow-y-hidden"
       },
@@ -143,6 +151,7 @@ var modalStyles = tv({
       }
     },
     // Animations
+    // Zoom base
     {
       isEntering: true,
       animation: "zoom",
@@ -157,16 +166,46 @@ var modalStyles = tv({
         base: "motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out"
       }
     },
+    // Slide base
+    {
+      isEntering: true,
+      animation: "slide-end",
+      class: {
+        base: "animate-slide-end"
+      }
+    },
+    {
+      isExiting: true,
+      animation: "slide-end",
+      class: {
+        base: "animate-slide-end direction-reverse ease-in"
+      }
+    },
+    {
+      isEntering: true,
+      animation: "slide-start",
+      class: {
+        base: "animate-slide-start duration-initial"
+      }
+    },
+    {
+      isExiting: true,
+      animation: "slide-start",
+      class: {
+        base: "animate-slide-start direction-reverse ease-in"
+      }
+    },
+    // Overlay
     {
       isEntering: true,
-      animation: ["fade", "zoom"],
+      animation: ["fade", "zoom", "slide-start", "slide-end"],
       class: {
         overlay: "motion-safe:animate-in motion-safe:fade-in duration-200 ease-out"
       }
     },
     {
       isExiting: true,
-      animation: ["fade", "zoom"],
+      animation: ["fade", "zoom", "slide-start", "slide-end"],
       class: {
         overlay: "motion-safe:animate-out motion-safe:fade-out duration-200 ease-in"
       }
@@ -184,4 +223,4 @@ var modalStyles = tv({
 export {
   modalStyles
 };
-//# sourceMappingURL=chunk-PJN27WWI.mjs.map
+//# sourceMappingURL=chunk-AY2DNDLA.mjs.map

package/dist/chunk-AY2DNDLA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/modal.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n  slots: {\n    base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n    overlay:\n      \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n    dialog: \"flex h-full flex-col outline-none\",\n    header: \"flex flex-initial px-6 py-4 text-start\",\n    body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n    footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n    closeButton: [\n      \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n      ...focusVisibleClasses,\n    ],\n  },\n  variants: {\n    animation: {\n      none: {},\n      fade: {},\n      zoom: {},\n      \"slide-end\": {},\n      \"slide-start\": {},\n    },\n    placement: {\n      auto: {\n        overlay: \"items-end sm:items-center\",\n      },\n      center: {\n        overlay: \"items-center sm:items-center\",\n      },\n      top: {\n        overlay: \"items-start sm:items-start\",\n      },\n      \"top-center\": {\n        overlay: \"items-start sm:items-center\",\n      },\n      bottom: {\n        overlay: \"items-end sm:items-end\",\n      },\n      \"bottom-center\": {\n        overlay: \"items-end sm:items-center\",\n      },\n      end: {\n        overlay: \"justify-end sm:justify-end\",\n      },\n      start: {\n        overlay: \"justify-start sm:justify-start\",\n      },\n    },\n    radius: {\n      none: { base: \"rounded-none\" },\n      sm: { base: \"rounded-sm\" },\n      md: { base: \"rounded-md\" },\n      lg: { base: \"rounded-lg\" },\n    },\n    overlay: {\n      transparent: {\n        overlay: \"bg-transparent\",\n      },\n      blur: {\n        overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n      },\n      opaque: {\n        overlay: \"bg-base-canvas-overlay\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"max-w-xs\",\n      },\n      sm: {\n        base: \"max-w-sm\",\n      },\n      md: {\n        base: \"max-w-md\",\n      },\n      lg: {\n        base: \"max-w-lg\",\n      },\n      xl: {\n        base: \"max-w-xl\",\n      },\n      \"2xl\": {\n        base: \"max-w-2xl\",\n      },\n      \"3xl\": {\n        base: \"max-w-3xl\",\n      },\n      \"4xl\": {\n        base: \"max-w-4xl\",\n      },\n      \"5xl\": {\n        base: \"max-w-5xl\",\n      },\n      desktop: {\n        base: \"max-w-170\",\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n      },\n      mobile: {\n        base: \"max-w-78\",\n        header: \"prose-h5\",\n        body: \"prose-body-2\",\n      },\n      full: {\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n        dialog: \"flex-1\",\n        base: \"mx-0 my-0 min-h-dvh max-w-full rounded-none! sm:mx-0 sm:my-0\",\n      },\n    },\n    scrollBehavior: {\n      normal: {\n        overlay: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      inside: {\n        base: \"max-h-[calc(100%-8rem)]\",\n        body: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      outside: {\n        overlay: \"items-start overflow-y-auto sm:items-start\",\n        base: \"my-16\",\n      },\n    },\n  },\n  compoundVariants: [\n    // Special affordance for full screen modals to align to top and allow scrolling\n    {\n      size: \"full\",\n      scrollBehavior: \"normal\",\n      class: {\n        overlay: \"overflow-y-auto\",\n      },\n    },\n    // Animations\n    // Zoom base\n    {\n      isEntering: true,\n      animation: \"zoom\",\n      class: {\n        base: \"animate-in zoom-in-105 duration-200 ease-in\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"zoom\",\n      class: {\n        base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n      },\n    },\n    // Slide base\n    {\n      isEntering: true,\n      animation: \"slide-end\",\n      class: {\n        base: \"animate-slide-end\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"slide-end\",\n      class: {\n        base: \"animate-slide-end direction-reverse ease-in\",\n      },\n    },\n    {\n      isEntering: true,\n      animation: \"slide-start\",\n      class: {\n        base: \"animate-slide-start duration-initial\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"slide-start\",\n      class: {\n        base: \"animate-slide-start direction-reverse ease-in\",\n      },\n    },\n    // Overlay\n    {\n      isEntering: true,\n      animation: [\"fade\", \"zoom\", \"slide-start\", \"slide-end\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: [\"fade\", \"zoom\", \"slide-start\", \"slide-end\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n      },\n    },\n  ],\n  defaultVariants: {\n    overlay: \"opaque\",\n    size: \"desktop\",\n    radius: \"sm\",\n    scrollBehavior: \"normal\",\n    animation: \"zoom\",\n  },\n})\n\nexport type ModalVariantProps = VariantProps<typeof modalStyles>\nexport type ModalSlots = keyof ReturnType<typeof modalStyles>\n"],"mappings":"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","names":[]}

package/dist/{chunk-57Q4XH23.mjs → chunk-EN65IFT4.mjs}

@@ -12,7 +12,7 @@ var spinnerStyles = tv({
       "w-full",
       "h-full",
       "rounded-full",
-      "animate-spinner-ease-spin",
+      "animate-spinner ease-default repeat-infinite",
       "border-2",
       "border-solid",
       "border-t-transparent",
@@ -25,7 +25,7 @@ var spinnerStyles = tv({
       "h-full",
       "rounded-full",
       "opacity-75",
-      "animate-spinner-linear-spin",
+      "animate-spinner repeat-infinite ease-linear",
       "border-2",
       "border-dotted",
       "border-t-transparent",
@@ -76,4 +76,4 @@ var spinnerStyles = tv({
 export {
   spinnerStyles
 };
-//# sourceMappingURL=chunk-57Q4XH23.mjs.map
+//# sourceMappingURL=chunk-EN65IFT4.mjs.map

package/dist/chunk-EN65IFT4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/spinner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n  slots: {\n    base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n    wrapper: \"relative flex\",\n    circle1: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"animate-spinner ease-default repeat-infinite\",\n      \"border-2\",\n      \"border-solid\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n    circle2: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"opacity-75\",\n      \"animate-spinner repeat-infinite ease-linear\",\n      \"border-2\",\n      \"border-dotted\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n  },\n  variants: {\n    size: {\n      xs: {\n        wrapper: \"h-4 w-4\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      sm: {\n        wrapper: \"h-5 w-5\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      md: {\n        wrapper: \"h-8 w-8\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n      lg: {\n        wrapper: \"h-10 w-10\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n    },\n    color: {\n      current: {\n        circle1: \"border-b-current\",\n        circle2: \"border-b-current\",\n      },\n      white: {\n        circle1: \"border-b-white\",\n        circle2: \"border-b-white\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"current\",\n  },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"],"mappings":";;;;;AAQO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}

package/dist/{chunk-Q2U5WYZI.js → chunk-F5D7OEF3.js}

@@ -23,7 +23,9 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     animation: {
       none: {},
       fade: {},
-      zoom: {}
+      zoom: {},
+      "slide-end": {},
+      "slide-start": {}
     },
     placement: {
       auto: {
@@ -43,6 +45,12 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
       },
       "bottom-center": {
         overlay: "items-end sm:items-center"
+      },
+      end: {
+        overlay: "justify-end sm:justify-end"
+      },
+      start: {
+        overlay: "justify-start sm:justify-start"
       }
     },
     radius: {
@@ -101,12 +109,12 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
         base: "max-w-5xl"
       },
       desktop: {
-        base: "max-w-[680px]",
+        base: "max-w-170",
         header: "prose-h4",
         body: "prose-body-2"
       },
       mobile: {
-        base: "max-w-[312px]",
+        base: "max-w-78",
         header: "prose-h5",
         body: "prose-body-2"
       },
@@ -114,7 +122,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
         header: "prose-h4",
         body: "prose-body-2",
         dialog: "flex-1",
-        base: "mx-0 my-0 min-h-[100dvh] max-w-full !rounded-none sm:mx-0 sm:my-0"
+        base: "mx-0 my-0 min-h-dvh max-w-full rounded-none! sm:mx-0 sm:my-0"
       }
     },
     scrollBehavior: {
@@ -123,7 +131,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
         dialog: "overflow-y-hidden"
       },
       inside: {
-        base: "max-h-[calc(100%_-_8rem)]",
+        base: "max-h-[calc(100%-8rem)]",
         body: "overflow-y-auto",
         dialog: "overflow-y-hidden"
       },
@@ -143,6 +151,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
       }
     },
     // Animations
+    // Zoom base
     {
       isEntering: true,
       animation: "zoom",
@@ -157,16 +166,46 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
         base: "motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out"
       }
     },
+    // Slide base
+    {
+      isEntering: true,
+      animation: "slide-end",
+      class: {
+        base: "animate-slide-end"
+      }
+    },
+    {
+      isExiting: true,
+      animation: "slide-end",
+      class: {
+        base: "animate-slide-end direction-reverse ease-in"
+      }
+    },
+    {
+      isEntering: true,
+      animation: "slide-start",
+      class: {
+        base: "animate-slide-start duration-initial"
+      }
+    },
+    {
+      isExiting: true,
+      animation: "slide-start",
+      class: {
+        base: "animate-slide-start direction-reverse ease-in"
+      }
+    },
+    // Overlay
     {
       isEntering: true,
-      animation: ["fade", "zoom"],
+      animation: ["fade", "zoom", "slide-start", "slide-end"],
       class: {
         overlay: "motion-safe:animate-in motion-safe:fade-in duration-200 ease-out"
       }
     },
     {
       isExiting: true,
-      animation: ["fade", "zoom"],
+      animation: ["fade", "zoom", "slide-start", "slide-end"],
       class: {
         overlay: "motion-safe:animate-out motion-safe:fade-out duration-200 ease-in"
       }
@@ -184,4 +223,4 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.modalStyles = modalStyles;
-//# sourceMappingURL=chunk-Q2U5WYZI.js.map
+//# sourceMappingURL=chunk-F5D7OEF3.js.map

package/dist/chunk-F5D7OEF3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-F5D7OEF3.js","../src/components/modal.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-F5D7OEF3.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const modalStyles = tv({\n  slots: {\n    base: \"bg-base-canvas-default relative z-50 mx-1 my-1 box-border flex w-full max-w-md flex-col rounded-2xl border border-black/10 bg-clip-padding text-left align-middle text-slate-700 shadow-md outline-none sm:mx-6 sm:my-16 dark:border-white/10 dark:bg-zinc-800/70 dark:text-zinc-300 dark:backdrop-blur-2xl dark:backdrop-saturate-200 forced-colors:bg-[Canvas]\",\n    overlay:\n      \"fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center\",\n    dialog: \"flex h-full flex-col outline-none\",\n    header: \"flex flex-initial px-6 py-4 text-start\",\n    body: \"flex flex-1 flex-col gap-3 px-6 py-2 text-start\",\n    footer: \"flex flex-row justify-end gap-2 px-6 py-4\",\n    closeButton: [\n      \"absolute end-1 top-1 appearance-none p-2 outline-none select-none\",\n      ...focusVisibleClasses,\n    ],\n  },\n  variants: {\n    animation: {\n      none: {},\n      fade: {},\n      zoom: {},\n      \"slide-end\": {},\n      \"slide-start\": {},\n    },\n    placement: {\n      auto: {\n        overlay: \"items-end sm:items-center\",\n      },\n      center: {\n        overlay: \"items-center sm:items-center\",\n      },\n      top: {\n        overlay: \"items-start sm:items-start\",\n      },\n      \"top-center\": {\n        overlay: \"items-start sm:items-center\",\n      },\n      bottom: {\n        overlay: \"items-end sm:items-end\",\n      },\n      \"bottom-center\": {\n        overlay: \"items-end sm:items-center\",\n      },\n      end: {\n        overlay: \"justify-end sm:justify-end\",\n      },\n      start: {\n        overlay: \"justify-start sm:justify-start\",\n      },\n    },\n    radius: {\n      none: { base: \"rounded-none\" },\n      sm: { base: \"rounded-sm\" },\n      md: { base: \"rounded-md\" },\n      lg: { base: \"rounded-lg\" },\n    },\n    overlay: {\n      transparent: {\n        overlay: \"bg-transparent\",\n      },\n      blur: {\n        overlay: \"bg-base-canvas-overlay backdrop-blur-md\",\n      },\n      opaque: {\n        overlay: \"bg-base-canvas-overlay\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"max-w-xs\",\n      },\n      sm: {\n        base: \"max-w-sm\",\n      },\n      md: {\n        base: \"max-w-md\",\n      },\n      lg: {\n        base: \"max-w-lg\",\n      },\n      xl: {\n        base: \"max-w-xl\",\n      },\n      \"2xl\": {\n        base: \"max-w-2xl\",\n      },\n      \"3xl\": {\n        base: \"max-w-3xl\",\n      },\n      \"4xl\": {\n        base: \"max-w-4xl\",\n      },\n      \"5xl\": {\n        base: \"max-w-5xl\",\n      },\n      desktop: {\n        base: \"max-w-170\",\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n      },\n      mobile: {\n        base: \"max-w-78\",\n        header: \"prose-h5\",\n        body: \"prose-body-2\",\n      },\n      full: {\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n        dialog: \"flex-1\",\n        base: \"mx-0 my-0 min-h-dvh max-w-full rounded-none! sm:mx-0 sm:my-0\",\n      },\n    },\n    scrollBehavior: {\n      normal: {\n        overlay: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      inside: {\n        base: \"max-h-[calc(100%-8rem)]\",\n        body: \"overflow-y-auto\",\n        dialog: \"overflow-y-hidden\",\n      },\n      outside: {\n        overlay: \"items-start overflow-y-auto sm:items-start\",\n        base: \"my-16\",\n      },\n    },\n  },\n  compoundVariants: [\n    // Special affordance for full screen modals to align to top and allow scrolling\n    {\n      size: \"full\",\n      scrollBehavior: \"normal\",\n      class: {\n        overlay: \"overflow-y-auto\",\n      },\n    },\n    // Animations\n    // Zoom base\n    {\n      isEntering: true,\n      animation: \"zoom\",\n      class: {\n        base: \"animate-in zoom-in-105 duration-200 ease-in\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"zoom\",\n      class: {\n        base: \"motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out\",\n      },\n    },\n    // Slide base\n    {\n      isEntering: true,\n      animation: \"slide-end\",\n      class: {\n        base: \"animate-slide-end\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"slide-end\",\n      class: {\n        base: \"animate-slide-end direction-reverse ease-in\",\n      },\n    },\n    {\n      isEntering: true,\n      animation: \"slide-start\",\n      class: {\n        base: \"animate-slide-start duration-initial\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: \"slide-start\",\n      class: {\n        base: \"animate-slide-start direction-reverse ease-in\",\n      },\n    },\n    // Overlay\n    {\n      isEntering: true,\n      animation: [\"fade\", \"zoom\", \"slide-start\", \"slide-end\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-in motion-safe:fade-in duration-200 ease-out\",\n      },\n    },\n    {\n      isExiting: true,\n      animation: [\"fade\", \"zoom\", \"slide-start\", \"slide-end\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n      },\n    },\n  ],\n  defaultVariants: {\n    overlay: \"opaque\",\n    size: \"desktop\",\n    radius: \"sm\",\n    scrollBehavior: \"normal\",\n    animation: \"zoom\",\n  },\n})\n\nexport type ModalVariantProps = VariantProps<typeof modalStyles>\nexport type ModalSlots = keyof ReturnType<typeof modalStyles>\n"]}

package/dist/chunk-MELBOOCQ.js

@@ -0,0 +1 @@
+"use strict";//# sourceMappingURL=chunk-MELBOOCQ.js.map

package/dist/{chunk-5WG3CSN5.js.map → chunk-MELBOOCQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5WG3CSN5.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5WG3CSN5.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MELBOOCQ.js"],"names":[],"mappings":"AAAA","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MELBOOCQ.js"}

package/dist/chunk-PH4VUUBY.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-PH4VUUBY.mjs.map

package/dist/chunk-QBNBNIH6.js

@@ -0,0 +1,19 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/breadcrumbs.ts
+var breadcrumbsStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "flex flex-wrap gap-1",
+    crumb: "flex items-center gap-1 whitespace-pre",
+    link: "disabled:text-base-content-default inline-flex items-center justify-center [&>svg]:h-[1em]",
+    separator: "text-interaction-support-disabled-content inline-flex h-[1em] w-fit items-center justify-center leading-none",
+    ellipsisTrigger: ""
+  }
+});
+
+
+
+exports.breadcrumbsStyles = breadcrumbsStyles;
+//# sourceMappingURL=chunk-QBNBNIH6.js.map

package/dist/chunk-QBNBNIH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-QBNBNIH6.js","../src/components/breadcrumbs.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,sBAAA;AAAA,IACN,KAAA,EAAO,wCAAA;AAAA,IACP,IAAA,EAAM,4FAAA;AAAA,IACN,SAAA,EACE,8GAAA;AAAA,IACF,eAAA,EAAiB;AAAA,EACnB;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-QBNBNIH6.js","sourcesContent":[null,"import { tv } from \"../utils/tv\"\n\nexport const breadcrumbsStyles = tv({\n  slots: {\n    base: \"flex flex-wrap gap-1\",\n    crumb: \"flex items-center gap-1 whitespace-pre\",\n    link: \"disabled:text-base-content-default inline-flex items-center justify-center [&>svg]:h-[1em]\",\n    separator:\n      \"text-interaction-support-disabled-content inline-flex h-[1em] w-fit items-center justify-center leading-none\",\n    ellipsisTrigger: \"\",\n  },\n})\n\nexport type BreadcrumbsSlots = keyof ReturnType<typeof breadcrumbsStyles>\n"]}

package/dist/chunk-QIGAUVYY.mjs

@@ -0,0 +1,19 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/breadcrumbs.ts
+var breadcrumbsStyles = tv({
+  slots: {
+    base: "flex flex-wrap gap-1",
+    crumb: "flex items-center gap-1 whitespace-pre",
+    link: "disabled:text-base-content-default inline-flex items-center justify-center [&>svg]:h-[1em]",
+    separator: "text-interaction-support-disabled-content inline-flex h-[1em] w-fit items-center justify-center leading-none",
+    ellipsisTrigger: ""
+  }
+});
+
+export {
+  breadcrumbsStyles
+};
+//# sourceMappingURL=chunk-QIGAUVYY.mjs.map

package/dist/chunk-QIGAUVYY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/breadcrumbs.ts"],"sourcesContent":["import { tv } from \"../utils/tv\"\n\nexport const breadcrumbsStyles = tv({\n  slots: {\n    base: \"flex flex-wrap gap-1\",\n    crumb: \"flex items-center gap-1 whitespace-pre\",\n    link: \"disabled:text-base-content-default inline-flex items-center justify-center [&>svg]:h-[1em]\",\n    separator:\n      \"text-interaction-support-disabled-content inline-flex h-[1em] w-fit items-center justify-center leading-none\",\n    ellipsisTrigger: \"\",\n  },\n})\n\nexport type BreadcrumbsSlots = keyof ReturnType<typeof breadcrumbsStyles>\n"],"mappings":";;;;;AAEO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,IACN,WACE;AAAA,IACF,iBAAiB;AAAA,EACnB;AACF,CAAC;","names":[]}

package/dist/{chunk-XJ43QIS4.js → chunk-VY64AMMQ.js}

@@ -12,7 +12,7 @@ var spinnerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
       "w-full",
       "h-full",
       "rounded-full",
-      "animate-spinner-ease-spin",
+      "animate-spinner ease-default repeat-infinite",
       "border-2",
       "border-solid",
       "border-t-transparent",
@@ -25,7 +25,7 @@ var spinnerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
       "h-full",
       "rounded-full",
       "opacity-75",
-      "animate-spinner-linear-spin",
+      "animate-spinner repeat-infinite ease-linear",
       "border-2",
       "border-dotted",
       "border-t-transparent",
@@ -76,4 +76,4 @@ var spinnerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.spinnerStyles = spinnerStyles;
-//# sourceMappingURL=chunk-XJ43QIS4.js.map
+//# sourceMappingURL=chunk-VY64AMMQ.js.map

package/dist/{chunk-XJ43QIS4.js.map → chunk-VY64AMMQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-XJ43QIS4.js","../src/components/spinner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACIO,IAAM,cAAA,EAAgB,iCAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,iEAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,2BAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAA;AAAA,MACA,sBAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,6BAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,MACA,sBAAA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,kBAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-XJ43QIS4.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n  slots: {\n    base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n    wrapper: \"relative flex\",\n    circle1: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"animate-spinner-ease-spin\",\n      \"border-2\",\n      \"border-solid\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n    circle2: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"opacity-75\",\n      \"animate-spinner-linear-spin\",\n      \"border-2\",\n      \"border-dotted\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n  },\n  variants: {\n    size: {\n      xs: {\n        wrapper: \"h-4 w-4\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      sm: {\n        wrapper: \"h-5 w-5\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      md: {\n        wrapper: \"h-8 w-8\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n      lg: {\n        wrapper: \"h-10 w-10\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n    },\n    color: {\n      current: {\n        circle1: \"border-b-current\",\n        circle2: \"border-b-current\",\n      },\n      white: {\n        circle1: \"border-b-white\",\n        circle2: \"border-b-white\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"current\",\n  },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-VY64AMMQ.js","../src/components/spinner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACIO,IAAM,cAAA,EAAgB,iCAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,iEAAA;AAAA,IACN,OAAA,EAAS,eAAA;AAAA,IACT,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,8CAAA;AAAA,MACA,UAAA;AAAA,MACA,cAAA;AAAA,MACA,sBAAA;AAAA,MACA,sBAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,UAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,YAAA;AAAA,MACA,6CAAA;AAAA,MACA,UAAA;AAAA,MACA,eAAA;AAAA,MACA,sBAAA;AAAA,MACA,sBAAA;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,SAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,OAAA,EAAS,WAAA;AAAA,QACT,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,kBAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-VY64AMMQ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Add more color schemes\n\nexport const spinnerStyles = tv({\n  slots: {\n    base: \"relative inline-flex flex-col items-center justify-center gap-2\",\n    wrapper: \"relative flex\",\n    circle1: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"animate-spinner ease-default repeat-infinite\",\n      \"border-2\",\n      \"border-solid\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n    circle2: [\n      \"absolute\",\n      \"w-full\",\n      \"h-full\",\n      \"rounded-full\",\n      \"opacity-75\",\n      \"animate-spinner repeat-infinite ease-linear\",\n      \"border-2\",\n      \"border-dotted\",\n      \"border-t-transparent\",\n      \"border-l-transparent\",\n      \"border-r-transparent\",\n    ],\n  },\n  variants: {\n    size: {\n      xs: {\n        wrapper: \"h-4 w-4\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      sm: {\n        wrapper: \"h-5 w-5\",\n        circle1: \"border-2\",\n        circle2: \"border-2\",\n      },\n      md: {\n        wrapper: \"h-8 w-8\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n      lg: {\n        wrapper: \"h-10 w-10\",\n        circle1: \"border-3\",\n        circle2: \"border-3\",\n      },\n    },\n    color: {\n      current: {\n        circle1: \"border-b-current\",\n        circle2: \"border-b-current\",\n      },\n      white: {\n        circle1: \"border-b-white\",\n        circle2: \"border-b-white\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    color: \"current\",\n  },\n})\n\nexport type SpinnerVariantProps = VariantProps<typeof spinnerStyles>\nexport type SpinnerSlots = keyof ReturnType<typeof spinnerStyles>\n"]}

package/dist/components/accordion.js

@@ -2,9 +2,9 @@
 
 var _chunkK3HXIECNjs = require('../chunk-K3HXIECN.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-O3I4FUFD.js');
 require('../chunk-ZIQLHX3U.js');
 require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');

package/dist/components/accordion.mjs

@@ -2,9 +2,9 @@ import {
   accordionStyles
 } from "../chunk-O6JQ54CB.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-HAUMMW6T.mjs";
 import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";

package/dist/components/badge.js

@@ -4,9 +4,9 @@
 var _chunkQ3HLBDZTjs = require('../chunk-Q3HLBDZT.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-O3I4FUFD.js');
 require('../chunk-ZIQLHX3U.js');
 require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');

package/dist/components/badge.mjs

@@ -4,9 +4,9 @@ import {
 } from "../chunk-J43XXSXH.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-HAUMMW6T.mjs";
 import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";

package/dist/components/breadcrumbs.d.mts

@@ -0,0 +1,55 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const breadcrumbsStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            crumb?: tailwind_merge.ClassNameValue;
+            ellipsisTrigger?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            crumb?: tailwind_merge.ClassNameValue;
+            ellipsisTrigger?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    crumb: string;
+    link: string;
+    separator: string;
+    ellipsisTrigger: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            crumb?: tailwind_merge.ClassNameValue;
+            ellipsisTrigger?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    crumb: string;
+    link: string;
+    separator: string;
+    ellipsisTrigger: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    crumb: string;
+    link: string;
+    separator: string;
+    ellipsisTrigger: string;
+}, undefined, unknown, unknown, undefined>>;
+type BreadcrumbsSlots = keyof ReturnType<typeof breadcrumbsStyles>;
+
+export { type BreadcrumbsSlots, breadcrumbsStyles };

package/dist/components/breadcrumbs.d.ts

@@ -0,0 +1,55 @@
+import * as tailwind_variants from 'tailwind-variants';
+import * as tailwind_merge from 'tailwind-merge';
+
+declare const breadcrumbsStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            crumb?: tailwind_merge.ClassNameValue;
+            ellipsisTrigger?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            crumb?: tailwind_merge.ClassNameValue;
+            ellipsisTrigger?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    crumb: string;
+    link: string;
+    separator: string;
+    ellipsisTrigger: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            link?: tailwind_merge.ClassNameValue;
+            base?: tailwind_merge.ClassNameValue;
+            separator?: tailwind_merge.ClassNameValue;
+            crumb?: tailwind_merge.ClassNameValue;
+            ellipsisTrigger?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    crumb: string;
+    link: string;
+    separator: string;
+    ellipsisTrigger: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    crumb: string;
+    link: string;
+    separator: string;
+    ellipsisTrigger: string;
+}, undefined, unknown, unknown, undefined>>;
+type BreadcrumbsSlots = keyof ReturnType<typeof breadcrumbsStyles>;
+
+export { type BreadcrumbsSlots, breadcrumbsStyles };

package/dist/components/breadcrumbs.js

@@ -0,0 +1,9 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkQBNBNIH6js = require('../chunk-QBNBNIH6.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+exports.breadcrumbsStyles = _chunkQBNBNIH6js.breadcrumbsStyles;
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/breadcrumbs.js"],"names":[],"mappings":"AAAA;AACE;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,+DAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/breadcrumbs.js"}

package/dist/components/breadcrumbs.mjs

@@ -0,0 +1,9 @@
+import {
+  breadcrumbsStyles
+} from "../chunk-QIGAUVYY.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  breadcrumbsStyles
+};
+//# sourceMappingURL=breadcrumbs.mjs.map

package/dist/components/breadcrumbs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/button.js

@@ -3,9 +3,9 @@
 var _chunk4RROWABZjs = require('../chunk-4RROWABZ.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
 require('../chunk-2LTV7VB5.js');
-require('../chunk-O3I4FUFD.js');
 require('../chunk-ZIQLHX3U.js');
 require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');

package/dist/components/button.mjs

@@ -3,9 +3,9 @@ import {
 } from "../chunk-6N2TN2X4.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
 import "../chunk-XTHC46M2.mjs";
-import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-HAUMMW6T.mjs";
 import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";