@opengovsg/oui-theme 0.0.4 → 0.0.6

package/dist/{chunk-OSIMQ4I6.js → chunk-2YW3O3BV.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWTYHPAGQjs = require('./chunk-WTYHPAGQ.js');
+var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
@@ -32,19 +32,19 @@ var comboBoxStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     size: {
       xs: {
         field: "px-3",
-        group: [_chunkWTYHPAGQjs.inputStyles.variants.size.xs, "gap-1 px-0"],
+        group: [_chunkDB7X5OUPjs.inputStyles.variants.size.xs, "gap-1 px-0"],
         expandButton: "-my-2 h-9 px-3",
         icon: "h-4 w-4"
       },
       sm: {
         popover: "mt-1",
         field: "px-3",
-        group: [_chunkWTYHPAGQjs.inputStyles.variants.size.sm, "gap-1 px-0"],
+        group: [_chunkDB7X5OUPjs.inputStyles.variants.size.sm, "gap-1 px-0"],
         expandButton: "-my-2.5 h-10 px-3",
         icon: "h-4 w-4"
       },
       md: {
-        group: [_chunkWTYHPAGQjs.inputStyles.variants.size.md, "gap-1 px-0"],
+        group: [_chunkDB7X5OUPjs.inputStyles.variants.size.md, "gap-1 px-0"],
         field: "px-4",
         expandButton: "-my-2 h-11 px-4",
         icon: "h-5 w-5"
@@ -133,4 +133,4 @@ var comboBoxClearButtonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.comboBoxStyles = comboBoxStyles; exports.comboBoxItemStyles = comboBoxItemStyles; exports.comboBoxClearButtonStyles = comboBoxClearButtonStyles;
-//# sourceMappingURL=chunk-OSIMQ4I6.js.map
+//# sourceMappingURL=chunk-2YW3O3BV.js.map

package/dist/{chunk-OSIMQ4I6.js.map → chunk-2YW3O3BV.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OSIMQ4I6.js","../src/components/combo-box.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OSIMQ4I6.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const comboBoxStyles = tv({\n  slots: {\n    container: \"group isolate flex flex-col gap-2\",\n    label: \"\",\n    group: \"z-10 flex-1\",\n    expandButton: \"h-full cursor-pointer\",\n    icon: \"\",\n    field: \"h-full w-full overflow-ellipsis outline-hidden\",\n    popover: \"mt-0.5 w-(--trigger-width) overflow-hidden bg-white shadow-sm\",\n    list: \"w-unset block max-h-[300px] min-h-0 overflow-y-auto\",\n  },\n  base: [],\n  variants: {\n    isClearable: {\n      true: {\n        group: \"rounded-r-none\",\n      },\n    },\n    isDisabled: {\n      true: {\n        expandButton:\n          \"text-interaction-support-disabled-content cursor-default\",\n      },\n    },\n    size: {\n      xs: {\n        field: \"px-3\",\n        group: [inputStyles.variants.size.xs, \"gap-1 px-0\"],\n        expandButton: \"-my-2 h-9 px-3\",\n        icon: \"h-4 w-4\",\n      },\n      sm: {\n        popover: \"mt-1\",\n        field: \"px-3\",\n        group: [inputStyles.variants.size.sm, \"gap-1 px-0\"],\n        expandButton: \"-my-2.5 h-10 px-3\",\n        icon: \"h-4 w-4\",\n      },\n      md: {\n        group: [inputStyles.variants.size.md, \"gap-1 px-0\"],\n        field: \"px-4\",\n        expandButton: \"-my-2 h-11 px-4\",\n        icon: \"h-5 w-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>\nexport type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>\n\nexport const comboBoxItemStyles = tv({\n  slots: {\n    container: \"text-base-content-strong flex cursor-pointer flex-col\",\n    label: \"\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n    isFocused: {\n      true: { container: \"bg-interaction-muted-main-hover\" },\n    },\n    isSelected: {\n      true: { container: \"bg-interaction-muted-main-active\" },\n    },\n    isDisabled: {\n      true: { container: \"cursor-not-allowed\" },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>\nexport type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>\n\nexport const comboBoxClearButtonStyles = tv({\n  base: \"border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition\",\n  variants: {\n    isDisabled: {\n      true: \"bg-interaction-support-disabled text-interaction-support-disabled-content cursor-default\",\n    },\n    isInactive: {\n      true: \"text-interaction-support-disabled-content\",\n    },\n    isHovered: {\n      true: \"bg-interaction-muted-main-hover\",\n    },\n    isFocused: {\n      true: \"border-utility-focus-default shadow-utility-focus-default z-20 shadow-[0_0_0_1px]\",\n    },\n    isPressed: {\n      true: \"text-base-content-strong\",\n    },\n    size: {\n      xs: \"h-9 px-2.5\",\n      sm: \"h-10 px-2.5\",\n      md: \"h-11 px-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-2YW3O3BV.js","../src/components/combo-box.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-2YW3O3BV.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const comboBoxStyles = tv({\n  slots: {\n    container: \"group isolate flex flex-col gap-2\",\n    label: \"\",\n    group: \"z-10 flex-1\",\n    expandButton: \"h-full cursor-pointer\",\n    icon: \"\",\n    field: \"h-full w-full overflow-ellipsis outline-hidden\",\n    popover: \"mt-0.5 w-(--trigger-width) overflow-hidden bg-white shadow-sm\",\n    list: \"w-unset block max-h-[300px] min-h-0 overflow-y-auto\",\n  },\n  base: [],\n  variants: {\n    isClearable: {\n      true: {\n        group: \"rounded-r-none\",\n      },\n    },\n    isDisabled: {\n      true: {\n        expandButton:\n          \"text-interaction-support-disabled-content cursor-default\",\n      },\n    },\n    size: {\n      xs: {\n        field: \"px-3\",\n        group: [inputStyles.variants.size.xs, \"gap-1 px-0\"],\n        expandButton: \"-my-2 h-9 px-3\",\n        icon: \"h-4 w-4\",\n      },\n      sm: {\n        popover: \"mt-1\",\n        field: \"px-3\",\n        group: [inputStyles.variants.size.sm, \"gap-1 px-0\"],\n        expandButton: \"-my-2.5 h-10 px-3\",\n        icon: \"h-4 w-4\",\n      },\n      md: {\n        group: [inputStyles.variants.size.md, \"gap-1 px-0\"],\n        field: \"px-4\",\n        expandButton: \"-my-2 h-11 px-4\",\n        icon: \"h-5 w-5\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>\nexport type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>\n\nexport const comboBoxItemStyles = tv({\n  slots: {\n    container: \"text-base-content-strong flex cursor-pointer flex-col\",\n    label: \"\",\n    description: \"text-base-content-medium\",\n  },\n  variants: {\n    size: {\n      xs: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      sm: {\n        container: \"prose-body-2 px-3 py-3\",\n        description: \"prose-body-2\",\n      },\n      md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n    },\n    isFocused: {\n      true: { container: \"bg-interaction-muted-main-hover\" },\n    },\n    isSelected: {\n      true: { container: \"bg-interaction-muted-main-active\" },\n    },\n    isDisabled: {\n      true: { container: \"cursor-not-allowed\" },\n    },\n  },\n  compoundVariants: [\n    {\n      size: \"md\",\n      isSelected: true,\n      className: { container: \"prose-subhead-1\" },\n    },\n    {\n      size: [\"sm\", \"xs\"],\n      isSelected: true,\n      className: { container: \"prose-subhead-2\" },\n    },\n  ],\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>\nexport type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>\n\nexport const comboBoxClearButtonStyles = tv({\n  base: \"border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition\",\n  variants: {\n    isDisabled: {\n      true: \"bg-interaction-support-disabled text-interaction-support-disabled-content cursor-default\",\n    },\n    isInactive: {\n      true: \"text-interaction-support-disabled-content\",\n    },\n    isHovered: {\n      true: \"bg-interaction-muted-main-hover\",\n    },\n    isFocused: {\n      true: \"border-utility-focus-default shadow-utility-focus-default z-20 shadow-[0_0_0_1px]\",\n    },\n    isPressed: {\n      true: \"text-base-content-strong\",\n    },\n    size: {\n      xs: \"h-9 px-2.5\",\n      sm: \"h-10 px-2.5\",\n      md: \"h-11 px-3\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n"]}

package/dist/{chunk-LV3YKAIH.js → chunk-3GUL7NAV.js}

@@ -51,4 +51,4 @@ var fieldErrorStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.labelStyles = labelStyles; exports.descriptionStyles = descriptionStyles; exports.fieldErrorStyles = fieldErrorStyles;
-//# sourceMappingURL=chunk-LV3YKAIH.js.map
+//# sourceMappingURL=chunk-3GUL7NAV.js.map

package/dist/chunk-3GUL7NAV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3GUL7NAV.js","../src/components/field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,+CAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI,iBAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,kBAAA,EAAoB,iCAAA;AAAG,EAClC,IAAA,EAAM,0BAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI,cAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAIM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU,CAAA;AAAA,MAC5C,EAAA,EAAI,EAAE,IAAA,EAAM,cAAA,EAAgB,IAAA,EAAM,UAAU;AAAA,IAC9C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADJD;AACA;AACE;AACA;AACA;AACF,8HAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-3GUL7NAV.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n  base: \"text-base-content-strong w-fit cursor-default\",\n  variants: {\n    size: {\n      xs: \"prose-subhead-2\",\n      sm: \"prose-subhead-2\",\n      md: \"prose-subhead-1\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n  base: \"text-base-content-medium\",\n  variants: {\n    size: {\n      xs: \"prose-body-2\",\n      sm: \"prose-body-2\",\n      md: \"prose-body-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n  slots: {\n    icon: \"\",\n    text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n  },\n  variants: {\n    size: {\n      xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n      md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"]}

package/dist/{chunk-WLVKPCAW.mjs → chunk-43I4FEYX.mjs}

@@ -12,7 +12,7 @@ var inputStyles = tv({
       md: "prose-body-1 h-11 px-3 py-2"
     },
     variant: {
-      outline: "border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
+      outline: "border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
       unstyled: ""
     },
     isDisabled: {
@@ -28,4 +28,4 @@ var inputStyles = tv({
 export {
   inputStyles
 };
-//# sourceMappingURL=chunk-WLVKPCAW.mjs.map
+//# sourceMappingURL=chunk-43I4FEYX.mjs.map

package/dist/chunk-43I4FEYX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/input.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n  base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n  variants: {\n    size: {\n      xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n      sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n      md: \"prose-body-1 h-11 px-3 py-2\",\n    },\n    variant: {\n      outline:\n        \"border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n      unstyled: \"\",\n    },\n    isDisabled: {\n      true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,SAAS;AAAA,MACP,SACE;AAAA,MACF,UAAU;AAAA,IACZ;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;","names":[]}

package/dist/{chunk-BGCTGU25.js → chunk-4HJADAKB.js}

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkWTYHPAGQjs = require('./chunk-WTYHPAGQ.js');
+var _chunkDB7X5OUPjs = require('./chunk-DB7X5OUP.js');
 
 
 var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
 
 // src/components/text-area.ts
 var textAreaStyles = _chunkUZONBJUXjs.tv.call(void 0, {
-  extend: _chunkWTYHPAGQjs.inputStyles,
+  extend: _chunkDB7X5OUPjs.inputStyles,
   base: [],
   variants: {
     variant: {},
@@ -23,4 +23,4 @@ var textAreaStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.textAreaStyles = textAreaStyles;
-//# sourceMappingURL=chunk-BGCTGU25.js.map
+//# sourceMappingURL=chunk-4HJADAKB.js.map

package/dist/{chunk-BGCTGU25.js.map → chunk-4HJADAKB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BGCTGU25.js","../src/components/text-area.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,MAAA,EAAQ,4BAAA;AAAA,EACR,IAAA,EAAM,CAAC,CAAA;AAAA,EACP,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB,CAAC;AACpB,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-BGCTGU25.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const textAreaStyles = tv({\n  extend: inputStyles,\n  base: [],\n  variants: {\n    variant: {},\n    size: {\n      xs: \"h-auto\",\n      sm: \"h-auto\",\n      md: \"h-auto\",\n    },\n  },\n  defaultVariants: {},\n})\n\nexport type TextAreaVariantProps = VariantProps<typeof textAreaStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4HJADAKB.js","../src/components/text-area.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,MAAA,EAAQ,4BAAA;AAAA,EACR,IAAA,EAAM,CAAC,CAAA;AAAA,EACP,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI,QAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB,CAAC;AACpB,CAAC,CAAA;ADID;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-4HJADAKB.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const textAreaStyles = tv({\n  extend: inputStyles,\n  base: [],\n  variants: {\n    variant: {},\n    size: {\n      xs: \"h-auto\",\n      sm: \"h-auto\",\n      md: \"h-auto\",\n    },\n  },\n  defaultVariants: {},\n})\n\nexport type TextAreaVariantProps = VariantProps<typeof textAreaStyles>\n"]}

package/dist/chunk-7Y2HFACM.js

@@ -0,0 +1,84 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkZIQLHX3Ujs = require('./chunk-ZIQLHX3U.js');
+
+// src/utils/variants.ts
+var _lodashes = require('lodash-es');
+var base = {
+  solid: {
+    main: "bg-interaction-main-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    sub: "bg-interaction-sub-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    neutral: "bg-interaction-neutral-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    critical: "bg-interaction-critical-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    success: "bg-interaction-success-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    warning: "bg-interaction-warning-default text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
+  },
+  reverse: {
+    main: "bg-utility-ui text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+    critical: "bg-utility-ui text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+    sub: "bg-utility-ui text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+    neutral: "bg-utility-ui text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
+  },
+  outline: {
+    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",
+    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"
+  },
+  clear: {
+    main: "border border-utility-ui-clear text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    critical: "border border-utility-ui-clear text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    neutral: "border border-utility-ui-clear text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    sub: "border border-utility-ui-clear text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    inverse: "border border-utility-ui-clear text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
+  }
+};
+var states = {
+  solid: {
+    main: "hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active",
+    sub: "hover:bg-interaction-sub-hover active:bg-interaction-sub-active pressed:bg-interaction-sub-active",
+    neutral: "hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active",
+    critical: "hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active",
+    success: "hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active",
+    warning: "hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active"
+  },
+  reverse: {
+    main: "hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active",
+    critical: "hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active",
+    sub: "hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active",
+    neutral: "hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active"
+  },
+  outline: {
+    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",
+    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"
+  },
+  clear: {
+    main: "hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active",
+    critical: "hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active",
+    neutral: "hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active",
+    sub: "hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active",
+    inverse: "hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active"
+  }
+};
+var colorVariants = base;
+var colorVariantsWithState = _lodashes.mergeWith.call(void 0, 
+  {},
+  base,
+  states,
+  (objValue, srcValue) => {
+    if (typeof objValue === "string" && typeof srcValue === "string") {
+      return _chunkZIQLHX3Ujs.cn.call(void 0, objValue, srcValue);
+    }
+  }
+);
+
+
+
+
+exports.colorVariants = colorVariants; exports.colorVariantsWithState = colorVariantsWithState;
+//# sourceMappingURL=chunk-7Y2HFACM.js.map

package/dist/chunk-7Y2HFACM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7Y2HFACM.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,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,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;ADzBA;AACA;AACE;AACA;AACF,+FAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-7Y2HFACM.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    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    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-ARRSHAJG.mjs

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

package/dist/chunk-ATN4OFA4.js

@@ -0,0 +1,119 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
+
+// src/components/select.ts
+var selectSearchStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "",
+    icon: "",
+    input: "",
+    clear: ""
+  }
+});
+var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none",
+    text: "text-base-content-strong line-clamp-1 flex-1",
+    icon: "flex items-center"
+  },
+  variants: {
+    color: {
+      main: {
+        base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active",
+        icon: "text-interaction-main-default"
+      }
+    },
+    size: {
+      xs: {
+        base: "prose-body-2 px-3 py-3",
+        icon: "w-3.5"
+      },
+      sm: {
+        base: "prose-body-2 px-3 py-3",
+        icon: "w-4.5"
+      },
+      md: {
+        base: "prose-body-1 px-4 py-3",
+        text: "group-selected:prose-subhead-1",
+        icon: "w-4.5"
+      }
+    },
+    isDisabled: {
+      true: ""
+    },
+    isFocused: {
+      true: ""
+    },
+    isSelected: {
+      true: ""
+    }
+  },
+  defaultVariants: {
+    color: "main",
+    size: "md"
+  }
+});
+var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
+  slots: {
+    base: "group flex flex-col gap-1",
+    label: "",
+    trigger: "w-fit",
+    selectedText: "flex-1 truncate text-start",
+    popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md",
+    list: "overflow-y-auto",
+    description: ""
+  },
+  variants: {
+    variant: {
+      solid: "",
+      reverse: "",
+      outline: "",
+      clear: "",
+      unstyled: ""
+    },
+    color: {
+      main: "",
+      success: "",
+      warning: "",
+      critical: "",
+      sub: "",
+      neutral: "",
+      inverse: ""
+    },
+    size: {
+      xs: {
+        selectedText: "prose-body-2",
+        list: "max-h-[264px]"
+      },
+      sm: {
+        selectedText: "prose-body-2",
+        list: "max-h-[264px]"
+      },
+      md: {
+        selectedText: "prose-body-1",
+        list: "max-h-[288px]"
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      variant: ["outline"],
+      className: {
+        trigger: "group-invalid:border-interaction-critical-default"
+      }
+    }
+  ],
+  defaultVariants: {
+    variant: "outline",
+    color: "sub",
+    size: "md"
+  }
+});
+
+
+
+
+
+exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
+//# sourceMappingURL=chunk-ATN4OFA4.js.map

package/dist/chunk-ATN4OFA4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ATN4OFA4.js","../src/components/select.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-ATN4OFA4.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"text-base-content-strong line-clamp-1 flex-1\",\n    icon: \"flex items-center\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n        icon: \"text-interaction-main-default\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n        icon: \"w-3.5\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n        icon: \"w-4.5\",\n      },\n      md: {\n        base: \"prose-body-1 px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n        icon: \"w-4.5\",\n      },\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-fit\",\n    selectedText: \"flex-1 truncate text-start\",\n    popover:\n      \"motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: \"\",\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      variant: [\"outline\"],\n      className: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}

package/dist/chunk-C7FUGWVY.mjs

@@ -0,0 +1,84 @@
+import {
+  cn
+} from "./chunk-HAUMMW6T.mjs";
+
+// src/utils/variants.ts
+import { mergeWith } from "lodash-es";
+var base = {
+  solid: {
+    main: "bg-interaction-main-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    sub: "bg-interaction-sub-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    neutral: "bg-interaction-neutral-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    critical: "bg-interaction-critical-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    success: "bg-interaction-success-default text-base-content-inverse disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content",
+    warning: "bg-interaction-warning-default text-base-content-default disabled:bg-interaction-support-disabled disabled:text-interaction-support-disabled-content"
+  },
+  reverse: {
+    main: "bg-utility-ui text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+    critical: "bg-utility-ui text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+    sub: "bg-utility-ui text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui",
+    neutral: "bg-utility-ui text-interaction-neutral-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui"
+  },
+  outline: {
+    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",
+    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"
+  },
+  clear: {
+    main: "border border-utility-ui-clear text-interaction-main-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    critical: "border border-utility-ui-clear text-interaction-critical-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    neutral: "border border-utility-ui-clear text-base-content-strong disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    sub: "border border-utility-ui-clear text-interaction-sub-default disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear",
+    inverse: "border border-utility-ui-clear text-base-content-inverse disabled:text-interaction-support-disabled-content disabled:bg-utility-ui-clear"
+  }
+};
+var states = {
+  solid: {
+    main: "hover:bg-interaction-main-hover active:bg-interaction-main-active pressed:bg-interaction-main-active",
+    sub: "hover:bg-interaction-sub-hover active:bg-interaction-sub-active pressed:bg-interaction-sub-active",
+    neutral: "hover:bg-interaction-neutral-hover active:bg-interaction-neutral-active pressed:bg-interaction-neutral-active",
+    critical: "hover:bg-interaction-critical-hover active:bg-interaction-critical-active pressed:bg-interaction-critical-active",
+    success: "hover:bg-interaction-success-hover active:bg-interaction-success-active pressed:bg-interaction-success-active",
+    warning: "hover:bg-interaction-warning-hover active:bg-interaction-warning-active pressed:bg-interaction-warning-active"
+  },
+  reverse: {
+    main: "hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active pressed:bg-interaction-muted-main-active",
+    critical: "hover:bg-interaction-muted-critical-hover active:bg-interaction-muted-critical-active pressed:bg-interaction-muted-critical-active",
+    sub: "hover:bg-interaction-muted-sub-hover active:bg-interaction-muted-sub-active pressed:bg-interaction-muted-sub-active",
+    neutral: "hover:bg-interaction-muted-neutral-hover active:bg-interaction-muted-neutral-active pressed:bg-interaction-muted-neutral-active"
+  },
+  outline: {
+    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",
+    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"
+  },
+  clear: {
+    main: "hover:bg-interaction-tinted-main-hover active:bg-interaction-tinted-main-active pressed:bg-interaction-tinted-main-active",
+    critical: "hover:bg-interaction-tinted-critical-hover active:bg-interaction-tinted-critical-active pressed:bg-interaction-tinted-critical-active",
+    neutral: "hover:bg-interaction-tinted-neutral-hover active:bg-interaction-tinted-neutral-active pressed:bg-interaction-tinted-neutral-active",
+    sub: "hover:bg-interaction-tinted-sub-hover active:bg-interaction-tinted-sub-active pressed:bg-interaction-tinted-sub-active",
+    inverse: "hover:bg-interaction-tinted-inverse-hover active:bg-interaction-tinted-inverse-active pressed:bg-interaction-tinted-inverse-active"
+  }
+};
+var colorVariants = base;
+var colorVariantsWithState = mergeWith(
+  {},
+  base,
+  states,
+  (objValue, srcValue) => {
+    if (typeof objValue === "string" && typeof srcValue === "string") {
+      return cn(objValue, srcValue);
+    }
+  }
+);
+
+export {
+  colorVariants,
+  colorVariantsWithState
+};
+//# sourceMappingURL=chunk-C7FUGWVY.mjs.map

package/dist/chunk-C7FUGWVY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/variants.ts"],"sourcesContent":["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    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    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"],"mappings":";;;;;AAAA,SAAS,iBAAiB;AAI1B,IAAM,OAAO;AAAA,EACX,OAAO;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UACE;AAAA,IACF,SACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AACF;AAEA,IAAM,SAAS;AAAA,EACb,OAAO;AAAA,IACL,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,UACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AAAA,EACA,SAAS;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SACE;AAAA,IACF,UACE;AAAA,IACF,SACE;AAAA,EACJ;AAAA,EACA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,UACE;AAAA,IACF,SACE;AAAA,IACF,KAAK;AAAA,IACL,SACE;AAAA,EACJ;AACF;AAEO,IAAM,gBAAgB;AAEtB,IAAM,yBAAyB;AAAA,EACpC,CAAC;AAAA,EACD;AAAA,EACA;AAAA,EACA,CAAC,UAAU,aAAa;AACtB,QAAI,OAAO,aAAa,YAAY,OAAO,aAAa,UAAU;AAChE,aAAO,GAAG,UAAU,QAAQ;AAAA,IAC9B;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-WTYHPAGQ.js → chunk-DB7X5OUP.js}

@@ -12,7 +12,7 @@ var inputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
       md: "prose-body-1 h-11 px-3 py-2"
     },
     variant: {
-      outline: "border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
+      outline: "border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]",
       unstyled: ""
     },
     isDisabled: {
@@ -28,4 +28,4 @@ var inputStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.inputStyles = inputStyles;
-//# sourceMappingURL=chunk-WTYHPAGQ.js.map
+//# sourceMappingURL=chunk-DB7X5OUP.js.map

package/dist/{chunk-WTYHPAGQ.js.map → chunk-DB7X5OUP.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WTYHPAGQ.js","../src/components/input.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,6HAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EACE,gPAAA;AAAA,MACF,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-WTYHPAGQ.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n  base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n  variants: {\n    size: {\n      xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n      sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n      md: \"prose-body-1 h-11 px-3 py-2\",\n    },\n    variant: {\n      outline:\n        \"border-base-divider-strong invalid:border-interaction-critical invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n      unstyled: \"\",\n    },\n    isDisabled: {\n      true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"]}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DB7X5OUP.js","../src/components/input.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,YAAA,EAAc,iCAAA;AAAG,EAC5B,IAAA,EAAM,6HAAA;AAAA,EACN,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,4EAAA;AAAA,MACJ,EAAA,EAAI,mDAAA;AAAA,MACJ,EAAA,EAAI;AAAA,IACN,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP,OAAA,EACE,4MAAA;AAAA,MACF,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,OAAA,EAAS;AAAA,EACX;AACF,CAAC,CAAA;ADCD;AACA;AACE;AACF,kCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-DB7X5OUP.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const inputStyles = tv({\n  base: \"text-base-content placeholder:text-interaction-support-placeholder w-full min-w-0 flex-1 rounded-sm bg-white outline-hidden\",\n  variants: {\n    size: {\n      xs: \"prose-body-2 placeholder:prose-subhead-5 max-sm:prose-body-1 h-9 px-3 py-2\",\n      sm: \"prose-body-2 max-sm:prose-body-1 h-10 px-3 py-2.5\",\n      md: \"prose-body-1 h-11 px-3 py-2\",\n    },\n    variant: {\n      outline:\n        \"border-base-divider-strong invalid:border-interaction-critical-default focus:border-utility-focus-default shadow-utility-focus-default border not-motion-reduce:transition-shadow focus:shadow-[0_0_0_1px]\",\n      unstyled: \"\",\n    },\n    isDisabled: {\n      true: \"text-interaction-support-disabled-content bg-interaction-support-disabled placeholder:text-interaction-support-disabled-content\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    variant: \"outline\",\n  },\n})\n\nexport type InputVariantProps = VariantProps<typeof inputStyles>\n"]}