@opengovsg/oui-theme 0.0.31 → 0.0.32

package/dist/{chunk-5FOX35BG.js → chunk-OF3HJBZ6.js}

@@ -51,14 +51,17 @@ var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 });
 var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
   slots: {
-    base: "group flex flex-col gap-1",
+    base: "group flex w-full flex-col gap-1",
     label: "",
-    trigger: "w-fit",
+    trigger: "w-full",
     icon: "size-4",
     selectedText: "text-base-content-strong flex-1 truncate text-start",
     popover: "flex w-(--trigger-width) flex-col",
     list: "overflow-y-auto",
-    description: ""
+    description: "",
+    searchField: "group border-base-divider-strong flex items-center gap-2 border-b",
+    searchIcon: "text-base-content-subtle shrink-0",
+    searchInput: "min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0"
   },
   variants: {
     variant: {
@@ -82,15 +85,24 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
     size: {
       xs: {
         selectedText: "prose-body-2",
-        list: "max-h-[264px]"
+        list: "max-h-[264px]",
+        searchField: "px-3 py-2",
+        searchIcon: "size-4",
+        searchInput: "prose-body-2"
       },
       sm: {
         selectedText: "prose-body-2",
-        list: "max-h-[264px]"
+        list: "max-h-[264px]",
+        searchField: "px-3 py-2.5",
+        searchIcon: "size-4",
+        searchInput: "prose-body-2"
       },
       md: {
         selectedText: "prose-body-1",
-        list: "max-h-[288px]"
+        list: "max-h-[288px]",
+        searchField: "px-4 py-2.5",
+        searchIcon: "size-5",
+        searchInput: "prose-body-1"
       }
     }
   },
@@ -138,4 +150,4 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
 
 
 exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
-//# sourceMappingURL=chunk-5FOX35BG.js.map
+//# sourceMappingURL=chunk-OF3HJBZ6.js.map

package/dist/chunk-OF3HJBZ6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OF3HJBZ6.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-OF3HJBZ6.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-full\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n    searchField:\n      \"group border-base-divider-strong flex items-center gap-2 border-b\",\n    searchIcon: \"text-base-content-subtle shrink-0\",\n    searchInput:\n      \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2.5\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n        searchField: \"px-4 py-2.5\",\n        searchIcon: \"size-5\",\n        searchInput: \"prose-body-1\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}

package/dist/{chunk-H6JUN6QG.mjs → chunk-XECQWCT6.mjs}

@@ -51,14 +51,17 @@ var selectItemStyles = tv({
 });
 var selectStyles = tv({
   slots: {
-    base: "group flex flex-col gap-1",
+    base: "group flex w-full flex-col gap-1",
     label: "",
-    trigger: "w-fit",
+    trigger: "w-full",
     icon: "size-4",
     selectedText: "text-base-content-strong flex-1 truncate text-start",
     popover: "flex w-(--trigger-width) flex-col",
     list: "overflow-y-auto",
-    description: ""
+    description: "",
+    searchField: "group border-base-divider-strong flex items-center gap-2 border-b",
+    searchIcon: "text-base-content-subtle shrink-0",
+    searchInput: "min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0"
   },
   variants: {
     variant: {
@@ -82,15 +85,24 @@ var selectStyles = tv({
     size: {
       xs: {
         selectedText: "prose-body-2",
-        list: "max-h-[264px]"
+        list: "max-h-[264px]",
+        searchField: "px-3 py-2",
+        searchIcon: "size-4",
+        searchInput: "prose-body-2"
       },
       sm: {
         selectedText: "prose-body-2",
-        list: "max-h-[264px]"
+        list: "max-h-[264px]",
+        searchField: "px-3 py-2.5",
+        searchIcon: "size-4",
+        searchInput: "prose-body-2"
       },
       md: {
         selectedText: "prose-body-1",
-        list: "max-h-[288px]"
+        list: "max-h-[288px]",
+        searchField: "px-4 py-2.5",
+        searchIcon: "size-5",
+        searchInput: "prose-body-1"
       }
     }
   },
@@ -138,4 +150,4 @@ export {
   selectItemStyles,
   selectStyles
 };
-//# sourceMappingURL=chunk-H6JUN6QG.mjs.map
+//# sourceMappingURL=chunk-XECQWCT6.mjs.map

package/dist/chunk-XECQWCT6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex w-full flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-full\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n    searchField:\n      \"group border-base-divider-strong flex items-center gap-2 border-b\",\n    searchIcon: \"text-base-content-subtle shrink-0\",\n    searchInput:\n      \"min-w-0 flex-1 truncate border-none bg-transparent px-0 py-0 outline-none placeholder:truncate focus:ring-0\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n        searchField: \"px-3 py-2.5\",\n        searchIcon: \"size-4\",\n        searchInput: \"prose-body-2\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n        searchField: \"px-4 py-2.5\",\n        searchIcon: \"size-5\",\n        searchInput: \"prose-body-1\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,IACb,aACE;AAAA,IACF,YAAY;AAAA,IACZ,aACE;AAAA,EACJ;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,aAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}

package/dist/components/index.js

@@ -10,7 +10,7 @@ var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
 
 
 
-var _chunk5FOX35BGjs = require('../chunk-5FOX35BG.js');
+var _chunkOF3HJBZ6js = require('../chunk-OF3HJBZ6.js');
 
 
 var _chunkJTSKQACDjs = require('../chunk-JTSKQACD.js');
@@ -173,5 +173,5 @@ require('../chunk-HEB3T2LL.js');
 
 
 
-exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles;
+exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles;
 //# sourceMappingURL=index.js.map

package/dist/components/index.mjs

@@ -10,7 +10,7 @@ import {
   selectItemStyles,
   selectSearchStyles,
   selectStyles
-} from "../chunk-H6JUN6QG.mjs";
+} from "../chunk-XECQWCT6.mjs";
 import {
   skipNavLinkStyles
 } from "../chunk-W2D3UCG4.mjs";

package/dist/components/select.d.mts

@@ -161,14 +161,23 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
         xs: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         sm: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         md: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
     };
 }, {
@@ -180,6 +189,9 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
+    searchField: string;
+    searchIcon: string;
+    searchInput: string;
 }, undefined, {
     variant: {
         solid: string;
@@ -203,14 +215,23 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
         xs: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         sm: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         md: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
     };
 }, {
@@ -222,6 +243,9 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
+    searchField: string;
+    searchIcon: string;
+    searchInput: string;
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: string;
@@ -245,14 +269,23 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
         xs: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         sm: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         md: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
     };
 }, {
@@ -264,6 +297,9 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
+    searchField: string;
+    searchIcon: string;
+    searchInput: string;
 }, undefined, unknown, unknown, undefined>>;
 type SelectVariantProps = VariantProps<typeof selectStyles>;
 type SelectVariantSlots = keyof ReturnType<typeof selectStyles>;

package/dist/components/select.d.ts

@@ -161,14 +161,23 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
         xs: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         sm: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         md: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
     };
 }, {
@@ -180,6 +189,9 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
+    searchField: string;
+    searchIcon: string;
+    searchInput: string;
 }, undefined, {
     variant: {
         solid: string;
@@ -203,14 +215,23 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
         xs: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         sm: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         md: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
     };
 }, {
@@ -222,6 +243,9 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
+    searchField: string;
+    searchIcon: string;
+    searchInput: string;
 }, tailwind_variants.TVReturnType<{
     variant: {
         solid: string;
@@ -245,14 +269,23 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
         xs: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         sm: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
         md: {
             selectedText: string;
             list: string;
+            searchField: string;
+            searchIcon: string;
+            searchInput: string;
         };
     };
 }, {
@@ -264,6 +297,9 @@ declare const selectStyles: tailwind_variants.TVReturnType<{
     popover: string;
     list: string;
     description: string;
+    searchField: string;
+    searchIcon: string;
+    searchInput: string;
 }, undefined, unknown, unknown, undefined>>;
 type SelectVariantProps = VariantProps<typeof selectStyles>;
 type SelectVariantSlots = keyof ReturnType<typeof selectStyles>;

package/dist/components/select.js

@@ -2,12 +2,18 @@
 
 
 
-var _chunk5FOX35BGjs = require('../chunk-5FOX35BG.js');
+var _chunkOF3HJBZ6js = require('../chunk-OF3HJBZ6.js');
+require('../chunk-OLJN3WXR.js');
+require('../chunk-2LTV7VB5.js');
+require('../chunk-O3I4FUFD.js');
+require('../chunk-ZXZSQRVC.js');
+require('../chunk-ZIQLHX3U.js');
+require('../chunk-Q2IC5MPB.js');
 require('../chunk-UZONBJUX.js');
 require('../chunk-HEB3T2LL.js');
 
 
 
 
-exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles;
+exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles;
 //# sourceMappingURL=select.js.map

package/dist/components/select.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/select.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,qLAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/select.js"}
+{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/select.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACF,uDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACF,qLAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/components/select.js"}

package/dist/components/select.mjs

@@ -2,7 +2,13 @@ import {
   selectItemStyles,
   selectSearchStyles,
   selectStyles
-} from "../chunk-H6JUN6QG.mjs";
+} from "../chunk-XECQWCT6.mjs";
+import "../chunk-M2BG3FAA.mjs";
+import "../chunk-XTHC46M2.mjs";
+import "../chunk-TL5MCSZQ.mjs";
+import "../chunk-J2WMLIIA.mjs";
+import "../chunk-HAUMMW6T.mjs";
+import "../chunk-5T7MRJOK.mjs";
 import "../chunk-4JENAMGV.mjs";
 import "../chunk-R6W5A7PF.mjs";
 export {

package/dist/index.js

@@ -10,7 +10,7 @@ var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
 
 
 
-var _chunk5FOX35BGjs = require('./chunk-5FOX35BG.js');
+var _chunkOF3HJBZ6js = require('./chunk-OF3HJBZ6.js');
 
 
 var _chunkJTSKQACDjs = require('./chunk-JTSKQACD.js');
@@ -197,5 +197,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
 
 
 
-exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkQ2IC5MPBjs.focusClasses; exports.focusVisibleClasses = _chunkQ2IC5MPBjs.focusVisibleClasses; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunk5FOX35BGjs.selectItemStyles; exports.selectSearchStyles = _chunk5FOX35BGjs.selectSearchStyles; exports.selectStyles = _chunk5FOX35BGjs.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
+exports.avatarGroupStyles = _chunk7K3RA7VNjs.avatarGroupStyles; exports.avatarStyles = _chunk7K3RA7VNjs.avatarStyles; exports.badgeCloseButtonStyles = _chunkQ3HLBDZTjs.badgeCloseButtonStyles; exports.badgeStyles = _chunkQ3HLBDZTjs.badgeStyles; exports.bannerStyles = _chunkGCZQ5SEKjs.bannerStyles; exports.buttonStyles = _chunkIM7PWGRYjs.buttonStyles; exports.calendarStyles = _chunkO3YULW5Ejs.calendarStyles; exports.checkboxGroupStyles = _chunkZ2MG2ZKMjs.checkboxGroupStyles; exports.checkboxStyles = _chunkZ2MG2ZKMjs.checkboxStyles; exports.cn = _chunkZIQLHX3Ujs.cn; exports.comboBoxClearButtonStyles = _chunkQGEGS5ROjs.comboBoxClearButtonStyles; exports.comboBoxFuzzyHighlightedTextStyles = _chunkJ2CD7KKZjs.comboBoxFuzzyHighlightedTextStyles; exports.comboBoxStyles = _chunkQGEGS5ROjs.comboBoxStyles; exports.composeRenderProps = _chunkZXZSQRVCjs.composeRenderProps; exports.composeTailwindRenderProps = _chunkZXZSQRVCjs.composeTailwindRenderProps; exports.customTwMergeConfig = _chunkHEB3T2LLjs.customTwMergeConfig; exports.dataAttr = _chunkO3I4FUFDjs.dataAttr; exports.dateFieldStyles = _chunkPB6Z734Xjs.dateFieldStyles; exports.dateInputStyles = _chunkPB6Z734Xjs.dateInputStyles; exports.datePickerStyles = _chunkERQSPMYYjs.datePickerStyles; exports.dateRangePickerStyles = _chunkTSUSW6MEjs.dateRangePickerStyles; exports.descriptionStyles = _chunkLQDQQV7Xjs.descriptionStyles; exports.fieldBorderStyles = _chunkTPVZYXBGjs.fieldBorderStyles; exports.fieldErrorStyles = _chunkLQDQQV7Xjs.fieldErrorStyles; exports.fieldGroupStyles = _chunkTPVZYXBGjs.fieldGroupStyles; exports.fileDropzoneStyles = _chunk3APYYRQPjs.fileDropzoneStyles; exports.fileInfoDropzoneStyles = _chunk3APYYRQPjs.fileInfoDropzoneStyles; exports.focusClasses = _chunkQ2IC5MPBjs.focusClasses; exports.focusVisibleClasses = _chunkQ2IC5MPBjs.focusVisibleClasses; exports.govtBannerStyles = _chunk67CSB56Ljs.govtBannerStyles; exports.inputStyles = _chunkDB7X5OUPjs.inputStyles; exports.labelStyles = _chunkLQDQQV7Xjs.labelStyles; exports.listBoxItemStyles = _chunkBIXVP43Cjs.listBoxItemStyles; exports.menuDividerStyles = _chunk4YH455F5js.menuDividerStyles; exports.menuItemStyles = _chunk4YH455F5js.menuItemStyles; exports.menuSectionStyles = _chunk4YH455F5js.menuSectionStyles; exports.menuStyles = _chunk4YH455F5js.menuStyles; exports.modalStyles = _chunkQ2U5WYZIjs.modalStyles; exports.navbarMenuItemStyles = _chunkDYEKLDJYjs.navbarMenuItemStyles; exports.navbarStyles = _chunkDYEKLDJYjs.navbarStyles; exports.navbarToggleStyles = _chunkDYEKLDJYjs.navbarToggleStyles; exports.numberFieldStyles = _chunkGU7JXFE5js.numberFieldStyles; exports.paginationStyles = _chunk5OS5RZWQjs.paginationStyles; exports.popoverArrowStyles = _chunkGNNN3RQTjs.popoverArrowStyles; exports.popoverStyles = _chunkGNNN3RQTjs.popoverStyles; exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles; exports.skipNavLinkStyles = _chunkJTSKQACDjs.skipNavLinkStyles; exports.spinnerStyles = _chunkXJ43QIS4js.spinnerStyles; exports.tabListStyles = _chunkAIU753NOjs.tabListStyles; exports.tabPanelStyles = _chunkAIU753NOjs.tabPanelStyles; exports.tabStyles = _chunkAIU753NOjs.tabStyles; exports.tabsStyles = _chunkAIU753NOjs.tabsStyles; exports.tagFieldStyles = _chunkSFE4ALUTjs.tagFieldStyles; exports.textAreaStyles = _chunk4HJADAKBjs.textAreaStyles; exports.toastStyles = _chunkLFWRTLTKjs.toastStyles; exports.toggleStyles = _chunkKJGY7JINjs.toggleStyles; exports.tv = _chunkUZONBJUXjs.tv; exports.twMerge = _chunkHEB3T2LLjs.twMerge;
 //# sourceMappingURL=index.js.map

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
   selectItemStyles,
   selectSearchStyles,
   selectStyles
-} from "./chunk-H6JUN6QG.mjs";
+} from "./chunk-XECQWCT6.mjs";
 import {
   skipNavLinkStyles
 } from "./chunk-W2D3UCG4.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opengovsg/oui-theme",
-  "version": "0.0.31",
+  "version": "0.0.32",
   "sideEffects": false,
   "files": [
     "dist",
@@ -31,8 +31,8 @@
     "tailwindcss": "4.1.11",
     "tsup": "^8.5.1",
     "typescript": "5.7.3",
-    "@oui/prettier-config": "0.0.0",
     "@oui/eslint-config": "0.0.0",
+    "@oui/prettier-config": "0.0.0",
     "@oui/typescript-config": "0.0.0"
   },
   "dependencies": {

package/dist/chunk-5FOX35BG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5FOX35BG.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-5FOX35BG.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: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-fit\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"]}

package/dist/chunk-H6JUN6QG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/select.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const selectSearchStyles = tv({\n  slots: {\n    base: \"\",\n    icon: \"\",\n    input: \"\",\n    clear: \"\",\n  },\n})\n\nexport const selectItemStyles = tv({\n  slots: {\n    base: \"text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none\",\n    text: \"line-clamp-1 flex-1 text-inherit\",\n  },\n  variants: {\n    color: {\n      main: {\n        base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n      },\n    },\n    size: {\n      xs: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      sm: {\n        base: \"prose-body-2 px-3 py-3\",\n      },\n      md: {\n        base: \"prose-body-1 selected:bg-interaction-muted-main-active px-4 py-3\",\n        text: \"group-selected:prose-subhead-1\",\n      },\n    },\n    isDisabled: {\n      true: \"\",\n    },\n    isFocused: {\n      true: \"\",\n    },\n    isSelected: {\n      true: \"\",\n    },\n  },\n  defaultVariants: {\n    color: \"main\",\n    size: \"md\",\n  },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n  slots: {\n    base: \"group flex flex-col gap-1\",\n    label: \"\",\n    trigger: \"w-fit\",\n    icon: \"size-4\",\n    selectedText: \"text-base-content-strong flex-1 truncate text-start\",\n    popover: \"flex w-(--trigger-width) flex-col\",\n    list: \"overflow-y-auto\",\n    description: \"\",\n  },\n  variants: {\n    variant: {\n      solid: \"\",\n      reverse: \"\",\n      outline: {\n        trigger: \"group-invalid:border-interaction-critical-default\",\n      },\n      clear: \"\",\n      unstyled: \"\",\n    },\n    color: {\n      main: \"\",\n      success: \"\",\n      warning: \"\",\n      critical: \"\",\n      sub: \"\",\n      neutral: \"\",\n      inverse: \"\",\n    },\n    size: {\n      xs: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      sm: {\n        selectedText: \"prose-body-2\",\n        list: \"max-h-[264px]\",\n      },\n      md: {\n        selectedText: \"prose-body-1\",\n        list: \"max-h-[288px]\",\n      },\n    },\n  },\n  compoundVariants: [\n    // outline / color\n    {\n      variant: \"outline\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"outline\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n    // clear / color\n    {\n      variant: \"clear\",\n      color: \"main\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-main-hover\",\n      },\n    },\n    {\n      variant: \"clear\",\n      color: \"sub\",\n      className: {\n        trigger: \"pressed:bg-interaction-tinted-sub-hover\",\n      },\n    },\n  ],\n  defaultVariants: {\n    variant: \"outline\",\n    color: \"sub\",\n    size: \"md\",\n  },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"],"mappings":";;;;;AAIO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF,CAAC;AAEM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,eAAe,GAAG;AAAA,EAC7B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,IACN,cAAc;AAAA,IACd,SAAS;AAAA,IACT,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,QACP,SAAS;AAAA,MACX;AAAA,MACA,OAAO;AAAA,MACP,UAAU;AAAA,IACZ;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,SAAS;AAAA,MACT,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA;AAAA,IAEA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA;AAAA,MACE,SAAS;AAAA,MACT,OAAO;AAAA,MACP,WAAW;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}