@webstudio-is/sdk-components-react-radix 0.195.0 → 0.197.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 (88) hide show
  1. package/lib/__generated__/select.props.js +6 -0
  2. package/lib/__generated__/tabs.props.js +2 -2
  3. package/lib/accordion.template.js +95 -0
  4. package/lib/accordion.ws.js +53 -205
  5. package/lib/checkbox.template.js +63 -0
  6. package/lib/checkbox.ws.js +22 -119
  7. package/lib/collapsible.template.js +16 -0
  8. package/lib/collapsible.ws.js +21 -71
  9. package/lib/dialog.template.js +119 -0
  10. package/lib/dialog.ws.js +60 -237
  11. package/lib/label.template.js +23 -0
  12. package/lib/label.ws.js +12 -36
  13. package/lib/metas.js +48 -50
  14. package/lib/navigation-menu.template.js +283 -0
  15. package/lib/navigation-menu.ws.js +54 -420
  16. package/lib/popover.template.js +33 -0
  17. package/lib/popover.ws.js +19 -79
  18. package/lib/radio-group.template.js +66 -0
  19. package/lib/radio-group.ws.js +27 -125
  20. package/lib/select.template.js +121 -0
  21. package/lib/select.ws.js +61 -262
  22. package/lib/shared/preset-styles.js +38 -0
  23. package/lib/shared/proxy.js +5 -0
  24. package/lib/shared/styles.js +51 -0
  25. package/lib/shared/theme.js +162 -0
  26. package/lib/sheet.template.js +129 -0
  27. package/lib/switch.js +1 -1
  28. package/lib/switch.template.js +63 -0
  29. package/lib/switch.ws.js +22 -106
  30. package/lib/tabs.template.js +66 -0
  31. package/lib/tabs.ws.js +36 -131
  32. package/lib/templates.js +28 -0
  33. package/lib/tooltip.template.js +33 -0
  34. package/lib/tooltip.ws.js +24 -84
  35. package/lib/types/__generated__/accordion.props.d.ts +1 -1
  36. package/lib/types/__generated__/checkbox.props.d.ts +1 -1
  37. package/lib/types/__generated__/collapsible.props.d.ts +1 -1
  38. package/lib/types/__generated__/dialog.props.d.ts +1 -1
  39. package/lib/types/__generated__/label.props.d.ts +1 -1
  40. package/lib/types/__generated__/navigation-menu.props.d.ts +1 -1
  41. package/lib/types/__generated__/popover.props.d.ts +1 -1
  42. package/lib/types/__generated__/radio-group.props.d.ts +1 -1
  43. package/lib/types/__generated__/select.props.d.ts +1 -1
  44. package/lib/types/__generated__/switch.props.d.ts +1 -1
  45. package/lib/types/__generated__/tabs.props.d.ts +1 -1
  46. package/lib/types/__generated__/tooltip.props.d.ts +1 -1
  47. package/lib/types/accordion.template.d.ts +10 -0
  48. package/lib/types/accordion.ws.d.ts +1 -1
  49. package/lib/types/checkbox.d.ts +1 -1
  50. package/lib/types/checkbox.template.d.ts +2 -0
  51. package/lib/types/checkbox.ws.d.ts +1 -1
  52. package/lib/types/collapsible.template.d.ts +2 -0
  53. package/lib/types/collapsible.ws.d.ts +1 -1
  54. package/lib/types/dialog.template.d.ts +10 -0
  55. package/lib/types/dialog.ws.d.ts +1 -9
  56. package/lib/types/label.template.d.ts +10 -0
  57. package/lib/types/label.ws.d.ts +1 -1
  58. package/lib/types/metas.d.ts +0 -1
  59. package/lib/types/navigation-menu.template.d.ts +2 -0
  60. package/lib/types/navigation-menu.ws.d.ts +1 -1
  61. package/lib/types/popover.template.d.ts +10 -0
  62. package/lib/types/popover.ws.d.ts +1 -9
  63. package/lib/types/radio-group.template.d.ts +2 -0
  64. package/lib/types/radio-group.ws.d.ts +1 -1
  65. package/lib/types/select.template.d.ts +2 -0
  66. package/lib/types/select.ws.d.ts +1 -1
  67. package/lib/types/shared/preset-styles.d.ts +2 -0
  68. package/lib/types/shared/proxy.d.ts +17 -0
  69. package/lib/types/shared/styles.d.ts +2 -0
  70. package/lib/types/shared/theme.d.ts +212 -0
  71. package/lib/types/{sheet.ws.d.ts → sheet.template.d.ts} +2 -2
  72. package/lib/types/switch.template.d.ts +2 -0
  73. package/lib/types/switch.ws.d.ts +1 -1
  74. package/lib/types/tabs.template.d.ts +2 -0
  75. package/lib/types/tabs.ws.d.ts +1 -1
  76. package/lib/types/templates.d.ts +13 -0
  77. package/lib/types/tooltip.template.d.ts +10 -0
  78. package/lib/types/tooltip.ws.d.ts +1 -9
  79. package/package.json +26 -23
  80. package/lib/sheet.ws.js +0 -217
  81. package/lib/theme/__generated__/tailwind-theme.js +0 -503
  82. package/lib/theme/styles.js +0 -52
  83. package/lib/theme/tailwind-classes.js +0 -474
  84. package/lib/types/__generated__/sheet.props.d.ts +0 -8
  85. package/lib/types/theme/__generated__/tailwind-theme.d.ts +0 -26
  86. package/lib/types/theme/styles.d.ts +0 -278
  87. package/lib/types/theme/tailwind-classes.d.ts +0 -104
  88. package/lib/types/theme/tailwind-colors.d.ts +0 -31
@@ -1,503 +0,0 @@
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
- };
@@ -1,52 +0,0 @@
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
- };