@opengovsg/oui-theme 0.0.0-snapshot-20250319030133 → 0.0.0-snapshot-20250320092749

package/dist/{chunk-2HLZ2TA2.mjs → chunk-44H2MHJG.mjs}

@@ -5,7 +5,7 @@ import {
 // src/components/banner.ts
 var bannerStyles = tv({
   slots: {
-    base: "flex justify-between",
+    base: "flex w-full justify-between",
     startContentWrapper: "",
     childrenWrapper: "",
     content: "flex",
@@ -52,4 +52,4 @@ var bannerStyles = tv({
 export {
   bannerStyles
 };
-//# sourceMappingURL=chunk-2HLZ2TA2.mjs.map
+//# sourceMappingURL=chunk-44H2MHJG.mjs.map

package/dist/chunk-44H2MHJG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/banner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const bannerStyles = tv({\n  slots: {\n    base: \"flex w-full justify-between\",\n    startContentWrapper: \"\",\n    childrenWrapper: \"\",\n    content: \"flex\",\n    icon: \"shrink-0\",\n    dismissButton: \"shrink-0\",\n  },\n  variants: {\n    variant: {\n      unstyled: \"\",\n      info: {\n        base: \"bg-utility-feedback-info text-base-content-inverse\",\n        dismissButton:\n          \"focus-visible:outline-utility-focus-inverse text-base-content-inverse\",\n      },\n      warning: {\n        base: \"bg-utility-feedback-warning text-base-content-strong\",\n        dismissButton: \"text-base-content-strong\",\n      },\n      error: {\n        base: \"bg-utility-feedback-critical text-base-content-inverse\",\n        dismissButton:\n          \"focus-visible:outline-utility-focus-inverse text-base-content-inverse\",\n      },\n    },\n    size: {\n      sm: {\n        base: \"prose-body-2 gap-2 px-3 py-2\",\n        content: \"gap-2\",\n        icon: \"mt-0.5 size-4\",\n        dismissButton: \"-my-2 -mr-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-2 px-3 py-2\",\n        content: \"gap-2\",\n        icon: \"mt-0.5 size-5\",\n        dismissButton: \"-my-1.5 -mr-2\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n    size: \"md\",\n  },\n})\n\nexport type BannerVariantProps = VariantProps<typeof bannerStyles>\nexport type BannerSlots = keyof ReturnType<typeof bannerStyles>\n"],"mappings":";;;;;AAIO,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,SAAS;AAAA,IACT,MAAM;AAAA,IACN,eAAe;AAAA,EACjB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,eACE;AAAA,MACJ;AAAA,MACA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,eACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,SAAS;AAAA,QACT,MAAM;AAAA,QACN,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-ATN4OFA4.js → chunk-46ZPWKHG.js}

@@ -13,30 +13,25 @@ var selectSearchStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 });
 var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    base: "text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none",
-    text: "text-base-content-strong line-clamp-1 flex-1",
-    icon: "flex items-center"
+    base: "text-base-content-strong outline-hidden group flex cursor-default select-none items-center gap-2 rounded-sm px-4 py-2",
+    text: "line-clamp-1 flex-1 text-inherit"
   },
   variants: {
     color: {
       main: {
-        base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active",
-        icon: "text-interaction-main-default"
+        base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active"
       }
     },
     size: {
       xs: {
-        base: "prose-body-2 px-3 py-3",
-        icon: "w-3.5"
+        base: "prose-body-2 px-3 py-3"
       },
       sm: {
-        base: "prose-body-2 px-3 py-3",
-        icon: "w-4.5"
+        base: "prose-body-2 px-3 py-3"
       },
       md: {
-        base: "prose-body-1 px-4 py-3",
-        text: "group-selected:prose-subhead-1",
-        icon: "w-4.5"
+        base: "prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3",
+        text: "group-selected:prose-subhead-1"
       }
     },
     isDisabled: {
@@ -59,8 +54,9 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     base: "group flex flex-col gap-1",
     label: "",
     trigger: "w-fit",
-    selectedText: "flex-1 truncate text-start",
-    popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md",
+    icon: "size-4",
+    selectedText: "text-base-content-strong flex-1 truncate text-start",
+    popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out w-(--trigger-width) flex flex-col rounded-sm bg-white shadow-md",
     list: "overflow-y-auto",
     description: ""
   },
@@ -68,7 +64,9 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     variant: {
       solid: "",
       reverse: "",
-      outline: "",
+      outline: {
+        trigger: "group-invalid:border-interaction-critical-default"
+      },
       clear: "",
       unstyled: ""
     },
@@ -97,10 +95,34 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     }
   },
   compoundVariants: [
+    // outline / color
     {
-      variant: ["outline"],
+      variant: "outline",
+      color: "main",
       className: {
-        trigger: "group-invalid:border-interaction-critical-default"
+        trigger: "pressed:bg-interaction-tinted-main-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "sub",
+      className: {
+        trigger: "pressed:bg-interaction-tinted-sub-hover"
+      }
+    },
+    // clear / color
+    {
+      variant: "clear",
+      color: "main",
+      className: {
+        trigger: "pressed:bg-interaction-tinted-main-hover"
+      }
+    },
+    {
+      variant: "clear",
+      color: "sub",
+      className: {
+        trigger: "pressed:bg-interaction-tinted-sub-hover"
       }
     }
   ],
@@ -116,4 +138,4 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
-//# sourceMappingURL=chunk-ATN4OFA4.js.map
+//# sourceMappingURL=chunk-46ZPWKHG.js.map

package/dist/chunk-46ZPWKHG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-46ZPWKHG.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-46ZPWKHG.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\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 outline-hidden group flex cursor-default select-none items-center gap-2 rounded-sm px-4 py-2\",\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 flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-fit\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover:\n      \"motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out w-(--trigger-width) flex flex-col rounded-sm bg-white shadow-md\",\n    list: \"overflow-y-auto\",\n    description: \"\",\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      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\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-SCEZEIC2.mjs → chunk-F7ZJVYNV.mjs}

@@ -13,30 +13,25 @@ var selectSearchStyles = tv({
 });
 var selectItemStyles = tv({
   slots: {
-    base: "text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none",
-    text: "text-base-content-strong line-clamp-1 flex-1",
-    icon: "flex items-center"
+    base: "text-base-content-strong outline-hidden group flex cursor-default select-none items-center gap-2 rounded-sm px-4 py-2",
+    text: "line-clamp-1 flex-1 text-inherit"
   },
   variants: {
     color: {
       main: {
-        base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active",
-        icon: "text-interaction-main-default"
+        base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active"
       }
     },
     size: {
       xs: {
-        base: "prose-body-2 px-3 py-3",
-        icon: "w-3.5"
+        base: "prose-body-2 px-3 py-3"
       },
       sm: {
-        base: "prose-body-2 px-3 py-3",
-        icon: "w-4.5"
+        base: "prose-body-2 px-3 py-3"
       },
       md: {
-        base: "prose-body-1 px-4 py-3",
-        text: "group-selected:prose-subhead-1",
-        icon: "w-4.5"
+        base: "prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3",
+        text: "group-selected:prose-subhead-1"
       }
     },
     isDisabled: {
@@ -59,8 +54,9 @@ var selectStyles = tv({
     base: "group flex flex-col gap-1",
     label: "",
     trigger: "w-fit",
-    selectedText: "flex-1 truncate text-start",
-    popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md",
+    icon: "size-4",
+    selectedText: "text-base-content-strong flex-1 truncate text-start",
+    popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out w-(--trigger-width) flex flex-col rounded-sm bg-white shadow-md",
     list: "overflow-y-auto",
     description: ""
   },
@@ -68,7 +64,9 @@ var selectStyles = tv({
     variant: {
       solid: "",
       reverse: "",
-      outline: "",
+      outline: {
+        trigger: "group-invalid:border-interaction-critical-default"
+      },
       clear: "",
       unstyled: ""
     },
@@ -97,10 +95,34 @@ var selectStyles = tv({
     }
   },
   compoundVariants: [
+    // outline / color
     {
-      variant: ["outline"],
+      variant: "outline",
+      color: "main",
       className: {
-        trigger: "group-invalid:border-interaction-critical-default"
+        trigger: "pressed:bg-interaction-tinted-main-hover"
+      }
+    },
+    {
+      variant: "outline",
+      color: "sub",
+      className: {
+        trigger: "pressed:bg-interaction-tinted-sub-hover"
+      }
+    },
+    // clear / color
+    {
+      variant: "clear",
+      color: "main",
+      className: {
+        trigger: "pressed:bg-interaction-tinted-main-hover"
+      }
+    },
+    {
+      variant: "clear",
+      color: "sub",
+      className: {
+        trigger: "pressed:bg-interaction-tinted-sub-hover"
       }
     }
   ],
@@ -116,4 +138,4 @@ export {
   selectItemStyles,
   selectStyles
 };
-//# sourceMappingURL=chunk-SCEZEIC2.mjs.map
+//# sourceMappingURL=chunk-F7ZJVYNV.mjs.map

package/dist/chunk-F7ZJVYNV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\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 outline-hidden group flex cursor-default select-none items-center gap-2 rounded-sm px-4 py-2\",\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 flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-fit\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover:\n      \"motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out w-(--trigger-width) flex flex-col rounded-sm bg-white shadow-md\",\n    list: \"overflow-y-auto\",\n    description: \"\",\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      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\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,SACE;AAAA,IACF,MAAM;AAAA,IACN,aAAa;AAAA,EACf;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,MACR;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,MACR;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-7SYUA43A.js → chunk-GCZQ5SEK.js}

@@ -5,7 +5,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/banner.ts
 var bannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    base: "flex justify-between",
+    base: "flex w-full justify-between",
     startContentWrapper: "",
     childrenWrapper: "",
     content: "flex",
@@ -52,4 +52,4 @@ var bannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.bannerStyles = bannerStyles;
-//# sourceMappingURL=chunk-7SYUA43A.js.map
+//# sourceMappingURL=chunk-GCZQ5SEK.js.map

package/dist/chunk-GCZQ5SEK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GCZQ5SEK.js","../src/components/banner.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,6BAAA;AAAA,IACN,mBAAA,EAAqB,EAAA;AAAA,IACrB,eAAA,EAAiB,EAAA;AAAA,IACjB,OAAA,EAAS,MAAA;AAAA,IACT,IAAA,EAAM,UAAA;AAAA,IACN,aAAA,EAAe;AAAA,EACjB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,QAAA,EAAU,EAAA;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,oDAAA;AAAA,QACN,aAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,OAAA,EAAS;AAAA,QACP,IAAA,EAAM,sDAAA;AAAA,QACN,aAAA,EAAe;AAAA,MACjB,CAAA;AAAA,MACA,KAAA,EAAO;AAAA,QACL,IAAA,EAAM,wDAAA;AAAA,QACN,aAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,8BAAA;AAAA,QACN,OAAA,EAAS,OAAA;AAAA,QACT,IAAA,EAAM,eAAA;AAAA,QACN,aAAA,EAAe;AAAA,MACjB,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,8BAAA;AAAA,QACN,OAAA,EAAS,OAAA;AAAA,QACT,IAAA,EAAM,eAAA;AAAA,QACN,aAAA,EAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,MAAA;AAAA,IACT,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,oCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GCZQ5SEK.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const bannerStyles = tv({\n  slots: {\n    base: \"flex w-full justify-between\",\n    startContentWrapper: \"\",\n    childrenWrapper: \"\",\n    content: \"flex\",\n    icon: \"shrink-0\",\n    dismissButton: \"shrink-0\",\n  },\n  variants: {\n    variant: {\n      unstyled: \"\",\n      info: {\n        base: \"bg-utility-feedback-info text-base-content-inverse\",\n        dismissButton:\n          \"focus-visible:outline-utility-focus-inverse text-base-content-inverse\",\n      },\n      warning: {\n        base: \"bg-utility-feedback-warning text-base-content-strong\",\n        dismissButton: \"text-base-content-strong\",\n      },\n      error: {\n        base: \"bg-utility-feedback-critical text-base-content-inverse\",\n        dismissButton:\n          \"focus-visible:outline-utility-focus-inverse text-base-content-inverse\",\n      },\n    },\n    size: {\n      sm: {\n        base: \"prose-body-2 gap-2 px-3 py-2\",\n        content: \"gap-2\",\n        icon: \"mt-0.5 size-4\",\n        dismissButton: \"-my-2 -mr-2\",\n      },\n      md: {\n        base: \"prose-body-1 gap-2 px-3 py-2\",\n        content: \"gap-2\",\n        icon: \"mt-0.5 size-5\",\n        dismissButton: \"-my-1.5 -mr-2\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"info\",\n    size: \"md\",\n  },\n})\n\nexport type BannerVariantProps = VariantProps<typeof bannerStyles>\nexport type BannerSlots = keyof ReturnType<typeof bannerStyles>\n"]}

package/dist/chunk-I7GDBJ3N.mjs

@@ -0,0 +1,94 @@
+import {
+  focusVisibleClasses
+} from "./chunk-SFKXXWVK.mjs";
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/calendar.ts
+var calendarStyles = tv({
+  slots: {
+    base: "relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
+    prevButton: "",
+    nextButton: "",
+    buttonGroup: "justify-self-end",
+    header: "text-interaction-sub-active flex flex-wrap items-center justify-between",
+    title: "",
+    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 my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default",
+      ...focusVisibleClasses
+    ],
+    grid: "",
+    calendar: "",
+    gridWrapper: "flex gap-x-4 overflow-x-auto max-sm:block",
+    gridHeader: "",
+    gridHeaderCell: "text-base-content-default",
+    gridBody: "",
+    yearSelector: "min-w-fit",
+    monthSelector: "min-w-fit",
+    yearList: "",
+    monthList: "",
+    selectorText: "text-interaction-sub-active",
+    selectors: "flex flex-row gap-0.5",
+    bottomContentWrapper: "border-base-divider-medium flex flex-1 items-center justify-center border-t",
+    todayButton: ""
+  },
+  variants: {
+    variant: {},
+    isDateHighlighted: {
+      true: {
+        cell: "border-utility-focus-default border"
+      }
+    },
+    isMultipleMonths: {
+      true: {
+        cell: "outside-month:hidden"
+      }
+    },
+    isSelected: {
+      false: {
+        cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
+      },
+      true: {
+        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]"
+      }
+    },
+    size: {
+      sm: {
+        base: "px-2 py-2",
+        gridHeaderCell: "prose-caption-1 w-10 p-2.5",
+        header: "prose-subhead-2 min-h-10 px-4",
+        cell: "prose-body-2 mx-auto h-9 w-9",
+        monthSelector: "p-1",
+        selectorText: "prose-subhead-2",
+        yearSelector: "p-1",
+        nextButton: "-mr-4",
+        selectors: "-ml-2",
+        bottomContentWrapper: "-mx-2 px-2 pt-2",
+        calendar: "pb-2"
+      },
+      md: {
+        base: "px-2 py-3",
+        gridHeaderCell: "prose-subhead-2 w-11 p-3",
+        header: "prose-subhead-1 min-h-11 px-4",
+        cell: "prose-body-1 mx-auto h-10 w-10",
+        monthSelector: "p-1",
+        selectorText: "prose-subhead-1",
+        yearSelector: "p-1",
+        nextButton: "-mr-4",
+        selectors: "-ml-1.5",
+        bottomContentWrapper: "-mx-2 -mb-1 px-2 pt-2",
+        calendar: "pb-3"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+
+export {
+  calendarStyles
+};
+//# sourceMappingURL=chunk-I7GDBJ3N.mjs.map

package/dist/chunk-I7GDBJ3N.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/calendar.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\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 my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default\",\n      ...focusVisibleClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"flex gap-x-4 overflow-x-auto 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  },\n  variants: {\n    variant: {},\n    isDateHighlighted: {\n      true: {\n        cell: \"border-utility-focus-default border\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      false: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n      true: {\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    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  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,QACE;AAAA,IACF,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,MACJ;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,IACV,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,UAAU;AAAA,IACV,cAAc;AAAA,IACd,eAAe;AAAA,IACf,UAAU;AAAA,IACV,WAAW;AAAA,IACX,cAAc;AAAA,IACd,WAAW;AAAA,IACX,sBACE;AAAA,IACF,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,mBAAmB;AAAA,MACjB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,eAAe;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,sBAAsB;AAAA,QACtB,UAAU;AAAA,MACZ;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-E7JBRLR5.mjs → chunk-KHQ7EBS5.mjs}

@@ -50,7 +50,7 @@ var badgeStyles = tv({
         base: "border"
       },
       dot: {
-        base: "text-base-content-default",
+        base: "text-base-content-default dark:text-base-content-inverse",
         dot: "mr-1 rounded-full"
       }
     },
@@ -280,4 +280,4 @@ export {
   badgeCloseButtonStyles,
   badgeStyles
 };
-//# sourceMappingURL=chunk-E7JBRLR5.mjs.map
+//# sourceMappingURL=chunk-KHQ7EBS5.mjs.map

package/dist/chunk-KHQ7EBS5.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/badge.ts"],"sourcesContent":["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"],"mappings":"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","names":[]}

package/dist/chunk-NEO5ZU5V.js

@@ -0,0 +1,94 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
+
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/calendar.ts
+var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm",
+    prevButton: "",
+    nextButton: "",
+    buttonGroup: "justify-self-end",
+    header: "text-interaction-sub-active flex flex-wrap items-center justify-between",
+    title: "",
+    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 my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default",
+      ..._chunkX2UCVIR5js.focusVisibleClasses
+    ],
+    grid: "",
+    calendar: "",
+    gridWrapper: "flex gap-x-4 overflow-x-auto max-sm:block",
+    gridHeader: "",
+    gridHeaderCell: "text-base-content-default",
+    gridBody: "",
+    yearSelector: "min-w-fit",
+    monthSelector: "min-w-fit",
+    yearList: "",
+    monthList: "",
+    selectorText: "text-interaction-sub-active",
+    selectors: "flex flex-row gap-0.5",
+    bottomContentWrapper: "border-base-divider-medium flex flex-1 items-center justify-center border-t",
+    todayButton: ""
+  },
+  variants: {
+    variant: {},
+    isDateHighlighted: {
+      true: {
+        cell: "border-utility-focus-default border"
+      }
+    },
+    isMultipleMonths: {
+      true: {
+        cell: "outside-month:hidden"
+      }
+    },
+    isSelected: {
+      false: {
+        cell: "not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active"
+      },
+      true: {
+        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]"
+      }
+    },
+    size: {
+      sm: {
+        base: "px-2 py-2",
+        gridHeaderCell: "prose-caption-1 w-10 p-2.5",
+        header: "prose-subhead-2 min-h-10 px-4",
+        cell: "prose-body-2 mx-auto h-9 w-9",
+        monthSelector: "p-1",
+        selectorText: "prose-subhead-2",
+        yearSelector: "p-1",
+        nextButton: "-mr-4",
+        selectors: "-ml-2",
+        bottomContentWrapper: "-mx-2 px-2 pt-2",
+        calendar: "pb-2"
+      },
+      md: {
+        base: "px-2 py-3",
+        gridHeaderCell: "prose-subhead-2 w-11 p-3",
+        header: "prose-subhead-1 min-h-11 px-4",
+        cell: "prose-body-1 mx-auto h-10 w-10",
+        monthSelector: "p-1",
+        selectorText: "prose-subhead-1",
+        yearSelector: "p-1",
+        nextButton: "-mr-4",
+        selectors: "-ml-1.5",
+        bottomContentWrapper: "-mx-2 -mb-1 px-2 pt-2",
+        calendar: "pb-3"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "sm"
+  }
+});
+
+
+
+exports.calendarStyles = calendarStyles;
+//# sourceMappingURL=chunk-NEO5ZU5V.js.map

package/dist/chunk-NEO5ZU5V.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-NEO5ZU5V.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,+EAAA;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,2WAAA;AAAA,MACA,GAAG;AAAA,IACL,CAAA;AAAA,IACA,IAAA,EAAM,EAAA;AAAA,IACN,QAAA,EAAU,EAAA;AAAA,IACV,WAAA,EAAa,2CAAA;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;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,iBAAA,EAAmB;AAAA,MACjB,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,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,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,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-NEO5ZU5V.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const calendarStyles = tv({\n  slots: {\n    base: \"relative inline-block h-fit max-w-full overflow-y-hidden rounded-sm shadow-sm\",\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 my-0.5 flex cursor-pointer items-center justify-center rounded-full transition-colors duration-150 disabled:cursor-default\",\n      ...focusVisibleClasses,\n    ],\n    grid: \"\",\n    calendar: \"\",\n    gridWrapper: \"flex gap-x-4 overflow-x-auto 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  },\n  variants: {\n    variant: {},\n    isDateHighlighted: {\n      true: {\n        cell: \"border-utility-focus-default border\",\n      },\n    },\n    isMultipleMonths: {\n      true: {\n        cell: \"outside-month:hidden\",\n      },\n    },\n    isSelected: {\n      false: {\n        cell: \"not-unavailable:hover:bg-interaction-muted-main-hover not-unavailable:pressed:bg-interaction-muted-main-active\",\n      },\n      true: {\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    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  defaultVariants: {\n    size: \"sm\",\n  },\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}

package/dist/{chunk-JSOQXC4Z.js → chunk-NL5XE6BW.js}

@@ -50,7 +50,7 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
         base: "border"
       },
       dot: {
-        base: "text-base-content-default",
+        base: "text-base-content-default dark:text-base-content-inverse",
         dot: "mr-1 rounded-full"
       }
     },
@@ -280,4 +280,4 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
-//# sourceMappingURL=chunk-JSOQXC4Z.js.map
+//# sourceMappingURL=chunk-NL5XE6BW.js.map

package/dist/{chunk-JSOQXC4Z.js.map → chunk-NL5XE6BW.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-JSOQXC4Z.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-JSOQXC4Z.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\",\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-NL5XE6BW.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-NL5XE6BW.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/components/badge.d.mts

@@ -139,8 +139,8 @@ declare const badgeStyles: tailwind_variants.TVReturnType<{
         color?: boolean | (string | number | symbol)[] | undefined;
         radius?: boolean | (string | number | symbol)[] | undefined;
         variant?: boolean | (string | number | symbol)[] | undefined;
-        isCloseable?: boolean | (string | number | symbol)[] | undefined;
         isDisabled?: boolean | (string | number | symbol)[] | undefined;
+        isCloseable?: boolean | (string | number | symbol)[] | undefined;
     } | undefined;
 } & tailwind_variants_dist_config_js.TWMConfig & {
     twMergeConfig: {