@opengovsg/oui-theme 0.0.0-snapshot-20251103063040 → 0.0.0-snapshot-20251203091804

package/dist/chunk-WUWINMRN.mjs

@@ -0,0 +1,123 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/file-dropzone.ts
+var fileDropzoneStyles = tv({
+  slots: {
+    base: "group flex w-full flex-col items-stretch gap-2",
+    icon: "",
+    text: "text-center",
+    group: "group/dropzone rounded-sm outline-transparent transition-colors focus-visible:outline-none",
+    dropzone: "group-focus-within/dropzone:border-utility-focus-default! group-focus-within/dropzone:outline-utility-focus-default outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed",
+    dropzoneHighlight: "text-interaction-links-default group-disabled:text-base-content-disabled underline group-disabled:text-inherit"
+  },
+  variants: {
+    variant: {
+      solid: {
+        dropzone: "text-base-content-default bg-interaction-main-subtle-default border-base-divider-strong dragging:border-base-divider-medium hover:border-base-divider-medium dragging:bg-interaction-main-subtle-active hover:bg-interaction-main-subtle-hover group-disabled:bg-interaction-support-disabled! group-disabled:border-base-divider-medium! group-disabled:text-interaction-support-disabled-content flex cursor-pointer flex-col items-center justify-center rounded-sm border border-dashed group-read-only:cursor-default"
+      }
+    },
+    size: {
+      sm: {},
+      md: {}
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      variant: "solid",
+      className: {
+        base: "prose-body-2",
+        dropzone: "gap-1 px-12 py-14",
+        icon: "size-7"
+      }
+    },
+    {
+      size: "md",
+      variant: "solid",
+      className: {
+        base: "prose-body-1",
+        dropzone: "gap-2 px-12 py-16",
+        icon: "size-14"
+      }
+    }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "solid"
+  }
+});
+var fileInfoDropzoneStyles = tv({
+  slots: {
+    base: "border-base-divider-medium bg-interaction-main-subtle-default flex items-stretch overflow-hidden rounded-sm border",
+    container: "flex flex-1",
+    textContainer: "text-base-content-default flex shrink grow flex-col items-start justify-center truncate",
+    imageContainer: "inline-flex items-center justify-center overflow-hidden bg-white",
+    image: "object-contain",
+    name: "max-w-full truncate",
+    size: "text-base-content-medium",
+    error: "text-utility-feedback-critical",
+    actionButton: "ml-auto self-center"
+  },
+  variants: {
+    variant: {
+      solid: {}
+    },
+    size: {
+      sm: {
+        base: "min-h-14",
+        container: "gap-4 px-4",
+        textContainer: "prose-caption-1 min-h-14 gap-1",
+        size: "prose-caption-2",
+        error: "prose-caption-2"
+      },
+      md: {
+        base: "min-h-18",
+        container: "gap-4 px-4 py-3.5",
+        textContainer: "prose-subhead-1 h-full gap-1",
+        size: "prose-caption-1",
+        error: "prose-caption-1"
+      }
+    },
+    imagePreview: {
+      small: {
+        image: "p-1",
+        imageContainer: "border-base-divider-medium border-r"
+      },
+      large: {
+        image: "w-full p-1",
+        base: "flex-col"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      size: "sm",
+      imagePreview: "small",
+      className: {
+        imageContainer: "h-auto w-full max-w-21",
+        image: "max-h-14 max-w-21"
+      }
+    },
+    {
+      size: "md",
+      imagePreview: "small",
+      className: {
+        imageContainer: "h-auto w-full max-w-24",
+        image: "max-h-18 max-w-24"
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "solid",
+    imagePreview: "small",
+    size: "md"
+  }
+});
+
+export {
+  fileDropzoneStyles,
+  fileInfoDropzoneStyles
+};
+//# sourceMappingURL=chunk-WUWINMRN.mjs.map

package/dist/chunk-WUWINMRN.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/file-dropzone.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const fileDropzoneStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col items-stretch gap-2\",\n    icon: \"\",\n    text: \"text-center\",\n    group:\n      \"group/dropzone rounded-sm outline-transparent transition-colors focus-visible:outline-none\",\n    dropzone:\n      \"group-focus-within/dropzone:border-utility-focus-default! group-focus-within/dropzone:outline-utility-focus-default outline-transparent transition group-focus-within/dropzone:border-solid group-focus-within/dropzone:outline-1 group-disabled:cursor-not-allowed\",\n    dropzoneHighlight:\n      \"text-interaction-links-default group-disabled:text-base-content-disabled underline group-disabled:text-inherit\",\n  },\n  variants: {\n    variant: {\n      solid: {\n        dropzone:\n          \"text-base-content-default bg-interaction-main-subtle-default border-base-divider-strong dragging:border-base-divider-medium hover:border-base-divider-medium dragging:bg-interaction-main-subtle-active hover:bg-interaction-main-subtle-hover group-disabled:bg-interaction-support-disabled! group-disabled:border-base-divider-medium! group-disabled:text-interaction-support-disabled-content flex cursor-pointer flex-col items-center justify-center rounded-sm border border-dashed group-read-only:cursor-default\",\n      },\n    },\n    size: {\n      sm: {},\n      md: {},\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-2\",\n        dropzone: \"gap-1 px-12 py-14\",\n        icon: \"size-7\",\n      },\n    },\n    {\n      size: \"md\",\n      variant: \"solid\",\n      className: {\n        base: \"prose-body-1\",\n        dropzone: \"gap-2 px-12 py-16\",\n        icon: \"size-14\",\n      },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n    variant: \"solid\",\n  },\n})\n\nexport type FileDropzoneVariantProps = VariantProps<typeof fileDropzoneStyles>\nexport type FileDropzoneSlots = keyof ReturnType<typeof fileDropzoneStyles>\n\nexport const fileInfoDropzoneStyles = tv({\n  slots: {\n    base: \"border-base-divider-medium bg-interaction-main-subtle-default flex items-stretch overflow-hidden rounded-sm border\",\n    container: \"flex flex-1\",\n    textContainer:\n      \"text-base-content-default flex shrink grow flex-col items-start justify-center truncate\",\n    imageContainer:\n      \"inline-flex items-center justify-center overflow-hidden bg-white\",\n    image: \"object-contain\",\n    name: \"max-w-full truncate\",\n    size: \"text-base-content-medium\",\n    error: \"text-utility-feedback-critical\",\n    actionButton: \"ml-auto self-center\",\n  },\n  variants: {\n    variant: {\n      solid: {},\n    },\n    size: {\n      sm: {\n        base: \"min-h-14\",\n        container: \"gap-4 px-4\",\n        textContainer: \"prose-caption-1 min-h-14 gap-1\",\n        size: \"prose-caption-2\",\n        error: \"prose-caption-2\",\n      },\n      md: {\n        base: \"min-h-18\",\n        container: \"gap-4 px-4 py-3.5\",\n        textContainer: \"prose-subhead-1 h-full gap-1\",\n        size: \"prose-caption-1\",\n        error: \"prose-caption-1\",\n      },\n    },\n    imagePreview: {\n      small: {\n        image: \"p-1\",\n        imageContainer: \"border-base-divider-medium border-r\",\n      },\n      large: {\n        image: \"w-full p-1\",\n        base: \"flex-col\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"sm\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-21\",\n        image: \"max-h-14 max-w-21\",\n      },\n    },\n    {\n      size: \"md\",\n      imagePreview: \"small\",\n      className: {\n        imageContainer: \"h-auto w-full max-w-24\",\n        image: \"max-h-18 max-w-24\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"solid\",\n    imagePreview: \"small\",\n    size: \"md\",\n  },\n})\n\nexport type FileInfoDropzoneVariantProps = VariantProps<\n  typeof fileInfoDropzoneStyles\n>\nexport type FileInfoDropzoneSlots = keyof ReturnType<\n  typeof fileInfoDropzoneStyles\n>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OACE;AAAA,IACF,UACE;AAAA,IACF,mBACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,QACL,UACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI,CAAC;AAAA,MACL,IAAI,CAAC;AAAA,IACP;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW;AAAA,QACT,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAKM,IAAM,yBAAyB,GAAG;AAAA,EACvC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,WAAW;AAAA,IACX,eACE;AAAA,IACF,gBACE;AAAA,IACF,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,cAAc;AAAA,EAChB;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO,CAAC;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,WAAW;AAAA,QACX,eAAe;AAAA,QACf,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,cAAc;AAAA,MACZ,OAAO;AAAA,QACL,OAAO;AAAA,QACP,gBAAgB;AAAA,MAClB;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,cAAc;AAAA,MACd,WAAW;AAAA,QACT,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,cAAc;AAAA,MACd,WAAW;AAAA,QACT,gBAAgB;AAAA,QAChB,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,cAAc;AAAA,IACd,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/chunk-X6EUINAF.mjs

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

package/dist/{chunk-WG2AEB3W.mjs → chunk-XCXENIRD.mjs}

@@ -5,11 +5,11 @@ import {
 // src/components/date-picker.ts
 var datePickerStyles = tv({
   slots: {
-    base: "group isolate flex flex-col gap-1",
+    base: "group isolate flex w-full flex-col gap-1",
     group: "",
     input: "flex-1",
     dialog: "flex",
-    selectorButton: "group-focus-within:",
+    selectorIcon: "",
     calendarButton: "z-1 -m-px text-inherit -outline-offset-1"
   },
   variants: {
@@ -37,4 +37,4 @@ var datePickerStyles = tv({
 export {
   datePickerStyles
 };
-//# sourceMappingURL=chunk-WG2AEB3W.mjs.map
+//# sourceMappingURL=chunk-XCXENIRD.mjs.map

package/dist/chunk-XCXENIRD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/date-picker.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const datePickerStyles = tv({\n  slots: {\n    base: \"group isolate flex w-full flex-col gap-1\",\n    group: \"\",\n    input: \"flex-1\",\n    dialog: \"flex\",\n    selectorIcon: \"\",\n    calendarButton: \"z-1 -m-px text-inherit -outline-offset-1\",\n  },\n  variants: {\n    variant: {},\n    size: {\n      xs: {\n        group: \"h-9\",\n        input: \"px-3 py-2\",\n      },\n      sm: {\n        group: \"h-10\",\n        input: \"px-3 py-2.5\",\n      },\n      md: {\n        group: \"h-11\",\n        input: \"px-4 py-2.5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>\nexport type DatePickerVariantProps = VariantProps<typeof datePickerStyles>\n"],"mappings":";;;;;AAIO,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,gBAAgB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,IACR,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

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

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

package/dist/components/badge.js

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

package/dist/components/badge.mjs

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

package/dist/components/button.js

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

package/dist/components/button.mjs

@@ -1,13 +1,13 @@
 import {
   buttonStyles
-} from "../chunk-AS6CYS7I.mjs";
+} from "../chunk-OG6PNNQ5.mjs";
 import "../chunk-C7FUGWVY.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-K3WA7SIJ.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/calendar.js

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

package/dist/components/calendar.mjs

@@ -1,12 +1,12 @@
 import {
   calendarStyles
-} from "../chunk-YZ3TLYY6.mjs";
+} from "../chunk-XIP622RV.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-K3WA7SIJ.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/checkbox.js

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk5CEW3T3Tjs = require('../chunk-5CEW3T3T.js');
+var _chunkKANQORADjs = require('../chunk-KANQORAD.js');
 require('../chunk-OLJN3WXR.js');
-require('../chunk-2LTV7VB5.js');
 require('../chunk-O3I4FUFD.js');
 require('../chunk-ZXZSQRVC.js');
+require('../chunk-2LTV7VB5.js');
+require('../chunk-5DZEJPPY.js');
 require('../chunk-ZIQLHX3U.js');
-require('../chunk-PWPTVAIL.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.checkboxGroupStyles = _chunk5CEW3T3Tjs.checkboxGroupStyles; exports.checkboxStyles = _chunk5CEW3T3Tjs.checkboxStyles;
+exports.checkboxGroupStyles = _chunkKANQORADjs.checkboxGroupStyles; exports.checkboxStyles = _chunkKANQORADjs.checkboxStyles;
 //# sourceMappingURL=checkbox.js.map

package/dist/components/checkbox.mjs

@@ -1,13 +1,13 @@
 import {
   checkboxGroupStyles,
   checkboxStyles
-} from "../chunk-EFRBAT73.mjs";
+} from "../chunk-6BKYW7JH.mjs";
 import "../chunk-M2BG3FAA.mjs";
-import "../chunk-XTHC46M2.mjs";
 import "../chunk-TL5MCSZQ.mjs";
 import "../chunk-J2WMLIIA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-K3WA7SIJ.mjs";
 import "../chunk-HAUMMW6T.mjs";
-import "../chunk-E43A5ROR.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/date-field.d.mts

@@ -4,11 +4,14 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const dateInputStyles: tailwind_variants.TVReturnType<{
     variant: {};
-    isPlaceholder: {
-        true: {
+    isEditable: {
+        true: {};
+        false: {
             segment: string;
         };
-        false: {
+    };
+    isPlaceholder: {
+        true: {
             segment: string;
         };
     };
@@ -38,11 +41,14 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     segment: string;
 }, undefined, {
     variant: {};
-    isPlaceholder: {
-        true: {
+    isEditable: {
+        true: {};
+        false: {
             segment: string;
         };
-        false: {
+    };
+    isPlaceholder: {
+        true: {
             segment: string;
         };
     };
@@ -72,11 +78,14 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     segment: string;
 }, tailwind_variants.TVReturnType<{
     variant: {};
-    isPlaceholder: {
-        true: {
+    isEditable: {
+        true: {};
+        false: {
             segment: string;
         };
-        false: {
+    };
+    isPlaceholder: {
+        true: {
             segment: string;
         };
     };

package/dist/components/date-field.d.ts

@@ -4,11 +4,14 @@ import { VariantProps } from 'tailwind-variants';
 
 declare const dateInputStyles: tailwind_variants.TVReturnType<{
     variant: {};
-    isPlaceholder: {
-        true: {
+    isEditable: {
+        true: {};
+        false: {
             segment: string;
         };
-        false: {
+    };
+    isPlaceholder: {
+        true: {
             segment: string;
         };
     };
@@ -38,11 +41,14 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     segment: string;
 }, undefined, {
     variant: {};
-    isPlaceholder: {
-        true: {
+    isEditable: {
+        true: {};
+        false: {
             segment: string;
         };
-        false: {
+    };
+    isPlaceholder: {
+        true: {
             segment: string;
         };
     };
@@ -72,11 +78,14 @@ declare const dateInputStyles: tailwind_variants.TVReturnType<{
     segment: string;
 }, tailwind_variants.TVReturnType<{
     variant: {};
-    isPlaceholder: {
-        true: {
+    isEditable: {
+        true: {};
+        false: {
             segment: string;
         };
-        false: {
+    };
+    isPlaceholder: {
+        true: {
             segment: string;
         };
     };

package/dist/components/date-field.js

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk33K2SFQMjs = require('../chunk-33K2SFQM.js');
+var _chunkPB6Z734Xjs = require('../chunk-PB6Z734X.js');
 require('../chunk-DB7X5OUP.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
-exports.dateFieldStyles = _chunk33K2SFQMjs.dateFieldStyles; exports.dateInputStyles = _chunk33K2SFQMjs.dateInputStyles;
+exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles;
 //# sourceMappingURL=date-field.js.map

package/dist/components/date-field.mjs

@@ -1,7 +1,7 @@
 import {
   dateFieldStyles,
   dateInputStyles
-} from "../chunk-FTUBU2ZU.mjs";
+} from "../chunk-TZOROTAH.mjs";
 import "../chunk-43I4FEYX.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";

package/dist/components/date-picker.d.mts

@@ -22,7 +22,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     group: string;
     input: string;
     dialog: string;
-    selectorButton: string;
+    selectorIcon: string;
     calendarButton: string;
 }, undefined, {
     variant: {};
@@ -45,7 +45,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     group: string;
     input: string;
     dialog: string;
-    selectorButton: string;
+    selectorIcon: string;
     calendarButton: string;
 }, tailwind_variants.TVReturnType<{
     variant: {};
@@ -68,7 +68,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     group: string;
     input: string;
     dialog: string;
-    selectorButton: string;
+    selectorIcon: string;
     calendarButton: string;
 }, undefined, unknown, unknown, undefined>>;
 type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>;

package/dist/components/date-picker.d.ts

@@ -22,7 +22,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     group: string;
     input: string;
     dialog: string;
-    selectorButton: string;
+    selectorIcon: string;
     calendarButton: string;
 }, undefined, {
     variant: {};
@@ -45,7 +45,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     group: string;
     input: string;
     dialog: string;
-    selectorButton: string;
+    selectorIcon: string;
     calendarButton: string;
 }, tailwind_variants.TVReturnType<{
     variant: {};
@@ -68,7 +68,7 @@ declare const datePickerStyles: tailwind_variants.TVReturnType<{
     group: string;
     input: string;
     dialog: string;
-    selectorButton: string;
+    selectorIcon: string;
     calendarButton: string;
 }, undefined, unknown, unknown, undefined>>;
 type DatePickerSlots = keyof ReturnType<typeof datePickerStyles>;

package/dist/components/date-picker.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk7K66Q24Qjs = require('../chunk-7K66Q24Q.js');
+var _chunkERQSPMYYjs = require('../chunk-ERQSPMYY.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.datePickerStyles = _chunk7K66Q24Qjs.datePickerStyles;
+exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles;
 //# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker.mjs

@@ -1,6 +1,6 @@
 import {
   datePickerStyles
-} from "../chunk-WG2AEB3W.mjs";
+} from "../chunk-XCXENIRD.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/components/date-range-picker.d.mts

@@ -33,7 +33,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     base: string;
     group: string;
     dialog: string;
-    selectorButton: string;
     calendarButton: string;
     connector: string;
 }, undefined, {
@@ -68,7 +67,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     base: string;
     group: string;
     dialog: string;
-    selectorButton: string;
     calendarButton: string;
     connector: string;
 }, tailwind_variants.TVReturnType<{
@@ -103,7 +101,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     base: string;
     group: string;
     dialog: string;
-    selectorButton: string;
     calendarButton: string;
     connector: string;
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/date-range-picker.d.ts

@@ -33,7 +33,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     base: string;
     group: string;
     dialog: string;
-    selectorButton: string;
     calendarButton: string;
     connector: string;
 }, undefined, {
@@ -68,7 +67,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     base: string;
     group: string;
     dialog: string;
-    selectorButton: string;
     calendarButton: string;
     connector: string;
 }, tailwind_variants.TVReturnType<{
@@ -103,7 +101,6 @@ declare const dateRangePickerStyles: tailwind_variants.TVReturnType<{
     base: string;
     group: string;
     dialog: string;
-    selectorButton: string;
     calendarButton: string;
     connector: string;
 }, undefined, unknown, unknown, undefined>>;

package/dist/components/date-range-picker.js

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkRYFMG27Cjs = require('../chunk-RYFMG27C.js');
+var _chunkTSUSW6MEjs = require('../chunk-TSUSW6ME.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
-exports.dateRangePickerStyles = _chunkRYFMG27Cjs.dateRangePickerStyles;
+exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles;
 //# sourceMappingURL=date-range-picker.js.map

package/dist/components/date-range-picker.mjs

@@ -1,6 +1,6 @@
 import {
   dateRangePickerStyles
-} from "../chunk-JVXQS55M.mjs";
+} from "../chunk-TB2OCUKH.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {