@opengovsg/oui-theme 0.0.51 → 0.0.53

package/dist/{chunk-KGEWUCYS.mjs → chunk-2ZTBTOWF.mjs}

@@ -13,15 +13,10 @@ var selectSearchStyles = tv({
 });
 var selectItemStyles = tv({
   slots: {
-    base: "text-base-content-strong group flex cursor-default items-center gap-2 outline-hidden select-none",
+    base: "text-base-content-strong group focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active flex cursor-default items-center gap-2 outline-hidden select-none",
     text: "line-clamp-1 flex-1 text-inherit"
   },
   variants: {
-    color: {
-      main: {
-        base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active"
-      }
-    },
     size: {
       xs: {
         base: "prose-body-2 px-3 py-3"
@@ -47,13 +42,12 @@ var selectItemStyles = tv({
     }
   },
   defaultVariants: {
-    color: "main",
     size: "md"
   }
 });
 var selectStyles = tv({
   slots: {
-    base: "group/select flex w-full flex-col gap-1",
+    base: "group/select flex w-full flex-col gap-2",
     label: "",
     trigger: "w-full",
     icon: "size-4",
@@ -152,4 +146,4 @@ export {
   selectItemStyles,
   selectStyles
 };
-//# sourceMappingURL=chunk-KGEWUCYS.mjs.map
+//# sourceMappingURL=chunk-2ZTBTOWF.mjs.map

package/dist/chunk-2ZTBTOWF.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 focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active selected:bg-interaction-muted-main-active flex cursor-default items-center gap-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\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 px-4 py-3\",\n        text: \"group-selected/select:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: {\n        base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n      },\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\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/select flex w-full flex-col gap-2\",\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/search 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/select: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-66\",\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-66\",\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-72\",\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,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,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,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-4EBHRWLK.mjs → chunk-3Z6XDLMS.mjs}

@@ -13,7 +13,7 @@ var govtBannerStyles = tv({
   slots: {
     banner: "bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base",
     mainContentContainer: "flex min-h-7 items-center gap-2 py-1",
-    crest: "h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5",
+    crest: "h-5 w-4 shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5",
     mainContent: "flex flex-wrap gap-x-1 text-xs lg:text-sm",
     link: "text-[#2f5fd0] underline hover:text-[#4371d6]",
     identifyButton: cn(
@@ -27,10 +27,17 @@ var govtBannerStyles = tv({
     chevron: "h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform",
     inlineIcon: "inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4",
     panelHeader: "leading-4 font-bold md:leading-5 lg:leading-6"
+  },
+  variants: {
+    isExpanded: {
+      false: {
+        panel: "hidden"
+      }
+    }
   }
 });
 
 export {
   govtBannerStyles
 };
-//# sourceMappingURL=chunk-4EBHRWLK.mjs.map
+//# sourceMappingURL=chunk-3Z6XDLMS.mjs.map

package/dist/chunk-3Z6XDLMS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/govt-banner.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const govtBannerStyles = tv({\n  slots: {\n    banner: \"bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base\",\n    mainContentContainer: \"flex min-h-7 items-center gap-2 py-1\",\n    crest:\n      \"h-5 w-4 shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5\",\n    mainContent: \"flex flex-wrap gap-x-1 text-xs lg:text-sm\",\n    link: \"text-[#2f5fd0] underline hover:text-[#4371d6]\",\n    identifyButton: cn(\n      \"inline-flex cursor-pointer items-center rounded text-[#2f5fd0]\",\n      focusVisibleClasses,\n    ),\n    panel:\n      \"flex flex-row gap-x-4 gap-y-4 py-6 max-md:flex-col md:py-8 lg:gap-x-36 lg:py-11\",\n    panelGroup: \"flex flex-1 gap-2 md:gap-4\",\n    panelSection: \"flex flex-col gap-y-2 lg:gap-y-3\",\n    panelIcon:\n      \"inline-block h-4 w-4 shrink-0 self-start md:h-5 md:w-5 lg:h-6 lg:w-6\",\n    chevron:\n      \"h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform\",\n    inlineIcon: \"inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4\",\n    panelHeader: \"leading-4 font-bold md:leading-5 lg:leading-6\",\n  },\n  variants: {\n    isExpanded: {\n      false: {\n        panel: \"hidden\",\n      },\n    },\n  },\n})\n\nexport type GovtBannerVariantProps = VariantProps<typeof govtBannerStyles>\nexport type GovtBannerSlots = keyof ReturnType<typeof govtBannerStyles>\n"],"mappings":";;;;;;;;;;;AAKO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,sBAAsB;AAAA,IACtB,OACE;AAAA,IACF,aAAa;AAAA,IACb,MAAM;AAAA,IACN,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,IACA,OACE;AAAA,IACF,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,WACE;AAAA,IACF,SACE;AAAA,IACF,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AACF,CAAC;","names":[]}

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

@@ -13,7 +13,7 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
     banner: "bg-[#f0f0f0] px-4 text-xs text-[#474747] lg:text-base",
     mainContentContainer: "flex min-h-7 items-center gap-2 py-1",
-    crest: "h-5 w-4 flex-shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5",
+    crest: "h-5 w-4 shrink-0 self-start align-top has-[path]:fill-[#ef3320] lg:h-5 lg:w-5",
     mainContent: "flex flex-wrap gap-x-1 text-xs lg:text-sm",
     link: "text-[#2f5fd0] underline hover:text-[#4371d6]",
     identifyButton: _chunkZIQLHX3Ujs.cn.call(void 0, 
@@ -27,10 +27,17 @@ var govtBannerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     chevron: "h-4 w-4 in-aria-expanded:rotate-180 motion-safe:transition-transform",
     inlineIcon: "inline-block h-4 w-3 shrink-0 align-text-bottom lg:h-5 lg:w-4",
     panelHeader: "leading-4 font-bold md:leading-5 lg:leading-6"
+  },
+  variants: {
+    isExpanded: {
+      false: {
+        panel: "hidden"
+      }
+    }
   }
 });
 
 
 
 exports.govtBannerStyles = govtBannerStyles;
-//# sourceMappingURL=chunk-67CSB56L.js.map
+//# sourceMappingURL=chunk-BTJAIHTA.js.map

package/dist/chunk-BTJAIHTA.js.map

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

package/dist/{chunk-FKZCR3GI.mjs → chunk-C3SL53P4.mjs}

@@ -8,7 +8,7 @@ var dateRangePickerStyles = tv({
     dateWrapper: "inline-flex flex-1 items-center overflow-x-auto",
     startInput: "h-auto min-w-fit flex-0",
     endInput: "h-auto min-w-fit flex-0",
-    base: "group isolate flex flex-col gap-1",
+    base: "group isolate flex flex-col gap-2",
     group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
     dialog: "flex",
     calendarButton: "z-1 -m-px text-inherit -outline-offset-1",
@@ -42,4 +42,4 @@ var dateRangePickerStyles = tv({
 export {
   dateRangePickerStyles
 };
-//# sourceMappingURL=chunk-FKZCR3GI.mjs.map
+//# sourceMappingURL=chunk-C3SL53P4.mjs.map

package/dist/{chunk-FKZCR3GI.mjs.map → chunk-C3SL53P4.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/date-range-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"h-auto min-w-fit flex-0\",\n    endInput: \"h-auto min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-1\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,wBAAwB,GAAG;AAAA,EACtC,OAAO;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OACE;AAAA,IACF,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WACE;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../src/components/date-range-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"h-auto min-w-fit flex-0\",\n    endInput: \"h-auto min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-2\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,wBAAwB,GAAG;AAAA,EACtC,OAAO;AAAA,IACL,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,MAAM;AAAA,IACN,OACE;AAAA,IACF,QAAQ;AAAA,IACR,gBAAgB;AAAA,IAChB,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WACE;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-CSNWJLBM.mjs → chunk-CKDLR6KB.mjs}

@@ -5,7 +5,7 @@ import {
 // src/components/number-field.ts
 var numberFieldStyles = tv({
   slots: {
-    base: "group text-base-content-default flex w-full flex-col gap-1",
+    base: "group text-base-content-default flex w-full flex-col gap-2",
     label: "",
     field: "",
     description: "",
@@ -40,4 +40,4 @@ var numberFieldStyles = tv({
 export {
   numberFieldStyles
 };
-//# sourceMappingURL=chunk-CSNWJLBM.mjs.map
+//# sourceMappingURL=chunk-CKDLR6KB.mjs.map

package/dist/{chunk-CSNWJLBM.mjs.map → chunk-CKDLR6KB.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/number-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const numberFieldStyles = tv({\n  slots: {\n    base: \"group text-base-content-default flex w-full flex-col gap-1\",\n    label: \"\",\n    field: \"\",\n    description: \"\",\n    error: \"\",\n    input: \"px-0\",\n    stepperContainer: \"-m-px flex flex-row\",\n    increment: \"rounded-s-none\",\n    decrement: \"rounded-none\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        input:\n          \"group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1\",\n        field: \"pl-3 group-data-[hide-steppers=true]:pr-3\",\n      },\n      sm: {\n        input:\n          \"group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1\",\n        field: \"pl-3 group-data-[hide-steppers=true]:pr-3\",\n      },\n      md: {\n        input:\n          \"group-data-[has-end-content=true]:pr-1.5 group-data-[has-start-content=true]:pl-1.5\",\n        field: \"pl-4 group-data-[hide-steppers=true]:pr-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type NumberFieldVariantProps = VariantProps<typeof numberFieldStyles>\nexport type NumberFieldSlots = keyof ReturnType<typeof numberFieldStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
+{"version":3,"sources":["../src/components/number-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const numberFieldStyles = tv({\n  slots: {\n    base: \"group text-base-content-default flex w-full flex-col gap-2\",\n    label: \"\",\n    field: \"\",\n    description: \"\",\n    error: \"\",\n    input: \"px-0\",\n    stepperContainer: \"-m-px flex flex-row\",\n    increment: \"rounded-s-none\",\n    decrement: \"rounded-none\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        input:\n          \"group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1\",\n        field: \"pl-3 group-data-[hide-steppers=true]:pr-3\",\n      },\n      sm: {\n        input:\n          \"group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1\",\n        field: \"pl-3 group-data-[hide-steppers=true]:pr-3\",\n      },\n      md: {\n        input:\n          \"group-data-[has-end-content=true]:pr-1.5 group-data-[has-start-content=true]:pl-1.5\",\n        field: \"pl-4 group-data-[hide-steppers=true]:pr-4\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type NumberFieldVariantProps = VariantProps<typeof numberFieldStyles>\nexport type NumberFieldSlots = keyof ReturnType<typeof numberFieldStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,aAAa;AAAA,IACb,OAAO;AAAA,IACP,OAAO;AAAA,IACP,kBAAkB;AAAA,IAClB,WAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OACE;AAAA,QACF,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-J43XXSXH.mjs → chunk-DEGKVLFV.mjs}

@@ -1,7 +1,7 @@
 import {
   colorVariants,
   colorVariantsWithState
-} from "./chunk-C7FUGWVY.mjs";
+} from "./chunk-PWNK4ZB7.mjs";
 import {
   cn
 } from "./chunk-HAUMMW6T.mjs";
@@ -280,4 +280,4 @@ export {
   badgeCloseButtonStyles,
   badgeStyles
 };
-//# sourceMappingURL=chunk-J43XXSXH.mjs.map
+//# sourceMappingURL=chunk-DEGKVLFV.mjs.map

package/dist/{chunk-LR7CXX65.mjs → chunk-DXF6O5IM.mjs}

@@ -1,6 +1,6 @@
 import {
   colorVariants
-} from "./chunk-C7FUGWVY.mjs";
+} from "./chunk-PWNK4ZB7.mjs";
 import {
   dataFocusVisibleClasses
 } from "./chunk-5T7MRJOK.mjs";
@@ -329,4 +329,4 @@ var paginationStyles = tv({
 export {
   paginationStyles
 };
-//# sourceMappingURL=chunk-LR7CXX65.mjs.map
+//# sourceMappingURL=chunk-DXF6O5IM.mjs.map

package/dist/{chunk-Q3HLBDZT.js → chunk-F4QCW7OY.js}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
+var _chunkFAV6VP6Pjs = require('./chunk-FAV6VP6P.js');
 
 
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
@@ -16,7 +16,7 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 var badgeCloseButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   extend: _chunkQ2IC5MPBjs.racFocusRing,
   base: _chunkZIQLHX3Ujs.cn.call(void 0, 
-    _chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral,
+    _chunkFAV6VP6Pjs.colorVariantsWithState.clear.neutral,
     "inline-flex cursor-pointer items-center justify-center rounded-full text-inherit transition"
   ),
   variants: {
@@ -100,42 +100,42 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
       variant: "solid",
       color: "main",
       className: {
-        base: _chunk7Y2HFACMjs.colorVariants.solid.main
+        base: _chunkFAV6VP6Pjs.colorVariants.solid.main
       }
     },
     {
       variant: "solid",
       color: "sub",
       className: {
-        base: _chunk7Y2HFACMjs.colorVariants.solid.sub
+        base: _chunkFAV6VP6Pjs.colorVariants.solid.sub
       }
     },
     {
       variant: "solid",
       color: "neutral",
       className: {
-        base: _chunk7Y2HFACMjs.colorVariants.solid.neutral
+        base: _chunkFAV6VP6Pjs.colorVariants.solid.neutral
       }
     },
     {
       variant: "solid",
       color: "critical",
       className: {
-        base: _chunk7Y2HFACMjs.colorVariants.solid.critical
+        base: _chunkFAV6VP6Pjs.colorVariants.solid.critical
       }
     },
     {
       variant: "solid",
       color: "warning",
       className: {
-        base: _chunk7Y2HFACMjs.colorVariants.solid.warning
+        base: _chunkFAV6VP6Pjs.colorVariants.solid.warning
       }
     },
     {
       variant: "solid",
       color: "success",
       className: {
-        base: _chunk7Y2HFACMjs.colorVariants.solid.success
+        base: _chunkFAV6VP6Pjs.colorVariants.solid.success
       }
     },
     // subtle / color
@@ -280,4 +280,4 @@ var badgeStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.badgeCloseButtonStyles = badgeCloseButtonStyles; exports.badgeStyles = badgeStyles;
-//# sourceMappingURL=chunk-Q3HLBDZT.js.map
+//# sourceMappingURL=chunk-F4QCW7OY.js.map

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

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

package/dist/{chunk-7Y2HFACM.js → chunk-FAV6VP6P.js}

@@ -23,6 +23,7 @@ var base = {
     main: "border border-interaction-main-default text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
     sub: "border border-interaction-sub-default text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
     neutral: "border border-base-content-strong text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    success: "border border-interaction-success-default text-interaction-success-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
     critical: "border border-interaction-critical-default text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
     warning: "border border-interaction-warning-default text-interaction-warning-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
     inverse: "border border-base-content-inverse text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
@@ -54,6 +55,7 @@ var states = {
     main: "hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active",
     sub: "hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active",
     neutral: "hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active",
+    success: "hover:bg-interaction-success-hover/4 active:bg-interaction-success-active/4 pressed:bg-interaction-success-active/4",
     critical: "hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active",
     inverse: "hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active"
   },
@@ -81,4 +83,4 @@ var colorVariantsWithState = _lodashes.mergeWith.call(void 0,
 
 
 exports.colorVariants = colorVariants; exports.colorVariantsWithState = colorVariantsWithState;
-//# sourceMappingURL=chunk-7Y2HFACM.js.map
+//# sourceMappingURL=chunk-FAV6VP6P.js.map

package/dist/chunk-FAV6VP6P.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FAV6VP6P.js","../src/utils/variants.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACJA,qCAA0B;AAI1B,IAAM,KAAA,EAAO;AAAA,EACX,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,mJAAA;AAAA,IACN,GAAA,EAAK,kJAAA;AAAA,IACL,OAAA,EACE,sJAAA;AAAA,IACF,QAAA,EACE,uJAAA;AAAA,IACF,OAAA,EACE,sJAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,uHAAA;AAAA,IACN,QAAA,EACE,2HAAA;AAAA,IACF,GAAA,EAAK,sHAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,2MAAA;AAAA,IACN,GAAA,EAAK,yMAAA;AAAA,IACL,OAAA,EACE,iMAAA;AAAA,IACF,OAAA,EACE,iNAAA;AAAA,IACF,QAAA,EACE,mNAAA;AAAA,IACF,OAAA,EACE,iNAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,8IAAA;AAAA,IACN,QAAA,EACE,kJAAA;AAAA,IACF,OAAA,EACE,yIAAA;AAAA,IACF,GAAA,EAAK,6IAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ;AACF,CAAA;AAEA,IAAM,OAAA,EAAS;AAAA,EACb,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,sGAAA;AAAA,IACN,GAAA,EAAK,mGAAA;AAAA,IACL,OAAA,EACE,+GAAA;AAAA,IACF,QAAA,EACE,kHAAA;AAAA,IACF,OAAA,EACE,+GAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,wHAAA;AAAA,IACN,QAAA,EACE,oIAAA;AAAA,IACF,GAAA,EAAK,qHAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,2HAAA;AAAA,IACN,GAAA,EAAK,wHAAA;AAAA,IACL,OAAA,EACE,oIAAA;AAAA,IACF,OAAA,EACE,qHAAA;AAAA,IACF,QAAA,EACE,uIAAA;AAAA,IACF,OAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,2HAAA;AAAA,IACN,QAAA,EACE,uIAAA;AAAA,IACF,OAAA,EACE,oIAAA;AAAA,IACF,GAAA,EAAK,wHAAA;AAAA,IACL,OAAA,EACE;AAAA,EACJ;AACF,CAAA;AAEO,IAAM,cAAA,EAAgB,IAAA;AAEtB,IAAM,uBAAA,EAAyB,iCAAA;AAAA,EACpC,CAAC,CAAA;AAAA,EACD,IAAA;AAAA,EACA,MAAA;AAAA,EACA,CAAC,QAAA,EAAU,QAAA,EAAA,GAAa;AACtB,IAAA,GAAA,CAAI,OAAO,SAAA,IAAa,SAAA,GAAY,OAAO,SAAA,IAAa,QAAA,EAAU;AAChE,MAAA,OAAO,iCAAA,QAAG,EAAU,QAAQ,CAAA;AAAA,IAC9B;AAAA,EACF;AACF,CAAA;AD3BA;AACA;AACE;AACA;AACF,+FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-FAV6VP6P.js","sourcesContent":[null,"import { mergeWith } from \"lodash-es\"\n\nimport { cn } from \"./cn\"\n\nconst base = {\n  solid: {\n    main: \"bg-interaction-main-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n    sub: \"bg-interaction-sub-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n    neutral:\n      \"bg-interaction-neutral-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n    critical:\n      \"bg-interaction-critical-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n    success:\n      \"bg-interaction-success-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n    warning:\n      \"bg-interaction-warning-default text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content\",\n  },\n  reverse: {\n    main: \"bg-utility-ui text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n    critical:\n      \"bg-utility-ui text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n    sub: \"bg-utility-ui text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n    neutral:\n      \"bg-utility-ui text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui\",\n  },\n  outline: {\n    main: \"border border-interaction-main-default text-interaction-main-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    sub: \"border border-interaction-sub-default text-interaction-sub-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    neutral:\n      \"border border-base-content-strong text-base-content-strong disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    success:\n      \"border border-interaction-success-default text-interaction-success-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    critical:\n      \"border border-interaction-critical-default text-interaction-critical-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    warning:\n      \"border border-interaction-warning-default text-interaction-warning-default disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    inverse:\n      \"border border-base-content-inverse text-base-content-inverse disabled:border-interaction-support-disabled-content disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  },\n  clear: {\n    main: \"border border-utility-ui-clear text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    critical:\n      \"border border-utility-ui-clear text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    neutral:\n      \"border border-utility-ui-clear text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    sub: \"border border-utility-ui-clear text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n    inverse:\n      \"border border-utility-ui-clear text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear\",\n  },\n}\n\nconst states = {\n  solid: {\n    main: \"hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active\",\n    sub: \"hover:bg-interaction-sub-hover active:bg-interaction-sub-active pressed:bg-interaction-sub-active\",\n    neutral:\n      \"hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active\",\n    critical:\n      \"hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active\",\n    success:\n      \"hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active\",\n    warning:\n      \"hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active\",\n  },\n  reverse: {\n    main: \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active\",\n    critical:\n      \"hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active\",\n    sub: \"hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active\",\n    neutral:\n      \"hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active\",\n  },\n  outline: {\n    main: \"hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active\",\n    sub: \"hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active\",\n    neutral:\n      \"hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active\",\n    success:\n      \"hover:bg-interaction-success-hover/4 active:bg-interaction-success-active/4 pressed:bg-interaction-success-active/4\",\n    critical:\n      \"hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active\",\n    inverse:\n      \"hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active\",\n  },\n  clear: {\n    main: \"hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active\",\n    critical:\n      \"hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active\",\n    neutral:\n      \"hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active\",\n    sub: \"hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active\",\n    inverse:\n      \"hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active\",\n  },\n}\n\nexport const colorVariants = base\n\nexport const colorVariantsWithState = mergeWith(\n  {},\n  base,\n  states,\n  (objValue, srcValue) => {\n    if (typeof objValue === \"string\" && typeof srcValue === \"string\") {\n      return cn(objValue, srcValue)\n    }\n  },\n)\n"]}

package/dist/{chunk-TADW2SJV.js → chunk-GNQOEROB.js}

@@ -8,7 +8,7 @@ var dateRangePickerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     dateWrapper: "inline-flex flex-1 items-center overflow-x-auto",
     startInput: "h-auto min-w-fit flex-0",
     endInput: "h-auto min-w-fit flex-0",
-    base: "group isolate flex flex-col gap-1",
+    base: "group isolate flex flex-col gap-2",
     group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
     dialog: "flex",
     calendarButton: "z-1 -m-px text-inherit -outline-offset-1",
@@ -42,4 +42,4 @@ var dateRangePickerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.dateRangePickerStyles = dateRangePickerStyles;
-//# sourceMappingURL=chunk-TADW2SJV.js.map
+//# sourceMappingURL=chunk-GNQOEROB.js.map

package/dist/{chunk-TADW2SJV.js.map → chunk-GNQOEROB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TADW2SJV.js","../src/components/date-range-picker.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,sBAAA,EAAwB,iCAAA;AAAG,EACtC,KAAA,EAAO;AAAA,IACL,WAAA,EAAa,iDAAA;AAAA,IACb,UAAA,EAAY,yBAAA;AAAA,IACZ,QAAA,EAAU,yBAAA;AAAA,IACV,IAAA,EAAM,mCAAA;AAAA,IACN,KAAA,EACE,oFAAA;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,0CAAA;AAAA,IAChB,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,MAAA;AAAA,QACZ,QAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TADW2SJV.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"h-auto min-w-fit flex-0\",\n    endInput: \"h-auto min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-1\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GNQOEROB.js","../src/components/date-range-picker.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,sBAAA,EAAwB,iCAAA;AAAG,EACtC,KAAA,EAAO;AAAA,IACL,WAAA,EAAa,iDAAA;AAAA,IACb,UAAA,EAAY,yBAAA;AAAA,IACZ,QAAA,EAAU,yBAAA;AAAA,IACV,IAAA,EAAM,mCAAA;AAAA,IACN,KAAA,EACE,oFAAA;AAAA,IACF,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,0CAAA;AAAA,IAChB,SAAA,EAAW;AAAA,EACb,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,UAAA,EAAY,MAAA;AAAA,QACZ,QAAA,EAAU,MAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADAD;AACA;AACE;AACF,sDAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GNQOEROB.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const dateRangePickerStyles = tv({\n  slots: {\n    dateWrapper: \"inline-flex flex-1 items-center overflow-x-auto\",\n    startInput: \"h-auto min-w-fit flex-0\",\n    endInput: \"h-auto min-w-fit flex-0\",\n    base: \"group isolate flex flex-col gap-2\",\n    group:\n      \"group-disabled:text-interaction-support-disabled-content text-base-content-default\",\n    dialog: \"flex\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n    connector: \"\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector:\n          \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1\",\n      },\n      sm: {\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        startInput: \"pe-2\",\n        endInput: \"ps-2\",\n        connector: \"prose-body-1\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DateRangePickerSlots = keyof ReturnType<\n  typeof dateRangePickerStyles\n>\nexport type DateRangePickerVariantProps = VariantProps<\n  typeof dateRangePickerStyles\n>\n"]}

package/dist/{chunk-QAKXFIF2.mjs → chunk-KWHRKBUC.mjs}

@@ -5,10 +5,11 @@ import {
 // src/components/search-field.ts
 var searchFieldStyles = tv({
   slots: {
-    base: "group flex max-w-full min-w-10 flex-col gap-1 font-sans",
+    base: "group flex max-w-full min-w-10 flex-col gap-2 font-sans",
     label: "",
-    group: "",
-    input: "[&::-webkit-search-cancel-button]:hidden",
+    group: "min-w-0 flex-1",
+    fieldWrapper: "flex max-w-full flex-row",
+    input: "rounded-none bg-transparent [&::-webkit-search-cancel-button]:hidden",
     searchIcon: "text-base-content-medium group-disabled:text-interaction-support-disabled-content forced-colors:text-[ButtonText] forced-colors:group-disabled:text-[GrayText]",
     clearButton: "group-empty:invisible"
   },
@@ -17,16 +18,19 @@ var searchFieldStyles = tv({
     size: {
       xs: {
         searchIcon: "ml-3 size-4",
-        input: "not-first:pl-2"
+        group: "h-9",
+        input: "h-auto not-first:pl-2"
       },
       sm: {
         searchIcon: "ml-3 size-4",
-        input: "not-first:pl-2",
+        group: "h-10",
+        input: "h-auto not-first:pl-2",
         clearButton: "[&_svg]:h-4 [&_svg]:w-4"
       },
       md: {
         searchIcon: "ml-4 size-5",
-        input: "not-first:pl-2"
+        group: "h-11",
+        input: "h-auto not-first:pl-2"
       }
     }
   },
@@ -38,4 +42,4 @@ var searchFieldStyles = tv({
 export {
   searchFieldStyles
 };
-//# sourceMappingURL=chunk-QAKXFIF2.mjs.map
+//# sourceMappingURL=chunk-KWHRKBUC.mjs.map

package/dist/chunk-KWHRKBUC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/search-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const searchFieldStyles = tv({\n  slots: {\n    base: \"group flex max-w-full min-w-10 flex-col gap-2 font-sans\",\n    label: \"\",\n    group: \"min-w-0 flex-1\",\n    fieldWrapper: \"flex max-w-full flex-row\",\n    input: \"rounded-none bg-transparent [&::-webkit-search-cancel-button]:hidden\",\n    searchIcon:\n      \"text-base-content-medium group-disabled:text-interaction-support-disabled-content forced-colors:text-[ButtonText] forced-colors:group-disabled:text-[GrayText]\",\n    clearButton: \"group-empty:invisible\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        searchIcon: \"ml-3 size-4\",\n        group: \"h-9\",\n        input: \"h-auto not-first:pl-2\",\n      },\n      sm: {\n        searchIcon: \"ml-3 size-4\",\n        group: \"h-10\",\n        input: \"h-auto not-first:pl-2\",\n        clearButton: \"[&_svg]:h-4 [&_svg]:w-4\",\n      },\n      md: {\n        searchIcon: \"ml-4 size-5\",\n        group: \"h-11\",\n        input: \"h-auto not-first:pl-2\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type SearchFieldVariantProps = VariantProps<typeof searchFieldStyles>\nexport type SearchFieldSlots = keyof ReturnType<typeof searchFieldStyles>\n"],"mappings":";;;;;AAIO,IAAM,oBAAoB,GAAG;AAAA,EAClC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,IACd,OAAO;AAAA,IACP,YACE;AAAA,IACF,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,YAAY;AAAA,QACZ,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/{chunk-JJEU6S5W.js → chunk-MRFYIMEK.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
+var _chunkFAV6VP6Pjs = require('./chunk-FAV6VP6P.js');
 
 
 var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
@@ -73,105 +73,110 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     {
       variant: "solid",
       color: "main",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.main
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.solid.main
     },
     {
       variant: "solid",
       color: "sub",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.sub
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.solid.sub
     },
     {
       variant: "solid",
       color: "neutral",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.neutral
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.solid.neutral
     },
     {
       variant: "solid",
       color: "critical",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.critical
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.solid.critical
     },
     {
       variant: "solid",
       color: "warning",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.warning
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.solid.warning
     },
     {
       variant: "solid",
       color: "success",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.success
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.solid.success
     },
     // reverse / color
     {
       variant: "reverse",
       color: "main",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.main
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.reverse.main
     },
     {
       variant: "reverse",
       color: "critical",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.critical
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.reverse.critical
     },
     {
       variant: "reverse",
       color: "sub",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.sub
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.reverse.sub
     },
     {
       variant: "reverse",
       color: "neutral",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.neutral
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.reverse.neutral
     },
     // outline / color
     {
       variant: "outline",
       color: "main",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.main
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.outline.main
     },
     {
       variant: "outline",
       color: "critical",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.critical
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.outline.critical
     },
     {
       variant: "outline",
       color: "neutral",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.neutral
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.outline.neutral
     },
     {
       variant: "outline",
       color: "sub",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.sub
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.outline.sub
+    },
+    {
+      variant: "outline",
+      color: "success",
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.outline.success
     },
     {
       variant: "outline",
       color: "inverse",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.inverse
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.outline.inverse
     },
     // clear / color
     {
       variant: "clear",
       color: "main",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.main
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.clear.main
     },
     {
       variant: "clear",
       color: "critical",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.critical
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.clear.critical
     },
     {
       variant: "clear",
       color: "neutral",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.clear.neutral
     },
     {
       variant: "clear",
       color: "sub",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.sub
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.clear.sub
     },
     {
       variant: "clear",
       color: "inverse",
-      className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.inverse
+      className: _chunkFAV6VP6Pjs.colorVariantsWithState.clear.inverse
     },
     // iconbutton / size
     {
@@ -206,4 +211,4 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.buttonStyles = buttonStyles;
-//# sourceMappingURL=chunk-JJEU6S5W.js.map
+//# sourceMappingURL=chunk-MRFYIMEK.js.map