@opengovsg/oui-theme 0.0.24 → 0.0.26

package/dist/chunk-2YXJ6PIO.mjs

@@ -0,0 +1,187 @@
+import {
+  focusVisibleClasses
+} from "./chunk-K3WA7SIJ.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/modal.ts
+var modalStyles = tv({
+  slots: {
+    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]",
+    overlay: "fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center",
+    dialog: "flex h-full flex-col outline-none",
+    header: "flex flex-initial px-6 py-4 text-start",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2 text-start",
+    footer: "flex flex-row justify-end gap-2 px-6 py-4",
+    closeButton: [
+      "absolute end-1 top-1 appearance-none p-2 outline-none select-none",
+      ...focusVisibleClasses
+    ]
+  },
+  variants: {
+    animation: {
+      none: {},
+      fade: {},
+      zoom: {}
+    },
+    placement: {
+      auto: {
+        overlay: "items-end sm:items-center"
+      },
+      center: {
+        overlay: "items-center sm:items-center"
+      },
+      top: {
+        overlay: "items-start sm:items-start"
+      },
+      "top-center": {
+        overlay: "items-start sm:items-center"
+      },
+      bottom: {
+        overlay: "items-end sm:items-end"
+      },
+      "bottom-center": {
+        overlay: "items-end sm:items-center"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" }
+    },
+    overlay: {
+      transparent: {
+        overlay: "bg-transparent"
+      },
+      blur: {
+        overlay: "bg-base-canvas-overlay backdrop-blur-md"
+      },
+      opaque: {
+        overlay: "bg-base-canvas-overlay"
+      }
+    },
+    isEntering: {
+      true: {
+        base: ""
+      }
+    },
+    isExiting: {
+      true: {
+        base: ""
+      }
+    },
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      desktop: {
+        base: "max-w-[680px]",
+        header: "prose-h4",
+        body: "prose-body-2"
+      },
+      mobile: {
+        base: "max-w-[312px]",
+        header: "prose-h5",
+        body: "prose-body-2"
+      },
+      full: {
+        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"
+      }
+    },
+    scrollBehavior: {
+      normal: {
+        overlay: "overflow-y-auto",
+        dialog: "overflow-y-hidden"
+      },
+      inside: {
+        base: "max-h-[calc(100%_-_8rem)]",
+        body: "overflow-y-auto",
+        dialog: "overflow-y-hidden"
+      },
+      outside: {
+        overlay: "items-start overflow-y-auto sm:items-start",
+        base: "my-16"
+      }
+    }
+  },
+  compoundVariants: [
+    // Special affordance for full screen modals to align to top and allow scrolling
+    {
+      size: "full",
+      scrollBehavior: "normal",
+      class: {
+        overlay: "overflow-y-auto"
+      }
+    },
+    // Animations
+    {
+      isEntering: true,
+      animation: "zoom",
+      class: {
+        base: "animate-in zoom-in-105 duration-200 ease-in"
+      }
+    },
+    {
+      isExiting: true,
+      animation: "zoom",
+      class: {
+        base: "motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out"
+      }
+    },
+    {
+      isEntering: true,
+      animation: ["fade", "zoom"],
+      class: {
+        overlay: "motion-safe:animate-in motion-safe:fade-in duration-200 ease-out"
+      }
+    },
+    {
+      isExiting: true,
+      animation: ["fade", "zoom"],
+      class: {
+        overlay: "motion-safe:animate-out motion-safe:fade-out duration-200 ease-in"
+      }
+    }
+  ],
+  defaultVariants: {
+    overlay: "blur",
+    size: "desktop",
+    radius: "sm",
+    scrollBehavior: "normal",
+    animation: "zoom"
+  }
+});
+
+export {
+  modalStyles
+};
+//# sourceMappingURL=chunk-2YXJ6PIO.mjs.map

package/dist/chunk-2YXJ6PIO.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    },\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    },\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-[680px]\",\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n      },\n      mobile: {\n        base: \"max-w-[312px]\",\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-[100dvh] 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    {\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    {\n      isEntering: true,\n      animation: [\"fade\", \"zoom\"],\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\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n      },\n    },\n  ],\n  defaultVariants: {\n    overlay: \"blur\",\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-HPU33ACF.js → chunk-3APYYRQP.js}

@@ -9,7 +9,7 @@ var fileDropzoneStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     icon: "",
     text: "text-center",
     group: "group/dropzone rounded-sm outline-transparent transition-colors focus-visible:outline-none",
-    dropzone: "group-focus-within/dropzone:border-focus-ring! group-focus-within/dropzone:outline-focus-ring outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed",
+    dropzone: "group-focus-within/dropzone:border-utility-focus-default! group-focus-within/dropzone:outline-utility-focus-default outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed",
     dropzoneHighlight: "text-interaction-links-default group-disabled:text-base-content-disabled underline group-disabled:text-inherit"
   },
   variants: {
@@ -120,4 +120,4 @@ var fileInfoDropzoneStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.fileDropzoneStyles = fileDropzoneStyles; exports.fileInfoDropzoneStyles = fileInfoDropzoneStyles;
-//# sourceMappingURL=chunk-HPU33ACF.js.map
+//# sourceMappingURL=chunk-3APYYRQP.js.map

package/dist/chunk-3APYYRQP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3APYYRQP.js","../src/components/file-dropzone.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3APYYRQP.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const fileDropzoneStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col items-stretch gap-2\",\n    icon: \"\",\n    text: \"text-center\",\n    group:\n      \"group/dropzone rounded-sm outline-transparent transition-colors focus-visible:outline-none\",\n    dropzone:\n      \"group-focus-within/dropzone:border-utility-focus-default! group-focus-within/dropzone:outline-utility-focus-default outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed\",\n    dropzoneHighlight:\n      \"text-interaction-links-default group-disabled:text-base-content-disabled underline group-disabled:text-inherit\",\n  },\n  variants: {\n    variant: {\n      solid: {\n        dropzone:\n          \"text-base-content-default bg-interaction-main-subtle-default border-base-divider-strong dragging:border-base-divider-medium hover:border-base-divider-medium dragging:bg-interaction-main-subtle-active hover:bg-interaction-main-subtle-hover group-disabled:bg-interaction-support-disabled! group-disabled:border-base-divider-medium! group-disabled:text-interaction-support-disabled-content flex cursor-pointer flex-col items-center justify-center rounded-sm border border-dashed group-read-only:cursor-default\",\n      },\n    },\n    size: {\n      sm: {},\n      md: {},\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-2\",\n        dropzone: \"gap-1 px-12 py-14\",\n        icon: \"size-7\",\n      },\n    },\n    {\n      size: \"md\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-1\",\n        dropzone: \"gap-2 px-12 py-16\",\n        icon: \"size-14\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type FileDropzoneVariantProps = VariantProps<typeof fileDropzoneStyles>\nexport type FileDropzoneSlots = keyof ReturnType<typeof fileDropzoneStyles>\n\nexport const fileInfoDropzoneStyles = tv({\n  slots: {\n    base: \"border-base-divider-medium bg-interaction-main-subtle-default flex items-stretch overflow-hidden rounded-sm border\",\n    container: \"flex flex-1\",\n    textContainer:\n      \"text-base-content-default flex shrink grow flex-col items-start justify-center truncate\",\n    imageContainer:\n      \"inline-flex items-center justify-center overflow-hidden bg-white\",\n    image: \"object-contain\",\n    name: \"max-w-full truncate\",\n    size: \"text-base-content-medium\",\n    error: \"text-utility-feedback-critical\",\n    actionButton: \"ml-auto self-center\",\n  },\n  variants: {\n    variant: {\n      solid: {},\n    },\n    size: {\n      sm: {\n        base: \"min-h-14\",\n        container: \"gap-4 px-4\",\n        textContainer: \"prose-caption-1 min-h-14 gap-1\",\n        size: \"prose-caption-2\",\n        error: \"prose-caption-2\",\n      },\n      md: {\n        base: \"min-h-18\",\n        container: \"gap-4 px-4 py-3.5\",\n        textContainer: \"prose-subhead-1 h-full gap-1\",\n        size: \"prose-caption-1\",\n        error: \"prose-caption-1\",\n      },\n    },\n    imagePreview: {\n      small: {\n        image: \"p-1\",\n        imageContainer: \"border-base-divider-medium border-r\",\n      },\n      large: {\n        image: \"w-full p-1\",\n        base: \"flex-col\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-21\",\n        image: \"max-h-14 max-w-21\",\n      },\n    },\n    {\n      size: \"md\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-24\",\n        image: \"max-h-18 max-w-24\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    imagePreview: \"small\",\n    size: \"md\",\n  },\n})\n\nexport type FileInfoDropzoneVariantProps = VariantProps<\n  typeof fileInfoDropzoneStyles\n>\nexport type FileInfoDropzoneSlots = keyof ReturnType<\n  typeof fileInfoDropzoneStyles\n>\n"]}

package/dist/{chunk-VEUSDELD.js → chunk-3B24PIIW.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
@@ -18,7 +18,7 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     link: "text-[#2f5fd0] underline hover:text-[#4371d6]",
     identifyButton: _chunkZIQLHX3Ujs.cn.call(void 0, 
       "inline-flex cursor-pointer items-center rounded text-[#2f5fd0]",
-      _chunkPWPTVAILjs.focusVisibleClasses
+      _chunk5DZEJPPYjs.focusVisibleClasses
     ),
     panel: "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",
     panelGroup: "flex flex-1 gap-2 md:gap-4",
@@ -33,4 +33,4 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.govtBannerStyles = govtBannerStyles;
-//# sourceMappingURL=chunk-VEUSDELD.js.map
+//# sourceMappingURL=chunk-3B24PIIW.js.map

package/dist/{chunk-VEUSDELD.js.map → chunk-3B24PIIW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-VEUSDELD.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-VEUSDELD.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-3B24PIIW.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-3B24PIIW.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-MA67SUVH.js → chunk-57OCRZXH.js}

@@ -3,7 +3,7 @@
 var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
 
 
-var _chunkPWPTVAILjs = require('./chunk-PWPTVAIL.js');
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -219,7 +219,7 @@ var paginationStyles = _chunkUZONBJUXjs.tv.call(void 0, {
         "justify-center",
         "text-base-content-default",
         // focus ring
-        ..._chunkPWPTVAILjs.dataFocusVisibleClasses,
+        ..._chunk5DZEJPPYjs.dataFocusVisibleClasses,
         "outline-offset-0",
         // disabled
         "data-[disabled=true]:text-interaction-support-disabled-content",
@@ -329,4 +329,4 @@ var paginationStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.paginationStyles = paginationStyles;
-//# sourceMappingURL=chunk-MA67SUVH.js.map
+//# sourceMappingURL=chunk-57OCRZXH.js.map

package/dist/{chunk-MA67SUVH.js.map → chunk-57OCRZXH.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MA67SUVH.js","../src/components/pagination.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MA67SUVH.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { dataFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\n/**\n * Pagination wrapper **Tailwind Variants** component\n *\n * const {base, cursor, prev, next, item } = paginationStyles({...})\n *\n * @example\n * <ul className={base()} aria-label=\"pagination navigation\">\n *    <li className={cursor()} aria-hidden=\"true\">{active page}</li> // this marks the active page\n *    <li role=\"button\" className={prev()} aria-label=\"Go to previous page\" data-disabled=\"true\">Prev</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 1\" data-active=\"true\">1</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 2\">2</li>\n *    <li role=\"button\" className={item()} aria-hidden=\"true\">...</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 10\">10</li>\n *    <li role=\"button\" className={next()} aria-label=\"Go to next page\">Next</li>\n *  </ul>\n */\nexport const paginationStyles = tv({\n  slots: {\n    base: [\"p-2.5\", \"-m-2.5\", \"overflow-x-scroll\", \"scrollbar-hide\"],\n    wrapper: [\n      \"flex\",\n      \"flex-nowrap\",\n      \"h-fit\",\n      \"max-w-fit\",\n      \"relative\",\n      \"gap-1\",\n      \"items-center\",\n      \"overflow-visible\",\n    ],\n    item: [\n      \"tap-highlight-transparent\",\n      \"select-none\",\n      \"touch-none\",\n      \"transition\",\n    ],\n    prev: \"\",\n    next: \"\",\n    cursor: [\n      \"absolute\",\n      \"flex\",\n      \"overflow-visible\",\n      \"items-center\",\n      \"justify-center\",\n      \"origin-center\",\n      \"left-0\",\n      \"select-none\",\n      \"touch-none\",\n      \"pointer-events-none\",\n      \"z-20\",\n      \"text-standard-white\",\n    ],\n    forwardIcon: [\n      \"hidden\",\n      \"group-hover:block\",\n      \"group-data-[focus-visible=true]:block\",\n      \"data-[before=true]:rotate-180\",\n    ],\n    ellipsis: \"group-hover:hidden group-data-[focus-visible=true]:hidden\",\n    chevronNext: \"rotate-180\",\n  },\n  variants: {\n    variant: {\n      light: {\n        item: \"bg-transparent\",\n      },\n    },\n    color: {\n      main: {\n        cursor: colorVariants.solid.main,\n      },\n      neutral: {\n        cursor: colorVariants.solid.neutral,\n      },\n      success: {\n        cursor: colorVariants.solid.success,\n      },\n      warning: {\n        cursor: colorVariants.solid.warning,\n      },\n      critical: {\n        cursor: colorVariants.solid.critical,\n      },\n    },\n    size: {\n      sm: {\n        item: \"prose-body-2\",\n        cursor: \"prose-body-2\",\n      },\n      md: {\n        item: \"prose-body-2\",\n        cursor: \"prose-body-2\",\n      },\n      lg: {\n        item: \"prose-body-1\",\n        cursor: \"prose-body-1\",\n      },\n    },\n    radius: {\n      none: {},\n      sm: {},\n      md: {},\n      lg: {},\n      full: {},\n    },\n    isCompact: {\n      true: {\n        wrapper: \"gap-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"pointer-events-none\",\n      },\n    },\n    disableCursorAnimation: {\n      true: {\n        cursor: \"hidden\",\n      },\n    },\n    disableAnimation: {\n      true: {\n        item: \"transition-none\",\n        cursor: \"transition-none\",\n      },\n      false: {\n        item: [\n          \"data-[pressed=true]:scale-[0.95]\",\n          \"transition-transform-background\",\n        ],\n        cursor: [\n          \"data-[moving=true]:transition-transform\",\n          \"!data-[moving=true]:duration-300\",\n          // this hides the cursor and only shows it once it has been moved to its initial position\n          \"opacity-0\",\n          \"data-[moving]:opacity-100\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n    color: \"neutral\",\n    size: \"md\",\n    radius: \"sm\",\n    isCompact: false,\n    isDisabled: false,\n    disableCursorAnimation: false,\n  },\n  compoundVariants: [\n    /**\n     * --------------------------------------------------------\n     * disableCursorAnimation\n     * the classNames will be applied to the active item\n     * --------------------------------------------------------\n     */\n    // disableCursorAnimation / color\n    {\n      disableCursorAnimation: true,\n      color: \"main\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-main-active\",\n          \"data-[active=true]:border-interaction-main-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"neutral\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-support-selected\",\n          \"data-[active=true]:border-interaction-support-selected\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"success\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-success-active\",\n          \"data-[active=true]:border-interaction-success-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"warning\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-warning-active\",\n          \"data-[active=true]:border-interaction-warning-active\",\n          \"data-[active=true]:text-base-content-strong\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"critical\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-critical-active\",\n          \"data-[active=true]:border-interaction-critical-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n  ],\n  compoundSlots: [\n    // without variant\n    {\n      slots: [\"item\", \"prev\", \"next\"],\n      class: [\n        \"flex\",\n        \"flex-wrap\",\n        \"truncate\",\n        \"box-border\",\n        \"outline-transparent outline-solid\",\n        \"items-center\",\n        \"justify-center\",\n        \"text-base-content-default\",\n        // focus ring\n        ...dataFocusVisibleClasses,\n        \"outline-offset-0\",\n        // disabled\n        \"data-[disabled=true]:text-interaction-support-disabled-content\",\n        \"data-[disabled=true]:pointer-events-none\",\n      ],\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      variant: \"light\",\n      class: [\n        \"[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default\",\n        \"[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover\",\n        \"active:bg-interaction-muted-neutral-active\",\n      ],\n    },\n    {\n      slots: [\"item\"],\n      variant: \"light\",\n      isCompact: false,\n      class: [\n        \"[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default\",\n        \"[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover\",\n        \"active:bg-interaction-muted-neutral-active\",\n      ],\n    },\n    // size\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"sm\",\n      isCompact: false,\n      class: \"h-7 w-7 min-w-7\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"sm\",\n      isCompact: true,\n      class: \"px-2\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"sm\",\n      class: \"h-7 w-7 min-w-7 [&_svg]:size-5\",\n    },\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"md\",\n      isCompact: false,\n      class: \"h-8 w-8 min-w-8\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"md\",\n      isCompact: true,\n      class: \"px-2.5\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"md\",\n      class: \"h-8 w-8 min-w-8 [&_svg]:size-6\",\n    },\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"lg\",\n      isCompact: false,\n      class: \"h-9 w-9 min-w-9\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"lg\",\n      isCompact: true,\n      class: \"px-3\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"lg\",\n      class: \"h-9 w-9 min-w-9 [&_svg]:size-7\",\n    },\n    // radius\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"none\",\n      class: \"rounded-none\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"sm\",\n      class: \"rounded-sm\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"md\",\n      class: \"rounded-md\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"lg\",\n      class: \"rounded-lg\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"full\",\n      class: \"rounded-full\",\n    },\n  ],\n})\n\nexport type PaginationVariantProps = VariantProps<typeof paginationStyles>\nexport type PaginationSlots = keyof ReturnType<typeof paginationStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-57OCRZXH.js","../src/components/pagination.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-57OCRZXH.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { dataFocusVisibleClasses } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants } from \"../utils/variants\"\n\n/**\n * Pagination wrapper **Tailwind Variants** component\n *\n * const {base, cursor, prev, next, item } = paginationStyles({...})\n *\n * @example\n * <ul className={base()} aria-label=\"pagination navigation\">\n *    <li className={cursor()} aria-hidden=\"true\">{active page}</li> // this marks the active page\n *    <li role=\"button\" className={prev()} aria-label=\"Go to previous page\" data-disabled=\"true\">Prev</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 1\" data-active=\"true\">1</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 2\">2</li>\n *    <li role=\"button\" className={item()} aria-hidden=\"true\">...</li>\n *    <li role=\"button\" className={item()} aria-label=\"page 10\">10</li>\n *    <li role=\"button\" className={next()} aria-label=\"Go to next page\">Next</li>\n *  </ul>\n */\nexport const paginationStyles = tv({\n  slots: {\n    base: [\"p-2.5\", \"-m-2.5\", \"overflow-x-scroll\", \"scrollbar-hide\"],\n    wrapper: [\n      \"flex\",\n      \"flex-nowrap\",\n      \"h-fit\",\n      \"max-w-fit\",\n      \"relative\",\n      \"gap-1\",\n      \"items-center\",\n      \"overflow-visible\",\n    ],\n    item: [\n      \"tap-highlight-transparent\",\n      \"select-none\",\n      \"touch-none\",\n      \"transition\",\n    ],\n    prev: \"\",\n    next: \"\",\n    cursor: [\n      \"absolute\",\n      \"flex\",\n      \"overflow-visible\",\n      \"items-center\",\n      \"justify-center\",\n      \"origin-center\",\n      \"left-0\",\n      \"select-none\",\n      \"touch-none\",\n      \"pointer-events-none\",\n      \"z-20\",\n      \"text-standard-white\",\n    ],\n    forwardIcon: [\n      \"hidden\",\n      \"group-hover:block\",\n      \"group-data-[focus-visible=true]:block\",\n      \"data-[before=true]:rotate-180\",\n    ],\n    ellipsis: \"group-hover:hidden group-data-[focus-visible=true]:hidden\",\n    chevronNext: \"rotate-180\",\n  },\n  variants: {\n    variant: {\n      light: {\n        item: \"bg-transparent\",\n      },\n    },\n    color: {\n      main: {\n        cursor: colorVariants.solid.main,\n      },\n      neutral: {\n        cursor: colorVariants.solid.neutral,\n      },\n      success: {\n        cursor: colorVariants.solid.success,\n      },\n      warning: {\n        cursor: colorVariants.solid.warning,\n      },\n      critical: {\n        cursor: colorVariants.solid.critical,\n      },\n    },\n    size: {\n      sm: {\n        item: \"prose-body-2\",\n        cursor: \"prose-body-2\",\n      },\n      md: {\n        item: \"prose-body-2\",\n        cursor: \"prose-body-2\",\n      },\n      lg: {\n        item: \"prose-body-1\",\n        cursor: \"prose-body-1\",\n      },\n    },\n    radius: {\n      none: {},\n      sm: {},\n      md: {},\n      lg: {},\n      full: {},\n    },\n    isCompact: {\n      true: {\n        wrapper: \"gap-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"pointer-events-none\",\n      },\n    },\n    disableCursorAnimation: {\n      true: {\n        cursor: \"hidden\",\n      },\n    },\n    disableAnimation: {\n      true: {\n        item: \"transition-none\",\n        cursor: \"transition-none\",\n      },\n      false: {\n        item: [\n          \"data-[pressed=true]:scale-[0.95]\",\n          \"transition-transform-background\",\n        ],\n        cursor: [\n          \"data-[moving=true]:transition-transform\",\n          \"!data-[moving=true]:duration-300\",\n          // this hides the cursor and only shows it once it has been moved to its initial position\n          \"opacity-0\",\n          \"data-[moving]:opacity-100\",\n        ],\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"light\",\n    color: \"neutral\",\n    size: \"md\",\n    radius: \"sm\",\n    isCompact: false,\n    isDisabled: false,\n    disableCursorAnimation: false,\n  },\n  compoundVariants: [\n    /**\n     * --------------------------------------------------------\n     * disableCursorAnimation\n     * the classNames will be applied to the active item\n     * --------------------------------------------------------\n     */\n    // disableCursorAnimation / color\n    {\n      disableCursorAnimation: true,\n      color: \"main\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-main-active\",\n          \"data-[active=true]:border-interaction-main-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"neutral\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-support-selected\",\n          \"data-[active=true]:border-interaction-support-selected\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"success\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-success-active\",\n          \"data-[active=true]:border-interaction-success-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"warning\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-warning-active\",\n          \"data-[active=true]:border-interaction-warning-active\",\n          \"data-[active=true]:text-base-content-strong\",\n        ],\n      },\n    },\n    {\n      disableCursorAnimation: true,\n      color: \"critical\",\n      class: {\n        item: [\n          \"data-[active=true]:bg-interaction-critical-active\",\n          \"data-[active=true]:border-interaction-critical-active\",\n          \"data-[active=true]:text-white\",\n        ],\n      },\n    },\n  ],\n  compoundSlots: [\n    // without variant\n    {\n      slots: [\"item\", \"prev\", \"next\"],\n      class: [\n        \"flex\",\n        \"flex-wrap\",\n        \"truncate\",\n        \"box-border\",\n        \"outline-transparent outline-solid\",\n        \"items-center\",\n        \"justify-center\",\n        \"text-base-content-default\",\n        // focus ring\n        ...dataFocusVisibleClasses,\n        \"outline-offset-0\",\n        // disabled\n        \"data-[disabled=true]:text-interaction-support-disabled-content\",\n        \"data-[disabled=true]:pointer-events-none\",\n      ],\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      variant: \"light\",\n      class: [\n        \"[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default\",\n        \"[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover\",\n        \"active:bg-interaction-muted-neutral-active\",\n      ],\n    },\n    {\n      slots: [\"item\"],\n      variant: \"light\",\n      isCompact: false,\n      class: [\n        \"[&[data-hover=true]:not([data-active=true])]:bg-interaction-neutral-subtle-default\",\n        \"[&[data-pressed=true]:not([data-active=true])]:bg-interaction-neutral-subtle-hover\",\n        \"active:bg-interaction-muted-neutral-active\",\n      ],\n    },\n    // size\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"sm\",\n      isCompact: false,\n      class: \"h-7 w-7 min-w-7\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"sm\",\n      isCompact: true,\n      class: \"px-2\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"sm\",\n      class: \"h-7 w-7 min-w-7 [&_svg]:size-5\",\n    },\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"md\",\n      isCompact: false,\n      class: \"h-8 w-8 min-w-8\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"md\",\n      isCompact: true,\n      class: \"px-2.5\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"md\",\n      class: \"h-8 w-8 min-w-8 [&_svg]:size-6\",\n    },\n    {\n      slots: [\"item\", \"cursor\"],\n      size: \"lg\",\n      isCompact: false,\n      class: \"h-9 w-9 min-w-9\",\n    },\n    {\n      slots: [\"item\"],\n      size: \"lg\",\n      isCompact: true,\n      class: \"px-3\",\n    },\n    {\n      slots: [\"prev\", \"next\"],\n      size: \"lg\",\n      class: \"h-9 w-9 min-w-9 [&_svg]:size-7\",\n    },\n    // radius\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"none\",\n      class: \"rounded-none\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"sm\",\n      class: \"rounded-sm\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"md\",\n      class: \"rounded-md\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"lg\",\n      class: \"rounded-lg\",\n    },\n    {\n      slots: [\"wrapper\", \"item\", \"cursor\", \"prev\", \"next\"],\n      radius: \"full\",\n      class: \"rounded-full\",\n    },\n  ],\n})\n\nexport type PaginationVariantProps = VariantProps<typeof paginationStyles>\nexport type PaginationSlots = keyof ReturnType<typeof paginationStyles>\n"]}

package/dist/{chunk-PWPTVAIL.js → chunk-5DZEJPPY.js}

@@ -7,7 +7,7 @@ var focusVisibleClasses = [
   "outline-none",
   "outline-transparent",
   "outline-offset-2",
-  "focus-visible:outline-focus-ring",
+  "focus-visible:outline-utility-focus-default",
   "focus-visible:outline-solid",
   "focus-visible:outline-2"
 ];
@@ -15,7 +15,7 @@ var dataFocusVisibleClasses = [
   "outline-none",
   "outline-transparent",
   "outline-offset-2",
-  "data-[focus-visible=true]:outline-focus-ring",
+  "data-[focus-visible=true]:outline-utility-focus-default",
   "data-[focus-visible=true]:outline-solid",
   "data-[focus-visible=true]:outline-2"
 ];
@@ -23,14 +23,14 @@ var focusClasses = [
   "outline-none",
   "outline-transparent",
   "outline-offset-2",
-  "focus:outline-focus-ring",
+  "focus:outline-utility-focus-default",
   "focus:outline-solid",
   "focus:outline-2"
 ];
 var groupFocusVisibleClasses = [
   "in-focus-visible:z-10",
   "in-focus-visible:outline-2",
-  "outline-focus-ring",
+  "outline-utility-focus-default",
   "outline-offset-2"
 ];
 var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
@@ -38,7 +38,7 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
   variants: {
     isFocusVisible: {
       false: "outline-transparent",
-      true: "outline-focus-ring outline-2 outline-solid"
+      true: "outline-utility-focus-default outline-2 outline-solid"
     }
   }
 });
@@ -50,4 +50,4 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.focusVisibleClasses = focusVisibleClasses; exports.dataFocusVisibleClasses = dataFocusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing;
-//# sourceMappingURL=chunk-PWPTVAIL.js.map
+//# sourceMappingURL=chunk-5DZEJPPY.js.map

package/dist/chunk-5DZEJPPY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5DZEJPPY.js","../src/utils/classes.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,oBAAA,EAAsB;AAAA,EACjC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,6CAAA;AAAA,EACA,6BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,wBAAA,EAA0B;AAAA,EACrC,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,yDAAA;AAAA,EACA,yCAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe;AAAA,EAC1B,cAAA;AAAA,EACA,qBAAA;AAAA,EACA,kBAAA;AAAA,EACA,qCAAA;AAAA,EACA,qBAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,yBAAA,EAA2B;AAAA,EACtC,uBAAA;AAAA,EACA,4BAAA;AAAA,EACA,+BAAA;AAAA,EACA;AACF,CAAA;AAEO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,IAAA,EAAM,+BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,cAAA,EAAgB;AAAA,MACd,KAAA,EAAO,qBAAA;AAAA,MACP,IAAA,EAAM;AAAA,IACR;AAAA,EACF;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACA;AACA;AACA;AACA;AACF,oPAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5DZEJPPY.js","sourcesContent":[null,"import { tv } from \"./tv\"\n\nexport const focusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus-visible:outline-utility-focus-default\",\n  \"focus-visible:outline-solid\",\n  \"focus-visible:outline-2\",\n] as const\n\nexport const dataFocusVisibleClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"data-[focus-visible=true]:outline-utility-focus-default\",\n  \"data-[focus-visible=true]:outline-solid\",\n  \"data-[focus-visible=true]:outline-2\",\n] as const\n\nexport const focusClasses = [\n  \"outline-none\",\n  \"outline-transparent\",\n  \"outline-offset-2\",\n  \"focus:outline-utility-focus-default\",\n  \"focus:outline-solid\",\n  \"focus:outline-2\",\n] as const\n\nexport const groupFocusVisibleClasses = [\n  \"in-focus-visible:z-10\",\n  \"in-focus-visible:outline-2\",\n  \"outline-utility-focus-default\",\n  \"outline-offset-2\",\n] as const\n\nexport const racFocusRing = tv({\n  base: \"outline-offset-2 outline-none\",\n  variants: {\n    isFocusVisible: {\n      false: \"outline-transparent\",\n      true: \"outline-utility-focus-default outline-2 outline-solid\",\n    },\n  },\n})\n"]}

package/dist/chunk-5GIWUVUB.js

@@ -0,0 +1,187 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/modal.ts
+var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    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]",
+    overlay: "fixed top-0 left-0 isolate z-50 flex h-(--visual-viewport-height) w-full items-center justify-center text-center",
+    dialog: "flex h-full flex-col outline-none",
+    header: "flex flex-initial px-6 py-4 text-start",
+    body: "flex flex-1 flex-col gap-3 px-6 py-2 text-start",
+    footer: "flex flex-row justify-end gap-2 px-6 py-4",
+    closeButton: [
+      "absolute end-1 top-1 appearance-none p-2 outline-none select-none",
+      ..._chunk5DZEJPPYjs.focusVisibleClasses
+    ]
+  },
+  variants: {
+    animation: {
+      none: {},
+      fade: {},
+      zoom: {}
+    },
+    placement: {
+      auto: {
+        overlay: "items-end sm:items-center"
+      },
+      center: {
+        overlay: "items-center sm:items-center"
+      },
+      top: {
+        overlay: "items-start sm:items-start"
+      },
+      "top-center": {
+        overlay: "items-start sm:items-center"
+      },
+      bottom: {
+        overlay: "items-end sm:items-end"
+      },
+      "bottom-center": {
+        overlay: "items-end sm:items-center"
+      }
+    },
+    radius: {
+      none: { base: "rounded-none" },
+      sm: { base: "rounded-sm" },
+      md: { base: "rounded-md" },
+      lg: { base: "rounded-lg" }
+    },
+    overlay: {
+      transparent: {
+        overlay: "bg-transparent"
+      },
+      blur: {
+        overlay: "bg-base-canvas-overlay backdrop-blur-md"
+      },
+      opaque: {
+        overlay: "bg-base-canvas-overlay"
+      }
+    },
+    isEntering: {
+      true: {
+        base: ""
+      }
+    },
+    isExiting: {
+      true: {
+        base: ""
+      }
+    },
+    size: {
+      xs: {
+        base: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl"
+      },
+      "4xl": {
+        base: "max-w-4xl"
+      },
+      "5xl": {
+        base: "max-w-5xl"
+      },
+      desktop: {
+        base: "max-w-[680px]",
+        header: "prose-h4",
+        body: "prose-body-2"
+      },
+      mobile: {
+        base: "max-w-[312px]",
+        header: "prose-h5",
+        body: "prose-body-2"
+      },
+      full: {
+        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"
+      }
+    },
+    scrollBehavior: {
+      normal: {
+        overlay: "overflow-y-auto",
+        dialog: "overflow-y-hidden"
+      },
+      inside: {
+        base: "max-h-[calc(100%_-_8rem)]",
+        body: "overflow-y-auto",
+        dialog: "overflow-y-hidden"
+      },
+      outside: {
+        overlay: "items-start overflow-y-auto sm:items-start",
+        base: "my-16"
+      }
+    }
+  },
+  compoundVariants: [
+    // Special affordance for full screen modals to align to top and allow scrolling
+    {
+      size: "full",
+      scrollBehavior: "normal",
+      class: {
+        overlay: "overflow-y-auto"
+      }
+    },
+    // Animations
+    {
+      isEntering: true,
+      animation: "zoom",
+      class: {
+        base: "animate-in zoom-in-105 duration-200 ease-in"
+      }
+    },
+    {
+      isExiting: true,
+      animation: "zoom",
+      class: {
+        base: "motion-safe:animate-out motion-safe:zoom-out-105 duration-200 ease-out"
+      }
+    },
+    {
+      isEntering: true,
+      animation: ["fade", "zoom"],
+      class: {
+        overlay: "motion-safe:animate-in motion-safe:fade-in duration-200 ease-out"
+      }
+    },
+    {
+      isExiting: true,
+      animation: ["fade", "zoom"],
+      class: {
+        overlay: "motion-safe:animate-out motion-safe:fade-out duration-200 ease-in"
+      }
+    }
+  ],
+  defaultVariants: {
+    overlay: "blur",
+    size: "desktop",
+    radius: "sm",
+    scrollBehavior: "normal",
+    animation: "zoom"
+  }
+});
+
+
+
+exports.modalStyles = modalStyles;
+//# sourceMappingURL=chunk-5GIWUVUB.js.map

package/dist/chunk-5GIWUVUB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5GIWUVUB.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-5GIWUVUB.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    },\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    },\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-[680px]\",\n        header: \"prose-h4\",\n        body: \"prose-body-2\",\n      },\n      mobile: {\n        base: \"max-w-[312px]\",\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-[100dvh] 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    {\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    {\n      isEntering: true,\n      animation: [\"fade\", \"zoom\"],\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\"],\n      class: {\n        overlay:\n          \"motion-safe:animate-out motion-safe:fade-out duration-200 ease-in\",\n      },\n    },\n  ],\n  defaultVariants: {\n    overlay: \"blur\",\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"]}