@opengovsg/oui-theme 0.0.34 → 0.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -19,7 +19,7 @@ var accordionStyles = _chunkUZONBJUXjs.tv.call(void 0, {
19
19
  ..._chunkQ2IC5MPBjs.focusVisibleClasses,
20
20
  "outline-offset-0"
21
21
  ],
22
- indicator: "transition-transform duration-200 ease-in-out",
22
+ indicator: "inline-flex transition-transform duration-200 ease-in-out",
23
23
  panel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
24
24
  content: ""
25
25
  },
@@ -62,4 +62,4 @@ var accordionStyles = _chunkUZONBJUXjs.tv.call(void 0, {
62
62
 
63
63
 
64
64
  exports.accordionStyles = accordionStyles;
65
- //# sourceMappingURL=chunk-CXG3NPIG.js.map
65
+ //# sourceMappingURL=chunk-5NJVFKDA.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CXG3NPIG.js","../src/components/accordion.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,mEAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,mBAAA,EAAqB,0BAAA;AAAA,IACrB,iBAAA,EAAmB,0BAAA;AAAA,IACnB,OAAA,EAAS;AAAA,MACP,iJAAA;AAAA,MACA,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW,+CAAA;AAAA,IACX,KAAA,EACE,6EAAA;AAAA,IACF,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,0CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-CXG3NPIG.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator: \"transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n isExpanded: {\n true: {\n indicator: \"rotate-180 transform\",\n },\n },\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"]}
1
+ {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5NJVFKDA.js","../src/components/accordion.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,gBAAA,EAAkB,iCAAA;AAAG,EAChC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,IAAA,EAAM,mEAAA;AAAA,IACN,OAAA,EAAS,EAAA;AAAA,IACT,KAAA,EAAO,kBAAA;AAAA,IACP,mBAAA,EAAqB,0BAAA;AAAA,IACrB,iBAAA,EAAmB,0BAAA;AAAA,IACnB,OAAA,EAAS;AAAA,MACP,iJAAA;AAAA,MACA,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW,2DAAA;AAAA,IACX,KAAA,EACE,6EAAA;AAAA,IACF,OAAA,EAAS;AAAA,EACX,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW;AAAA,MACb;AAAA,IACF,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,OAAA,EACE;AAAA,MACJ;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,iBAAA;AAAA,QACP,OAAA,EAAS,WAAA;AAAA,QACT,SAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,6BAAA;AAAA,QACT,mBAAA,EAAqB,SAAA;AAAA,QACrB,iBAAA,EAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;ADED;AACA;AACE;AACF,0CAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-5NJVFKDA.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator: \"inline-flex transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n isExpanded: {\n true: {\n indicator: \"rotate-180 transform\",\n },\n },\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"]}
@@ -35,7 +35,9 @@ var selectItemStyles = _chunkUZONBJUXjs.tv.call(void 0, {
35
35
  }
36
36
  },
37
37
  isDisabled: {
38
- true: ""
38
+ true: {
39
+ base: "bg-interaction-support-disabled text-interaction-support-disabled-content"
40
+ }
39
41
  },
40
42
  isFocused: {
41
43
  true: ""
@@ -150,4 +152,4 @@ var selectStyles = _chunkUZONBJUXjs.tv.call(void 0, {
150
152
 
151
153
 
152
154
  exports.selectSearchStyles = selectSearchStyles; exports.selectItemStyles = selectItemStyles; exports.selectStyles = selectStyles;
153
- //# sourceMappingURL=chunk-OF3HJBZ6.js.map
155
+ //# sourceMappingURL=chunk-MIB7NRDQ.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MIB7NRDQ.js","../src/components/select.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACAO,IAAM,mBAAA,EAAqB,iCAAA;AAAG,EACnC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,IAAA,EAAM,EAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO;AAAA,EACT;AACF,CAAC,CAAA;AAEM,IAAM,iBAAA,EAAmB,iCAAA;AAAG,EACjC,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,uHAAA;AAAA,IACN,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,KAAA,EAAO;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,IAAA,EAAM,kEAAA;AAAA,QACN,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW;AAAA,MACT,IAAA,EAAM;AAAA,IACR,CAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,IACR;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,MAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAKM,IAAM,aAAA,EAAe,iCAAA;AAAG,EAC7B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,kCAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,QAAA;AAAA,IACT,IAAA,EAAM,QAAA;AAAA,IACN,YAAA,EAAc,qDAAA;AAAA,IACd,OAAA,EAAS,mCAAA;AAAA,IACT,IAAA,EAAM,iBAAA;AAAA,IACN,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EACE,mEAAA;AAAA,IACF,UAAA,EAAY,mCAAA;AAAA,IACZ,WAAA,EACE;AAAA,EACJ,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,EAAA;AAAA,MACP,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,QACP,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,KAAA,EAAO,EAAA;AAAA,MACP,QAAA,EAAU;AAAA,IACZ,CAAA;AAAA,IACA,KAAA,EAAO;AAAA,MACL,IAAA,EAAM,EAAA;AAAA,MACN,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS,EAAA;AAAA,MACT,QAAA,EAAU,EAAA;AAAA,MACV,GAAA,EAAK,EAAA;AAAA,MACL,OAAA,EAAS,EAAA;AAAA,MACT,OAAA,EAAS;AAAA,IACX,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,cAAA;AAAA,QACd,IAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAa,WAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,cAAA;AAAA,QACd,IAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,YAAA,EAAc,cAAA;AAAA,QACd,IAAA,EAAM,eAAA;AAAA,QACN,WAAA,EAAa,aAAA;AAAA,QACb,UAAA,EAAY,QAAA;AAAA,QACZ,WAAA,EAAa;AAAA,MACf;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA;AAAA,IAEhB;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,SAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA;AAAA,IAEA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF,CAAA;AAAA,IACA;AAAA,MACE,OAAA,EAAS,OAAA;AAAA,MACT,KAAA,EAAO,KAAA;AAAA,MACP,SAAA,EAAW;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,OAAA,EAAS,SAAA;AAAA,IACT,KAAA,EAAO,KAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADLD;AACA;AACE;AACA;AACA;AACF,kIAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-MIB7NRDQ.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 base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n },\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n 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"]}
@@ -19,7 +19,7 @@ var accordionStyles = tv({
19
19
  ...focusVisibleClasses,
20
20
  "outline-offset-0"
21
21
  ],
22
- indicator: "transition-transform duration-200 ease-in-out",
22
+ indicator: "inline-flex transition-transform duration-200 ease-in-out",
23
23
  panel: "h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]",
24
24
  content: ""
25
25
  },
@@ -62,4 +62,4 @@ var accordionStyles = tv({
62
62
  export {
63
63
  accordionStyles
64
64
  };
65
- //# sourceMappingURL=chunk-H5HNIGNU.mjs.map
65
+ //# sourceMappingURL=chunk-VYWGI5GL.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/accordion.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator: \"inline-flex transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n isExpanded: {\n true: {\n indicator: \"rotate-180 transform\",\n },\n },\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,SAAS;AAAA,MACP;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,OACE;AAAA,IACF,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}
@@ -35,7 +35,9 @@ var selectItemStyles = tv({
35
35
  }
36
36
  },
37
37
  isDisabled: {
38
- true: ""
38
+ true: {
39
+ base: "bg-interaction-support-disabled text-interaction-support-disabled-content"
40
+ }
39
41
  },
40
42
  isFocused: {
41
43
  true: ""
@@ -150,4 +152,4 @@ export {
150
152
  selectItemStyles,
151
153
  selectStyles
152
154
  };
153
- //# sourceMappingURL=chunk-XECQWCT6.mjs.map
155
+ //# sourceMappingURL=chunk-ZHF7YN5L.mjs.map
@@ -0,0 +1 @@
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 base: \"bg-interaction-support-disabled text-interaction-support-disabled-content\",\n },\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n 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,QACJ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,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":[]}
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkCXG3NPIGjs = require('../chunk-CXG3NPIG.js');
3
+ var _chunk5NJVFKDAjs = require('../chunk-5NJVFKDA.js');
4
4
  require('../chunk-OLJN3WXR.js');
5
5
  require('../chunk-2LTV7VB5.js');
6
6
  require('../chunk-O3I4FUFD.js');
@@ -11,5 +11,5 @@ require('../chunk-UZONBJUX.js');
11
11
  require('../chunk-HEB3T2LL.js');
12
12
 
13
13
 
14
- exports.accordionStyles = _chunkCXG3NPIGjs.accordionStyles;
14
+ exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles;
15
15
  //# sourceMappingURL=accordion.js.map
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  accordionStyles
3
- } from "../chunk-H5HNIGNU.mjs";
3
+ } from "../chunk-VYWGI5GL.mjs";
4
4
  import "../chunk-M2BG3FAA.mjs";
5
5
  import "../chunk-XTHC46M2.mjs";
6
6
  import "../chunk-TL5MCSZQ.mjs";
@@ -16,7 +16,7 @@ var _chunkGNNN3RQTjs = require('../chunk-GNNN3RQT.js');
16
16
 
17
17
 
18
18
 
19
- var _chunkOF3HJBZ6js = require('../chunk-OF3HJBZ6.js');
19
+ var _chunkMIB7NRDQjs = require('../chunk-MIB7NRDQ.js');
20
20
 
21
21
 
22
22
  var _chunkJTSKQACDjs = require('../chunk-JTSKQACD.js');
@@ -93,7 +93,7 @@ var _chunkLQDQQV7Xjs = require('../chunk-LQDQQV7X.js');
93
93
  var _chunk3APYYRQPjs = require('../chunk-3APYYRQP.js');
94
94
 
95
95
 
96
- var _chunkCXG3NPIGjs = require('../chunk-CXG3NPIG.js');
96
+ var _chunk5NJVFKDAjs = require('../chunk-5NJVFKDA.js');
97
97
 
98
98
 
99
99
 
@@ -177,5 +177,5 @@ require('../chunk-HEB3T2LL.js');
177
177
 
178
178
 
179
179
 
180
- exports.accordionStyles = _chunkCXG3NPIGjs.accordionStyles; 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;
180
+ exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles; 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 = _chunkMIB7NRDQjs.selectItemStyles; exports.selectSearchStyles = _chunkMIB7NRDQjs.selectSearchStyles; exports.selectStyles = _chunkMIB7NRDQjs.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;
181
181
  //# sourceMappingURL=index.js.map
@@ -16,7 +16,7 @@ import {
16
16
  selectItemStyles,
17
17
  selectSearchStyles,
18
18
  selectStyles
19
- } from "../chunk-XECQWCT6.mjs";
19
+ } from "../chunk-ZHF7YN5L.mjs";
20
20
  import {
21
21
  skipNavLinkStyles
22
22
  } from "../chunk-W2D3UCG4.mjs";
@@ -93,7 +93,7 @@ import {
93
93
  } from "../chunk-WUWINMRN.mjs";
94
94
  import {
95
95
  accordionStyles
96
- } from "../chunk-H5HNIGNU.mjs";
96
+ } from "../chunk-VYWGI5GL.mjs";
97
97
  import {
98
98
  avatarGroupStyles,
99
99
  avatarStyles
@@ -64,7 +64,9 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
64
64
  };
65
65
  };
66
66
  isDisabled: {
67
- true: string;
67
+ true: {
68
+ base: string;
69
+ };
68
70
  };
69
71
  isFocused: {
70
72
  true: string;
@@ -94,7 +96,9 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
94
96
  };
95
97
  };
96
98
  isDisabled: {
97
- true: string;
99
+ true: {
100
+ base: string;
101
+ };
98
102
  };
99
103
  isFocused: {
100
104
  true: string;
@@ -124,7 +128,9 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
124
128
  };
125
129
  };
126
130
  isDisabled: {
127
- true: string;
131
+ true: {
132
+ base: string;
133
+ };
128
134
  };
129
135
  isFocused: {
130
136
  true: string;
@@ -64,7 +64,9 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
64
64
  };
65
65
  };
66
66
  isDisabled: {
67
- true: string;
67
+ true: {
68
+ base: string;
69
+ };
68
70
  };
69
71
  isFocused: {
70
72
  true: string;
@@ -94,7 +96,9 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
94
96
  };
95
97
  };
96
98
  isDisabled: {
97
- true: string;
99
+ true: {
100
+ base: string;
101
+ };
98
102
  };
99
103
  isFocused: {
100
104
  true: string;
@@ -124,7 +128,9 @@ declare const selectItemStyles: tailwind_variants.TVReturnType<{
124
128
  };
125
129
  };
126
130
  isDisabled: {
127
- true: string;
131
+ true: {
132
+ base: string;
133
+ };
128
134
  };
129
135
  isFocused: {
130
136
  true: string;
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- var _chunkOF3HJBZ6js = require('../chunk-OF3HJBZ6.js');
5
+ var _chunkMIB7NRDQjs = require('../chunk-MIB7NRDQ.js');
6
6
  require('../chunk-OLJN3WXR.js');
7
7
  require('../chunk-2LTV7VB5.js');
8
8
  require('../chunk-O3I4FUFD.js');
@@ -15,5 +15,5 @@ require('../chunk-HEB3T2LL.js');
15
15
 
16
16
 
17
17
 
18
- exports.selectItemStyles = _chunkOF3HJBZ6js.selectItemStyles; exports.selectSearchStyles = _chunkOF3HJBZ6js.selectSearchStyles; exports.selectStyles = _chunkOF3HJBZ6js.selectStyles;
18
+ exports.selectItemStyles = _chunkMIB7NRDQjs.selectItemStyles; exports.selectSearchStyles = _chunkMIB7NRDQjs.selectSearchStyles; exports.selectStyles = _chunkMIB7NRDQjs.selectStyles;
19
19
  //# sourceMappingURL=select.js.map
@@ -2,7 +2,7 @@ import {
2
2
  selectItemStyles,
3
3
  selectSearchStyles,
4
4
  selectStyles
5
- } from "../chunk-XECQWCT6.mjs";
5
+ } from "../chunk-ZHF7YN5L.mjs";
6
6
  import "../chunk-M2BG3FAA.mjs";
7
7
  import "../chunk-XTHC46M2.mjs";
8
8
  import "../chunk-TL5MCSZQ.mjs";
package/dist/index.js CHANGED
@@ -16,7 +16,7 @@ var _chunkGNNN3RQTjs = require('./chunk-GNNN3RQT.js');
16
16
 
17
17
 
18
18
 
19
- var _chunkOF3HJBZ6js = require('./chunk-OF3HJBZ6.js');
19
+ var _chunkMIB7NRDQjs = require('./chunk-MIB7NRDQ.js');
20
20
 
21
21
 
22
22
  var _chunkJTSKQACDjs = require('./chunk-JTSKQACD.js');
@@ -93,7 +93,7 @@ var _chunkLQDQQV7Xjs = require('./chunk-LQDQQV7X.js');
93
93
  var _chunk3APYYRQPjs = require('./chunk-3APYYRQP.js');
94
94
 
95
95
 
96
- var _chunkCXG3NPIGjs = require('./chunk-CXG3NPIG.js');
96
+ var _chunk5NJVFKDAjs = require('./chunk-5NJVFKDA.js');
97
97
 
98
98
 
99
99
 
@@ -201,5 +201,5 @@ var _chunkHEB3T2LLjs = require('./chunk-HEB3T2LL.js');
201
201
 
202
202
 
203
203
 
204
- exports.accordionStyles = _chunkCXG3NPIGjs.accordionStyles; 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;
204
+ exports.accordionStyles = _chunk5NJVFKDAjs.accordionStyles; 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 = _chunkMIB7NRDQjs.selectItemStyles; exports.selectSearchStyles = _chunkMIB7NRDQjs.selectSearchStyles; exports.selectStyles = _chunkMIB7NRDQjs.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;
205
205
  //# sourceMappingURL=index.js.map
package/dist/index.mjs CHANGED
@@ -16,7 +16,7 @@ import {
16
16
  selectItemStyles,
17
17
  selectSearchStyles,
18
18
  selectStyles
19
- } from "./chunk-XECQWCT6.mjs";
19
+ } from "./chunk-ZHF7YN5L.mjs";
20
20
  import {
21
21
  skipNavLinkStyles
22
22
  } from "./chunk-W2D3UCG4.mjs";
@@ -93,7 +93,7 @@ import {
93
93
  } from "./chunk-WUWINMRN.mjs";
94
94
  import {
95
95
  accordionStyles
96
- } from "./chunk-H5HNIGNU.mjs";
96
+ } from "./chunk-VYWGI5GL.mjs";
97
97
  import {
98
98
  avatarGroupStyles,
99
99
  avatarStyles
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opengovsg/oui-theme",
3
- "version": "0.0.34",
3
+ "version": "0.0.36",
4
4
  "sideEffects": false,
5
5
  "files": [
6
6
  "dist",
@@ -31,9 +31,9 @@
31
31
  "tailwindcss": "4.1.11",
32
32
  "tsup": "^8.5.1",
33
33
  "typescript": "5.7.3",
34
- "@oui/typescript-config": "0.0.0",
34
+ "@oui/eslint-config": "0.0.0",
35
35
  "@oui/prettier-config": "0.0.0",
36
- "@oui/eslint-config": "0.0.0"
36
+ "@oui/typescript-config": "0.0.0"
37
37
  },
38
38
  "dependencies": {
39
39
  "@tailwindcss/vite": "4.1.11",
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/accordion.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const accordionStyles = tv({\n slots: {\n base: \"w-full\",\n item: \"group border-base-divider-medium min-w-50 border-b first:border-t\",\n heading: \"\",\n title: \"flex-1 text-left\",\n startContentWrapper: \"inline-flex items-center\",\n endContentWrapper: \"inline-flex items-center\",\n trigger: [\n \"group text-base-content-strong disabled:text-interaction-support-disabled-content flex w-full items-start justify-start gap-2 transition-colors\",\n ...focusVisibleClasses,\n \"outline-offset-0\",\n ],\n indicator: \"transition-transform duration-200 ease-in-out\",\n panel:\n \"h-(--disclosure-panel-height) overflow-clip motion-safe:transition-[height]\",\n content: \"\",\n },\n variants: {\n isExpanded: {\n true: {\n indicator: \"rotate-180 transform\",\n },\n },\n color: {\n main: {\n trigger:\n \"hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active disabled:bg-inherit\",\n },\n },\n size: {\n sm: {\n title: \"prose-subhead-2\",\n trigger: \"px-4 py-3\",\n indicator: \"size-5\",\n content: \"prose-body-2 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-5 w-4\",\n endContentWrapper: \"h-5 w-4\",\n },\n md: {\n title: \"prose-subhead-1\",\n trigger: \"px-4 py-5\",\n indicator: \"size-6\",\n content: \"prose-body-1 px-4 pt-2 pb-6\",\n startContentWrapper: \"h-6 w-5\",\n endContentWrapper: \"h-6 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n color: \"main\",\n },\n})\n\nexport type AccordionVariantProps = VariantProps<typeof accordionStyles>\n\nexport type AccordionSlots = keyof ReturnType<typeof accordionStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,qBAAqB;AAAA,IACrB,mBAAmB;AAAA,IACnB,SAAS;AAAA,MACP;AAAA,MACA,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,OACE;AAAA,IACF,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,IACF;AAAA,IACA,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,SACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,qBAAqB;AAAA,QACrB,mBAAmB;AAAA,MACrB;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AACF,CAAC;","names":[]}
@@ -1 +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"]}
@@ -1 +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":[]}