strata-ui-react 0.1.12 → 0.1.13

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 (95) hide show
  1. package/dist/index.cjs +21 -82
  2. package/dist/index.cjs.map +1 -0
  3. package/dist/index.js +13477 -41
  4. package/dist/index.js.map +1 -0
  5. package/package.json +27 -32
  6. package/dist/avatar-fallback.cjs +0 -42
  7. package/dist/avatar-fallback.js +0 -42
  8. package/dist/avatar-image.cjs +0 -42
  9. package/dist/avatar-image.js +0 -42
  10. package/dist/avatar.cjs +0 -47
  11. package/dist/avatar.js +0 -47
  12. package/dist/badge.cjs +0 -63
  13. package/dist/badge.js +0 -63
  14. package/dist/badge.types.cjs +0 -100
  15. package/dist/badge.types.js +0 -100
  16. package/dist/button.cjs +0 -58
  17. package/dist/button.js +0 -58
  18. package/dist/button.types.cjs +0 -519
  19. package/dist/button.types.js +0 -519
  20. package/dist/checkbox-indicator.cjs +0 -36
  21. package/dist/checkbox-indicator.js +0 -36
  22. package/dist/checkbox.cjs +0 -84
  23. package/dist/checkbox.js +0 -84
  24. package/dist/cn.cjs +0 -6
  25. package/dist/cn.js +0 -6
  26. package/dist/dialog-close.cjs +0 -57
  27. package/dist/dialog-close.js +0 -57
  28. package/dist/dialog-description.cjs +0 -46
  29. package/dist/dialog-description.js +0 -46
  30. package/dist/dialog-popup.cjs +0 -72
  31. package/dist/dialog-popup.js +0 -72
  32. package/dist/dialog-title.cjs +0 -46
  33. package/dist/dialog-title.js +0 -46
  34. package/dist/dialog-trigger.cjs +0 -46
  35. package/dist/dialog-trigger.js +0 -46
  36. package/dist/dialog.cjs +0 -20
  37. package/dist/dialog.js +0 -20
  38. package/dist/field-errors.cjs +0 -63
  39. package/dist/field-errors.js +0 -63
  40. package/dist/field-input.cjs +0 -80
  41. package/dist/field-input.js +0 -80
  42. package/dist/form-errors.cjs +0 -73
  43. package/dist/form-errors.js +0 -73
  44. package/dist/form-submit.cjs +0 -65
  45. package/dist/form-submit.js +0 -65
  46. package/dist/form.cjs +0 -19
  47. package/dist/form.js +0 -19
  48. package/dist/form.types.cjs +0 -6
  49. package/dist/form.types.js +0 -3
  50. package/dist/input.cjs +0 -83
  51. package/dist/input.js +0 -83
  52. package/dist/label.cjs +0 -46
  53. package/dist/label.js +0 -46
  54. package/dist/profile.cjs +0 -127
  55. package/dist/profile.js +0 -127
  56. package/dist/scroll-area.cjs +0 -97
  57. package/dist/scroll-area.js +0 -97
  58. package/dist/separator.cjs +0 -45
  59. package/dist/separator.js +0 -45
  60. package/dist/slider-handle.cjs +0 -34
  61. package/dist/slider-handle.js +0 -34
  62. package/dist/slider-segment.cjs +0 -17
  63. package/dist/slider-segment.js +0 -17
  64. package/dist/slider-tick-label.cjs +0 -12
  65. package/dist/slider-tick-label.js +0 -12
  66. package/dist/slider-tick.cjs +0 -13
  67. package/dist/slider-tick.js +0 -13
  68. package/dist/slider-track.cjs +0 -12
  69. package/dist/slider-track.js +0 -12
  70. package/dist/slider.cjs +0 -69
  71. package/dist/slider.js +0 -69
  72. package/dist/switch.cjs +0 -71
  73. package/dist/switch.js +0 -71
  74. package/dist/tabs-indicator.cjs +0 -57
  75. package/dist/tabs-indicator.js +0 -57
  76. package/dist/tabs-list.cjs +0 -57
  77. package/dist/tabs-list.js +0 -57
  78. package/dist/tabs-panel.cjs +0 -40
  79. package/dist/tabs-panel.js +0 -40
  80. package/dist/tabs-tab.cjs +0 -36
  81. package/dist/tabs-tab.js +0 -36
  82. package/dist/tabs.cjs +0 -73
  83. package/dist/tabs.js +0 -73
  84. package/dist/tabs.types.cjs +0 -4
  85. package/dist/tabs.types.js +0 -4
  86. package/dist/toast-provider.cjs +0 -86
  87. package/dist/toast-provider.js +0 -86
  88. package/dist/toast.cjs +0 -40
  89. package/dist/toast.js +0 -40
  90. package/dist/tooltip-context.cjs +0 -56
  91. package/dist/tooltip-context.js +0 -56
  92. package/dist/tooltip-trigger.cjs +0 -29
  93. package/dist/tooltip-trigger.js +0 -29
  94. package/dist/tooltip.cjs +0 -29
  95. package/dist/tooltip.js +0 -29
package/dist/button.cjs DELETED
@@ -1,58 +0,0 @@
1
- const require_cn = require("./cn.cjs");
2
- const require_button_types = require("./button.types.cjs");
3
- let react_compiler_runtime = require("react/compiler-runtime");
4
- let react_jsx_runtime = require("react/jsx-runtime");
5
- function Button(t0) {
6
- const $ = (0, react_compiler_runtime.c)(16);
7
- let children;
8
- let className;
9
- let props;
10
- let size;
11
- let style;
12
- let tone;
13
- if ($[0] !== t0) {
14
- ({className, children, tone, style, size, ...props} = t0);
15
- $[0] = t0;
16
- $[1] = children;
17
- $[2] = className;
18
- $[3] = props;
19
- $[4] = size;
20
- $[5] = style;
21
- $[6] = tone;
22
- } else {
23
- children = $[1];
24
- className = $[2];
25
- props = $[3];
26
- size = $[4];
27
- style = $[5];
28
- tone = $[6];
29
- }
30
- let t1;
31
- if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== tone) {
32
- t1 = require_cn.cn(require_button_types.buttonVariants({
33
- tone,
34
- style,
35
- size,
36
- className
37
- }));
38
- $[7] = className;
39
- $[8] = size;
40
- $[9] = style;
41
- $[10] = tone;
42
- $[11] = t1;
43
- } else t1 = $[11];
44
- let t2;
45
- if ($[12] !== children || $[13] !== props || $[14] !== t1) {
46
- t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
47
- className: t1,
48
- ...props,
49
- children
50
- });
51
- $[12] = children;
52
- $[13] = props;
53
- $[14] = t1;
54
- $[15] = t2;
55
- } else t2 = $[15];
56
- return t2;
57
- }
58
- exports.Button = Button;
package/dist/button.js DELETED
@@ -1,58 +0,0 @@
1
- import { cn } from "./cn.js";
2
- import { buttonVariants } from "./button.types.js";
3
- import { c } from "react/compiler-runtime";
4
- import { jsx } from "react/jsx-runtime";
5
- function Button(t0) {
6
- const $ = c(16);
7
- let children;
8
- let className;
9
- let props;
10
- let size;
11
- let style;
12
- let tone;
13
- if ($[0] !== t0) {
14
- ({className, children, tone, style, size, ...props} = t0);
15
- $[0] = t0;
16
- $[1] = children;
17
- $[2] = className;
18
- $[3] = props;
19
- $[4] = size;
20
- $[5] = style;
21
- $[6] = tone;
22
- } else {
23
- children = $[1];
24
- className = $[2];
25
- props = $[3];
26
- size = $[4];
27
- style = $[5];
28
- tone = $[6];
29
- }
30
- let t1;
31
- if ($[7] !== className || $[8] !== size || $[9] !== style || $[10] !== tone) {
32
- t1 = cn(buttonVariants({
33
- tone,
34
- style,
35
- size,
36
- className
37
- }));
38
- $[7] = className;
39
- $[8] = size;
40
- $[9] = style;
41
- $[10] = tone;
42
- $[11] = t1;
43
- } else t1 = $[11];
44
- let t2;
45
- if ($[12] !== children || $[13] !== props || $[14] !== t1) {
46
- t2 = /* @__PURE__ */ jsx("button", {
47
- className: t1,
48
- ...props,
49
- children
50
- });
51
- $[12] = children;
52
- $[13] = props;
53
- $[14] = t1;
54
- $[15] = t2;
55
- } else t2 = $[15];
56
- return t2;
57
- }
58
- export { Button };
@@ -1,519 +0,0 @@
1
- let class_variance_authority = require("class-variance-authority");
2
- const buttonVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center whitespace-nowrap rounded-full select-none transition-all disabled:pointer-events-none disabled:opacity-50 cursor-pointer", {
3
- variants: {
4
- tone: {
5
- destructive: "",
6
- glass: "",
7
- neutral: "",
8
- primary: "",
9
- secondary: "",
10
- success: "",
11
- accent: "",
12
- warning: ""
13
- },
14
- style: {
15
- solid: "",
16
- outline: "active:border-transparent",
17
- ghost: ""
18
- },
19
- size: {
20
- large: "h-2xl px-lg style-text-default-1 gap-xs [&>svg]:size-md",
21
- medium: "h-xl px-md style-text-default-0 gap-2xs [&>svg]:size-sm",
22
- small: "h-lg px-sm style-text-default--1 gap-3xs [&>svg]:size-xs",
23
- iconLarge: "size-2xl p-0 [&>svg]:size-md",
24
- iconMedium: "size-xl p-0 [&>svg]:size-sm",
25
- iconSmall: "size-lg p-0 [&>svg]:size-xs"
26
- }
27
- },
28
- defaultVariants: {
29
- tone: "primary",
30
- style: "solid",
31
- size: "medium"
32
- },
33
- compoundVariants: [
34
- {
35
- tone: "primary",
36
- style: "solid",
37
- className: "bg-primary text-on-primary"
38
- },
39
- {
40
- tone: "primary",
41
- style: "solid",
42
- size: ["small", "iconSmall"],
43
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
44
- },
45
- {
46
- tone: "primary",
47
- style: "solid",
48
- size: ["medium", "iconMedium"],
49
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
50
- },
51
- {
52
- tone: "primary",
53
- style: "solid",
54
- size: ["large", "iconLarge"],
55
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
56
- },
57
- {
58
- tone: "primary",
59
- style: "outline",
60
- className: "border-primary text-primary hover:text-on-primary-container hover:bg-primary-container active:bg-transparent"
61
- },
62
- {
63
- tone: "primary",
64
- style: "outline",
65
- size: ["small", "iconSmall"],
66
- className: "border-1"
67
- },
68
- {
69
- tone: "primary",
70
- style: "outline",
71
- size: ["medium", "iconMedium"],
72
- className: "border-2"
73
- },
74
- {
75
- tone: "primary",
76
- style: "outline",
77
- size: ["large", "iconLarge"],
78
- className: "border-4"
79
- },
80
- {
81
- tone: "primary",
82
- style: "ghost",
83
- className: "text-primary hover:surface-bright active:bg-surface-dim"
84
- },
85
- {
86
- tone: "primary",
87
- style: "ghost",
88
- size: ["small", "iconSmall"],
89
- className: "hover:raised-1 active:inset-shadow-1-shadow"
90
- },
91
- {
92
- tone: "primary",
93
- style: "ghost",
94
- size: ["medium", "iconMedium"],
95
- className: "hover:raised-2 active:inset-shadow-2-shadow"
96
- },
97
- {
98
- tone: "primary",
99
- style: "ghost",
100
- size: ["large", "iconLarge"],
101
- className: "hover:raised-4 active:inset-shadow-3-shadow"
102
- },
103
- {
104
- tone: "secondary",
105
- style: "solid",
106
- className: "bg-secondary text-on-secondary"
107
- },
108
- {
109
- tone: "secondary",
110
- style: "solid",
111
- size: ["small", "iconSmall"],
112
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
113
- },
114
- {
115
- tone: "secondary",
116
- style: "solid",
117
- size: ["medium", "iconMedium"],
118
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
119
- },
120
- {
121
- tone: "secondary",
122
- style: "solid",
123
- size: ["large", "iconLarge"],
124
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
125
- },
126
- {
127
- tone: "secondary",
128
- style: "outline",
129
- className: "border-secondary text-secondary hover:text-on-secondary-container hover:bg-secondary-container active:bg-transparent"
130
- },
131
- {
132
- tone: "secondary",
133
- style: "outline",
134
- size: ["small", "iconSmall"],
135
- className: "border-1"
136
- },
137
- {
138
- tone: "secondary",
139
- style: "outline",
140
- size: ["medium", "iconMedium"],
141
- className: "border-2"
142
- },
143
- {
144
- tone: "secondary",
145
- style: "outline",
146
- size: ["large", "iconLarge"],
147
- className: "border-4"
148
- },
149
- {
150
- tone: "secondary",
151
- style: "ghost",
152
- className: "text-secondary hover:surface-bright active:bg-surface-dim"
153
- },
154
- {
155
- tone: "secondary",
156
- style: "ghost",
157
- size: ["small", "iconSmall"],
158
- className: "hover:raised-1 active:inset-shadow-1-shadow"
159
- },
160
- {
161
- tone: "secondary",
162
- style: "ghost",
163
- size: ["medium", "iconMedium"],
164
- className: "hover:raised-2 active:inset-shadow-2-shadow"
165
- },
166
- {
167
- tone: "secondary",
168
- style: "ghost",
169
- size: ["large", "iconLarge"],
170
- className: "hover:raised-4 active:inset-shadow-3-shadow"
171
- },
172
- {
173
- tone: "accent",
174
- style: "solid",
175
- className: "bg-accent text-on-accent"
176
- },
177
- {
178
- tone: "accent",
179
- style: "solid",
180
- size: ["small", "iconSmall"],
181
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
182
- },
183
- {
184
- tone: "accent",
185
- style: "solid",
186
- size: ["medium", "iconMedium"],
187
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
188
- },
189
- {
190
- tone: "accent",
191
- style: "solid",
192
- size: ["large", "iconLarge"],
193
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
194
- },
195
- {
196
- tone: "accent",
197
- style: "outline",
198
- className: "border-accent text-accent hover:text-on-accent-container hover:bg-accent-container active:bg-transparent"
199
- },
200
- {
201
- tone: "accent",
202
- style: "outline",
203
- size: ["small", "iconSmall"],
204
- className: "border-1"
205
- },
206
- {
207
- tone: "accent",
208
- style: "outline",
209
- size: ["medium", "iconMedium"],
210
- className: "border-2"
211
- },
212
- {
213
- tone: "accent",
214
- style: "outline",
215
- size: ["large", "iconLarge"],
216
- className: "border-4"
217
- },
218
- {
219
- tone: "accent",
220
- style: "ghost",
221
- className: "text-accent hover:surface-bright active:bg-surface-dim"
222
- },
223
- {
224
- tone: "accent",
225
- style: "ghost",
226
- size: ["small", "iconSmall"],
227
- className: "hover:raised-1 active:inset-shadow-1-shadow"
228
- },
229
- {
230
- tone: "accent",
231
- style: "ghost",
232
- size: ["medium", "iconMedium"],
233
- className: "hover:raised-2 active:inset-shadow-2-shadow"
234
- },
235
- {
236
- tone: "accent",
237
- style: "ghost",
238
- size: ["large", "iconLarge"],
239
- className: "hover:raised-4 active:inset-shadow-3-shadow"
240
- },
241
- {
242
- tone: "success",
243
- style: "solid",
244
- className: "bg-success text-on-success"
245
- },
246
- {
247
- tone: "success",
248
- style: "solid",
249
- size: ["small", "iconSmall"],
250
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
251
- },
252
- {
253
- tone: "success",
254
- style: "solid",
255
- size: ["medium", "iconMedium"],
256
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
257
- },
258
- {
259
- tone: "success",
260
- style: "solid",
261
- size: ["large", "iconLarge"],
262
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
263
- },
264
- {
265
- tone: "success",
266
- style: "outline",
267
- className: "border-success text-success hover:text-on-success-container hover:bg-success-container active:bg-transparent"
268
- },
269
- {
270
- tone: "success",
271
- style: "outline",
272
- size: ["small", "iconSmall"],
273
- className: "border-1"
274
- },
275
- {
276
- tone: "success",
277
- style: "outline",
278
- size: ["medium", "iconMedium"],
279
- className: "border-2"
280
- },
281
- {
282
- tone: "success",
283
- style: "outline",
284
- size: ["large", "iconLarge"],
285
- className: "border-4"
286
- },
287
- {
288
- tone: "success",
289
- style: "ghost",
290
- className: "text-success hover:surface-bright active:bg-surface-dim"
291
- },
292
- {
293
- tone: "success",
294
- style: "ghost",
295
- size: ["small", "iconSmall"],
296
- className: "hover:raised-1 active:inset-shadow-1-shadow"
297
- },
298
- {
299
- tone: "success",
300
- style: "ghost",
301
- size: ["medium", "iconMedium"],
302
- className: "hover:raised-2 active:inset-shadow-2-shadow"
303
- },
304
- {
305
- tone: "success",
306
- style: "ghost",
307
- size: ["large", "iconLarge"],
308
- className: "hover:raised-4 active:inset-shadow-3-shadow"
309
- },
310
- {
311
- tone: "warning",
312
- style: "solid",
313
- className: "bg-warning text-on-warning"
314
- },
315
- {
316
- tone: "warning",
317
- style: "solid",
318
- size: ["small", "iconSmall"],
319
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
320
- },
321
- {
322
- tone: "warning",
323
- style: "solid",
324
- size: ["medium", "iconMedium"],
325
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
326
- },
327
- {
328
- tone: "warning",
329
- style: "solid",
330
- size: ["large", "iconLarge"],
331
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
332
- },
333
- {
334
- tone: "warning",
335
- style: "outline",
336
- className: "border-warning text-warning hover:text-on-warning-container hover:bg-warning-container active:bg-transparent"
337
- },
338
- {
339
- tone: "warning",
340
- style: "outline",
341
- size: ["small", "iconSmall"],
342
- className: "border-1"
343
- },
344
- {
345
- tone: "warning",
346
- style: "outline",
347
- size: ["medium", "iconMedium"],
348
- className: "border-2"
349
- },
350
- {
351
- tone: "warning",
352
- style: "outline",
353
- size: ["large", "iconLarge"],
354
- className: "border-4"
355
- },
356
- {
357
- tone: "warning",
358
- style: "ghost",
359
- className: "text-warning hover:surface-bright active:bg-surface-dim"
360
- },
361
- {
362
- tone: "warning",
363
- style: "ghost",
364
- size: ["small", "iconSmall"],
365
- className: "hover:raised-1 active:inset-shadow-1-shadow"
366
- },
367
- {
368
- tone: "warning",
369
- style: "ghost",
370
- size: ["medium", "iconMedium"],
371
- className: "hover:raised-2 active:inset-shadow-2-shadow"
372
- },
373
- {
374
- tone: "warning",
375
- style: "ghost",
376
- size: ["large", "iconLarge"],
377
- className: "hover:raised-4 active:inset-shadow-3-shadow"
378
- },
379
- {
380
- tone: "destructive",
381
- style: "solid",
382
- className: "bg-error text-on-error"
383
- },
384
- {
385
- tone: "destructive",
386
- style: "solid",
387
- size: ["small", "iconSmall"],
388
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
389
- },
390
- {
391
- tone: "destructive",
392
- style: "solid",
393
- size: ["medium", "iconMedium"],
394
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
395
- },
396
- {
397
- tone: "destructive",
398
- style: "solid",
399
- size: ["large", "iconLarge"],
400
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
401
- },
402
- {
403
- tone: "destructive",
404
- style: "outline",
405
- className: "border-error text-error hover:text-on-error-container hover:bg-error-container active:bg-transparent"
406
- },
407
- {
408
- tone: "destructive",
409
- style: "outline",
410
- size: ["small", "iconSmall"],
411
- className: "border-1"
412
- },
413
- {
414
- tone: "destructive",
415
- style: "outline",
416
- size: ["medium", "iconMedium"],
417
- className: "border-2"
418
- },
419
- {
420
- tone: "destructive",
421
- style: "outline",
422
- size: ["large", "iconLarge"],
423
- className: "border-4"
424
- },
425
- {
426
- tone: "destructive",
427
- style: "ghost",
428
- className: "text-error hover:surface-bright active:bg-surface-dim"
429
- },
430
- {
431
- tone: "destructive",
432
- style: "ghost",
433
- size: ["small", "iconSmall"],
434
- className: "hover:raised-1 active:inset-shadow-1-shadow"
435
- },
436
- {
437
- tone: "destructive",
438
- style: "ghost",
439
- size: ["medium", "iconMedium"],
440
- className: "hover:raised-2 active:inset-shadow-2-shadow"
441
- },
442
- {
443
- tone: "destructive",
444
- style: "ghost",
445
- size: ["large", "iconLarge"],
446
- className: "hover:raised-4 active:inset-shadow-3-shadow"
447
- },
448
- {
449
- tone: "neutral",
450
- style: "solid",
451
- className: "bg-surface-container text-on-surface"
452
- },
453
- {
454
- tone: "neutral",
455
- style: "solid",
456
- size: ["small", "iconSmall"],
457
- className: "raised-1 hover:raised-2 active:inset-shadow-1-shadow"
458
- },
459
- {
460
- tone: "neutral",
461
- style: "solid",
462
- size: ["medium", "iconMedium"],
463
- className: "raised-2 hover:raised-4 active:inset-shadow-2-shadow"
464
- },
465
- {
466
- tone: "neutral",
467
- style: "solid",
468
- size: ["large", "iconLarge"],
469
- className: "raised-4 hover:raised-8 active:inset-shadow-3-shadow"
470
- },
471
- {
472
- tone: "neutral",
473
- style: "outline",
474
- className: "border-outline text-on-surface hover:text-on-surface hover:bg-surface-container-high active:bg-transparent"
475
- },
476
- {
477
- tone: "neutral",
478
- style: "outline",
479
- size: ["small", "iconSmall"],
480
- className: "border-1"
481
- },
482
- {
483
- tone: "neutral",
484
- style: "outline",
485
- size: ["medium", "iconMedium"],
486
- className: "border-2"
487
- },
488
- {
489
- tone: "neutral",
490
- style: "outline",
491
- size: ["large", "iconLarge"],
492
- className: "border-4"
493
- },
494
- {
495
- tone: "neutral",
496
- style: "ghost",
497
- className: "text-on-surface hover:surface-bright active:bg-surface-dim"
498
- },
499
- {
500
- tone: "neutral",
501
- style: "ghost",
502
- size: ["small", "iconSmall"],
503
- className: "hover:raised-1 active:inset-shadow-1-shadow"
504
- },
505
- {
506
- tone: "neutral",
507
- style: "ghost",
508
- size: ["medium", "iconMedium"],
509
- className: "hover:raised-2 active:inset-shadow-2-shadow"
510
- },
511
- {
512
- tone: "neutral",
513
- style: "ghost",
514
- size: ["large", "iconLarge"],
515
- className: "hover:raised-4 active:inset-shadow-3-shadow"
516
- }
517
- ]
518
- });
519
- exports.buttonVariants = buttonVariants;