@opengovsg/oui-theme 0.0.6 → 0.0.10

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.
Files changed (117) hide show
  1. package/dist/{chunk-Z5EKAZRY.mjs → chunk-34YVA3CF.mjs} +2 -47
  2. package/dist/chunk-34YVA3CF.mjs.map +1 -0
  3. package/dist/{chunk-2HLZ2TA2.mjs → chunk-44H2MHJG.mjs} +2 -2
  4. package/dist/chunk-44H2MHJG.mjs.map +1 -0
  5. package/dist/chunk-4YH455F5.js +83 -0
  6. package/dist/chunk-4YH455F5.js.map +1 -0
  7. package/dist/{chunk-ATN4OFA4.js → chunk-5FOX35BG.js} +39 -17
  8. package/dist/chunk-5FOX35BG.js.map +1 -0
  9. package/dist/chunk-5ULZEGWX.js +113 -0
  10. package/dist/chunk-5ULZEGWX.js.map +1 -0
  11. package/dist/chunk-7S572BNQ.mjs +113 -0
  12. package/dist/chunk-7S572BNQ.mjs.map +1 -0
  13. package/dist/chunk-AFHAQGRO.mjs +1 -0
  14. package/dist/chunk-BIXVP43C.js +66 -0
  15. package/dist/chunk-BIXVP43C.js.map +1 -0
  16. package/dist/{chunk-7SYUA43A.js → chunk-GCZQ5SEK.js} +2 -2
  17. package/dist/chunk-GCZQ5SEK.js.map +1 -0
  18. package/dist/{chunk-SCEZEIC2.mjs → chunk-H6JUN6QG.mjs} +39 -17
  19. package/dist/chunk-H6JUN6QG.mjs.map +1 -0
  20. package/dist/{chunk-E7JBRLR5.mjs → chunk-KHQ7EBS5.mjs} +2 -2
  21. package/dist/chunk-KHQ7EBS5.mjs.map +1 -0
  22. package/dist/chunk-KKW4VCZA.mjs +83 -0
  23. package/dist/chunk-KKW4VCZA.mjs.map +1 -0
  24. package/dist/{chunk-JSOQXC4Z.js → chunk-NL5XE6BW.js} +2 -2
  25. package/dist/{chunk-JSOQXC4Z.js.map → chunk-NL5XE6BW.js.map} +1 -1
  26. package/dist/{chunk-OUZ7DBAS.js → chunk-NPNMMEUT.js} +4 -39
  27. package/dist/chunk-NPNMMEUT.js.map +1 -0
  28. package/dist/chunk-PASP6W6Z.js +1 -0
  29. package/dist/{chunk-KUAGUN4H.js.map → chunk-PASP6W6Z.js.map} +1 -1
  30. package/dist/{chunk-2YW3O3BV.js → chunk-QGEGS5RO.js} +3 -48
  31. package/dist/chunk-QGEGS5RO.js.map +1 -0
  32. package/dist/chunk-RZ7GZGD2.js +25 -0
  33. package/dist/chunk-RZ7GZGD2.js.map +1 -0
  34. package/dist/chunk-UTOQXAFU.mjs +66 -0
  35. package/dist/chunk-UTOQXAFU.mjs.map +1 -0
  36. package/dist/{chunk-GUV5RZUP.mjs → chunk-VS4FD2JZ.mjs} +3 -38
  37. package/dist/chunk-VS4FD2JZ.mjs.map +1 -0
  38. package/dist/chunk-XRA3KMRB.mjs +25 -0
  39. package/dist/chunk-XRA3KMRB.mjs.map +1 -0
  40. package/dist/components/badge.js +3 -3
  41. package/dist/components/badge.mjs +2 -2
  42. package/dist/components/banner.js +2 -2
  43. package/dist/components/banner.mjs +1 -1
  44. package/dist/components/button.js +1 -1
  45. package/dist/components/button.mjs +1 -1
  46. package/dist/components/calendar.d.mts +226 -16
  47. package/dist/components/calendar.d.ts +226 -16
  48. package/dist/components/calendar.js +8 -2
  49. package/dist/components/calendar.js.map +1 -1
  50. package/dist/components/calendar.mjs +7 -1
  51. package/dist/components/combo-box.d.mts +2 -185
  52. package/dist/components/combo-box.d.ts +2 -185
  53. package/dist/components/combo-box.js +2 -4
  54. package/dist/components/combo-box.js.map +1 -1
  55. package/dist/components/combo-box.mjs +1 -3
  56. package/dist/components/govt-banner.js +1 -1
  57. package/dist/components/govt-banner.mjs +1 -1
  58. package/dist/components/index.d.mts +5 -2
  59. package/dist/components/index.d.ts +5 -2
  60. package/dist/components/index.js +36 -20
  61. package/dist/components/index.js.map +1 -1
  62. package/dist/components/index.mjs +43 -27
  63. package/dist/components/list-box.d.mts +205 -0
  64. package/dist/components/list-box.d.ts +205 -0
  65. package/dist/components/list-box.js +15 -0
  66. package/dist/components/list-box.js.map +1 -0
  67. package/dist/components/list-box.mjs +15 -0
  68. package/dist/components/list-box.mjs.map +1 -0
  69. package/dist/components/menu.d.mts +463 -0
  70. package/dist/components/menu.d.ts +463 -0
  71. package/dist/components/menu.js +22 -0
  72. package/dist/components/menu.js.map +1 -0
  73. package/dist/components/menu.mjs +22 -0
  74. package/dist/components/menu.mjs.map +1 -0
  75. package/dist/components/popover.d.mts +73 -0
  76. package/dist/components/popover.d.ts +73 -0
  77. package/dist/components/popover.js +11 -0
  78. package/dist/components/popover.js.map +1 -0
  79. package/dist/components/popover.mjs +11 -0
  80. package/dist/components/popover.mjs.map +1 -0
  81. package/dist/components/select.d.mts +18 -28
  82. package/dist/components/select.d.ts +18 -28
  83. package/dist/components/select.js +2 -2
  84. package/dist/components/select.mjs +1 -1
  85. package/dist/components/tag-field.d.mts +4 -105
  86. package/dist/components/tag-field.d.ts +4 -105
  87. package/dist/components/tag-field.js +3 -5
  88. package/dist/components/tag-field.js.map +1 -1
  89. package/dist/components/tag-field.mjs +2 -4
  90. package/dist/components/toggle.js +1 -1
  91. package/dist/components/toggle.mjs +1 -1
  92. package/dist/index.d.mts +5 -2
  93. package/dist/index.d.ts +5 -2
  94. package/dist/index.js +35 -19
  95. package/dist/index.js.map +1 -1
  96. package/dist/index.mjs +49 -33
  97. package/dist/utils/index.js +4 -4
  98. package/dist/utils/index.js.map +1 -1
  99. package/dist/utils/index.mjs +4 -4
  100. package/package.json +5 -5
  101. package/src/tailwind.css +16 -0
  102. package/dist/chunk-2HLZ2TA2.mjs.map +0 -1
  103. package/dist/chunk-2YW3O3BV.js.map +0 -1
  104. package/dist/chunk-7SYUA43A.js.map +0 -1
  105. package/dist/chunk-ARRSHAJG.mjs +0 -1
  106. package/dist/chunk-ATN4OFA4.js.map +0 -1
  107. package/dist/chunk-E7JBRLR5.mjs.map +0 -1
  108. package/dist/chunk-GK7MVUI2.mjs +0 -41
  109. package/dist/chunk-GK7MVUI2.mjs.map +0 -1
  110. package/dist/chunk-GQ3JHZUT.js +0 -41
  111. package/dist/chunk-GQ3JHZUT.js.map +0 -1
  112. package/dist/chunk-GUV5RZUP.mjs.map +0 -1
  113. package/dist/chunk-KUAGUN4H.js +0 -1
  114. package/dist/chunk-OUZ7DBAS.js.map +0 -1
  115. package/dist/chunk-SCEZEIC2.mjs.map +0 -1
  116. package/dist/chunk-Z5EKAZRY.mjs.map +0 -1
  117. /package/dist/{chunk-ARRSHAJG.mjs.map → chunk-AFHAQGRO.mjs.map} +0 -0
@@ -1,41 +0,0 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
-
3
- var _chunkUZONBJUXjs = require('./chunk-UZONBJUX.js');
4
-
5
- // src/components/calendar.ts
6
- var calendarStyles = _chunkUZONBJUXjs.tv.call(void 0, {
7
- slots: {
8
- base: "",
9
- prevButton: "",
10
- nextButton: "",
11
- header: "",
12
- title: "",
13
- content: "",
14
- cell: "bg-red-500",
15
- cellButton: "",
16
- errorMessage: ""
17
- },
18
- variants: {
19
- variant: {},
20
- isSelected: {
21
- false: {
22
- cell: "pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700"
23
- },
24
- true: {
25
- cell: "bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]"
26
- }
27
- }
28
- },
29
- compoundVariants: [],
30
- compoundSlots: [
31
- {
32
- slots: ["prevButton", "nextButton"],
33
- class: ""
34
- }
35
- ]
36
- });
37
-
38
-
39
-
40
- exports.calendarStyles = calendarStyles;
41
- //# sourceMappingURL=chunk-GQ3JHZUT.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GQ3JHZUT.js","../src/components/calendar.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACA;ACIO,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,EAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,UAAA,EAAY,EAAA;AAAA,IACZ,MAAA,EAAQ,EAAA;AAAA,IACR,KAAA,EAAO,EAAA;AAAA,IACP,OAAA,EAAS,EAAA;AAAA,IACT,IAAA,EAAM,YAAA;AAAA,IACN,UAAA,EAAY,EAAA;AAAA,IACZ,YAAA,EAAc;AAAA,EAChB,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,UAAA,EAAY;AAAA,MACV,KAAA,EAAO;AAAA,QACL,IAAA,EAAM;AAAA,MACR,CAAA;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB,CAAC,CAAA;AAAA,EACnB,aAAA,EAAe;AAAA,IACb;AAAA,MACE,KAAA,EAAO,CAAC,YAAA,EAAc,YAAY,CAAA;AAAA,MAClC,KAAA,EAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC,CAAA;ADFD;AACA;AACE;AACF,wCAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-GQ3JHZUT.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\n// TODO: Use typography from design system\n// TODO: Use design tokens from design system\n// TODO: Actually add theme\n\nexport const calendarStyles = tv({\n slots: {\n base: \"\",\n prevButton: \"\",\n nextButton: \"\",\n header: \"\",\n title: \"\",\n content: \"\",\n cell: \"bg-red-500\",\n cellButton: \"\",\n errorMessage: \"\",\n },\n variants: {\n variant: {},\n isSelected: {\n false: {\n cell: \"pressed:bg-gray-200 dark:pressed:bg-zinc-600 text-zinc-900 hover:bg-gray-100 dark:text-zinc-200 dark:hover:bg-zinc-700\",\n },\n true: {\n cell: \"bg-blue-600 text-white invalid:bg-red-600 forced-colors:bg-[Highlight] forced-colors:text-[HighlightText] forced-colors:invalid:bg-[Mark]\",\n },\n },\n },\n compoundVariants: [],\n compoundSlots: [\n {\n slots: [\"prevButton\", \"nextButton\"],\n class: \"\",\n },\n ],\n})\n\nexport type CalendarVariantProps = VariantProps<typeof calendarStyles>\nexport type CalendarSlots = keyof ReturnType<typeof calendarStyles>\n"]}
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/components/tag-field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldItemStyles = tv({\n slots: {\n container:\n \"text-base-content-strong aria-disabled:text-interaction-support-disabled-content hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active flex cursor-pointer flex-col aria-disabled:cursor-not-allowed\",\n label: \"line-clamp-1\",\n description: \"text-base-content-medium\",\n },\n variants: {\n size: {\n xs: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n sm: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n isSelected: true,\n className: { container: \"prose-subhead-1\" },\n },\n {\n size: [\"sm\", \"xs\"],\n isSelected: true,\n className: { container: \"prose-subhead-2\" },\n },\n ],\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport const tagFieldStyles = tv({\n slots: {\n root: \"flex flex-col gap-2\",\n label: \"\",\n group: \"flex-wrap items-start\",\n tag: [\n ...focusVisibleClasses,\n \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n ],\n tagText: \"line-clamp-1\",\n tagIcon: \"shrink-0 cursor-pointer\",\n field: \"h-auto min-w-24 p-0\",\n trigger: \"flex items-center aria-expanded:rotate-180\",\n description: \"\",\n error: \"\",\n list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto rounded-b-sm bg-white p-0 shadow-sm\",\n },\n variants: {\n isDisabled: {\n true: {\n group: \"\",\n },\n },\n variant: {},\n size: {\n xs: {\n group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n tagIcon: \"size-3.5\",\n trigger: \"h-6 w-4\",\n },\n sm: {\n group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n field: \"h-6 px-1\",\n tag: \"prose-body-2 px-2 py-0.5\",\n tagIcon: \"size-4.5\",\n trigger: \"h-6 w-4\",\n },\n md: {\n group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n field: \"h-7 px-2\",\n tag: \"prose-subhead-2 px-2 py-1\",\n tagIcon: \"size-4.5\",\n trigger: \"h-7 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\nexport type TagFieldItemSlots = keyof ReturnType<typeof tagFieldItemStyles>\n"],"mappings":";;;;;;;;AAKO,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,WACE;AAAA,IACF,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI,EAAE,WAAW,0BAA0B,aAAa,eAAe;AAAA,IACzE;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,MAAM,CAAC,MAAM,IAAI;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACH,GAAG;AAAA,MACH;AAAA,IACF;AAAA,IACA,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,IACb,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,SAAS,CAAC;AAAA,IACV,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO;AAAA,QACP,KAAK;AAAA,QACL,SAAS;AAAA,QACT,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
@@ -1 +0,0 @@
1
- "use strict";//# sourceMappingURL=chunk-KUAGUN4H.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OUZ7DBAS.js","../src/components/tag-field.ts"],"names":[],"mappings":"AAAA;AACE;AACF,sDAA4B;AAC5B;AACE;AACF,sDAA4B;AAC5B;AACA;ACFO,IAAM,mBAAA,EAAqB,iCAAA;AAAG,EACnC,KAAA,EAAO;AAAA,IACL,SAAA,EACE,8NAAA;AAAA,IACF,KAAA,EAAO,cAAA;AAAA,IACP,WAAA,EAAa;AAAA,EACf,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,SAAA,EAAW,wBAAA;AAAA,QACX,WAAA,EAAa;AAAA,MACf,CAAA;AAAA,MACA,EAAA,EAAI,EAAE,SAAA,EAAW,wBAAA,EAA0B,WAAA,EAAa,eAAe;AAAA,IACzE;AAAA,EACF,CAAA;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB;AAAA,MACE,IAAA,EAAM,IAAA;AAAA,MACN,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,EAAE,SAAA,EAAW,kBAAkB;AAAA,IAC5C,CAAA;AAAA,IACA;AAAA,MACE,IAAA,EAAM,CAAC,IAAA,EAAM,IAAI,CAAA;AAAA,MACjB,UAAA,EAAY,IAAA;AAAA,MACZ,SAAA,EAAW,EAAE,SAAA,EAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;AAEM,IAAM,eAAA,EAAiB,iCAAA;AAAG,EAC/B,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,qBAAA;AAAA,IACN,KAAA,EAAO,EAAA;AAAA,IACP,KAAA,EAAO,uBAAA;AAAA,IACP,GAAA,EAAK;AAAA,MACH,GAAG,oCAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,cAAA;AAAA,IACT,OAAA,EAAS,yBAAA;AAAA,IACT,KAAA,EAAO,qBAAA;AAAA,IACP,OAAA,EAAS,4CAAA;AAAA,IACT,WAAA,EAAa,EAAA;AAAA,IACb,KAAA,EAAO,EAAA;AAAA,IACP,IAAA,EAAM;AAAA,EACR,CAAA;AAAA,EACA,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,IAAA,EAAM;AAAA,QACJ,KAAA,EAAO;AAAA,MACT;AAAA,IACF,CAAA;AAAA,IACA,OAAA,EAAS,CAAC,CAAA;AAAA,IACV,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6CAAA;AAAA,QACP,GAAA,EAAK,oCAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,0BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX,CAAA;AAAA,MACA,EAAA,EAAI;AAAA,QACF,KAAA,EAAO,yCAAA;AAAA,QACP,KAAA,EAAO,UAAA;AAAA,QACP,GAAA,EAAK,2BAAA;AAAA,QACL,OAAA,EAAS,UAAA;AAAA,QACT,OAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA,EACR;AACF,CAAC,CAAA;ADED;AACA;AACE;AACA;AACF,yFAAC","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OUZ7DBAS.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\n\nexport const tagFieldItemStyles = tv({\n slots: {\n container:\n \"text-base-content-strong aria-disabled:text-interaction-support-disabled-content hover:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active flex cursor-pointer flex-col aria-disabled:cursor-not-allowed\",\n label: \"line-clamp-1\",\n description: \"text-base-content-medium\",\n },\n variants: {\n size: {\n xs: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n sm: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n isSelected: true,\n className: { container: \"prose-subhead-1\" },\n },\n {\n size: [\"sm\", \"xs\"],\n isSelected: true,\n className: { container: \"prose-subhead-2\" },\n },\n ],\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport const tagFieldStyles = tv({\n slots: {\n root: \"flex flex-col gap-2\",\n label: \"\",\n group: \"flex-wrap items-start\",\n tag: [\n ...focusVisibleClasses,\n \"bg-interaction-main-subtle-default hover:bg-interaction-main-subtle-hover focus:bg-interaction-main-subtle-hover text-interaction-main-default flex cursor-pointer flex-row items-center gap-1 rounded-md transition\",\n ],\n tagText: \"line-clamp-1\",\n tagIcon: \"shrink-0 cursor-pointer\",\n field: \"h-auto min-w-24 p-0\",\n trigger: \"flex items-center aria-expanded:rotate-180\",\n description: \"\",\n error: \"\",\n list: \"relative z-10 max-h-80 w-(--trigger-width) overflow-y-auto rounded-b-sm bg-white p-0 shadow-sm\",\n },\n variants: {\n isDisabled: {\n true: {\n group: \"\",\n },\n },\n variant: {},\n size: {\n xs: {\n group: \"prose-body-2 min-h-9 gap-1 px-2 py-1\",\n field: \"placeholder:prose-subhead-5 my-0.5 h-5 px-1\",\n tag: \"prose-caption-1 my-0.5 px-2 py-0.5\",\n tagIcon: \"size-3.5\",\n trigger: \"h-6 w-4\",\n },\n sm: {\n group: \"prose-body-2 min-h-10 gap-1 px-2 py-1.5\",\n field: \"h-6 px-1\",\n tag: \"prose-body-2 px-2 py-0.5\",\n tagIcon: \"size-4.5\",\n trigger: \"h-6 w-4\",\n },\n md: {\n group: \"prose-body-1 min-h-11 gap-1 px-2 py-1.5\",\n field: \"h-7 px-2\",\n tag: \"prose-subhead-2 px-2 py-1\",\n tagIcon: \"size-4.5\",\n trigger: \"h-7 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type TagFieldVariantProps = VariantProps<typeof tagFieldStyles>\nexport type TagFieldSlots = keyof ReturnType<typeof tagFieldStyles>\nexport type TagFieldItemSlots = keyof ReturnType<typeof tagFieldItemStyles>\n"]}
@@ -1 +0,0 @@
1
- {"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: \"text-base-content-strong line-clamp-1 flex-1\",\n icon: \"flex items-center\",\n },\n variants: {\n color: {\n main: {\n base: \"focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active\",\n icon: \"text-interaction-main-default\",\n },\n },\n size: {\n xs: {\n base: \"prose-body-2 px-3 py-3\",\n icon: \"w-3.5\",\n },\n sm: {\n base: \"prose-body-2 px-3 py-3\",\n icon: \"w-4.5\",\n },\n md: {\n base: \"prose-body-1 px-4 py-3\",\n text: \"group-selected:prose-subhead-1\",\n icon: \"w-4.5\",\n },\n },\n isDisabled: {\n true: \"\",\n },\n isFocused: {\n true: \"\",\n },\n isSelected: {\n true: \"\",\n },\n },\n defaultVariants: {\n color: \"main\",\n size: \"md\",\n },\n})\n\nexport type SelectItemVariantProps = VariantProps<typeof selectItemStyles>\nexport type SelectItemVariantSlots = keyof ReturnType<typeof selectItemStyles>\n\nexport const selectStyles = tv({\n slots: {\n base: \"group flex flex-col gap-1\",\n label: \"\",\n trigger: \"w-fit\",\n selectedText: \"flex-1 truncate text-start\",\n popover:\n \"motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md\",\n list: \"overflow-y-auto\",\n description: \"\",\n },\n variants: {\n variant: {\n solid: \"\",\n reverse: \"\",\n outline: \"\",\n clear: \"\",\n unstyled: \"\",\n },\n color: {\n main: \"\",\n success: \"\",\n warning: \"\",\n critical: \"\",\n sub: \"\",\n neutral: \"\",\n inverse: \"\",\n },\n size: {\n xs: {\n selectedText: \"prose-body-2\",\n list: \"max-h-[264px]\",\n },\n sm: {\n selectedText: \"prose-body-2\",\n list: \"max-h-[264px]\",\n },\n md: {\n selectedText: \"prose-body-1\",\n list: \"max-h-[288px]\",\n },\n },\n },\n compoundVariants: [\n {\n variant: [\"outline\"],\n className: {\n trigger: \"group-invalid:border-interaction-critical-default\",\n },\n },\n ],\n defaultVariants: {\n variant: \"outline\",\n color: \"sub\",\n size: \"md\",\n },\n})\n\nexport type SelectVariantProps = VariantProps<typeof selectStyles>\nexport type SelectVariantSlots = keyof ReturnType<typeof selectStyles>\n"],"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,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,MACL,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,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,cAAc;AAAA,IACd,SACE;AAAA,IACF,MAAM;AAAA,IACN,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,SAAS;AAAA,MACP,OAAO;AAAA,MACP,SAAS;AAAA,MACT,SAAS;AAAA,MACT,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,IAChB;AAAA,MACE,SAAS,CAAC,SAAS;AAAA,MACnB,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 +0,0 @@
1
- {"version":3,"sources":["../src/components/combo-box.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\nimport { inputStyles } from \"./input\"\n\nexport const comboBoxStyles = tv({\n slots: {\n container: \"group isolate flex flex-col gap-2\",\n label: \"\",\n group: \"z-10 flex-1\",\n expandButton: \"h-full cursor-pointer\",\n icon: \"\",\n field: \"h-full w-full overflow-ellipsis outline-hidden\",\n popover: \"mt-0.5 w-(--trigger-width) overflow-hidden bg-white shadow-sm\",\n list: \"w-unset block max-h-[300px] min-h-0 overflow-y-auto\",\n },\n base: [],\n variants: {\n isClearable: {\n true: {\n group: \"rounded-r-none\",\n },\n },\n isDisabled: {\n true: {\n expandButton:\n \"text-interaction-support-disabled-content cursor-default\",\n },\n },\n size: {\n xs: {\n field: \"px-3\",\n group: [inputStyles.variants.size.xs, \"gap-1 px-0\"],\n expandButton: \"-my-2 h-9 px-3\",\n icon: \"h-4 w-4\",\n },\n sm: {\n popover: \"mt-1\",\n field: \"px-3\",\n group: [inputStyles.variants.size.sm, \"gap-1 px-0\"],\n expandButton: \"-my-2.5 h-10 px-3\",\n icon: \"h-4 w-4\",\n },\n md: {\n group: [inputStyles.variants.size.md, \"gap-1 px-0\"],\n field: \"px-4\",\n expandButton: \"-my-2 h-11 px-4\",\n icon: \"h-5 w-5\",\n },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type ComboBoxVariantProps = VariantProps<typeof comboBoxStyles>\nexport type ComboBoxSlots = keyof ReturnType<typeof comboBoxStyles>\n\nexport const comboBoxItemStyles = tv({\n slots: {\n container: \"text-base-content-strong flex cursor-pointer flex-col\",\n label: \"\",\n description: \"text-base-content-medium\",\n },\n variants: {\n size: {\n xs: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n sm: {\n container: \"prose-body-2 px-3 py-3\",\n description: \"prose-body-2\",\n },\n md: { container: \"prose-body-1 px-4 py-3\", description: \"prose-body-2\" },\n },\n isFocused: {\n true: { container: \"bg-interaction-muted-main-hover\" },\n },\n isSelected: {\n true: { container: \"bg-interaction-muted-main-active\" },\n },\n isDisabled: {\n true: { container: \"cursor-not-allowed\" },\n },\n },\n compoundVariants: [\n {\n size: \"md\",\n isSelected: true,\n className: { container: \"prose-subhead-1\" },\n },\n {\n size: [\"sm\", \"xs\"],\n isSelected: true,\n className: { container: \"prose-subhead-2\" },\n },\n ],\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type ComboBoxItemVariantProps = VariantProps<typeof comboBoxItemStyles>\nexport type ComboBoxItemSlots = keyof ReturnType<typeof comboBoxItemStyles>\n\nexport const comboBoxClearButtonStyles = tv({\n base: \"border-base-divider-strong text-base-content-strong z-0 -ml-px cursor-pointer rounded-sm rounded-l-none border outline-hidden transition\",\n variants: {\n isDisabled: {\n true: \"bg-interaction-support-disabled text-interaction-support-disabled-content cursor-default\",\n },\n isInactive: {\n true: \"text-interaction-support-disabled-content\",\n },\n isHovered: {\n true: \"bg-interaction-muted-main-hover\",\n },\n isFocused: {\n true: \"border-utility-focus-default shadow-utility-focus-default z-20 shadow-[0_0_0_1px]\",\n },\n isPressed: {\n true: \"text-base-content-strong\",\n },\n size: {\n xs: \"h-9 px-2.5\",\n sm: \"h-10 px-2.5\",\n md: \"h-11 px-3\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n"],"mappings":";;;;;;;;AAKO,IAAM,iBAAiB,GAAG;AAAA,EAC/B,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,IACd,MAAM;AAAA,IACN,OAAO;AAAA,IACP,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,MAAM,CAAC;AAAA,EACP,UAAU;AAAA,IACR,aAAa;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,cACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,OAAO;AAAA,QACP,OAAO,CAAC,YAAY,SAAS,KAAK,IAAI,YAAY;AAAA,QAClD,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,SAAS;AAAA,QACT,OAAO;AAAA,QACP,OAAO,CAAC,YAAY,SAAS,KAAK,IAAI,YAAY;AAAA,QAClD,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,MACA,IAAI;AAAA,QACF,OAAO,CAAC,YAAY,SAAS,KAAK,IAAI,YAAY;AAAA,QAClD,OAAO;AAAA,QACP,cAAc;AAAA,QACd,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,qBAAqB,GAAG;AAAA,EACnC,OAAO;AAAA,IACL,WAAW;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI;AAAA,QACF,WAAW;AAAA,QACX,aAAa;AAAA,MACf;AAAA,MACA,IAAI,EAAE,WAAW,0BAA0B,aAAa,eAAe;AAAA,IACzE;AAAA,IACA,WAAW;AAAA,MACT,MAAM,EAAE,WAAW,kCAAkC;AAAA,IACvD;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE,WAAW,mCAAmC;AAAA,IACxD;AAAA,IACA,YAAY;AAAA,MACV,MAAM,EAAE,WAAW,qBAAqB;AAAA,IAC1C;AAAA,EACF;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,IACA;AAAA,MACE,MAAM,CAAC,MAAM,IAAI;AAAA,MACjB,YAAY;AAAA,MACZ,WAAW,EAAE,WAAW,kBAAkB;AAAA,IAC5C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAKM,IAAM,4BAA4B,GAAG;AAAA,EAC1C,MAAM;AAAA,EACN,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,WAAW;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}