@opengovsg/oui-theme 0.0.21 → 0.0.23

package/dist/chunk-CSNWJLBM.mjs

@@ -0,0 +1,43 @@
+import {
+  tv
+} from "./chunk-4JENAMGV.mjs";
+
+// src/components/number-field.ts
+var numberFieldStyles = tv({
+  slots: {
+    base: "group text-base-content-default flex w-full flex-col gap-1",
+    label: "",
+    field: "",
+    description: "",
+    error: "",
+    input: "px-0",
+    stepperContainer: "-m-px flex flex-row",
+    increment: "rounded-s-none",
+    decrement: "rounded-none"
+  },
+  variants: {
+    variant: {},
+    size: {
+      xs: {
+        input: "group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1",
+        field: "pl-3 group-data-[hide-steppers=true]:pr-3"
+      },
+      sm: {
+        input: "group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1",
+        field: "pl-3 group-data-[hide-steppers=true]:pr-3"
+      },
+      md: {
+        input: "group-data-[has-end-content=true]:pr-1.5 group-data-[has-start-content=true]:pl-1.5",
+        field: "pl-4 group-data-[hide-steppers=true]:pr-4"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+export {
+  numberFieldStyles
+};
+//# sourceMappingURL=chunk-CSNWJLBM.mjs.map

package/dist/chunk-CSNWJLBM.mjs.map

@@ -0,0 +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":[]}

package/dist/{chunk-7K66Q24Q.js → chunk-ERQSPMYY.js}

@@ -5,11 +5,11 @@ var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 // src/components/date-picker.ts
 var datePickerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   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 = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.datePickerStyles = datePickerStyles;
-//# sourceMappingURL=chunk-7K66Q24Q.js.map
+//# sourceMappingURL=chunk-ERQSPMYY.js.map

package/dist/chunk-ERQSPMYY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ERQSPMYY.js","../src/components/date-picker.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,0CAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,QAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,YAAA,EAAc,EAAA;AAAA,IACd,cAAA,EAAgB;AAAA,EAClB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,KAAA;AAAA,QACP,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,4CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ERQSPMYY.js","sourcesContent":[null,"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"]}

package/dist/chunk-GU7JXFE5.js

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/number-field.ts
+var numberFieldStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "group text-base-content-default flex w-full flex-col gap-1",
+    label: "",
+    field: "",
+    description: "",
+    error: "",
+    input: "px-0",
+    stepperContainer: "-m-px flex flex-row",
+    increment: "rounded-s-none",
+    decrement: "rounded-none"
+  },
+  variants: {
+    variant: {},
+    size: {
+      xs: {
+        input: "group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1",
+        field: "pl-3 group-data-[hide-steppers=true]:pr-3"
+      },
+      sm: {
+        input: "group-data-[has-end-content=true]:pr-1 group-data-[has-start-content=true]:pl-1",
+        field: "pl-3 group-data-[hide-steppers=true]:pr-3"
+      },
+      md: {
+        input: "group-data-[has-end-content=true]:pr-1.5 group-data-[has-start-content=true]:pl-1.5",
+        field: "pl-4 group-data-[hide-steppers=true]:pr-4"
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+
+
+
+exports.numberFieldStyles = numberFieldStyles;
+//# sourceMappingURL=chunk-GU7JXFE5.js.map

package/dist/chunk-GU7JXFE5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GU7JXFE5.js","../src/components/number-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,4DAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,EAAA;AAAA,IACP,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,MAAA;AAAA,IACP,gBAAA,EAAkB,qBAAA;AAAA,IAClB,SAAA,EAAW,gBAAA;AAAA,IACX,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,KAAA,EACE,iFAAA;AAAA,QACF,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EACE,iFAAA;AAAA,QACF,KAAA,EAAO;AAAA,MACT,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EACE,qFAAA;AAAA,QACF,KAAA,EAAO;AAAA,MACT;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADDD;AACA;AACE;AACF,8CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GU7JXFE5.js","sourcesContent":[null,"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"]}

package/dist/chunk-HPU33ACF.js

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/file-dropzone.ts
+var fileDropzoneStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  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-focus-ring! group-focus-within/dropzone:outline-focus-ring 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 = _chunkUZONBJUXjs.tv.call(void 0, {
+  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"
+  }
+});
+
+
+
+
+exports.fileDropzoneStyles = fileDropzoneStyles; exports.fileInfoDropzoneStyles = fileInfoDropzoneStyles;
+//# sourceMappingURL=chunk-HPU33ACF.js.map

package/dist/chunk-HPU33ACF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-HPU33ACF.js","../src/components/file-dropzone.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-HPU33ACF.js","sourcesContent":[null,"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-focus-ring! group-focus-within/dropzone:outline-focus-ring 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"]}

package/dist/chunk-I5XLHO6P.js

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

package/dist/{chunk-LTX7TV6H.js.map → chunk-I5XLHO6P.js.map}

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

package/dist/{chunk-JVXQS55M.mjs → chunk-TB2OCUKH.mjs}

@@ -11,7 +11,6 @@ var dateRangePickerStyles = tv({
     base: "group isolate flex flex-col gap-1",
     group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
     dialog: "flex",
-    selectorButton: "group-focus-within:",
     calendarButton: "z-1 -m-px text-inherit -outline-offset-1",
     connector: ""
   },
@@ -49,4 +48,4 @@ var dateRangePickerStyles = tv({
 export {
   dateRangePickerStyles
 };
-//# sourceMappingURL=chunk-JVXQS55M.mjs.map
+//# sourceMappingURL=chunk-TB2OCUKH.mjs.map

package/dist/chunk-TB2OCUKH.mjs.map

@@ -0,0 +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: \"min-w-fit flex-0\",\n    endInput: \"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        group: \"h-9\",\n        dateWrapper: \"px-3 py-2\",\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        group: \"h-10\",\n        dateWrapper: \"px-3 py-2.5\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        group: \"h-11\",\n        dateWrapper: \"px-4 py-2.5\",\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,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WACE;AAAA,MACJ;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,WAAW;AAAA,MACb;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,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-RYFMG27C.js → chunk-TSUSW6ME.js}

@@ -11,7 +11,6 @@ var dateRangePickerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     base: "group isolate flex flex-col gap-1",
     group: "group-disabled:text-interaction-support-disabled-content text-base-content-default",
     dialog: "flex",
-    selectorButton: "group-focus-within:",
     calendarButton: "z-1 -m-px text-inherit -outline-offset-1",
     connector: ""
   },
@@ -49,4 +48,4 @@ var dateRangePickerStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.dateRangePickerStyles = dateRangePickerStyles;
-//# sourceMappingURL=chunk-RYFMG27C.js.map
+//# sourceMappingURL=chunk-TSUSW6ME.js.map

package/dist/chunk-TSUSW6ME.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-TSUSW6ME.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,kBAAA;AAAA,IACZ,QAAA,EAAU,kBAAA;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,KAAA,EAAO,KAAA;AAAA,QACP,WAAA,EAAa,WAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EACE;AAAA,MACJ,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,QAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW;AAAA,MACb,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,MAAA;AAAA,QACP,WAAA,EAAa,aAAA;AAAA,QACb,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-TSUSW6ME.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: \"min-w-fit flex-0\",\n    endInput: \"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        group: \"h-9\",\n        dateWrapper: \"px-3 py-2\",\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        group: \"h-10\",\n        dateWrapper: \"px-3 py-2.5\",\n        startInput: \"pe-1.5\",\n        endInput: \"ps-1.5\",\n        connector: \"prose-body-2 max-sm:prose-body\",\n      },\n      md: {\n        group: \"h-11\",\n        dateWrapper: \"px-4 py-2.5\",\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-W35S7EGR.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-focus-ring! group-focus-within/dropzone:outline-focus-ring 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-W35S7EGR.mjs.map

package/dist/chunk-W35S7EGR.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-focus-ring! group-focus-within/dropzone:outline-focus-ring 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-X4KVYCI3.mjs

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-X4KVYCI3.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/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 {