@opengovsg/oui-theme 0.0.30 → 0.0.32

package/dist/{chunk-H6JUN6QG.mjs → chunk-XECQWCT6.mjs}

@@ -51,14 +51,17 @@ var selectItemStyles = tv({
 });
 var selectStyles = tv({
   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 = tv({
     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 @@ export {
   selectItemStyles,
   selectStyles
 };
-//# sourceMappingURL=chunk-H6JUN6QG.mjs.map
+//# sourceMappingURL=chunk-XECQWCT6.mjs.map

package/dist/chunk-XECQWCT6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["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"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aACE;AAAA,IACF,YAAY;AAAA,IACZ,aACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-MSHUB6BD.js → chunk-Z2MG2ZKM.js}

@@ -3,7 +3,7 @@
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
 
 
-var _chunk5DZEJPPYjs = require('./chunk-5DZEJPPY.js');
+var _chunkQ2IC5MPBjs = require('./chunk-Q2IC5MPB.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -13,7 +13,7 @@ var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
     box: _chunkZIQLHX3Ujs.cn.call(void 0, 
       "flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition",
-      _chunk5DZEJPPYjs.racFocusRing.base
+      _chunkQ2IC5MPBjs.racFocusRing.base
     ),
     base: "group relative flex items-stretch transition",
     icon: "h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]"
@@ -40,10 +40,10 @@ var checkboxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     },
     isFocusVisible: {
       true: {
-        box: _chunk5DZEJPPYjs.racFocusRing.variants.isFocusVisible.true
+        box: _chunkQ2IC5MPBjs.racFocusRing.variants.isFocusVisible.true
       },
       false: {
-        box: _chunk5DZEJPPYjs.racFocusRing.variants.isFocusVisible.false
+        box: _chunkQ2IC5MPBjs.racFocusRing.variants.isFocusVisible.false
       }
     },
     isDisabled: {
@@ -112,4 +112,4 @@ var checkboxGroupStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.checkboxStyles = checkboxStyles; exports.checkboxGroupStyles = checkboxGroupStyles;
-//# sourceMappingURL=chunk-MSHUB6BD.js.map
+//# sourceMappingURL=chunk-Z2MG2ZKM.js.map

package/dist/{chunk-MSHUB6BD.js.map → chunk-Z2MG2ZKM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MSHUB6BD.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MSHUB6BD.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n  slots: {\n    box: cn(\n      \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n      racFocusRing.base,\n    ),\n    base: \"group relative flex items-stretch transition\",\n    icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n  },\n  variants: {\n    color: {\n      default: {\n        base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        box: \"mt-0.5 h-4 w-4\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      sm: {\n        box: \"h-5 w-5\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-4 px-1 py-2.5\",\n        box: \"h-6 w-6\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: racFocusRing.variants.isFocusVisible.true,\n      },\n      false: {\n        box: racFocusRing.variants.isFocusVisible.false,\n      },\n    },\n    isDisabled: {\n      false: {\n        base: \"text-gray-800 dark:text-zinc-200\",\n      },\n      true: {\n        base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n        box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n      },\n    },\n    isSelected: {\n      false: {\n        box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n      },\n      true: {\n        box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n      },\n    },\n    isInvalid: {\n      true: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      color: \"default\",\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n      },\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n      },\n    },\n    {\n      isInvalid: true,\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    color: \"default\",\n  },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n  base: \"flex w-full flex-col\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n  },\n})\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Z2MG2ZKM.js","../src/components/checkbox.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACJO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,GAAA,EAAK,iCAAA;AAAA,MACH,4FAAA;AAAA,MACA,6BAAA,CAAa;AAAA,IACf,CAAA;AAAA,IACA,IAAA,EAAM,8CAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,OAAA,EAAS;AAAA,QACP,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,gBAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,GAAA,EAAK,SAAA;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,gCAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,GAAA,EAAK,6BAAA,CAAa,QAAA,CAAS,cAAA,CAAe;AAAA,MAC5C;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,4FAAA;AAAA,QACN,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,GAAA,EAAK;AAAA,MACP,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,QACJ,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,KAAA,EAAO,SAAA;AAAA,MACP,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,UAAA,EAAY,IAAA;AAAA,MACZ,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,SAAA,EAAW,IAAA;AAAA,MACX,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW;AAAA,QACT,GAAA,EAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAKM,IAAM,oBAAA,EAAsB,iCAAA;AAAG,EACpC,IAAA,EAAM,sBAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI,EAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,2FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-Z2MG2ZKM.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn } from \"../utils\"\nimport { racFocusRing } from \"../utils/classes\"\nimport { tv } from \"../utils/tv\"\n\nexport const checkboxStyles = tv({\n  slots: {\n    box: cn(\n      \"flex w-full shrink-0 items-center justify-center self-start rounded-sm border-2 transition\",\n      racFocusRing.base,\n    ),\n    base: \"group relative flex items-stretch transition\",\n    icon: \"h-4 w-4 text-white group-disabled:text-white dark:text-slate-900 dark:group-disabled:text-slate-600 forced-colors:text-[HighlightText]\",\n  },\n  variants: {\n    color: {\n      default: {\n        base: \"hover:bg-interaction-muted-main-hover pressed:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        box: \"mt-0.5 h-4 w-4\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      sm: {\n        box: \"h-5 w-5\",\n        base: \"prose-body-2 gap-3 px-1 py-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-4 px-1 py-2.5\",\n        box: \"h-6 w-6\",\n      },\n    },\n    isFocusVisible: {\n      true: {\n        box: racFocusRing.variants.isFocusVisible.true,\n      },\n      false: {\n        box: racFocusRing.variants.isFocusVisible.false,\n      },\n    },\n    isDisabled: {\n      false: {\n        base: \"text-gray-800 dark:text-zinc-200\",\n      },\n      true: {\n        base: \"text-interaction-support-disabled-content dark:text-zinc-600 forced-colors:text-[GrayText]\",\n        box: \"[--color:var(--color-gray-200)] dark:[--color:var(--color-zinc-700)] forced-colors:[--color:GrayText]!\",\n      },\n    },\n    isSelected: {\n      false: {\n        box: \"group-pressed:[--color:var(--color-base-content-strong)] dark:group-pressed:[--color:var(--color-zinc-300)] border-(--color) bg-white [--color:var(--color-base-content-strong)] dark:bg-zinc-900 dark:[--color:var(--color-zinc-400)]\",\n      },\n      true: {\n        box: \"border-(--color) bg-(--color) forced-colors:[--color:Highlight]!\",\n      },\n    },\n    isInvalid: {\n      true: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] dark:group-pressed:[--color:var(--color-red-700)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)] forced-colors:[--color:Mark]!\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      color: \"default\",\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-main-active)] dark:group-pressed:[--color:var(--color-slate-200)] [--color:var(--color-interaction-main-default)] dark:[--color:var(--color-slate-300)]\",\n      },\n    },\n    {\n      isDisabled: true,\n      isSelected: true,\n      className: {\n        box: \"[--color:var(--color-interaction-support-disabled-content)]\",\n      },\n    },\n    {\n      isInvalid: true,\n      isSelected: true,\n      className: {\n        box: \"group-pressed:[--color:var(--color-interaction-critical-active)] [--color:var(--color-interaction-critical-default)] dark:[--color:var(--color-red-600)]\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    color: \"default\",\n  },\n})\n\nexport type CheckboxVariantProps = VariantProps<typeof checkboxStyles>\nexport type CheckboxSlots = keyof ReturnType<typeof checkboxStyles>\n\nexport const checkboxGroupStyles = tv({\n  base: \"flex w-full flex-col\",\n  variants: {\n    size: {\n      xs: \"\",\n      sm: \"\",\n      md: \"\",\n    },\n  },\n})\n"]}

package/dist/components/avatar.d.mts

@@ -0,0 +1,204 @@
+import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarStyles: tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], {
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], unknown, unknown, undefined>>;
+type AvatarVariantProps = VariantProps<typeof avatarStyles>;
+type AvatarSlots = keyof ReturnType<typeof avatarStyles>;
+declare const avatarGroupStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    counter: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, type AvatarSlots, type AvatarVariantProps, avatarGroupStyles, avatarStyles };

package/dist/components/avatar.d.ts

@@ -0,0 +1,204 @@
+import * as tailwind_merge from 'tailwind-merge';
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+
+declare const avatarStyles: tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], {
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, tailwind_variants.TVReturnType<{
+    isInGroup: {
+        true: {
+            base: string;
+        };
+    };
+    prominence: {
+        strong: {};
+        subtle: {};
+    };
+    color: {
+        primary: {};
+        white: {};
+    };
+    radius: {
+        none: {
+            base: string;
+        };
+        sm: {
+            base: string;
+        };
+        md: {
+            base: string;
+        };
+        lg: {
+            base: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+    size: {
+        md: {
+            base: string;
+            icon: string;
+        };
+        sm: {
+            base: string;
+            icon: string;
+        };
+        xs: {
+            base: string;
+            icon: string;
+        };
+        "2xs": {
+            base: string;
+            icon: string;
+        };
+    };
+}, {
+    base: string[];
+    icon: string;
+    fallback: string[];
+    image: string;
+}, never[], unknown, unknown, undefined>>;
+type AvatarVariantProps = VariantProps<typeof avatarStyles>;
+type AvatarSlots = keyof ReturnType<typeof avatarStyles>;
+declare const avatarGroupStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            base?: tailwind_merge.ClassNameValue;
+            counter?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    counter: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    base: string;
+    counter: string;
+}, undefined, unknown, unknown, undefined>>;
+type AvatarGroupVariantProps = VariantProps<typeof avatarGroupStyles>;
+type AvatarGroupSlots = keyof ReturnType<typeof avatarGroupStyles>;
+
+export { type AvatarGroupSlots, type AvatarGroupVariantProps, type AvatarSlots, type AvatarVariantProps, avatarGroupStyles, avatarStyles };

package/dist/components/avatar.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk7K3RA7VNjs = require('../chunk-7K3RA7VN.js');
+require('../chunk-Q2IC5MPB.js');
+require('../chunk-UZONBJUX.js');
+require('../chunk-HEB3T2LL.js');
+
+
+
+exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles;
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

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

package/dist/components/avatar.mjs

@@ -0,0 +1,12 @@
+import {
+  avatarGroupStyles,
+  avatarStyles
+} from "../chunk-KO7ZN4FG.mjs";
+import "../chunk-5T7MRJOK.mjs";
+import "../chunk-4JENAMGV.mjs";
+import "../chunk-R6W5A7PF.mjs";
+export {
+  avatarGroupStyles,
+  avatarStyles
+};
+//# sourceMappingURL=avatar.mjs.map

package/dist/components/avatar.mjs.map

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

package/dist/components/badge.js

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkOIVEXSCXjs = require('../chunk-OIVEXSCX.js');
+var _chunkQ3HLBDZTjs = require('../chunk-Q3HLBDZT.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.badgeCloseButtonStyles = _chunkOIVEXSCXjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkOIVEXSCXjs.badgeStyles;
+exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles;
 //# sourceMappingURL=badge.js.map

package/dist/components/badge.mjs

@@ -1,14 +1,14 @@
 import {
   badgeCloseButtonStyles,
   badgeStyles
-} from "../chunk-XZCZKYVQ.mjs";
+} from "../chunk-J43XXSXH.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-K3WA7SIJ.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/button.js

@@ -1,16 +1,16 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkMZ3OLOEQjs = require('../chunk-MZ3OLOEQ.js');
+var _chunkIM7PWGRYjs = require('../chunk-IM7PWGRY.js');
 require('../chunk-7Y2HFACM.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.buttonStyles = _chunkMZ3OLOEQjs.buttonStyles;
+exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles;
 //# sourceMappingURL=button.js.map

package/dist/components/button.mjs

@@ -1,13 +1,13 @@
 import {
   buttonStyles
-} from "../chunk-4LDBVLGI.mjs";
+} from "../chunk-2PBPSPDX.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-K3WA7SIJ.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/calendar.js

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTXUEDK3Ejs = require('../chunk-TXUEDK3E.js');
+var _chunkO3YULW5Ejs = require('../chunk-O3YULW5E.js');
 require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-5DZEJPPY.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.calendarStyles = _chunkTXUEDK3Ejs.calendarStyles;
+exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles;
 //# sourceMappingURL=calendar.js.map