@opengovsg/oui-theme 0.0.4 → 0.0.6

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 (96) hide show
  1. package/dist/{chunk-OSIMQ4I6.js → chunk-2YW3O3BV.js} +5 -5
  2. package/dist/{chunk-OSIMQ4I6.js.map → chunk-2YW3O3BV.js.map} +1 -1
  3. package/dist/{chunk-LV3YKAIH.js → chunk-3GUL7NAV.js} +1 -1
  4. package/dist/chunk-3GUL7NAV.js.map +1 -0
  5. package/dist/{chunk-WLVKPCAW.mjs → chunk-43I4FEYX.mjs} +2 -2
  6. package/dist/chunk-43I4FEYX.mjs.map +1 -0
  7. package/dist/{chunk-BGCTGU25.js → chunk-4HJADAKB.js} +3 -3
  8. package/dist/{chunk-BGCTGU25.js.map → chunk-4HJADAKB.js.map} +1 -1
  9. package/dist/chunk-7Y2HFACM.js +84 -0
  10. package/dist/chunk-7Y2HFACM.js.map +1 -0
  11. package/dist/chunk-ARRSHAJG.mjs +1 -0
  12. package/dist/chunk-ATN4OFA4.js +119 -0
  13. package/dist/chunk-ATN4OFA4.js.map +1 -0
  14. package/dist/chunk-C7FUGWVY.mjs +84 -0
  15. package/dist/chunk-C7FUGWVY.mjs.map +1 -0
  16. package/dist/{chunk-WTYHPAGQ.js → chunk-DB7X5OUP.js} +2 -2
  17. package/dist/{chunk-WTYHPAGQ.js.map → chunk-DB7X5OUP.js.map} +1 -1
  18. package/dist/chunk-E7JBRLR5.mjs +283 -0
  19. package/dist/chunk-E7JBRLR5.mjs.map +1 -0
  20. package/dist/chunk-JSOQXC4Z.js +283 -0
  21. package/dist/chunk-JSOQXC4Z.js.map +1 -0
  22. package/dist/chunk-KUAGUN4H.js +1 -0
  23. package/dist/{chunk-SOCDAXB2.js.map → chunk-KUAGUN4H.js.map} +1 -1
  24. package/dist/{chunk-6I5HW6G2.mjs → chunk-LB4U4MBD.mjs} +23 -23
  25. package/dist/chunk-LB4U4MBD.mjs.map +1 -0
  26. package/dist/{chunk-5VYQMWMZ.js → chunk-OHMUYFGR.js} +22 -22
  27. package/dist/chunk-OHMUYFGR.js.map +1 -0
  28. package/dist/{chunk-HTU3V6IU.mjs → chunk-RKCURSL5.mjs} +2 -2
  29. package/dist/chunk-SCEZEIC2.mjs +119 -0
  30. package/dist/chunk-SCEZEIC2.mjs.map +1 -0
  31. package/dist/{chunk-JAQCLNC3.mjs → chunk-TBOBJYPO.mjs} +1 -1
  32. package/dist/chunk-TBOBJYPO.mjs.map +1 -0
  33. package/dist/{chunk-SOOR7R6F.mjs → chunk-Z5EKAZRY.mjs} +2 -2
  34. package/dist/components/badge.d.mts +404 -0
  35. package/dist/components/badge.d.ts +404 -0
  36. package/dist/components/badge.js +18 -0
  37. package/dist/components/badge.js.map +1 -0
  38. package/dist/components/badge.mjs +18 -0
  39. package/dist/components/badge.mjs.map +1 -0
  40. package/dist/components/button.js +4 -4
  41. package/dist/components/button.mjs +3 -3
  42. package/dist/components/combo-box.js +3 -3
  43. package/dist/components/combo-box.mjs +2 -2
  44. package/dist/components/field.js +2 -2
  45. package/dist/components/field.mjs +1 -1
  46. package/dist/components/govt-banner.js +1 -1
  47. package/dist/components/govt-banner.mjs +1 -1
  48. package/dist/components/index.d.mts +2 -0
  49. package/dist/components/index.d.ts +2 -0
  50. package/dist/components/index.js +37 -23
  51. package/dist/components/index.js.map +1 -1
  52. package/dist/components/index.mjs +43 -29
  53. package/dist/components/input.js +2 -2
  54. package/dist/components/input.mjs +1 -1
  55. package/dist/components/select.d.mts +459 -0
  56. package/dist/components/select.d.ts +459 -0
  57. package/dist/components/select.js +13 -0
  58. package/dist/components/select.js.map +1 -0
  59. package/dist/components/select.mjs +13 -0
  60. package/dist/components/select.mjs.map +1 -0
  61. package/dist/components/tag-field.js +1 -1
  62. package/dist/components/tag-field.mjs +1 -1
  63. package/dist/components/text-area.js +3 -3
  64. package/dist/components/text-area.mjs +2 -2
  65. package/dist/components/toggle.js +1 -1
  66. package/dist/components/toggle.mjs +1 -1
  67. package/dist/index.d.mts +2 -0
  68. package/dist/index.d.ts +2 -0
  69. package/dist/index.js +35 -21
  70. package/dist/index.js.map +1 -1
  71. package/dist/index.mjs +50 -36
  72. package/dist/utils/index.js +1 -1
  73. package/dist/utils/index.js.map +1 -1
  74. package/dist/utils/index.mjs +1 -1
  75. package/dist/utils/variants.d.mts +68 -7
  76. package/dist/utils/variants.d.ts +68 -7
  77. package/dist/utils/variants.js +6 -2
  78. package/dist/utils/variants.js.map +1 -1
  79. package/dist/utils/variants.mjs +7 -3
  80. package/package.json +7 -4
  81. package/src/tailwind.css +1 -0
  82. package/src/variants/base.css +1 -0
  83. package/dist/chunk-5VYQMWMZ.js.map +0 -1
  84. package/dist/chunk-6I5HW6G2.mjs.map +0 -1
  85. package/dist/chunk-DBQIIY6U.js +0 -40
  86. package/dist/chunk-DBQIIY6U.js.map +0 -1
  87. package/dist/chunk-IVOSH3A7.mjs +0 -40
  88. package/dist/chunk-IVOSH3A7.mjs.map +0 -1
  89. package/dist/chunk-JAQCLNC3.mjs.map +0 -1
  90. package/dist/chunk-KK47HKQ6.mjs +0 -1
  91. package/dist/chunk-LV3YKAIH.js.map +0 -1
  92. package/dist/chunk-SOCDAXB2.js +0 -1
  93. package/dist/chunk-WLVKPCAW.mjs.map +0 -1
  94. /package/dist/{chunk-KK47HKQ6.mjs.map → chunk-ARRSHAJG.mjs.map} +0 -0
  95. /package/dist/{chunk-HTU3V6IU.mjs.map → chunk-RKCURSL5.mjs.map} +0 -0
  96. /package/dist/{chunk-SOOR7R6F.mjs.map → chunk-Z5EKAZRY.mjs.map} +0 -0
@@ -1,6 +1,6 @@
1
1
  import {
2
- colorVariants
3
- } from "./chunk-IVOSH3A7.mjs";
2
+ colorVariantsWithState
3
+ } from "./chunk-C7FUGWVY.mjs";
4
4
  import {
5
5
  focusVisibleClasses
6
6
  } from "./chunk-SFKXXWVK.mjs";
@@ -68,105 +68,105 @@ var buttonStyles = tv({
68
68
  {
69
69
  variant: "solid",
70
70
  color: "main",
71
- className: colorVariants.solid.main
71
+ className: colorVariantsWithState.solid.main
72
72
  },
73
73
  {
74
74
  variant: "solid",
75
75
  color: "sub",
76
- className: colorVariants.solid.sub
76
+ className: colorVariantsWithState.solid.sub
77
77
  },
78
78
  {
79
79
  variant: "solid",
80
80
  color: "neutral",
81
- className: colorVariants.solid.neutral
81
+ className: colorVariantsWithState.solid.neutral
82
82
  },
83
83
  {
84
84
  variant: "solid",
85
85
  color: "critical",
86
- className: colorVariants.solid.critical
86
+ className: colorVariantsWithState.solid.critical
87
87
  },
88
88
  {
89
89
  variant: "solid",
90
90
  color: "warning",
91
- className: colorVariants.solid.warning
91
+ className: colorVariantsWithState.solid.warning
92
92
  },
93
93
  {
94
94
  variant: "solid",
95
95
  color: "success",
96
- className: colorVariants.solid.success
96
+ className: colorVariantsWithState.solid.success
97
97
  },
98
98
  // reverse / color
99
99
  {
100
100
  variant: "reverse",
101
101
  color: "main",
102
- className: colorVariants.reverse.main
102
+ className: colorVariantsWithState.reverse.main
103
103
  },
104
104
  {
105
105
  variant: "reverse",
106
106
  color: "critical",
107
- className: colorVariants.reverse.critical
107
+ className: colorVariantsWithState.reverse.critical
108
108
  },
109
109
  {
110
110
  variant: "reverse",
111
111
  color: "sub",
112
- className: colorVariants.reverse.sub
112
+ className: colorVariantsWithState.reverse.sub
113
113
  },
114
114
  {
115
115
  variant: "reverse",
116
116
  color: "neutral",
117
- className: colorVariants.reverse.neutral
117
+ className: colorVariantsWithState.reverse.neutral
118
118
  },
119
119
  // outline / color
120
120
  {
121
121
  variant: "outline",
122
122
  color: "main",
123
- className: colorVariants.outline.main
123
+ className: colorVariantsWithState.outline.main
124
124
  },
125
125
  {
126
126
  variant: "outline",
127
127
  color: "critical",
128
- className: colorVariants.outline.critical
128
+ className: colorVariantsWithState.outline.critical
129
129
  },
130
130
  {
131
131
  variant: "outline",
132
132
  color: "neutral",
133
- className: colorVariants.outline.neutral
133
+ className: colorVariantsWithState.outline.neutral
134
134
  },
135
135
  {
136
136
  variant: "outline",
137
137
  color: "sub",
138
- className: colorVariants.outline.sub
138
+ className: colorVariantsWithState.outline.sub
139
139
  },
140
140
  {
141
141
  variant: "outline",
142
142
  color: "inverse",
143
- className: colorVariants.outline.inverse
143
+ className: colorVariantsWithState.outline.inverse
144
144
  },
145
145
  // clear / color
146
146
  {
147
147
  variant: "clear",
148
148
  color: "main",
149
- className: colorVariants.clear.main
149
+ className: colorVariantsWithState.clear.main
150
150
  },
151
151
  {
152
152
  variant: "clear",
153
153
  color: "critical",
154
- className: colorVariants.clear.critical
154
+ className: colorVariantsWithState.clear.critical
155
155
  },
156
156
  {
157
157
  variant: "clear",
158
158
  color: "neutral",
159
- className: colorVariants.clear.neutral
159
+ className: colorVariantsWithState.clear.neutral
160
160
  },
161
161
  {
162
162
  variant: "clear",
163
163
  color: "sub",
164
- className: colorVariants.clear.sub
164
+ className: colorVariantsWithState.clear.sub
165
165
  },
166
166
  {
167
167
  variant: "clear",
168
168
  color: "inverse",
169
- className: colorVariants.clear.inverse
169
+ className: colorVariantsWithState.clear.inverse
170
170
  },
171
171
  // iconbutton / size
172
172
  {
@@ -201,4 +201,4 @@ var buttonStyles = tv({
201
201
  export {
202
202
  buttonStyles
203
203
  };
204
- //# sourceMappingURL=chunk-6I5HW6G2.mjs.map
204
+ //# sourceMappingURL=chunk-LB4U4MBD.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/button.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n base: cn(\n \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n focusVisibleClasses,\n ),\n variants: {\n layout: {\n stretch: \"w-full\",\n default: \"\",\n },\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 radius: {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n default: \"rounded\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\",\n },\n isFocusVisible: {\n true: \"\",\n },\n isDisabled: {\n true: \"cursor-not-allowed\",\n },\n isIconOnly: {\n true: \"!gap-0 px-0\",\n false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n },\n size: {\n xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: colorVariantsWithState.solid.main,\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: colorVariantsWithState.solid.sub,\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: colorVariantsWithState.solid.neutral,\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: colorVariantsWithState.solid.critical,\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: colorVariantsWithState.solid.warning,\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: colorVariantsWithState.solid.success,\n },\n // reverse / color\n {\n variant: \"reverse\",\n color: \"main\",\n className: colorVariantsWithState.reverse.main,\n },\n {\n variant: \"reverse\",\n color: \"critical\",\n className: colorVariantsWithState.reverse.critical,\n },\n {\n variant: \"reverse\",\n color: \"sub\",\n className: colorVariantsWithState.reverse.sub,\n },\n {\n variant: \"reverse\",\n color: \"neutral\",\n className: colorVariantsWithState.reverse.neutral,\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: colorVariantsWithState.outline.main,\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: colorVariantsWithState.outline.critical,\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: colorVariantsWithState.outline.neutral,\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: colorVariantsWithState.outline.sub,\n },\n {\n variant: \"outline\",\n color: \"inverse\",\n className: colorVariantsWithState.outline.inverse,\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: colorVariantsWithState.clear.main,\n },\n {\n variant: \"clear\",\n color: \"critical\",\n className: colorVariantsWithState.clear.critical,\n },\n {\n variant: \"clear\",\n color: \"neutral\",\n className: colorVariantsWithState.clear.neutral,\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: colorVariantsWithState.clear.sub,\n },\n {\n variant: \"clear\",\n color: \"inverse\",\n className: colorVariantsWithState.clear.inverse,\n },\n // iconbutton / size\n {\n isIconOnly: true,\n size: \"lg\",\n class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n },\n {\n isIconOnly: true,\n size: \"md\",\n class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"sm\",\n class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"xs\",\n class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"md\",\n radius: \"default\",\n },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"],"mappings":"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","names":[]}
@@ -1,6 +1,6 @@
1
1
  "use strict";Object.defineProperty(exports, "__esModule", {value: true});
2
2
 
3
- var _chunkDBQIIY6Ujs = require('./chunk-DBQIIY6U.js');
3
+ var _chunk7Y2HFACMjs = require('./chunk-7Y2HFACM.js');
4
4
 
5
5
 
6
6
  var _chunkX2UCVIR5js = require('./chunk-X2UCVIR5.js');
@@ -68,105 +68,105 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
68
68
  {
69
69
  variant: "solid",
70
70
  color: "main",
71
- className: _chunkDBQIIY6Ujs.colorVariants.solid.main
71
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.main
72
72
  },
73
73
  {
74
74
  variant: "solid",
75
75
  color: "sub",
76
- className: _chunkDBQIIY6Ujs.colorVariants.solid.sub
76
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.sub
77
77
  },
78
78
  {
79
79
  variant: "solid",
80
80
  color: "neutral",
81
- className: _chunkDBQIIY6Ujs.colorVariants.solid.neutral
81
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.neutral
82
82
  },
83
83
  {
84
84
  variant: "solid",
85
85
  color: "critical",
86
- className: _chunkDBQIIY6Ujs.colorVariants.solid.critical
86
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.critical
87
87
  },
88
88
  {
89
89
  variant: "solid",
90
90
  color: "warning",
91
- className: _chunkDBQIIY6Ujs.colorVariants.solid.warning
91
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.warning
92
92
  },
93
93
  {
94
94
  variant: "solid",
95
95
  color: "success",
96
- className: _chunkDBQIIY6Ujs.colorVariants.solid.success
96
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.solid.success
97
97
  },
98
98
  // reverse / color
99
99
  {
100
100
  variant: "reverse",
101
101
  color: "main",
102
- className: _chunkDBQIIY6Ujs.colorVariants.reverse.main
102
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.main
103
103
  },
104
104
  {
105
105
  variant: "reverse",
106
106
  color: "critical",
107
- className: _chunkDBQIIY6Ujs.colorVariants.reverse.critical
107
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.critical
108
108
  },
109
109
  {
110
110
  variant: "reverse",
111
111
  color: "sub",
112
- className: _chunkDBQIIY6Ujs.colorVariants.reverse.sub
112
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.sub
113
113
  },
114
114
  {
115
115
  variant: "reverse",
116
116
  color: "neutral",
117
- className: _chunkDBQIIY6Ujs.colorVariants.reverse.neutral
117
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.reverse.neutral
118
118
  },
119
119
  // outline / color
120
120
  {
121
121
  variant: "outline",
122
122
  color: "main",
123
- className: _chunkDBQIIY6Ujs.colorVariants.outline.main
123
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.main
124
124
  },
125
125
  {
126
126
  variant: "outline",
127
127
  color: "critical",
128
- className: _chunkDBQIIY6Ujs.colorVariants.outline.critical
128
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.critical
129
129
  },
130
130
  {
131
131
  variant: "outline",
132
132
  color: "neutral",
133
- className: _chunkDBQIIY6Ujs.colorVariants.outline.neutral
133
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.neutral
134
134
  },
135
135
  {
136
136
  variant: "outline",
137
137
  color: "sub",
138
- className: _chunkDBQIIY6Ujs.colorVariants.outline.sub
138
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.sub
139
139
  },
140
140
  {
141
141
  variant: "outline",
142
142
  color: "inverse",
143
- className: _chunkDBQIIY6Ujs.colorVariants.outline.inverse
143
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.outline.inverse
144
144
  },
145
145
  // clear / color
146
146
  {
147
147
  variant: "clear",
148
148
  color: "main",
149
- className: _chunkDBQIIY6Ujs.colorVariants.clear.main
149
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.main
150
150
  },
151
151
  {
152
152
  variant: "clear",
153
153
  color: "critical",
154
- className: _chunkDBQIIY6Ujs.colorVariants.clear.critical
154
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.critical
155
155
  },
156
156
  {
157
157
  variant: "clear",
158
158
  color: "neutral",
159
- className: _chunkDBQIIY6Ujs.colorVariants.clear.neutral
159
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.neutral
160
160
  },
161
161
  {
162
162
  variant: "clear",
163
163
  color: "sub",
164
- className: _chunkDBQIIY6Ujs.colorVariants.clear.sub
164
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.sub
165
165
  },
166
166
  {
167
167
  variant: "clear",
168
168
  color: "inverse",
169
- className: _chunkDBQIIY6Ujs.colorVariants.clear.inverse
169
+ className: _chunk7Y2HFACMjs.colorVariantsWithState.clear.inverse
170
170
  },
171
171
  // iconbutton / size
172
172
  {
@@ -201,4 +201,4 @@ var buttonStyles = _chunkUZONBJUXjs.tv.call(void 0, {
201
201
 
202
202
 
203
203
  exports.buttonStyles = buttonStyles;
204
- //# sourceMappingURL=chunk-5VYQMWMZ.js.map
204
+ //# sourceMappingURL=chunk-OHMUYFGR.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OHMUYFGR.js","../src/components/button.ts"],"names":[],"mappings":"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","file":"/home/runner/work/oui-design-system/oui-design-system/packages/theme/dist/chunk-OHMUYFGR.js","sourcesContent":[null,"import type { VariantProps } from \"tailwind-variants\"\n\nimport { cn, focusVisibleClasses } from \"../utils\"\nimport { tv } from \"../utils/tv\"\nimport { colorVariantsWithState } from \"../utils/variants\"\n\nexport const buttonStyles = tv({\n base: cn(\n \"group relative box-border inline-flex h-full min-w-max cursor-pointer items-center justify-center overflow-hidden rounded text-center transition\",\n focusVisibleClasses,\n ),\n variants: {\n layout: {\n stretch: \"w-full\",\n default: \"\",\n },\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 radius: {\n none: \"rounded-none\",\n sm: \"rounded-sm\",\n default: \"rounded\",\n md: \"rounded-md\",\n lg: \"rounded-lg\",\n full: \"rounded-full\",\n },\n isFocusVisible: {\n true: \"\",\n },\n isDisabled: {\n true: \"cursor-not-allowed\",\n },\n isIconOnly: {\n true: \"!gap-0 px-0\",\n false: \"[&>svg]:max-w-[theme(spacing.8)]\",\n },\n size: {\n xs: \"prose-subhead-2 h-9 min-w-16 gap-2 px-4 py-2\",\n sm: \"prose-subhead-1 h-10 min-w-20 gap-2 px-4 py-2\",\n md: \"prose-subhead-1 h-11 min-w-24 gap-3 px-4 py-2.5\",\n lg: \"prose-subhead-1 h-14 min-w-28 gap-3 px-4 py-4\",\n },\n },\n compoundVariants: [\n // solid / color\n {\n variant: \"solid\",\n color: \"main\",\n className: colorVariantsWithState.solid.main,\n },\n {\n variant: \"solid\",\n color: \"sub\",\n className: colorVariantsWithState.solid.sub,\n },\n {\n variant: \"solid\",\n color: \"neutral\",\n className: colorVariantsWithState.solid.neutral,\n },\n {\n variant: \"solid\",\n color: \"critical\",\n className: colorVariantsWithState.solid.critical,\n },\n {\n variant: \"solid\",\n color: \"warning\",\n className: colorVariantsWithState.solid.warning,\n },\n {\n variant: \"solid\",\n color: \"success\",\n className: colorVariantsWithState.solid.success,\n },\n // reverse / color\n {\n variant: \"reverse\",\n color: \"main\",\n className: colorVariantsWithState.reverse.main,\n },\n {\n variant: \"reverse\",\n color: \"critical\",\n className: colorVariantsWithState.reverse.critical,\n },\n {\n variant: \"reverse\",\n color: \"sub\",\n className: colorVariantsWithState.reverse.sub,\n },\n {\n variant: \"reverse\",\n color: \"neutral\",\n className: colorVariantsWithState.reverse.neutral,\n },\n // outline / color\n {\n variant: \"outline\",\n color: \"main\",\n className: colorVariantsWithState.outline.main,\n },\n {\n variant: \"outline\",\n color: \"critical\",\n className: colorVariantsWithState.outline.critical,\n },\n {\n variant: \"outline\",\n color: \"neutral\",\n className: colorVariantsWithState.outline.neutral,\n },\n {\n variant: \"outline\",\n color: \"sub\",\n className: colorVariantsWithState.outline.sub,\n },\n {\n variant: \"outline\",\n color: \"inverse\",\n className: colorVariantsWithState.outline.inverse,\n },\n // clear / color\n {\n variant: \"clear\",\n color: \"main\",\n className: colorVariantsWithState.clear.main,\n },\n {\n variant: \"clear\",\n color: \"critical\",\n className: colorVariantsWithState.clear.critical,\n },\n {\n variant: \"clear\",\n color: \"neutral\",\n className: colorVariantsWithState.clear.neutral,\n },\n {\n variant: \"clear\",\n color: \"sub\",\n className: colorVariantsWithState.clear.sub,\n },\n {\n variant: \"clear\",\n color: \"inverse\",\n className: colorVariantsWithState.clear.inverse,\n },\n // iconbutton / size\n {\n isIconOnly: true,\n size: \"lg\",\n class: \"h-12 w-12 min-w-12 p-3 [&_svg]:h-6 [&_svg]:w-6\",\n },\n {\n isIconOnly: true,\n size: \"md\",\n class: \"h-11 w-11 min-w-11 p-3 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"sm\",\n class: \"h-10 w-10 min-w-10 p-2.5 [&_svg]:h-5 [&_svg]:w-5\",\n },\n {\n isIconOnly: true,\n size: \"xs\",\n class: \"h-9 w-9 min-w-9 p-2.5 [&_svg]:h-4 [&_svg]:w-4\",\n },\n ],\n defaultVariants: {\n variant: \"solid\",\n color: \"main\",\n size: \"md\",\n radius: \"default\",\n },\n})\n\nexport type ButtonVariantProps = VariantProps<typeof buttonStyles>\n"]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  inputStyles
3
- } from "./chunk-WLVKPCAW.mjs";
3
+ } from "./chunk-43I4FEYX.mjs";
4
4
  import {
5
5
  tv
6
6
  } from "./chunk-4JENAMGV.mjs";
@@ -23,4 +23,4 @@ var textAreaStyles = tv({
23
23
  export {
24
24
  textAreaStyles
25
25
  };
26
- //# sourceMappingURL=chunk-HTU3V6IU.mjs.map
26
+ //# sourceMappingURL=chunk-RKCURSL5.mjs.map
@@ -0,0 +1,119 @@
1
+ import {
2
+ tv
3
+ } from "./chunk-4JENAMGV.mjs";
4
+
5
+ // src/components/select.ts
6
+ var selectSearchStyles = tv({
7
+ slots: {
8
+ base: "",
9
+ icon: "",
10
+ input: "",
11
+ clear: ""
12
+ }
13
+ });
14
+ var selectItemStyles = tv({
15
+ slots: {
16
+ base: "text-base-content-strong group flex cursor-default items-center gap-2 rounded-sm px-4 py-2 outline-hidden select-none",
17
+ text: "text-base-content-strong line-clamp-1 flex-1",
18
+ icon: "flex items-center"
19
+ },
20
+ variants: {
21
+ color: {
22
+ main: {
23
+ base: "focus:bg-interaction-muted-main-hover active:bg-interaction-muted-main-active",
24
+ icon: "text-interaction-main-default"
25
+ }
26
+ },
27
+ size: {
28
+ xs: {
29
+ base: "prose-body-2 px-3 py-3",
30
+ icon: "w-3.5"
31
+ },
32
+ sm: {
33
+ base: "prose-body-2 px-3 py-3",
34
+ icon: "w-4.5"
35
+ },
36
+ md: {
37
+ base: "prose-body-1 px-4 py-3",
38
+ text: "group-selected:prose-subhead-1",
39
+ icon: "w-4.5"
40
+ }
41
+ },
42
+ isDisabled: {
43
+ true: ""
44
+ },
45
+ isFocused: {
46
+ true: ""
47
+ },
48
+ isSelected: {
49
+ true: ""
50
+ }
51
+ },
52
+ defaultVariants: {
53
+ color: "main",
54
+ size: "md"
55
+ }
56
+ });
57
+ var selectStyles = tv({
58
+ slots: {
59
+ base: "group flex flex-col gap-1",
60
+ label: "",
61
+ trigger: "w-fit",
62
+ selectedText: "flex-1 truncate text-start",
63
+ popover: "motion-safe:entering:animate-in motion-safe:entering:fade-in motion-safe:exiting:animate-out motion-safe:exiting:fade-out flex w-(--trigger-width) flex-col rounded-sm bg-white shadow-md",
64
+ list: "overflow-y-auto",
65
+ description: ""
66
+ },
67
+ variants: {
68
+ variant: {
69
+ solid: "",
70
+ reverse: "",
71
+ outline: "",
72
+ clear: "",
73
+ unstyled: ""
74
+ },
75
+ color: {
76
+ main: "",
77
+ success: "",
78
+ warning: "",
79
+ critical: "",
80
+ sub: "",
81
+ neutral: "",
82
+ inverse: ""
83
+ },
84
+ size: {
85
+ xs: {
86
+ selectedText: "prose-body-2",
87
+ list: "max-h-[264px]"
88
+ },
89
+ sm: {
90
+ selectedText: "prose-body-2",
91
+ list: "max-h-[264px]"
92
+ },
93
+ md: {
94
+ selectedText: "prose-body-1",
95
+ list: "max-h-[288px]"
96
+ }
97
+ }
98
+ },
99
+ compoundVariants: [
100
+ {
101
+ variant: ["outline"],
102
+ className: {
103
+ trigger: "group-invalid:border-interaction-critical-default"
104
+ }
105
+ }
106
+ ],
107
+ defaultVariants: {
108
+ variant: "outline",
109
+ color: "sub",
110
+ size: "md"
111
+ }
112
+ });
113
+
114
+ export {
115
+ selectSearchStyles,
116
+ selectItemStyles,
117
+ selectStyles
118
+ };
119
+ //# sourceMappingURL=chunk-SCEZEIC2.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/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":[]}
@@ -51,4 +51,4 @@ export {
51
51
  descriptionStyles,
52
52
  fieldErrorStyles
53
53
  };
54
- //# sourceMappingURL=chunk-JAQCLNC3.mjs.map
54
+ //# sourceMappingURL=chunk-TBOBJYPO.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/components/field.ts"],"sourcesContent":["import type { VariantProps } from \"tailwind-variants\"\n\nimport { tv } from \"../utils/tv\"\n\nexport const labelStyles = tv({\n base: \"text-base-content-strong w-fit cursor-default\",\n variants: {\n size: {\n xs: \"prose-subhead-2\",\n sm: \"prose-subhead-2\",\n md: \"prose-subhead-1\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type LabelVariantProps = VariantProps<typeof labelStyles>\n\nexport const descriptionStyles = tv({\n base: \"text-base-content-medium\",\n variants: {\n size: {\n xs: \"prose-body-2\",\n sm: \"prose-body-2\",\n md: \"prose-body-2\",\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type DescriptionVariantProps = VariantProps<typeof descriptionStyles>\n\nexport const fieldErrorStyles = tv({\n slots: {\n icon: \"\",\n text: \"text-utility-feedback-critical flex flex-row flex-wrap items-center gap-2\",\n },\n variants: {\n size: {\n xs: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n sm: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n md: { text: \"prose-body-2\", icon: \"h-4 w-4\" },\n },\n },\n defaultVariants: {\n size: \"md\",\n },\n})\n\nexport type FieldErrorVariantProps = VariantProps<typeof fieldErrorStyles>\nexport type FieldErrorSlots = keyof ReturnType<typeof fieldErrorStyles>\n"],"mappings":";;;;;AAIO,IAAM,cAAc,GAAG;AAAA,EAC5B,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,IAAM,oBAAoB,GAAG;AAAA,EAClC,MAAM;AAAA,EACN,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAIM,IAAM,mBAAmB,GAAG;AAAA,EACjC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,MAC5C,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,MAC5C,IAAI,EAAE,MAAM,gBAAgB,MAAM,UAAU;AAAA,IAC9C;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;","names":[]}
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  inputStyles
3
- } from "./chunk-WLVKPCAW.mjs";
3
+ } from "./chunk-43I4FEYX.mjs";
4
4
  import {
5
5
  tv
6
6
  } from "./chunk-4JENAMGV.mjs";
@@ -133,4 +133,4 @@ export {
133
133
  comboBoxItemStyles,
134
134
  comboBoxClearButtonStyles
135
135
  };
136
- //# sourceMappingURL=chunk-SOOR7R6F.mjs.map
136
+ //# sourceMappingURL=chunk-Z5EKAZRY.mjs.map