@opengovsg/oui-theme 0.0.30 → 0.0.32

package/dist/chunk-KO7ZN4FG.mjs

@@ -0,0 +1,100 @@
+import {
+  dataFocusVisibleClasses,
+  translateCenterClasses
+} from "./chunk-5T7MRJOK.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/avatar.ts
+var avatarStyles = tv({
+  base: [],
+  slots: {
+    base: [
+      "relative z-(--avatar-zindex) box-border flex items-center justify-center overflow-hidden bg-clip-padding align-middle",
+      ...dataFocusVisibleClasses
+    ],
+    icon: "",
+    fallback: [...translateCenterClasses, "flex items-center justify-center"],
+    image: "size-full object-cover object-center opacity-0 transition-opacity duration-500 data-[loaded=true]:opacity-100"
+  },
+  variants: {
+    isInGroup: {
+      true: {
+        base: "border-utility-ui -ms-2 border first-of-type:ms-0"
+      }
+    },
+    prominence: {
+      strong: {},
+      subtle: {}
+    },
+    color: {
+      primary: {},
+      white: {}
+    },
+    radius: {
+      none: {
+        base: "rounded-none"
+      },
+      sm: {
+        base: "rounded-sm"
+      },
+      md: {
+        base: "rounded-md"
+      },
+      lg: {
+        base: "rounded-lg"
+      },
+      full: {
+        base: "rounded-full"
+      }
+    },
+    size: {
+      md: { base: "prose-subhead-2 size-10", icon: "size-5" },
+      sm: { base: "prose-caption-1 size-9", icon: "size-4" },
+      xs: { base: "prose-caption-1 size-8", icon: "size-4" },
+      "2xs": { base: "prose-legal size-5", icon: "size-2.5" }
+    }
+  },
+  compoundVariants: [
+    {
+      prominence: "strong",
+      color: "primary",
+      className: {
+        base: "bg-interaction-main-default text-base-content-inverse"
+      }
+    },
+    {
+      prominence: "subtle",
+      color: "primary",
+      className: {
+        base: "bg-interaction-main-subtle-default text-interaction-main-default"
+      }
+    },
+    {
+      prominence: "subtle",
+      color: "white",
+      className: {
+        base: "border-interaction-main-subtle-default text-interaction-main-default border"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    radius: "full",
+    prominence: "strong",
+    color: "primary"
+  }
+});
+var avatarGroupStyles = tv({
+  slots: {
+    base: "isolate flex h-auto w-max items-center justify-center",
+    counter: ""
+  }
+});
+
+export {
+  avatarStyles,
+  avatarGroupStyles
+};
+//# sourceMappingURL=chunk-KO7ZN4FG.mjs.map

package/dist/chunk-KO7ZN4FG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/avatar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport {\n  dataFocusVisibleClasses,\n  translateCenterClasses,\n} from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const avatarStyles = tv({\n  base: [],\n  slots: {\n    base: [\n      \"relative z-(--avatar-zindex) box-border flex items-center justify-center overflow-hidden bg-clip-padding align-middle\",\n      ...dataFocusVisibleClasses,\n    ],\n    icon: \"\",\n    fallback: [...translateCenterClasses, \"flex items-center justify-center\"],\n    image:\n      \"size-full object-cover object-center opacity-0 transition-opacity duration-500 data-[loaded=true]:opacity-100\",\n  },\n  variants: {\n    isInGroup: {\n      true: {\n        base: \"border-utility-ui -ms-2 border first-of-type:ms-0\",\n      },\n    },\n    prominence: {\n      strong: {},\n      subtle: {},\n    },\n    color: {\n      primary: {},\n      white: {},\n    },\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n    size: {\n      md: { base: \"prose-subhead-2 size-10\", icon: \"size-5\" },\n      sm: { base: \"prose-caption-1 size-9\", icon: \"size-4\" },\n      xs: { base: \"prose-caption-1 size-8\", icon: \"size-4\" },\n      \"2xs\": { base: \"prose-legal size-5\", icon: \"size-2.5\" },\n    },\n  },\n  compoundVariants: [\n    {\n      prominence: \"strong\",\n      color: \"primary\",\n      className: {\n        base: \"bg-interaction-main-default text-base-content-inverse\",\n      },\n    },\n    {\n      prominence: \"subtle\",\n      color: \"primary\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n      },\n    },\n    {\n      prominence: \"subtle\",\n      color: \"white\",\n      className: {\n        base: \"border-interaction-main-subtle-default text-interaction-main-default border\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    radius: \"full\",\n    prominence: \"strong\",\n    color: \"primary\",\n  },\n})\n\nexport type AvatarVariantProps = VariantProps<typeof avatarStyles>\nexport type AvatarSlots = keyof ReturnType<typeof avatarStyles>\n\nexport const avatarGroupStyles = tv({\n  slots: {\n    base: \"isolate flex h-auto w-max items-center justify-center\",\n    counter: \"\",\n  },\n})\n\nexport type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>\nexport type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>\n"],"mappings":";;;;;;;;;AAQO,IAAM,eAAe,GAAG;AAAA,EAC7B,MAAM,CAAC;AAAA,EACP,OAAO;AAAA,IACL,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU,CAAC,GAAG,wBAAwB,kCAAkC;AAAA,IACxE,OACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,QAAQ,CAAC;AAAA,MACT,QAAQ,CAAC;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,SAAS,CAAC;AAAA,MACV,OAAO,CAAC;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,2BAA2B,MAAM,SAAS;AAAA,MACtD,IAAI,EAAE,MAAM,0BAA0B,MAAM,SAAS;AAAA,MACrD,IAAI,EAAE,MAAM,0BAA0B,MAAM,SAAS;AAAA,MACrD,OAAO,EAAE,MAAM,sBAAsB,MAAM,WAAW;AAAA,IACxD;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,YAAY;AAAA,MACZ,OAAO;AAAA,MACP,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,QAAQ;AAAA,IACR,YAAY;AAAA,IACZ,OAAO;AAAA,EACT;AACF,CAAC;AAKM,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}

package/dist/{chunk-5HUZBURZ.mjs → chunk-LYDWTTON.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-C7FUGWVY.mjs";
 import {
   dataFocusVisibleClasses
-} from "./chunk-K3WA7SIJ.mjs";
+} from "./chunk-5T7MRJOK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -329,4 +329,4 @@ var paginationStyles = tv({
 export {
   paginationStyles
 };
-//# sourceMappingURL=chunk-5HUZBURZ.mjs.map
+//# sourceMappingURL=chunk-LYDWTTON.mjs.map

package/dist/chunk-MYV2PXUC.mjs

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

package/dist/{chunk-TXUEDK3E.js → chunk-O3YULW5E.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -17,7 +17,7 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     content: "",
     cell: [
       "text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default",
-      ..._chunk5DZEJPPYjs.focusClasses
+      ..._chunkQ2IC5MPBjs.focusClasses
     ],
     grid: "",
     calendar: "",
@@ -110,4 +110,4 @@ var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.calendarStyles = calendarStyles;
-//# sourceMappingURL=chunk-TXUEDK3E.js.map
+//# sourceMappingURL=chunk-O3YULW5E.js.map

package/dist/{chunk-TXUEDK3E.js.map → chunk-O3YULW5E.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TXUEDK3E.js","../src/components/calendar.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TXUEDK3E.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n    prevButton: \"\",\n    nextButton: \"\",\n    buttonGroup: \"justify-self-end\",\n    header:\n      \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n    title: \"\",\n    content: \"\",\n    cell: [\n      \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n      ...focusClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-base-content-default\",\n    gridBody: \"\",\n    yearSelector: \"min-w-fit\",\n    monthSelector: \"min-w-fit\",\n    yearList: \"\",\n    monthList: \"\",\n    selectorText: \"text-interaction-sub-active\",\n    selectors: \"flex flex-row gap-0.5\",\n    bottomContentWrapper:\n      \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n    todayButton: \"\",\n    errorMessage: \"\",\n  },\n  variants: {\n    variant: {},\n    isRange: {\n      true: {\n        cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      true: \"\",\n    },\n    size: {\n      sm: {\n        base: \"px-2 py-2\",\n        gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n        header: \"prose-subhead-2 min-h-10 px-4\",\n        cell: \"prose-body-2 mx-auto h-9 w-9\",\n        monthSelector: \"p-1\",\n        selectorText: \"prose-subhead-2\",\n        yearSelector: \"p-1\",\n        nextButton: \"-mr-4\",\n        selectors: \"-ml-2\",\n        bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n        calendar: \"pb-2\",\n      },\n      md: {\n        base: \"px-2 py-3\",\n        gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n        header: \"prose-subhead-1 min-h-11 px-4\",\n        cell: \"prose-body-1 mx-auto h-10 w-10\",\n        monthSelector: \"p-1\",\n        selectorText: \"prose-subhead-1\",\n        yearSelector: \"p-1\",\n        nextButton: \"-mr-4\",\n        selectors: \"-ml-1.5\",\n        bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n        calendar: \"pb-3\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isRange: false,\n      isSelected: true,\n      className: {\n        cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n      },\n    },\n    {\n      isRange: false,\n      isSelected: false,\n      className: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    {\n      isRange: true,\n      isSelected: true,\n      className: {\n        cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-O3YULW5E.js","../src/components/calendar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kEAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,UAAA,EAAY,EAAA;AAAA,IACZ,WAAA,EAAa,kBAAA;AAAA,IACb,MAAA,EACE,yEAAA;AAAA,IACF,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM;AAAA,MACJ,ocAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAA;AAAA,IACA,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,WAAA,EAAa,oDAAA;AAAA,IACb,UAAA,EAAY,EAAA;AAAA,IACZ,cAAA,EAAgB,2BAAA;AAAA,IAChB,QAAA,EAAU,EAAA;AAAA,IACV,YAAA,EAAc,WAAA;AAAA,IACd,aAAA,EAAe,WAAA;AAAA,IACf,QAAA,EAAU,EAAA;AAAA,IACV,SAAA,EAAW,EAAA;AAAA,IACX,YAAA,EAAc,6BAAA;AAAA,IACd,SAAA,EAAW,uBAAA;AAAA,IACX,oBAAA,EACE,6EAAA;AAAA,IACF,WAAA,EAAa,EAAA;AAAA,IACb,YAAA,EAAc;AAAA,EAChB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,OAAA,EAAS;AAAA,MACP,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,WAAA;AAAA,QACN,cAAA,EAAgB,4BAAA;AAAA,QAChB,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,8BAAA;AAAA,QACN,aAAA,EAAe,KAAA;AAAA,QACf,YAAA,EAAc,iBAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,OAAA;AAAA,QACX,oBAAA,EAAsB,iBAAA;AAAA,QACtB,QAAA,EAAU;AAAA,MACZ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,WAAA;AAAA,QACN,cAAA,EAAgB,0BAAA;AAAA,QAChB,MAAA,EAAQ,+BAAA;AAAA,QACR,IAAA,EAAM,gCAAA;AAAA,QACN,aAAA,EAAe,KAAA;AAAA,QACf,YAAA,EAAc,iBAAA;AAAA,QACd,YAAA,EAAc,KAAA;AAAA,QACd,UAAA,EAAY,OAAA;AAAA,QACZ,SAAA,EAAW,SAAA;AAAA,QACX,oBAAA,EAAsB,uBAAA;AAAA,QACtB,QAAA,EAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,KAAA;AAAA,MACT,UAAA,EAAY,KAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,IAAA;AAAA,MACT,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-O3YULW5E.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"relative isolate inline-block h-fit max-w-full overflow-y-hidden\",\n    prevButton: \"\",\n    nextButton: \"\",\n    buttonGroup: \"justify-self-end\",\n    header:\n      \"text-interaction-sub-active flex flex-wrap items-center justify-between\",\n    title: \"\",\n    content: \"\",\n    cell: [\n      \"text-base-content-default outside-month:text-interaction-support-disabled-content disabled:text-interaction-support-disabled-content unavailable:text-interaction-support-disabled-content unavailable:line-through unavailable:cursor-default data-[highlighted=true]:border-utility-focus-default relative my-0.25 flex cursor-pointer items-center justify-center rounded-full border border-transparent transition-colors duration-150 disabled:cursor-default\",\n      ...focusClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"-m-1 flex gap-x-4 overflow-x-auto p-1 max-sm:block\",\n    gridHeader: \"\",\n    gridHeaderCell: \"text-base-content-default\",\n    gridBody: \"\",\n    yearSelector: \"min-w-fit\",\n    monthSelector: \"min-w-fit\",\n    yearList: \"\",\n    monthList: \"\",\n    selectorText: \"text-interaction-sub-active\",\n    selectors: \"flex flex-row gap-0.5\",\n    bottomContentWrapper:\n      \"border-base-divider-medium flex flex-1 items-center justify-center border-t\",\n    todayButton: \"\",\n    errorMessage: \"\",\n  },\n  variants: {\n    variant: {},\n    isRange: {\n      true: {\n        cell: \"outside-month:before:hidden transition-none before:absolute before:inset-0 before:z-[-1] before:content-['']\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      true: \"\",\n    },\n    size: {\n      sm: {\n        base: \"px-2 py-2\",\n        gridHeaderCell: \"prose-caption-1 w-10 p-2.5\",\n        header: \"prose-subhead-2 min-h-10 px-4\",\n        cell: \"prose-body-2 mx-auto h-9 w-9\",\n        monthSelector: \"p-1\",\n        selectorText: \"prose-subhead-2\",\n        yearSelector: \"p-1\",\n        nextButton: \"-mr-4\",\n        selectors: \"-ml-2\",\n        bottomContentWrapper: \"-mx-2 px-2 pt-2\",\n        calendar: \"pb-2\",\n      },\n      md: {\n        base: \"px-2 py-3\",\n        gridHeaderCell: \"prose-subhead-2 w-11 p-3\",\n        header: \"prose-subhead-1 min-h-11 px-4\",\n        cell: \"prose-body-1 mx-auto h-10 w-10\",\n        monthSelector: \"p-1\",\n        selectorText: \"prose-subhead-1\",\n        yearSelector: \"p-1\",\n        nextButton: \"-mr-4\",\n        selectors: \"-ml-1.5\",\n        bottomContentWrapper: \"-mx-2 -mb-1 px-2 pt-2\",\n        calendar: \"pb-3\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      isRange: false,\n      isSelected: true,\n      className: {\n        cell: \"bg-interaction-main-default text-base-content-inverse invalid:bg-interaction-critical-default forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n      },\n    },\n    {\n      isRange: false,\n      isSelected: false,\n      className: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    {\n      isRange: true,\n      isSelected: true,\n      className: {\n        cell: \"selection-start:not-data-[range-end=true]:before:rounded-s-full selection-start:data-[range-end=true]:before:rounded-e-sm selection-end:before:w-[50%] selection-end:rounded-full selection-start:rounded-full selection-start:bg-interaction-main-default selection-start:text-base-content-inverse selection-end:bg-interaction-main-default selection-end:text-base-content-inverse before:bg-interaction-muted-main-active selection-start:before:ms-0 selection-end:before:me-0 selection-end:not-selection-start:data-[range-start=true]:before:rounded-s-sm selection-start:data-[range-end=true]:before:w-[50%] selection-start:data-[range-end=true]:before:left-[50%] before:-mx-1 data-[range-end=true]:before:me-0 data-[range-end=true]:before:rounded-e-sm data-[range-start=true]:before:ms-0 data-[range-start=true]:before:rounded-s-sm\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}

package/dist/{chunk-5FOX35BG.js → chunk-OF3HJBZ6.js}

@@ -51,14 +51,17 @@ var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 });
 var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    base: "group flex flex-col gap-1",
+    base: "group flex w-full flex-col gap-1",
     label: "",
-    trigger: "w-fit",
+    trigger: "w-full",
     icon: "size-4",
     selectedText: "text-base-content-strong flex-1 truncate text-start",
     popover: "flex w-(--trigger-width) flex-col",
     list: "overflow-y-auto",
-    description: ""
+    description: "",
+    searchField: "group border-base-divider-strong flex items-center gap-2 border-b",
+    searchIcon: "text-base-content-subtle shrink-0",
+    searchInput: "min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0"
   },
   variants: {
     variant: {
@@ -82,15 +85,24 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     size: {
       xs: {
         selectedText: "prose-body-2",
-        list: "max-h-[264px]"
+        list: "max-h-[264px]",
+        searchField: "px-3 py-2",
+        searchIcon: "size-4",
+        searchInput: "prose-body-2"
       },
       sm: {
         selectedText: "prose-body-2",
-        list: "max-h-[264px]"
+        list: "max-h-[264px]",
+        searchField: "px-3 py-2.5",
+        searchIcon: "size-4",
+        searchInput: "prose-body-2"
       },
       md: {
         selectedText: "prose-body-1",
-        list: "max-h-[288px]"
+        list: "max-h-[288px]",
+        searchField: "px-4 py-2.5",
+        searchIcon: "size-5",
+        searchInput: "prose-body-1"
       }
     }
   },
@@ -138,4 +150,4 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
-//# sourceMappingURL=chunk-5FOX35BG.js.map
+//# sourceMappingURL=chunk-OF3HJBZ6.js.map

package/dist/chunk-OF3HJBZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OF3HJBZ6.js","../src/components/select.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OF3HJBZ6.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-full\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n    searchField:\n      \"group border-base-divider-strong flex items-center gap-2 border-b\",\n    searchIcon: \"text-base-content-subtle shrink-0\",\n    searchInput:\n      \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2.5\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n        searchField: \"px-4 py-2.5\",\n        searchIcon: \"size-5\",\n        searchInput: \"prose-body-1\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}

package/dist/{chunk-2YXJ6PIO.mjs → chunk-PJN27WWI.mjs}

@@ -1,6 +1,6 @@
 import {
   focusVisibleClasses
-} from "./chunk-K3WA7SIJ.mjs";
+} from "./chunk-5T7MRJOK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -173,7 +173,7 @@ var modalStyles = tv({
     }
   ],
   defaultVariants: {
-    overlay: "blur",
+    overlay: "opaque",
     size: "desktop",
     radius: "sm",
     scrollBehavior: "normal",
@@ -184,4 +184,4 @@ var modalStyles = tv({
 export {
   modalStyles
 };
-//# sourceMappingURL=chunk-2YXJ6PIO.mjs.map
+//# sourceMappingURL=chunk-PJN27WWI.mjs.map

package/dist/{chunk-2YXJ6PIO.mjs.map → chunk-PJN27WWI.mjs.map}

@@ -1 +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":[]}
+{"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: \"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-FV6XIBBV.mjs → chunk-PXQEYRFL.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HAUMMW6T.mjs";
 import {
   racFocusRing
-} from "./chunk-K3WA7SIJ.mjs";
+} from "./chunk-5T7MRJOK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -112,4 +112,4 @@ export {
   checkboxStyles,
   checkboxGroupStyles
 };
-//# sourceMappingURL=chunk-FV6XIBBV.mjs.map
+//# sourceMappingURL=chunk-PXQEYRFL.mjs.map

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

@@ -42,6 +42,14 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
     }
   }
 });
+var translateCenterClasses = [
+  "absolute",
+  "top-1/2",
+  "left-1/2",
+  "-translate-x-1/2",
+  "-translate-y-1/2"
+];
+
 
 
 
@@ -49,5 +57,5 @@ var racFocusRing = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 
-exports.focusVisibleClasses = focusVisibleClasses; exports.dataFocusVisibleClasses = dataFocusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing;
-//# sourceMappingURL=chunk-5DZEJPPY.js.map
+exports.focusVisibleClasses = focusVisibleClasses; exports.dataFocusVisibleClasses = dataFocusVisibleClasses; exports.focusClasses = focusClasses; exports.groupFocusVisibleClasses = groupFocusVisibleClasses; exports.racFocusRing = racFocusRing; exports.translateCenterClasses = translateCenterClasses;
+//# sourceMappingURL=chunk-Q2IC5MPB.js.map

package/dist/chunk-Q2IC5MPB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2IC5MPB.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;AAKM,IAAM,uBAAA,EAAyB;AAAA,EACpC,UAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAA;ADJA;AACA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,6SAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2IC5MPB.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\n/**\n * This classes centers the element by using absolute positioning.\n */\nexport const translateCenterClasses = [\n  \"absolute\",\n  \"top-1/2\",\n  \"left-1/2\",\n  \"-translate-x-1/2\",\n  \"-translate-y-1/2\",\n]\n"]}

package/dist/{chunk-5GIWUVUB.js → chunk-Q2U5WYZI.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -16,7 +16,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     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
+      ..._chunkQ2IC5MPBjs.focusVisibleClasses
     ]
   },
   variants: {
@@ -173,7 +173,7 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     }
   ],
   defaultVariants: {
-    overlay: "blur",
+    overlay: "opaque",
     size: "desktop",
     radius: "sm",
     scrollBehavior: "normal",
@@ -184,4 +184,4 @@ var modalStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.modalStyles = modalStyles;
-//# sourceMappingURL=chunk-5GIWUVUB.js.map
+//# sourceMappingURL=chunk-Q2U5WYZI.js.map

package/dist/{chunk-5GIWUVUB.js.map → chunk-Q2U5WYZI.js.map}

@@ -1 +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"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q2U5WYZI.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-Q2U5WYZI.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: \"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-OIVEXSCX.js → chunk-Q3HLBDZT.js}

@@ -7,14 +7,14 @@ var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 
 // src/components/badge.ts
 var badgeCloseButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
-  extend: _chunk5DZEJPPYjs.racFocusRing,
+  extend: _chunkQ2IC5MPBjs.racFocusRing,
   base: _chunkZIQLHX3Ujs.cn.call(void 0, 
     _chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral,
     "inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
@@ -280,4 +280,4 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
-//# sourceMappingURL=chunk-OIVEXSCX.js.map
+//# sourceMappingURL=chunk-Q3HLBDZT.js.map

package/dist/{chunk-OIVEXSCX.js.map → chunk-Q3HLBDZT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OIVEXSCX.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OIVEXSCX.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n  extend: racFocusRing,\n  base: cn(\n    colorVariantsWithState.clear.neutral,\n    \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n  ),\n  variants: {\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport const badgeStyles = tv({\n  slots: {\n    base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n    dot: \"\",\n    content: \"flex-1 text-inherit\",\n  },\n  variants: {\n    isCloseable: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: { base: \"pointer-events-none opacity-60\" },\n    },\n    variant: {\n      solid: {},\n      subtle: {},\n      outline: {\n        base: \"border\",\n      },\n      dot: {\n        base: \"text-base-content-default dark:text-base-content-inverse\",\n        dot: \"mr-1 rounded-full\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-legal h-5 gap-1 px-2 py-1\",\n        dot: \"size-1.5\",\n      },\n      sm: {\n        base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n        dot: \"size-2\",\n      },\n      md: {\n        base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n        dot: \"size-2\",\n      },\n    },\n    color: {\n      main: \"\",\n      sub: \"\",\n      success: \"\",\n      neutral: \"\",\n      warning: \"\",\n      critical: \"\",\n    },\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: {\n        base: colorVariants.solid.main,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: {\n        base: colorVariants.solid.sub,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: {\n        base: colorVariants.solid.neutral,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: {\n        base: colorVariants.solid.critical,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: {\n        base: colorVariants.solid.warning,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: {\n        base: colorVariants.solid.success,\n      },\n    },\n    // subtle / color\n    {\n      variant: \"subtle\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n      },\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n      },\n    },\n    // dot / color\n    {\n      variant: \"dot\",\n      color: \"main\",\n      className: {\n        dot: \"bg-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"sub\",\n      className: {\n        dot: \"bg-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"neutral\",\n      className: {\n        dot: \"bg-interaction-neutral-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"critical\",\n      className: {\n        dot: \"bg-interaction-critical-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"warning\",\n      className: {\n        dot: \"bg-interaction-warning-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"success\",\n      className: {\n        dot: \"bg-interaction-success-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"sm\",\n    radius: \"sm\",\n  },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q3HLBDZT.js","../src/components/badge.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Q3HLBDZT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariants, colorVariantsWithState } from \"../utils/variants\"\n\nexport const badgeCloseButtonStyles = tv({\n  extend: racFocusRing,\n  base: cn(\n    colorVariantsWithState.clear.neutral,\n    \"inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition\",\n  ),\n  variants: {\n    size: {\n      xs: \"size-3\",\n      sm: \"size-4\",\n      md: \"size-4\",\n    },\n  },\n  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport const badgeStyles = tv({\n  slots: {\n    base: \"relative box-border inline-flex max-w-fit min-w-min items-center justify-between whitespace-nowrap\",\n    dot: \"\",\n    content: \"flex-1 text-inherit\",\n  },\n  variants: {\n    isCloseable: {\n      true: \"\",\n    },\n    isDisabled: {\n      true: { base: \"pointer-events-none opacity-60\" },\n    },\n    variant: {\n      solid: {},\n      subtle: {},\n      outline: {\n        base: \"border\",\n      },\n      dot: {\n        base: \"text-base-content-default dark:text-base-content-inverse\",\n        dot: \"mr-1 rounded-full\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-legal h-5 gap-1 px-2 py-1\",\n        dot: \"size-1.5\",\n      },\n      sm: {\n        base: \"prose-caption-1 h-6 gap-1 px-2 py-1\",\n        dot: \"size-2\",\n      },\n      md: {\n        base: \"prose-body-2 h-7 gap-1 px-2.5 py-1\",\n        dot: \"size-2\",\n      },\n    },\n    color: {\n      main: \"\",\n      sub: \"\",\n      success: \"\",\n      neutral: \"\",\n      warning: \"\",\n      critical: \"\",\n    },\n    radius: {\n      none: {\n        base: \"rounded-none\",\n      },\n      sm: {\n        base: \"rounded-sm\",\n      },\n      md: {\n        base: \"rounded-md\",\n      },\n      lg: {\n        base: \"rounded-lg\",\n      },\n      full: {\n        base: \"rounded-full\",\n      },\n    },\n  },\n  compoundVariants: [\n    // solid / color\n    {\n      variant: \"solid\",\n      color: \"main\",\n      className: {\n        base: colorVariants.solid.main,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"sub\",\n      className: {\n        base: colorVariants.solid.sub,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"neutral\",\n      className: {\n        base: colorVariants.solid.neutral,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"critical\",\n      className: {\n        base: colorVariants.solid.critical,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"warning\",\n      className: {\n        base: colorVariants.solid.warning,\n      },\n    },\n    {\n      variant: \"solid\",\n      color: \"success\",\n      className: {\n        base: colorVariants.solid.success,\n      },\n    },\n    // subtle / color\n    {\n      variant: \"subtle\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong\",\n      },\n    },\n    {\n      variant: \"subtle\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default\",\n      },\n    },\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        base: \"bg-interaction-main-subtle-default text-interaction-main-default border-interaction-main-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        base: \"bg-interaction-sub-subtle-default text-interaction-sub-default border-interaction-sub-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"neutral\",\n      className: {\n        base: \"bg-interaction-neutral-subtle-default text-base-content-default border-interaction-neutral-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"success\",\n      className: {\n        base: \"bg-interaction-success-subtle-default text-interaction-success-active border-interaction-success-subtle-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"warning\",\n      className: {\n        base: \"bg-interaction-warning-subtle-default text-utility-feedback-warning-strong border-interaction-warning-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"critical\",\n      className: {\n        base: \"bg-interaction-critical-subtle-default text-interaction-critical-default border-interaction-critical-subtle-hover\",\n      },\n    },\n    // dot / color\n    {\n      variant: \"dot\",\n      color: \"main\",\n      className: {\n        dot: \"bg-interaction-main-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"sub\",\n      className: {\n        dot: \"bg-interaction-sub-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"neutral\",\n      className: {\n        dot: \"bg-interaction-neutral-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"critical\",\n      className: {\n        dot: \"bg-interaction-critical-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"warning\",\n      className: {\n        dot: \"bg-interaction-warning-default\",\n      },\n    },\n    {\n      variant: \"dot\",\n      color: \"success\",\n      className: {\n        dot: \"bg-interaction-success-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    color: \"main\",\n    size: \"sm\",\n    radius: \"sm\",\n  },\n})\n\nexport type BadgeVariantProps = VariantProps<typeof badgeStyles>\nexport type BadgeSlots = keyof typeof badgeStyles.slots\n"]}

package/dist/{chunk-LG22OEO3.js → chunk-SFE4ALUT.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -12,7 +12,7 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     label: "",
     group: "flex-wrap items-start",
     tag: [
-      ..._chunk5DZEJPPYjs.focusVisibleClasses,
+      ..._chunkQ2IC5MPBjs.focusVisibleClasses,
       "bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition"
     ],
     tagText: "line-clamp-1",
@@ -63,4 +63,4 @@ var tagFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.tagFieldStyles = tagFieldStyles;
-//# sourceMappingURL=chunk-LG22OEO3.js.map
+//# sourceMappingURL=chunk-SFE4ALUT.js.map

package/dist/{chunk-LG22OEO3.js.map → chunk-SFE4ALUT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LG22OEO3.js","../src/components/tag-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-LG22OEO3.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    label: \"\",\n    group: \"flex-wrap items-start\",\n    tag: [\n      ...focusVisibleClasses,\n      \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n    ],\n    tagText: \"line-clamp-1\",\n    tagIcon: \"shrink-0 cursor-pointer\",\n    field: \"h-auto min-w-24 p-0\",\n    trigger: \"flex items-center aria-expanded:rotate-180\",\n    description: \"\",\n    error: \"\",\n    popover: \"rounded-t-none\",\n    list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto p-0\",\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        group: \"\",\n      },\n    },\n    variant: {},\n    size: {\n      xs: {\n        group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n        field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n        tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n        tagIcon: \"size-3.5\",\n        trigger: \"h-6 w-4\",\n      },\n      sm: {\n        group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n        field: \"h-6 px-1\",\n        tag: \"prose-body-2 px-2 py-0.5\",\n        tagIcon: \"size-4.5\",\n        trigger: \"h-6 w-4\",\n      },\n      md: {\n        group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n        field: \"h-7 px-2\",\n        tag: \"prose-subhead-2 px-2 py-1\",\n        tagIcon: \"size-4.5\",\n        trigger: \"h-7 w-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SFE4ALUT.js","../src/components/tag-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,gBAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-SFE4ALUT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldStyles = tv({\n  slots: {\n    root: \"flex flex-col gap-2\",\n    label: \"\",\n    group: \"flex-wrap items-start\",\n    tag: [\n      ...focusVisibleClasses,\n      \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n    ],\n    tagText: \"line-clamp-1\",\n    tagIcon: \"shrink-0 cursor-pointer\",\n    field: \"h-auto min-w-24 p-0\",\n    trigger: \"flex items-center aria-expanded:rotate-180\",\n    description: \"\",\n    error: \"\",\n    popover: \"rounded-t-none\",\n    list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto p-0\",\n  },\n  variants: {\n    isDisabled: {\n      true: {\n        group: \"\",\n      },\n    },\n    variant: {},\n    size: {\n      xs: {\n        group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n        field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n        tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n        tagIcon: \"size-3.5\",\n        trigger: \"h-6 w-4\",\n      },\n      sm: {\n        group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n        field: \"h-6 px-1\",\n        tag: \"prose-body-2 px-2 py-0.5\",\n        tagIcon: \"size-4.5\",\n        trigger: \"h-6 w-4\",\n      },\n      md: {\n        group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n        field: \"h-7 px-2\",\n        tag: \"prose-subhead-2 px-2 py-1\",\n        tagIcon: \"size-4.5\",\n        trigger: \"h-7 w-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\n"]}

package/dist/{chunk-XIP622RV.mjs → chunk-UIQSZVDJ.mjs}

@@ -1,6 +1,6 @@
 import {
   focusClasses
-} from "./chunk-K3WA7SIJ.mjs";
+} from "./chunk-5T7MRJOK.mjs";
 import {
   tv
 } from "./chunk-4JENAMGV.mjs";
@@ -110,4 +110,4 @@ var calendarStyles = tv({
 export {
   calendarStyles
 };
-//# sourceMappingURL=chunk-XIP622RV.mjs.map
+//# sourceMappingURL=chunk-UIQSZVDJ.mjs.map

package/dist/chunk-UJRQUFPW.js

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

package/dist/{chunk-CLC34I62.js.map → chunk-UJRQUFPW.js.map}

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