@webstudio-is/sdk-components-react-radix 0.189.0 → 0.191.0

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 (47) hide show
  1. package/lib/__generated__/accordion.props.js +2631 -0
  2. package/lib/__generated__/checkbox.props.js +1084 -0
  3. package/lib/__generated__/collapsible.props.js +1024 -0
  4. package/lib/__generated__/dialog.props.js +2599 -0
  5. package/lib/__generated__/label.props.js +519 -0
  6. package/lib/__generated__/navigation-menu.props.js +3660 -0
  7. package/lib/__generated__/popover.props.js +564 -0
  8. package/lib/__generated__/radio-group.props.js +1619 -0
  9. package/lib/__generated__/select.props.js +3681 -0
  10. package/lib/__generated__/switch.props.js +1084 -0
  11. package/lib/__generated__/tabs.props.js +2121 -0
  12. package/lib/__generated__/tooltip.props.js +575 -0
  13. package/lib/accordion.js +36 -0
  14. package/lib/accordion.ws.js +254 -0
  15. package/lib/checkbox.js +8 -0
  16. package/lib/checkbox.ws.js +141 -0
  17. package/lib/collapsible.js +26 -0
  18. package/lib/collapsible.ws.js +92 -0
  19. package/lib/components.js +60 -406
  20. package/lib/dialog.js +84 -0
  21. package/lib/dialog.ws.js +260 -0
  22. package/lib/hooks.js +20 -655
  23. package/lib/label.js +7 -0
  24. package/lib/label.ws.js +43 -0
  25. package/lib/metas.js +62 -4570
  26. package/lib/navigation-menu.js +59 -0
  27. package/lib/navigation-menu.ws.js +481 -0
  28. package/lib/popover.js +48 -0
  29. package/lib/popover.ws.js +96 -0
  30. package/lib/props.js +60 -24208
  31. package/lib/radio-group.js +9 -0
  32. package/lib/radio-group.ws.js +159 -0
  33. package/lib/select.js +46 -0
  34. package/lib/select.ws.js +308 -0
  35. package/lib/sheet.js +43 -0
  36. package/lib/sheet.ws.js +217 -0
  37. package/lib/switch.js +8 -0
  38. package/lib/switch.ws.js +140 -0
  39. package/lib/tabs.js +31 -0
  40. package/lib/tabs.ws.js +187 -0
  41. package/lib/theme/__generated__/tailwind-theme.js +503 -0
  42. package/lib/theme/styles.js +52 -0
  43. package/lib/theme/tailwind-classes.js +474 -0
  44. package/lib/tooltip.js +45 -0
  45. package/lib/tooltip.ws.js +97 -0
  46. package/lib/types/theme/styles.d.ts +44 -44
  47. package/package.json +10 -11
@@ -0,0 +1,503 @@
1
+ const e = {
2
+ 0: { type: "unit", unit: "px", value: 0 },
3
+ 1: { type: "unit", unit: "rem", value: 0.25 },
4
+ 2: { type: "unit", unit: "rem", value: 0.5 },
5
+ 3: { type: "unit", unit: "rem", value: 0.75 },
6
+ 4: { type: "unit", unit: "rem", value: 1 },
7
+ 5: { type: "unit", unit: "rem", value: 1.25 },
8
+ 6: { type: "unit", unit: "rem", value: 1.5 },
9
+ 7: { type: "unit", unit: "rem", value: 1.75 },
10
+ 8: { type: "unit", unit: "rem", value: 2 },
11
+ 9: { type: "unit", unit: "rem", value: 2.25 },
12
+ 10: { type: "unit", unit: "rem", value: 2.5 },
13
+ 11: { type: "unit", unit: "rem", value: 2.75 },
14
+ 12: { type: "unit", unit: "rem", value: 3 },
15
+ 14: { type: "unit", unit: "rem", value: 3.5 },
16
+ 16: { type: "unit", unit: "rem", value: 4 },
17
+ 20: { type: "unit", unit: "rem", value: 5 },
18
+ 24: { type: "unit", unit: "rem", value: 6 },
19
+ 28: { type: "unit", unit: "rem", value: 7 },
20
+ 32: { type: "unit", unit: "rem", value: 8 },
21
+ 36: { type: "unit", unit: "rem", value: 9 },
22
+ 40: { type: "unit", unit: "rem", value: 10 },
23
+ 44: { type: "unit", unit: "rem", value: 11 },
24
+ 48: { type: "unit", unit: "rem", value: 12 },
25
+ 52: { type: "unit", unit: "rem", value: 13 },
26
+ 56: { type: "unit", unit: "rem", value: 14 },
27
+ 60: { type: "unit", unit: "rem", value: 15 },
28
+ 64: { type: "unit", unit: "rem", value: 16 },
29
+ 72: { type: "unit", unit: "rem", value: 18 },
30
+ 80: { type: "unit", unit: "rem", value: 20 },
31
+ 96: { type: "unit", unit: "rem", value: 24 },
32
+ px: { type: "unit", unit: "px", value: 1 },
33
+ "0.5": { type: "unit", unit: "rem", value: 0.125 },
34
+ "1.5": { type: "unit", unit: "rem", value: 0.375 },
35
+ "2.5": { type: "unit", unit: "rem", value: 0.625 },
36
+ "3.5": { type: "unit", unit: "rem", value: 0.875 }
37
+ }, t = {
38
+ ...e
39
+ }, u = {
40
+ ...e,
41
+ auto: { type: "keyword", value: "auto" }
42
+ }, n = {
43
+ ...e,
44
+ auto: { type: "keyword", value: "auto" },
45
+ "1/2": { type: "unit", unit: "%", value: 50 },
46
+ "1/3": { type: "unit", unit: "%", value: 33.333333 },
47
+ "2/3": { type: "unit", unit: "%", value: 66.666667 },
48
+ "1/4": { type: "unit", unit: "%", value: 25 },
49
+ "2/4": { type: "unit", unit: "%", value: 50 },
50
+ "3/4": { type: "unit", unit: "%", value: 75 },
51
+ "1/5": { type: "unit", unit: "%", value: 20 },
52
+ "2/5": { type: "unit", unit: "%", value: 40 },
53
+ "3/5": { type: "unit", unit: "%", value: 60 },
54
+ "4/5": { type: "unit", unit: "%", value: 80 },
55
+ "1/6": { type: "unit", unit: "%", value: 16.666667 },
56
+ "2/6": { type: "unit", unit: "%", value: 33.333333 },
57
+ "3/6": { type: "unit", unit: "%", value: 50 },
58
+ "4/6": { type: "unit", unit: "%", value: 66.666667 },
59
+ "5/6": { type: "unit", unit: "%", value: 83.333333 },
60
+ "1/12": { type: "unit", unit: "%", value: 8.333333 },
61
+ "2/12": { type: "unit", unit: "%", value: 16.666667 },
62
+ "3/12": { type: "unit", unit: "%", value: 25 },
63
+ "4/12": { type: "unit", unit: "%", value: 33.333333 },
64
+ "5/12": { type: "unit", unit: "%", value: 41.666667 },
65
+ "6/12": { type: "unit", unit: "%", value: 50 },
66
+ "7/12": { type: "unit", unit: "%", value: 58.333333 },
67
+ "8/12": { type: "unit", unit: "%", value: 66.666667 },
68
+ "9/12": { type: "unit", unit: "%", value: 75 },
69
+ "10/12": { type: "unit", unit: "%", value: 83.333333 },
70
+ "11/12": { type: "unit", unit: "%", value: 91.666667 },
71
+ full: { type: "unit", unit: "%", value: 100 },
72
+ screen: { type: "unit", unit: "vw", value: 100 },
73
+ min: { type: "keyword", value: "min-content" },
74
+ max: { type: "keyword", value: "max-content" },
75
+ fit: { type: "keyword", value: "fit-content" }
76
+ }, i = {
77
+ 0: { type: "unit", unit: "rem", value: 0 },
78
+ none: { type: "keyword", value: "none" },
79
+ xs: { type: "unit", unit: "rem", value: 20 },
80
+ sm: { type: "unit", unit: "rem", value: 24 },
81
+ md: { type: "unit", unit: "rem", value: 28 },
82
+ lg: { type: "unit", unit: "rem", value: 32 },
83
+ xl: { type: "unit", unit: "rem", value: 36 },
84
+ "2xl": { type: "unit", unit: "rem", value: 42 },
85
+ "3xl": { type: "unit", unit: "rem", value: 48 },
86
+ "4xl": { type: "unit", unit: "rem", value: 56 },
87
+ "5xl": { type: "unit", unit: "rem", value: 64 },
88
+ "6xl": { type: "unit", unit: "rem", value: 72 },
89
+ "7xl": { type: "unit", unit: "rem", value: 80 },
90
+ full: { type: "unit", unit: "%", value: 100 },
91
+ min: { type: "keyword", value: "min-content" },
92
+ max: { type: "keyword", value: "max-content" },
93
+ fit: { type: "keyword", value: "fit-content" },
94
+ prose: { type: "unit", unit: "ch", value: 65 }
95
+ }, p = {
96
+ ...e,
97
+ auto: { type: "keyword", value: "auto" },
98
+ "1/2": { type: "unit", unit: "%", value: 50 },
99
+ "1/3": { type: "unit", unit: "%", value: 33.333333 },
100
+ "2/3": { type: "unit", unit: "%", value: 66.666667 },
101
+ "1/4": { type: "unit", unit: "%", value: 25 },
102
+ "2/4": { type: "unit", unit: "%", value: 50 },
103
+ "3/4": { type: "unit", unit: "%", value: 75 },
104
+ "1/5": { type: "unit", unit: "%", value: 20 },
105
+ "2/5": { type: "unit", unit: "%", value: 40 },
106
+ "3/5": { type: "unit", unit: "%", value: 60 },
107
+ "4/5": { type: "unit", unit: "%", value: 80 },
108
+ "1/6": { type: "unit", unit: "%", value: 16.666667 },
109
+ "2/6": { type: "unit", unit: "%", value: 33.333333 },
110
+ "3/6": { type: "unit", unit: "%", value: 50 },
111
+ "4/6": { type: "unit", unit: "%", value: 66.666667 },
112
+ "5/6": { type: "unit", unit: "%", value: 83.333333 },
113
+ full: { type: "unit", unit: "%", value: 100 },
114
+ screen: { type: "unit", unit: "vh", value: 100 },
115
+ min: { type: "keyword", value: "min-content" },
116
+ max: { type: "keyword", value: "max-content" },
117
+ fit: { type: "keyword", value: "fit-content" }
118
+ }, l = {
119
+ ...e,
120
+ auto: { type: "keyword", value: "auto" },
121
+ "1/2": { type: "unit", unit: "%", value: 50 },
122
+ "1/3": { type: "unit", unit: "%", value: 33.333333 },
123
+ "2/3": { type: "unit", unit: "%", value: 66.666667 },
124
+ "1/4": { type: "unit", unit: "%", value: 25 },
125
+ "2/4": { type: "unit", unit: "%", value: 50 },
126
+ "3/4": { type: "unit", unit: "%", value: 75 },
127
+ full: { type: "unit", unit: "%", value: 100 }
128
+ }, a = {
129
+ 0: { type: "unit", unit: "px", value: 0 },
130
+ 2: { type: "unit", unit: "px", value: 2 },
131
+ 4: { type: "unit", unit: "px", value: 4 },
132
+ 8: { type: "unit", unit: "px", value: 8 },
133
+ DEFAULT: { type: "unit", unit: "px", value: 1 }
134
+ }, y = {
135
+ none: { type: "unit", unit: "px", value: 0 },
136
+ sm: { type: "unit", unit: "rem", value: 0.125 },
137
+ DEFAULT: { type: "unit", unit: "rem", value: 0.5 },
138
+ md: { type: "unit", unit: "rem", value: 0.375 },
139
+ lg: { type: "unit", unit: "rem", value: 0.5 },
140
+ xl: { type: "unit", unit: "rem", value: 0.75 },
141
+ "2xl": { type: "unit", unit: "rem", value: 1 },
142
+ "3xl": { type: "unit", unit: "rem", value: 1.5 },
143
+ full: { type: "unit", unit: "px", value: 9999 }
144
+ }, r = {
145
+ transparent: { type: "keyword", value: "transparent" },
146
+ current: { type: "keyword", value: "currentColor" },
147
+ inherit: { type: "keyword", value: "inherit" },
148
+ popover: { type: "rgb", alpha: 1, r: 255, g: 255, b: 255 },
149
+ popoverForeground: { type: "rgb", alpha: 1, r: 2, g: 8, b: 23 },
150
+ border: { type: "rgb", alpha: 1, r: 226, g: 232, b: 240 },
151
+ background: { type: "rgb", alpha: 1, r: 255, g: 255, b: 255 },
152
+ foreground: { type: "rgb", alpha: 1, r: 2, g: 8, b: 23 },
153
+ ring: { type: "rgb", alpha: 1, r: 148, g: 163, b: 184 },
154
+ mutedForeground: { type: "rgb", alpha: 1, r: 100, g: 116, b: 139 },
155
+ muted: { type: "rgb", alpha: 1, r: 241, g: 245, b: 249 },
156
+ primary: { type: "rgb", alpha: 1, r: 15, g: 23, b: 42 },
157
+ primaryForeground: { type: "rgb", alpha: 1, r: 248, g: 250, b: 252 },
158
+ destructive: { type: "rgb", alpha: 1, r: 239, g: 68, b: 68 },
159
+ destructiveForeground: { type: "rgb", alpha: 1, r: 248, g: 250, b: 252 },
160
+ accent: { type: "rgb", alpha: 1, r: 241, g: 245, b: 249 },
161
+ accentForeground: { type: "rgb", alpha: 1, r: 15, g: 23, b: 42 },
162
+ input: { type: "rgb", alpha: 1, r: 226, g: 232, b: 240 },
163
+ secondary: { type: "rgb", alpha: 1, r: 241, g: 245, b: 249 },
164
+ secondaryForeground: { type: "rgb", alpha: 1, r: 15, g: 23, b: 42 }
165
+ }, v = {
166
+ 0: { type: "unit", unit: "number", value: 0 },
167
+ 10: { type: "unit", unit: "number", value: 10 },
168
+ 20: { type: "unit", unit: "number", value: 20 },
169
+ 30: { type: "unit", unit: "number", value: 30 },
170
+ 40: { type: "unit", unit: "number", value: 40 },
171
+ 50: { type: "unit", unit: "number", value: 50 },
172
+ auto: { type: "keyword", value: "auto" }
173
+ }, o = {
174
+ 0: { type: "unit", unit: "number", value: 0 },
175
+ 5: { type: "unit", unit: "number", value: 0.05 },
176
+ 10: { type: "unit", unit: "number", value: 0.1 },
177
+ 20: { type: "unit", unit: "number", value: 0.2 },
178
+ 25: { type: "unit", unit: "number", value: 0.25 },
179
+ 30: { type: "unit", unit: "number", value: 0.3 },
180
+ 40: { type: "unit", unit: "number", value: 0.4 },
181
+ 50: { type: "unit", unit: "number", value: 0.5 },
182
+ 60: { type: "unit", unit: "number", value: 0.6 },
183
+ 70: { type: "unit", unit: "number", value: 0.7 },
184
+ 75: { type: "unit", unit: "number", value: 0.75 },
185
+ 80: { type: "unit", unit: "number", value: 0.8 },
186
+ 90: { type: "unit", unit: "number", value: 0.9 },
187
+ 95: { type: "unit", unit: "number", value: 0.95 },
188
+ 100: { type: "unit", unit: "number", value: 1 }
189
+ }, m = {
190
+ auto: { type: "keyword", value: "auto" },
191
+ default: { type: "keyword", value: "default" },
192
+ pointer: { type: "keyword", value: "pointer" },
193
+ wait: { type: "keyword", value: "wait" },
194
+ text: { type: "keyword", value: "text" },
195
+ move: { type: "keyword", value: "move" },
196
+ help: { type: "keyword", value: "help" },
197
+ "not-allowed": { type: "keyword", value: "not-allowed" },
198
+ none: { type: "keyword", value: "none" },
199
+ "context-menu": { type: "keyword", value: "context-menu" },
200
+ progress: { type: "keyword", value: "progress" },
201
+ cell: { type: "keyword", value: "cell" },
202
+ crosshair: { type: "keyword", value: "crosshair" },
203
+ "vertical-text": { type: "keyword", value: "vertical-text" },
204
+ alias: { type: "keyword", value: "alias" },
205
+ copy: { type: "keyword", value: "copy" },
206
+ "no-drop": { type: "keyword", value: "no-drop" },
207
+ grab: { type: "keyword", value: "grab" },
208
+ grabbing: { type: "keyword", value: "grabbing" },
209
+ "all-scroll": { type: "keyword", value: "all-scroll" },
210
+ "col-resize": { type: "keyword", value: "col-resize" },
211
+ "row-resize": { type: "keyword", value: "row-resize" },
212
+ "n-resize": { type: "keyword", value: "n-resize" },
213
+ "e-resize": { type: "keyword", value: "e-resize" },
214
+ "s-resize": { type: "keyword", value: "s-resize" },
215
+ "w-resize": { type: "keyword", value: "w-resize" },
216
+ "ne-resize": { type: "keyword", value: "ne-resize" },
217
+ "nw-resize": { type: "keyword", value: "nw-resize" },
218
+ "se-resize": { type: "keyword", value: "se-resize" },
219
+ "sw-resize": { type: "keyword", value: "sw-resize" },
220
+ "ew-resize": { type: "keyword", value: "ew-resize" },
221
+ "ns-resize": { type: "keyword", value: "ns-resize" },
222
+ "nesw-resize": { type: "keyword", value: "nesw-resize" },
223
+ "nwse-resize": { type: "keyword", value: "nwse-resize" },
224
+ "zoom-in": { type: "keyword", value: "zoom-in" },
225
+ "zoom-out": { type: "keyword", value: "zoom-out" }
226
+ }, b = {
227
+ 3: { type: "unit", unit: "rem", value: 0.75 },
228
+ 4: { type: "unit", unit: "rem", value: 1 },
229
+ 5: { type: "unit", unit: "rem", value: 1.25 },
230
+ 6: { type: "unit", unit: "rem", value: 1.5 },
231
+ 7: { type: "unit", unit: "rem", value: 1.75 },
232
+ 8: { type: "unit", unit: "rem", value: 2 },
233
+ 9: { type: "unit", unit: "rem", value: 2.25 },
234
+ 10: { type: "unit", unit: "rem", value: 2.5 },
235
+ none: { type: "unit", unit: "number", value: 1 },
236
+ tight: { type: "unit", unit: "number", value: 1.25 },
237
+ snug: { type: "unit", unit: "number", value: 1.375 },
238
+ normal: { type: "unit", unit: "number", value: 1.5 },
239
+ relaxed: { type: "unit", unit: "number", value: 1.625 },
240
+ loose: { type: "unit", unit: "number", value: 2 }
241
+ }, x = {
242
+ tighter: { type: "unit", unit: "em", value: -0.05 },
243
+ tight: { type: "unit", unit: "em", value: -0.025 },
244
+ normal: { type: "unit", unit: "em", value: 0 },
245
+ wide: { type: "unit", unit: "em", value: 0.025 },
246
+ wider: { type: "unit", unit: "em", value: 0.05 },
247
+ widest: { type: "unit", unit: "em", value: 0.1 }
248
+ }, s = {
249
+ none: { type: "keyword", value: "none" },
250
+ disc: { type: "keyword", value: "disc" },
251
+ decimal: { type: "keyword", value: "decimal" }
252
+ }, d = {
253
+ 1: { type: "unit", unit: "number", value: 1 },
254
+ 2: { type: "unit", unit: "number", value: 2 },
255
+ 3: { type: "unit", unit: "number", value: 3 },
256
+ 4: { type: "unit", unit: "number", value: 4 },
257
+ 5: { type: "unit", unit: "number", value: 5 },
258
+ 6: { type: "unit", unit: "number", value: 6 }
259
+ }, g = {
260
+ 0: { type: "unit", unit: "px", value: 0 },
261
+ 1: { type: "unit", unit: "px", value: 1 },
262
+ 2: { type: "unit", unit: "px", value: 2 },
263
+ 4: { type: "unit", unit: "px", value: 4 },
264
+ 8: { type: "unit", unit: "px", value: 8 },
265
+ DEFAULT: { type: "unit", unit: "px", value: 3 }
266
+ }, w = {
267
+ 0: { type: "unit", unit: "px", value: 0 },
268
+ 1: { type: "unit", unit: "px", value: 1 },
269
+ 2: { type: "unit", unit: "px", value: 2 },
270
+ 4: { type: "unit", unit: "px", value: 4 },
271
+ 8: { type: "unit", unit: "px", value: 8 }
272
+ }, c = {
273
+ sm: {
274
+ type: "layers",
275
+ value: [
276
+ {
277
+ type: "tuple",
278
+ value: [
279
+ { type: "unit", value: 0, unit: "number" },
280
+ { type: "unit", value: 1, unit: "px" },
281
+ { type: "unit", value: 2, unit: "px" },
282
+ { type: "unit", value: 0, unit: "number" },
283
+ { type: "rgb", alpha: 0.05, r: 0, g: 0, b: 0 }
284
+ ]
285
+ }
286
+ ]
287
+ },
288
+ DEFAULT: {
289
+ type: "layers",
290
+ value: [
291
+ {
292
+ type: "tuple",
293
+ value: [
294
+ { type: "unit", value: 0, unit: "number" },
295
+ { type: "unit", value: 1, unit: "px" },
296
+ { type: "unit", value: 3, unit: "px" },
297
+ { type: "unit", value: 0, unit: "number" },
298
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
299
+ ]
300
+ },
301
+ {
302
+ type: "tuple",
303
+ value: [
304
+ { type: "unit", value: 0, unit: "number" },
305
+ { type: "unit", value: 1, unit: "px" },
306
+ { type: "unit", value: 2, unit: "px" },
307
+ { type: "unit", value: -1, unit: "px" },
308
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
309
+ ]
310
+ }
311
+ ]
312
+ },
313
+ md: {
314
+ type: "layers",
315
+ value: [
316
+ {
317
+ type: "tuple",
318
+ value: [
319
+ { type: "unit", value: 0, unit: "number" },
320
+ { type: "unit", value: 4, unit: "px" },
321
+ { type: "unit", value: 6, unit: "px" },
322
+ { type: "unit", value: -1, unit: "px" },
323
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
324
+ ]
325
+ },
326
+ {
327
+ type: "tuple",
328
+ value: [
329
+ { type: "unit", value: 0, unit: "number" },
330
+ { type: "unit", value: 2, unit: "px" },
331
+ { type: "unit", value: 4, unit: "px" },
332
+ { type: "unit", value: -2, unit: "px" },
333
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
334
+ ]
335
+ }
336
+ ]
337
+ },
338
+ lg: {
339
+ type: "layers",
340
+ value: [
341
+ {
342
+ type: "tuple",
343
+ value: [
344
+ { type: "unit", value: 0, unit: "number" },
345
+ { type: "unit", value: 10, unit: "px" },
346
+ { type: "unit", value: 15, unit: "px" },
347
+ { type: "unit", value: -3, unit: "px" },
348
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
349
+ ]
350
+ },
351
+ {
352
+ type: "tuple",
353
+ value: [
354
+ { type: "unit", value: 0, unit: "number" },
355
+ { type: "unit", value: 4, unit: "px" },
356
+ { type: "unit", value: 6, unit: "px" },
357
+ { type: "unit", value: -4, unit: "px" },
358
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
359
+ ]
360
+ }
361
+ ]
362
+ },
363
+ xl: {
364
+ type: "layers",
365
+ value: [
366
+ {
367
+ type: "tuple",
368
+ value: [
369
+ { type: "unit", value: 0, unit: "number" },
370
+ { type: "unit", value: 20, unit: "px" },
371
+ { type: "unit", value: 25, unit: "px" },
372
+ { type: "unit", value: -5, unit: "px" },
373
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
374
+ ]
375
+ },
376
+ {
377
+ type: "tuple",
378
+ value: [
379
+ { type: "unit", value: 0, unit: "number" },
380
+ { type: "unit", value: 8, unit: "px" },
381
+ { type: "unit", value: 10, unit: "px" },
382
+ { type: "unit", value: -6, unit: "px" },
383
+ { type: "rgb", alpha: 0.1, r: 0, g: 0, b: 0 }
384
+ ]
385
+ }
386
+ ]
387
+ },
388
+ "2xl": {
389
+ type: "layers",
390
+ value: [
391
+ {
392
+ type: "tuple",
393
+ value: [
394
+ { type: "unit", value: 0, unit: "number" },
395
+ { type: "unit", value: 25, unit: "px" },
396
+ { type: "unit", value: 50, unit: "px" },
397
+ { type: "unit", value: -12, unit: "px" },
398
+ { type: "rgb", alpha: 0.25, r: 0, g: 0, b: 0 }
399
+ ]
400
+ }
401
+ ]
402
+ },
403
+ inner: {
404
+ type: "layers",
405
+ value: [
406
+ {
407
+ type: "tuple",
408
+ value: [
409
+ { type: "keyword", value: "inset" },
410
+ { type: "unit", value: 0, unit: "number" },
411
+ { type: "unit", value: 2, unit: "px" },
412
+ { type: "unit", value: 4, unit: "px" },
413
+ { type: "unit", value: 0, unit: "number" },
414
+ { type: "rgb", alpha: 0.05, r: 0, g: 0, b: 0 }
415
+ ]
416
+ }
417
+ ]
418
+ },
419
+ none: {
420
+ type: "layers",
421
+ value: [{ type: "tuple", value: [{ type: "keyword", value: "none" }] }]
422
+ }
423
+ }, k = {
424
+ sm: { type: "unparsed", value: "blur(0 1px 2px 0 rgb(0 0 0 / 0.05))" },
425
+ DEFAULT: {
426
+ type: "unparsed",
427
+ value: "blur(0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1))"
428
+ },
429
+ md: {
430
+ type: "unparsed",
431
+ value: "blur(0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1))"
432
+ },
433
+ lg: {
434
+ type: "unparsed",
435
+ value: "blur(0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1))"
436
+ },
437
+ xl: {
438
+ type: "unparsed",
439
+ value: "blur(0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1))"
440
+ },
441
+ "2xl": {
442
+ type: "unparsed",
443
+ value: "blur(0 25px 50px -12px rgb(0 0 0 / 0.25))"
444
+ },
445
+ inner: {
446
+ type: "unparsed",
447
+ value: "blur(inset 0 2px 4px 0 rgb(0 0 0 / 0.05))"
448
+ },
449
+ none: { type: "unparsed", value: "blur(none)" }
450
+ }, h = {
451
+ xs: { type: "unit", unit: "rem", value: 0.75 },
452
+ sm: { type: "unit", unit: "rem", value: 0.875 },
453
+ base: { type: "unit", unit: "rem", value: 1 },
454
+ lg: { type: "unit", unit: "rem", value: 1.125 },
455
+ xl: { type: "unit", unit: "rem", value: 1.25 },
456
+ "2xl": { type: "unit", unit: "rem", value: 1.5 },
457
+ "3xl": { type: "unit", unit: "rem", value: 1.875 },
458
+ "4xl": { type: "unit", unit: "rem", value: 2.25 },
459
+ "5xl": { type: "unit", unit: "rem", value: 3 },
460
+ "6xl": { type: "unit", unit: "rem", value: 3.75 },
461
+ "7xl": { type: "unit", unit: "rem", value: 4.5 },
462
+ "8xl": { type: "unit", unit: "rem", value: 6 },
463
+ "9xl": { type: "unit", unit: "rem", value: 8 }
464
+ }, z = {
465
+ xs: { type: "unit", unit: "rem", value: 1 },
466
+ sm: { type: "unit", unit: "rem", value: 1.25 },
467
+ base: { type: "unit", unit: "rem", value: 1.5 },
468
+ lg: { type: "unit", unit: "rem", value: 1.75 },
469
+ xl: { type: "unit", unit: "rem", value: 1.75 },
470
+ "2xl": { type: "unit", unit: "rem", value: 2 },
471
+ "3xl": { type: "unit", unit: "rem", value: 2.25 },
472
+ "4xl": { type: "unit", unit: "rem", value: 2.5 },
473
+ "5xl": { type: "unit", unit: "number", value: 1 },
474
+ "6xl": { type: "unit", unit: "number", value: 1 },
475
+ "7xl": { type: "unit", unit: "number", value: 1 },
476
+ "8xl": { type: "unit", unit: "number", value: 1 },
477
+ "9xl": { type: "unit", unit: "number", value: 1 }
478
+ };
479
+ export {
480
+ k as blur,
481
+ y as borderRadius,
482
+ a as borderWidth,
483
+ c as boxShadow,
484
+ r as colors,
485
+ m as cursor,
486
+ h as fontSize,
487
+ z as fontSizeLineHeight,
488
+ p as height,
489
+ l as inset,
490
+ x as letterSpacing,
491
+ d as lineClamp,
492
+ b as lineHeight,
493
+ s as listStyleType,
494
+ u as margin,
495
+ i as maxWidth,
496
+ o as opacity,
497
+ t as padding,
498
+ w as ringOffsetWidth,
499
+ g as ringWidth,
500
+ e as spacing,
501
+ n as width,
502
+ v as zIndex
503
+ };
@@ -0,0 +1,52 @@
1
+ import { border as o, bg as e, inlineFlex as d, items as p, justify as y, rounded as g, text as n, font as b, focusVisible as m, outline as v, ring as k, state as l, pointerEvents as h, opacity as x, h as u, w, px as f, py as i, p as F } from "./tailwind-classes.js";
2
+ const j = (c, r = "default") => {
3
+ const s = [
4
+ // 'inline-flex items-center justify-center rounded-md text-sm font-medium
5
+ // ring-offset-background transition-colors
6
+ // focus-visible:outline-none focus-visible:ring-2
7
+ // focus-visible:ring-ring focus-visible:ring-offset-2
8
+ // disabled:pointer-events-none disabled:opacity-50'
9
+ o(0),
10
+ e("transparent"),
11
+ d(),
12
+ p("center"),
13
+ y("center"),
14
+ g("md"),
15
+ n("sm"),
16
+ b("medium"),
17
+ n("current"),
18
+ m(
19
+ [v(), k("ring", 2, "background", 2)].flat()
20
+ ),
21
+ l([h("none"), x(50)].flat(), ":disabled")
22
+ ].flat();
23
+ let a = [];
24
+ c === "ghost" && (a = [
25
+ l([e("accent"), n("accentForeground")].flat(), ":hover")
26
+ ].flat()), c === "outline" && (a = [
27
+ o(),
28
+ o("input"),
29
+ e("background"),
30
+ l(
31
+ [e("accent", 90), n("accentForeground")].flat(),
32
+ ":hover"
33
+ )
34
+ ].flat());
35
+ let t = [];
36
+ return r === "icon" && (t = [u(10), w(10), f(1.5), i(0)].flat()), r === "sm" && (t = [u(10), f(3)].flat()), r === "default" && (t = [u(10), f(4), i(2)].flat()), [...s, ...a, ...t];
37
+ }, B = [
38
+ {
39
+ property: "backgroundColor",
40
+ value: { type: "keyword", value: "transparent" }
41
+ },
42
+ {
43
+ property: "backgroundImage",
44
+ value: { type: "keyword", value: "none" }
45
+ },
46
+ o(0),
47
+ F(0)
48
+ ].flat();
49
+ export {
50
+ B as buttonReset,
51
+ j as getButtonStyles
52
+ };