@opengovsg/oui-theme 0.0.43 → 0.0.45

package/dist/{chunk-OTTXATHZ.mjs → chunk-4EBHRWLK.mjs}

@@ -1,9 +1,9 @@
-import {
-  focusVisibleClasses
-} from "./chunk-5T7MRJOK.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  focusVisibleClasses
+} from "./chunk-5T7MRJOK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -33,4 +33,4 @@ var govtBannerStyles = tv({
 export {
   govtBannerStyles
 };
-//# sourceMappingURL=chunk-OTTXATHZ.mjs.map
+//# sourceMappingURL=chunk-4EBHRWLK.mjs.map

package/dist/{chunk-EB32WBTO.js → chunk-67CSB56L.js}

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -33,4 +33,4 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.govtBannerStyles = govtBannerStyles;
-//# sourceMappingURL=chunk-EB32WBTO.js.map
+//# sourceMappingURL=chunk-67CSB56L.js.map

package/dist/{chunk-EB32WBTO.js.map → chunk-67CSB56L.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EB32WBTO.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-EB32WBTO.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-67CSB56L.js","../src/components/govt-banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACLO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,MAAA,EAAQ,uDAAA;AAAA,IACR,oBAAA,EAAsB,sCAAA;AAAA,IACtB,KAAA,EACE,oFAAA;AAAA,IACF,WAAA,EAAa,2CAAA;AAAA,IACb,IAAA,EAAM,+CAAA;AAAA,IACN,cAAA,EAAgB,iCAAA;AAAA,MACd,gEAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EACE,iFAAA;AAAA,IACF,UAAA,EAAY,4BAAA;AAAA,IACZ,YAAA,EAAc,kCAAA;AAAA,IACd,SAAA,EACE,sEAAA;AAAA,IACF,OAAA,EACE,sEAAA;AAAA,IACF,UAAA,EAAY,+DAAA;AAAA,IACZ,WAAA,EAAa;AAAA,EACf;AACF,CAAC,CAAA;ADGD;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-67CSB56L.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"]}

package/dist/chunk-AP5AVQWY.mjs

@@ -0,0 +1,113 @@
+import {
+  focusVisibleClasses
+} from "./chunk-5T7MRJOK.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/sidebar.ts
+var sidebarStyles = tv({
+  slots: {
+    base: "w-full",
+    ul: "flex flex-col",
+    item: [
+      "group/item text-base-content-default hover:text-interaction-main-default selected:text-interaction-main-default inline-flex w-full cursor-pointer flex-row items-center transition",
+      ...focusVisibleClasses,
+      "-outline-offset-2"
+    ],
+    section: "group/section w-full",
+    header: "text-base-content-strong inline-flex items-center",
+    headerLi: "",
+    list: "",
+    label: [
+      "group-expanded/item:text-interaction-main-default inline-flex flex-1 items-center text-start transition [&>svg]:shrink-0",
+      ...focusVisibleClasses,
+      "-outline-offset-2"
+    ],
+    nestedPanel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
+    chevron: "shrink-0 transition-transform",
+    chevronContainer: "flex min-w-auto items-center justify-center"
+  },
+  variants: {
+    variant: {},
+    size: {
+      sm: {
+        base: "",
+        header: "prose-subhead-3 px-4 py-2",
+        item: "prose-subhead-2 gap-3",
+        label: "gap-3 px-4 py-3 [&>svg]:size-5",
+        chevron: "size-5",
+        chevronContainer: "p-3"
+      },
+      md: {
+        base: "",
+        header: "prose-subhead-3 px-4 py-2",
+        item: "prose-subhead-1 gap-3",
+        label: "gap-3 p-4 [&>svg]:size-6",
+        chevron: "size-6",
+        chevronContainer: "p-3"
+      }
+    },
+    isExpanded: {
+      true: {
+        chevron: "rotate-180"
+      }
+    },
+    isDisabled: {
+      true: {}
+    },
+    isCollapsed: {
+      true: {
+        base: "w-(--sidebar-collapsed-width) overflow-hidden",
+        header: "hidden",
+        nestedPanel: "h-0! overflow-hidden"
+      }
+    },
+    isNested: {
+      true: {
+        ul: "pl-7",
+        item: "ml-px",
+        label: "group-selected/item:border-l-2 group-selected/item:-ml-px group-expanded/item:-ml-px group-selected/item:border-interaction-main-default group-expanded/item:border-interaction-main-default border-base-divider-medium group-expanded/item:border-l-2 border-l pl-6"
+      },
+      false: {
+        item: "selected:bg-interaction-muted-main-active rounded-sm",
+        label: "rounded-sm"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      isCollapsed: true,
+      className: {
+        base: "[--sidebar-collapsed-width:44px]",
+        ul: "gap-2 p-1",
+        label: "flex items-center justify-center p-2"
+      }
+    },
+    {
+      size: "md",
+      isCollapsed: true,
+      className: {
+        base: "[--sidebar-collapsed-width:56px]",
+        ul: "gap-2 p-1",
+        label: "flex items-center justify-center p-3"
+      }
+    },
+    {
+      isExpanded: true,
+      isNested: false,
+      className: {
+        item: "bg-interaction-muted-main-active text-interaction-main-default"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  sidebarStyles
+};
+//# sourceMappingURL=chunk-AP5AVQWY.mjs.map

package/dist/chunk-AP5AVQWY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sidebar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const sidebarStyles = tv({\n  slots: {\n    base: \"w-full\",\n    ul: \"flex flex-col\",\n    item: [\n      \"group/item text-base-content-default hover:text-interaction-main-default selected:text-interaction-main-default inline-flex w-full cursor-pointer flex-row items-center transition\",\n      ...focusVisibleClasses,\n      \"-outline-offset-2\",\n    ],\n    section: \"group/section w-full\",\n    header: \"text-base-content-strong inline-flex items-center\",\n    headerLi: \"\",\n    list: \"\",\n    label: [\n      \"group-expanded/item:text-interaction-main-default inline-flex flex-1 items-center text-start transition [&>svg]:shrink-0\",\n      ...focusVisibleClasses,\n      \"-outline-offset-2\",\n    ],\n    nestedPanel:\n      \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n    chevron: \"shrink-0 transition-transform\",\n    chevronContainer: \"flex min-w-auto items-center justify-center\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      sm: {\n        base: \"\",\n        header: \"prose-subhead-3 px-4 py-2\",\n        item: \"prose-subhead-2 gap-3\",\n        label: \"gap-3 px-4 py-3 [&>svg]:size-5\",\n        chevron: \"size-5\",\n        chevronContainer: \"p-3\",\n      },\n      md: {\n        base: \"\",\n        header: \"prose-subhead-3 px-4 py-2\",\n        item: \"prose-subhead-1 gap-3\",\n        label: \"gap-3 p-4 [&>svg]:size-6\",\n        chevron: \"size-6\",\n        chevronContainer: \"p-3\",\n      },\n    },\n    isExpanded: {\n      true: {\n        chevron: \"rotate-180\",\n      },\n    },\n    isDisabled: {\n      true: {},\n    },\n    isCollapsed: {\n      true: {\n        base: \"w-(--sidebar-collapsed-width) overflow-hidden\",\n        header: \"hidden\",\n        nestedPanel: \"h-0! overflow-hidden\",\n      },\n    },\n    isNested: {\n      true: {\n        ul: \"pl-7\",\n        item: \"ml-px\",\n        label:\n          \"group-selected/item:border-l-2 group-selected/item:-ml-px group-expanded/item:-ml-px group-selected/item:border-interaction-main-default group-expanded/item:border-interaction-main-default border-base-divider-medium group-expanded/item:border-l-2 border-l pl-6\",\n      },\n      false: {\n        item: \"selected:bg-interaction-muted-main-active rounded-sm\",\n        label: \"rounded-sm\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      isCollapsed: true,\n      className: {\n        base: \"[--sidebar-collapsed-width:44px]\",\n        ul: \"gap-2 p-1\",\n        label: \"flex items-center justify-center p-2\",\n      },\n    },\n    {\n      size: \"md\",\n      isCollapsed: true,\n      className: {\n        base: \"[--sidebar-collapsed-width:56px]\",\n        ul: \"gap-2 p-1\",\n        label: \"flex items-center justify-center p-3\",\n      },\n    },\n    {\n      isExpanded: true,\n      isNested: false,\n      className: {\n        item: \"bg-interaction-muted-main-active text-interaction-main-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type SidebarVariantProps = VariantProps<typeof sidebarStyles>\nexport type SidebarSlots = keyof ReturnType<typeof sidebarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,gBAAgB,GAAG;AAAA,EAC9B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,IAAI;AAAA,IACJ,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OAAO;AAAA,MACL;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,aACE;AAAA,IACF,SAAS;AAAA,IACT,kBAAkB;AAAA,EACpB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,QACT,kBAAkB;AAAA,MACpB;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,QACP,SAAS;AAAA,QACT,kBAAkB;AAAA,MACpB;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM,CAAC;AAAA,IACT;AAAA,IACA,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,MACf;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,OACE;AAAA,MACJ;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,QACT,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

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-BIKIWF22.js

@@ -0,0 +1,60 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/tooltip.ts
+var tooltipStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "group prose-body-2 box-border will-change-transform",
+    arrow: "group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]"
+  },
+  variants: {
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      default: {
+        base: "rounded"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    isEntering: {
+      true: {
+        base: "animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 duration-200 ease-out"
+      }
+    },
+    isExiting: {
+      true: {
+        base: "animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 duration-150 ease-in"
+      }
+    },
+    variant: {
+      unstyled: {},
+      default: {
+        base: "bg-base-content-strong text-base-content-inverse border-base-content-strong border px-3 py-2",
+        arrow: "fill-base-content-strong stroke-base-content-strong"
+      }
+    },
+    size: {}
+  },
+  defaultVariants: {
+    variant: "default",
+    radius: "sm"
+  }
+});
+
+
+
+exports.tooltipStyles = tooltipStyles;
+//# sourceMappingURL=chunk-BIKIWF22.js.map

package/dist/chunk-BIKIWF22.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BIKIWF22.js","../src/components/tooltip.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,cAAA,EAAgB,iCAAA;AAAG,EAC9B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qDAAA;AAAA,IACN,KAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,CAAC,CAAA;AAAA,MACX,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,8FAAA;AAAA,QACN,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM,CAAC;AAAA,EACT,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,MAAA,EAAQ;AAAA,EACV;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,sCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BIKIWF22.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const tooltipStyles = tv({\n  slots: {\n    base: \"group prose-body-2 box-border will-change-transform\",\n    arrow:\n      \"group-placement-bottom:rotate-180 group-placement-left:-rotate-90 group-placement-right:rotate-90 block forced-colors:fill-[Canvas] forced-colors:stroke-[ButtonBorder]\",\n  },\n  variants: {\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      default: {\n        base: \"rounded\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n    isEntering: {\n      true: {\n        base: \"animate-in fade-in placement-bottom:slide-in-from-top-0.5 placement-top:slide-in-from-bottom-0.5 placement-left:slide-in-from-right-0.5 placement-right:slide-in-from-left-0.5 duration-200 ease-out\",\n      },\n    },\n    isExiting: {\n      true: {\n        base: \"animate-out fade-out placement-bottom:slide-out-to-top-0.5 placement-top:slide-out-to-bottom-0.5 placement-left:slide-out-to-right-0.5 placement-right:slide-out-to-left-0.5 duration-150 ease-in\",\n      },\n    },\n    variant: {\n      unstyled: {},\n      default: {\n        base: \"bg-base-content-strong text-base-content-inverse border-base-content-strong border px-3 py-2\",\n        arrow: \"fill-base-content-strong stroke-base-content-strong\",\n      },\n    },\n    size: {},\n  },\n  defaultVariants: {\n    variant: \"default\",\n    radius: \"sm\",\n  },\n})\n\nexport type TooltipVariantProps = VariantProps<typeof tooltipStyles>\nexport type TooltipSlots = keyof ReturnType<typeof tooltipStyles>\n"]}

package/dist/{chunk-7ZJHWJNE.js → chunk-CEVZV4UI.js}

@@ -8,7 +8,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/link.ts
 var linkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   extend: _chunkQ2IC5MPBjs.racFocusRing,
-  base: "inline cursor-pointer *:inline",
+  base: "inline cursor-pointer outline-offset-4 transition [-webkit-tap-highlight-color:transparent] *:inline hover:underline disabled:cursor-default disabled:no-underline",
   variants: {
     color: {
       unstyled: "",
@@ -31,7 +31,7 @@ var linkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   compoundVariants: [
     {
       color: ["default", "neutral"],
-      className: "disabled:text-interaction-support-disabled-content outline-offset-4 transition [-webkit-tap-highlight-color:transparent] hover:underline disabled:cursor-default disabled:no-underline"
+      className: "disabled:text-interaction-support-disabled-content"
     }
   ]
 });
@@ -39,4 +39,4 @@ var linkStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.linkStyles = linkStyles;
-//# sourceMappingURL=chunk-7ZJHWJNE.js.map
+//# sourceMappingURL=chunk-CEVZV4UI.js.map

package/dist/chunk-CEVZV4UI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CEVZV4UI.js","../src/components/link.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,WAAA,EAAa,iCAAA;AAAG,EAC3B,MAAA,EAAQ,6BAAA;AAAA,EACR,IAAA,EAAM,oKAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,QAAA,EAAU,EAAA;AAAA,MACV,OAAA,EACE,mEAAA;AAAA,MACF,OAAA,EACE;AAAA,IACJ,CAAA;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,IAAA,EAAM,cAAA;AAAA,MACN,EAAA,EAAI,YAAA;AAAA,MACJ,OAAA,EAAS,SAAA;AAAA,MACT,EAAA,EAAI,YAAA;AAAA,MACJ,EAAA,EAAI,YAAA;AAAA,MACJ,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAA;AAAA,IACP,MAAA,EAAQ;AAAA,EACV,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,CAAC,SAAA,EAAW,SAAS,CAAA;AAAA,MAC5B,SAAA,EAAW;AAAA,IACb;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,gCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CEVZV4UI.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { racFocusRing } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const linkStyles = tv({\n  extend: racFocusRing,\n  base: \"inline cursor-pointer outline-offset-4 transition [-webkit-tap-highlight-color:transparent] *:inline hover:underline disabled:cursor-default disabled:no-underline\",\n  variants: {\n    color: {\n      unstyled: \"\",\n      default:\n        \"text-interaction-links-default hover:text-interaction-links-hover\",\n      neutral:\n        \"text-interaction-links-neutral-default hover:text-interaction-links-neutral-hover\",\n    },\n    radius: {\n      none: \"rounded-none\",\n      sm: \"rounded-sm\",\n      default: \"rounded\",\n      md: \"rounded-md\",\n      lg: \"rounded-lg\",\n      full: \"rounded-full\",\n    },\n  },\n  defaultVariants: {\n    color: \"default\",\n    radius: \"sm\",\n  },\n  compoundVariants: [\n    {\n      color: [\"default\", \"neutral\"],\n      className: \"disabled:text-interaction-support-disabled-content\",\n    },\n  ],\n})\n\nexport type LinkVariantProps = VariantProps<typeof linkStyles>\n"]}

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-4YDU3Y66.mjs → chunk-FKMWPW55.mjs}

@@ -1,9 +1,9 @@
-import {
-  groupFocusVisibleClasses
-} from "./chunk-5T7MRJOK.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
+import {
+  groupFocusVisibleClasses
+} from "./chunk-5T7MRJOK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -54,4 +54,4 @@ var toggleStyles = tv({
 export {
   toggleStyles
 };
-//# sourceMappingURL=chunk-4YDU3Y66.mjs.map
+//# sourceMappingURL=chunk-FKMWPW55.mjs.map