@ohos-ports/shadcn 4.21.0-beta.1

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.
@@ -0,0 +1 @@
1
+ export{C as configJsonSchema,d as configSchema,t as iconsSchema,B as presetSchema,c as rawConfigSchema,z as registriesIndexSchema,A as registriesSchema,u as registryBaseColorSchema,p as registryChunkSchema,a as registryConfigItemSchema,b as registryConfigSchema,r as registryIndexSchema,m as registryItemCommonSchema,j as registryItemCssSchema,i as registryItemCssVarsSchema,k as registryItemEnvVarsSchema,g as registryItemFileSchema,l as registryItemFontSchema,n as registryItemSchema,h as registryItemTailwindSchema,f as registryItemTypeSchema,o as registryPaginationSchema,v as registryResolvedItemsTreeSchema,q as registrySchema,x as searchResultErrorSchema,w as searchResultItemSchema,y as searchResultsSchema,s as stylesSchema,e as workspaceConfigSchema}from'../chunk-4WBGNKSZ.js';
@@ -0,0 +1,629 @@
1
+ @theme inline {
2
+ @keyframes accordion-down {
3
+ from {
4
+ height: 0;
5
+ }
6
+ to {
7
+ height: var(
8
+ --radix-accordion-content-height,
9
+ var(--accordion-panel-height, auto)
10
+ );
11
+ }
12
+ }
13
+
14
+ @keyframes accordion-up {
15
+ from {
16
+ height: var(
17
+ --radix-accordion-content-height,
18
+ var(--accordion-panel-height, auto)
19
+ );
20
+ }
21
+ to {
22
+ height: 0;
23
+ }
24
+ }
25
+ }
26
+
27
+ /* Custom variants */
28
+ @custom-variant data-open {
29
+ &:where([data-state="open"]),
30
+ &:where([data-open]:not([data-open="false"])) {
31
+ @slot;
32
+ }
33
+ }
34
+
35
+ @custom-variant data-closed {
36
+ &:where([data-state="closed"]),
37
+ &:where([data-closed]:not([data-closed="false"])) {
38
+ @slot;
39
+ }
40
+ }
41
+
42
+ @custom-variant data-checked {
43
+ &:where([data-state="checked"]),
44
+ &:where([data-checked]:not([data-checked="false"])) {
45
+ @slot;
46
+ }
47
+ }
48
+
49
+ @custom-variant data-unchecked {
50
+ &:where([data-state="unchecked"]),
51
+ &:where([data-unchecked]:not([data-unchecked="false"])) {
52
+ @slot;
53
+ }
54
+ }
55
+
56
+ @custom-variant data-selected {
57
+ &:where([data-selected="true"]) {
58
+ @slot;
59
+ }
60
+ }
61
+
62
+ @custom-variant data-disabled {
63
+ &:where([data-disabled="true"]),
64
+ &:where([data-disabled]:not([data-disabled="false"])) {
65
+ @slot;
66
+ }
67
+ }
68
+
69
+ @custom-variant data-active {
70
+ &:where([data-state="active"]),
71
+ &:where([data-active]:not([data-active="false"])) {
72
+ @slot;
73
+ }
74
+ }
75
+
76
+ @custom-variant data-horizontal {
77
+ &:where([data-orientation="horizontal"]) {
78
+ @slot;
79
+ }
80
+ }
81
+
82
+ @custom-variant data-vertical {
83
+ &:where([data-orientation="vertical"]) {
84
+ @slot;
85
+ }
86
+ }
87
+
88
+ @utility no-scrollbar {
89
+ -ms-overflow-style: none;
90
+ scrollbar-width: none;
91
+
92
+ &::-webkit-scrollbar {
93
+ display: none;
94
+ }
95
+ }
96
+
97
+ /* scroll-fade */
98
+ @property --scroll-fade-t {
99
+ syntax: "<length-percentage>";
100
+ inherits: false;
101
+ initial-value: 0px;
102
+ }
103
+ @property --scroll-fade-b {
104
+ syntax: "<length-percentage>";
105
+ inherits: false;
106
+ initial-value: 0px;
107
+ }
108
+ @property --scroll-fade-s {
109
+ syntax: "<length-percentage>";
110
+ inherits: false;
111
+ initial-value: 0px;
112
+ }
113
+ @property --scroll-fade-e {
114
+ syntax: "<length-percentage>";
115
+ inherits: false;
116
+ initial-value: 0px;
117
+ }
118
+ @property --scroll-fade-mask {
119
+ syntax: "*";
120
+ inherits: false;
121
+ }
122
+
123
+ @theme inline {
124
+ @keyframes scroll-fade-reveal-t {
125
+ from {
126
+ --scroll-fade-t: 0px;
127
+ }
128
+ to {
129
+ --scroll-fade-t: var(--_scroll-fade-size-t, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
130
+ }
131
+ }
132
+ @keyframes scroll-fade-reveal-b {
133
+ from {
134
+ --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
135
+ }
136
+ to {
137
+ --scroll-fade-b: 0px;
138
+ }
139
+ }
140
+ @keyframes scroll-fade-reveal-s {
141
+ from {
142
+ --scroll-fade-s: 0px;
143
+ }
144
+ to {
145
+ --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
146
+ }
147
+ }
148
+ @keyframes scroll-fade-reveal-e {
149
+ from {
150
+ --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
151
+ }
152
+ to {
153
+ --scroll-fade-e: 0px;
154
+ }
155
+ }
156
+ }
157
+
158
+ @utility scroll-fade {
159
+ --_scroll-fade-size-t: var(
160
+ --scroll-fade-t-size,
161
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
162
+ );
163
+ --_scroll-fade-size-b: var(
164
+ --scroll-fade-b-size,
165
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
166
+ );
167
+ --scroll-fade-block: linear-gradient(
168
+ to bottom,
169
+ transparent 0,
170
+ #000 var(--scroll-fade-t, 0px),
171
+ #000 calc(100% - var(--scroll-fade-b, 0px)),
172
+ transparent 100%
173
+ );
174
+ -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
175
+ mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
176
+ -webkit-mask-composite: source-in;
177
+ mask-composite: intersect;
178
+ -webkit-mask-repeat: no-repeat;
179
+ mask-repeat: no-repeat;
180
+
181
+ @supports (animation-timeline: scroll()) {
182
+ animation:
183
+ scroll-fade-reveal-t 1ms ease-in-out,
184
+ scroll-fade-reveal-b 1ms ease-in-out;
185
+ animation-timeline: scroll(self y), scroll(self y);
186
+ animation-range:
187
+ 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
188
+ calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
189
+ animation-fill-mode: both;
190
+ }
191
+
192
+ @supports not (animation-timeline: scroll()) {
193
+ --scroll-fade-t: var(--_scroll-fade-size-t);
194
+ --scroll-fade-b: var(--_scroll-fade-size-b);
195
+ }
196
+ }
197
+
198
+ @utility scroll-fade-y {
199
+ --_scroll-fade-size-t: var(
200
+ --scroll-fade-t-size,
201
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
202
+ );
203
+ --_scroll-fade-size-b: var(
204
+ --scroll-fade-b-size,
205
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
206
+ );
207
+ --scroll-fade-block: linear-gradient(
208
+ to bottom,
209
+ transparent 0,
210
+ #000 var(--scroll-fade-t, 0px),
211
+ #000 calc(100% - var(--scroll-fade-b, 0px)),
212
+ transparent 100%
213
+ );
214
+ -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
215
+ mask-image: var(--scroll-fade-mask, var(--scroll-fade-block));
216
+ -webkit-mask-composite: source-in;
217
+ mask-composite: intersect;
218
+ -webkit-mask-repeat: no-repeat;
219
+ mask-repeat: no-repeat;
220
+
221
+ @supports (animation-timeline: scroll()) {
222
+ animation:
223
+ scroll-fade-reveal-t 1ms ease-in-out,
224
+ scroll-fade-reveal-b 1ms ease-in-out;
225
+ animation-timeline: scroll(self y), scroll(self y);
226
+ animation-range:
227
+ 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
228
+ calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
229
+ animation-fill-mode: both;
230
+ }
231
+
232
+ @supports not (animation-timeline: scroll()) {
233
+ --scroll-fade-t: var(--_scroll-fade-size-t);
234
+ --scroll-fade-b: var(--_scroll-fade-size-b);
235
+ }
236
+ }
237
+
238
+ @utility scroll-fade-x {
239
+ --_scroll-fade-size-s: var(
240
+ --scroll-fade-s-size,
241
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
242
+ );
243
+ --_scroll-fade-size-e: var(
244
+ --scroll-fade-e-size,
245
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
246
+ );
247
+ --scroll-fade-inline: linear-gradient(
248
+ to right,
249
+ transparent 0,
250
+ #000 var(--scroll-fade-s, 0px),
251
+ #000 calc(100% - var(--scroll-fade-e, 0px)),
252
+ transparent 100%
253
+ );
254
+ &:where([dir="rtl"], [dir="rtl"] *) {
255
+ --scroll-fade-inline: linear-gradient(
256
+ to left,
257
+ transparent 0,
258
+ #000 var(--scroll-fade-s, 0px),
259
+ #000 calc(100% - var(--scroll-fade-e, 0px)),
260
+ transparent 100%
261
+ );
262
+ }
263
+ -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
264
+ mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
265
+ -webkit-mask-composite: source-in;
266
+ mask-composite: intersect;
267
+ -webkit-mask-repeat: no-repeat;
268
+ mask-repeat: no-repeat;
269
+
270
+ @supports (animation-timeline: scroll()) {
271
+ animation:
272
+ scroll-fade-reveal-s 1ms ease-in-out,
273
+ scroll-fade-reveal-e 1ms ease-in-out;
274
+ animation-timeline: scroll(self inline), scroll(self inline);
275
+ animation-range:
276
+ 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)),
277
+ calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
278
+ animation-fill-mode: both;
279
+ }
280
+
281
+ @supports not (animation-timeline: scroll()) {
282
+ --scroll-fade-s: var(--_scroll-fade-size-s);
283
+ --scroll-fade-e: var(--_scroll-fade-size-e);
284
+ }
285
+ }
286
+
287
+ @utility scroll-fade-t {
288
+ --_scroll-fade-size-t: var(
289
+ --scroll-fade-t-size,
290
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
291
+ );
292
+ --scroll-fade-mask: linear-gradient(
293
+ to bottom,
294
+ transparent 0,
295
+ #000 var(--scroll-fade-t, 0px),
296
+ #000 100%
297
+ );
298
+ -webkit-mask-image: var(--scroll-fade-mask);
299
+ mask-image: var(--scroll-fade-mask);
300
+ -webkit-mask-composite: source-in;
301
+ mask-composite: intersect;
302
+ -webkit-mask-repeat: no-repeat;
303
+ mask-repeat: no-repeat;
304
+
305
+ @supports (animation-timeline: scroll()) {
306
+ animation: scroll-fade-reveal-t 1ms ease-in-out;
307
+ animation-timeline: scroll(self y);
308
+ animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
309
+ animation-fill-mode: both;
310
+ }
311
+
312
+ @supports not (animation-timeline: scroll()) {
313
+ --scroll-fade-t: var(--_scroll-fade-size-t);
314
+ }
315
+ }
316
+
317
+ @utility scroll-fade-b {
318
+ --_scroll-fade-size-b: var(
319
+ --scroll-fade-b-size,
320
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
321
+ );
322
+ --scroll-fade-mask: linear-gradient(
323
+ to bottom,
324
+ #000 0,
325
+ #000 calc(100% - var(--scroll-fade-b, 0px)),
326
+ transparent 100%
327
+ );
328
+ -webkit-mask-image: var(--scroll-fade-mask);
329
+ mask-image: var(--scroll-fade-mask);
330
+ -webkit-mask-composite: source-in;
331
+ mask-composite: intersect;
332
+ -webkit-mask-repeat: no-repeat;
333
+ mask-repeat: no-repeat;
334
+
335
+ @supports (animation-timeline: scroll()) {
336
+ animation: scroll-fade-reveal-b 1ms ease-in-out;
337
+ animation-timeline: scroll(self y);
338
+ animation-range: calc(
339
+ 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
340
+ )
341
+ 100%;
342
+ animation-fill-mode: both;
343
+ }
344
+
345
+ @supports not (animation-timeline: scroll()) {
346
+ --scroll-fade-b: var(--_scroll-fade-size-b);
347
+ }
348
+ }
349
+
350
+ @utility scroll-fade-l {
351
+ --_scroll-fade-size-s: var(
352
+ --scroll-fade-s-size,
353
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
354
+ );
355
+ --scroll-fade-mask: linear-gradient(
356
+ to right,
357
+ transparent 0,
358
+ #000 var(--scroll-fade-s, 0px),
359
+ #000 100%
360
+ );
361
+ -webkit-mask-image: var(--scroll-fade-mask);
362
+ mask-image: var(--scroll-fade-mask);
363
+ -webkit-mask-composite: source-in;
364
+ mask-composite: intersect;
365
+ -webkit-mask-repeat: no-repeat;
366
+ mask-repeat: no-repeat;
367
+
368
+ @supports (animation-timeline: scroll()) {
369
+ animation: scroll-fade-reveal-s 1ms ease-in-out;
370
+ animation-timeline: scroll(self x);
371
+ animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
372
+ animation-fill-mode: both;
373
+ }
374
+
375
+ @supports not (animation-timeline: scroll()) {
376
+ --scroll-fade-s: var(--_scroll-fade-size-s);
377
+ }
378
+ }
379
+
380
+ @utility scroll-fade-r {
381
+ --_scroll-fade-size-e: var(
382
+ --scroll-fade-e-size,
383
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
384
+ );
385
+ --scroll-fade-mask: linear-gradient(
386
+ to right,
387
+ #000 0,
388
+ #000 calc(100% - var(--scroll-fade-e, 0px)),
389
+ transparent 100%
390
+ );
391
+ -webkit-mask-image: var(--scroll-fade-mask);
392
+ mask-image: var(--scroll-fade-mask);
393
+ -webkit-mask-composite: source-in;
394
+ mask-composite: intersect;
395
+ -webkit-mask-repeat: no-repeat;
396
+ mask-repeat: no-repeat;
397
+
398
+ @supports (animation-timeline: scroll()) {
399
+ animation: scroll-fade-reveal-e 1ms ease-in-out;
400
+ animation-timeline: scroll(self x);
401
+ animation-range: calc(
402
+ 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
403
+ )
404
+ 100%;
405
+ animation-fill-mode: both;
406
+ }
407
+
408
+ @supports not (animation-timeline: scroll()) {
409
+ --scroll-fade-e: var(--_scroll-fade-size-e);
410
+ }
411
+ }
412
+
413
+ @utility scroll-fade-s {
414
+ --_scroll-fade-size-s: var(
415
+ --scroll-fade-s-size,
416
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
417
+ );
418
+ --scroll-fade-mask: linear-gradient(
419
+ to right,
420
+ transparent 0,
421
+ #000 var(--scroll-fade-s, 0px),
422
+ #000 100%
423
+ );
424
+ &:where([dir="rtl"], [dir="rtl"] *) {
425
+ --scroll-fade-mask: linear-gradient(
426
+ to left,
427
+ transparent 0,
428
+ #000 var(--scroll-fade-s, 0px),
429
+ #000 100%
430
+ );
431
+ }
432
+ -webkit-mask-image: var(--scroll-fade-mask);
433
+ mask-image: var(--scroll-fade-mask);
434
+ -webkit-mask-composite: source-in;
435
+ mask-composite: intersect;
436
+ -webkit-mask-repeat: no-repeat;
437
+ mask-repeat: no-repeat;
438
+
439
+ @supports (animation-timeline: scroll()) {
440
+ animation: scroll-fade-reveal-s 1ms ease-in-out;
441
+ animation-timeline: scroll(self inline);
442
+ animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24));
443
+ animation-fill-mode: both;
444
+ }
445
+
446
+ @supports not (animation-timeline: scroll()) {
447
+ --scroll-fade-s: var(--_scroll-fade-size-s);
448
+ }
449
+ }
450
+
451
+ @utility scroll-fade-e {
452
+ --_scroll-fade-size-e: var(
453
+ --scroll-fade-e-size,
454
+ var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10)))
455
+ );
456
+ --scroll-fade-mask: linear-gradient(
457
+ to right,
458
+ #000 0,
459
+ #000 calc(100% - var(--scroll-fade-e, 0px)),
460
+ transparent 100%
461
+ );
462
+ &:where([dir="rtl"], [dir="rtl"] *) {
463
+ --scroll-fade-mask: linear-gradient(
464
+ to left,
465
+ #000 0,
466
+ #000 calc(100% - var(--scroll-fade-e, 0px)),
467
+ transparent 100%
468
+ );
469
+ }
470
+ -webkit-mask-image: var(--scroll-fade-mask);
471
+ mask-image: var(--scroll-fade-mask);
472
+ -webkit-mask-composite: source-in;
473
+ mask-composite: intersect;
474
+ -webkit-mask-repeat: no-repeat;
475
+ mask-repeat: no-repeat;
476
+
477
+ @supports (animation-timeline: scroll()) {
478
+ animation: scroll-fade-reveal-e 1ms ease-in-out;
479
+ animation-timeline: scroll(self inline);
480
+ animation-range: calc(
481
+ 100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))
482
+ )
483
+ 100%;
484
+ animation-fill-mode: both;
485
+ }
486
+
487
+ @supports not (animation-timeline: scroll()) {
488
+ --scroll-fade-e: var(--_scroll-fade-size-e);
489
+ }
490
+ }
491
+
492
+ @utility scroll-fade-* {
493
+ --scroll-fade-size: calc(var(--spacing) * --value(integer));
494
+ --scroll-fade-size: --value([length], [percentage]);
495
+ }
496
+
497
+ @utility scroll-fade-t-* {
498
+ --scroll-fade-t-size: calc(var(--spacing) * --value(integer));
499
+ --scroll-fade-t-size: --value([length], [percentage]);
500
+ }
501
+
502
+ @utility scroll-fade-b-* {
503
+ --scroll-fade-b-size: calc(var(--spacing) * --value(integer));
504
+ --scroll-fade-b-size: --value([length], [percentage]);
505
+ }
506
+
507
+ @utility scroll-fade-s-* {
508
+ --scroll-fade-s-size: calc(var(--spacing) * --value(integer));
509
+ --scroll-fade-s-size: --value([length], [percentage]);
510
+ }
511
+
512
+ @utility scroll-fade-e-* {
513
+ --scroll-fade-e-size: calc(var(--spacing) * --value(integer));
514
+ --scroll-fade-e-size: --value([length], [percentage]);
515
+ }
516
+
517
+ @utility scroll-fade-none {
518
+ --scroll-fade-mask: none;
519
+ }
520
+
521
+ /* shimmer */
522
+ @property --shimmer-angle {
523
+ syntax: "<angle>";
524
+ inherits: true;
525
+ initial-value: 20deg;
526
+ }
527
+ @property --shimmer-image {
528
+ syntax: "*";
529
+ inherits: false;
530
+ }
531
+ @property --shimmer-text-fill {
532
+ syntax: "*";
533
+ inherits: false;
534
+ }
535
+
536
+ @theme inline {
537
+ @keyframes tw-shimmer {
538
+ from {
539
+ background-position: 100% 0;
540
+ }
541
+ to {
542
+ background-position: 0 0;
543
+ }
544
+ }
545
+ }
546
+
547
+ @utility shimmer {
548
+ --_spread: var(--shimmer-spread, calc(3ch + 40px));
549
+ --_base: currentColor;
550
+ --_highlight: var(
551
+ --shimmer-color,
552
+ oklch(from currentColor l c h / calc(alpha* 0.2))
553
+ );
554
+
555
+ background-image: var(
556
+ --shimmer-image,
557
+ linear-gradient(
558
+ calc(90deg + var(--shimmer-angle)),
559
+ var(--_base) calc(50% - var(--_spread)),
560
+ color-mix(in oklch, var(--_highlight), var(--_base) 50%)
561
+ calc(50% - var(--_spread) * 0.5),
562
+ var(--_highlight) 50%,
563
+ color-mix(in oklch, var(--_highlight), var(--_base) 50%)
564
+ calc(50% + var(--_spread) * 0.5),
565
+ var(--_base) calc(50% + var(--_spread))
566
+ )
567
+ );
568
+ background-repeat: no-repeat;
569
+ background-size: calc(200% + var(--_spread) * 2) 100%;
570
+ background-position: 0 0;
571
+ background-clip: text;
572
+ -webkit-background-clip: text;
573
+ -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
574
+ animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
575
+
576
+ @variant dark {
577
+ --_highlight: var(
578
+ --shimmer-color,
579
+ oklch(from currentColor max(0.8, calc(l + 0.4)) c h / calc(alpha + 0.4))
580
+ );
581
+ }
582
+
583
+ &:where([dir="rtl"], [dir="rtl"] *) {
584
+ animation-direction: reverse;
585
+ }
586
+ }
587
+
588
+ @utility shimmer-once {
589
+ animation-iteration-count: 1;
590
+ }
591
+
592
+ @utility shimmer-reverse {
593
+ animation-direction: reverse;
594
+ }
595
+
596
+ @utility shimmer-none {
597
+ --shimmer-image: none;
598
+ --shimmer-text-fill: currentColor;
599
+ }
600
+
601
+ @utility shimmer-color-* {
602
+ --shimmer-color: --value(--color, [color]);
603
+ --shimmer-color: color-mix(
604
+ in oklch,
605
+ --value(--color, [color]) calc(--modifier(integer) * 1%),
606
+ transparent
607
+ );
608
+ }
609
+
610
+ @utility shimmer-duration-* {
611
+ --shimmer-duration: calc(--value(integer) * 1ms);
612
+ }
613
+
614
+ @utility shimmer-spread-* {
615
+ --shimmer-spread: calc(var(--spacing) * --value(integer));
616
+ --shimmer-spread: --value([length], [percentage]);
617
+ }
618
+
619
+ @utility shimmer-angle-* {
620
+ --shimmer-angle: calc(--value(integer) * 1deg);
621
+ }
622
+
623
+ @media (prefers-reduced-motion: reduce) {
624
+ .shimmer {
625
+ animation: none;
626
+ background-image: none;
627
+ -webkit-text-fill-color: currentColor;
628
+ }
629
+ }
@@ -0,0 +1,2 @@
1
+
2
+ export { }
@@ -0,0 +1,42 @@
1
+ import { z } from 'zod';
2
+ import { SourceFile } from 'ts-morph';
3
+ import { registryBaseColorSchema } from '../schema/index.js';
4
+ import { C as Config } from '../get-config-D6gTsP_D.js';
5
+
6
+ declare const styleMapSchema: z.ZodRecord<z.ZodString, z.ZodString>;
7
+ type StyleMap = z.infer<typeof styleMapSchema>;
8
+ declare function createStyleMap(input: string): Record<string, string>;
9
+
10
+ type TransformerStyle<Output = SourceFile> = (opts: {
11
+ sourceFile: SourceFile;
12
+ styleMap: StyleMap;
13
+ }) => Promise<Output>;
14
+ declare function transformStyle(source: string, { styleMap, transformers, }: {
15
+ styleMap: StyleMap;
16
+ transformers?: TransformerStyle<SourceFile>[];
17
+ }): Promise<string>;
18
+
19
+ type TransformOpts = {
20
+ filename: string;
21
+ raw: string;
22
+ config: Config;
23
+ baseColor?: z.infer<typeof registryBaseColorSchema>;
24
+ transformJsx?: boolean;
25
+ isRemote?: boolean;
26
+ supportedFontMarkers?: string[];
27
+ };
28
+ type Transformer<Output = SourceFile> = (opts: TransformOpts & {
29
+ sourceFile: SourceFile;
30
+ }) => Promise<Output>;
31
+
32
+ declare const transformFont: Transformer;
33
+
34
+ declare const transformIcons: Transformer;
35
+
36
+ declare const transformMenu: Transformer;
37
+
38
+ declare const transformRender: Transformer;
39
+
40
+ declare function transformDirection(source: string, rtl: boolean): Promise<string>;
41
+
42
+ export { createStyleMap, transformDirection, transformFont, transformIcons, transformMenu, transformRender, transformStyle };
@@ -0,0 +1 @@
1
+ export{e as transformDirection,f as transformFont,c as transformIcons,g as transformMenu}from'../chunk-G5AI2VJ6.js';import'../chunk-CHWMSXYA.js';import D from'postcss';import k from'postcss-selector-parser';import {z}from'zod';import {Project,ScriptKind,SyntaxKind,Node}from'ts-morph';import {twMerge}from'cn';var b="cn-",B=z.record(z.string().startsWith(b),z.string());function X(t){let e=D.parse(t),r={};return e.walkRules(n=>{let s=n.selectors??[];if(s.length===0)return;let o=q(n);if(o)for(let l of s){let c=_(l);k(i=>{i.each(u=>{let f=G(u);if(!f)return;let g=f.value;g.startsWith(b)&&(r[g]=r[g]?`${o} ${r[g]}`:o);});}).processSync(c);}}),B.parse(r)}function _(t){return t.replace(/\s*&\s*/g,"").trim()}function q(t){let e=[];for(let r of t.nodes||[])if(r.type==="atrule"&&r.name==="apply"){let n=r.params.trim();n&&e.push(n);}return e.length===0?null:e.join(" ")}function G(t){let e=[];return t.walkClasses(r=>{r.value.startsWith(b)&&e.push(r);}),e.length===0?null:e[e.length-1]}var A=new Set(["cn-menu-target","cn-menu-translucent","cn-logical-sides","cn-rtl-flip","cn-font-heading"]);function p(t){return Node.isStringLiteral(t)||Node.isNoSubstitutionTemplateLiteral(t)}var M=async({sourceFile:t,styleMap:e})=>{let r=new Set;return U(t,e,r),Y(t,e,r),Q(t,e,r),rt(t,e,r),t};function Q(t,e,r){t.forEachDescendant(n=>{if(!Node.isPropertyAssignment(n)||n.getNameNode().getText()!=="className")return;let s=n.getInitializer();!s||!Node.isCallExpression(s)||S(s)&&I(s,e,r);});}function $(t,e,r){let n=t.getLiteralText(),s=E(n);if(s.length===0)return;let o=s.filter(i=>!r.has(i));if(o.length===0){let i=m(n);t.setLiteralValue(i);return}let c=o.filter(i=>!A.has(i)).map(i=>e[i]).filter(i=>!!i);if(c.length>0){let i=c.join(" "),u=m(h(i,n));t.setLiteralValue(u),o.forEach(f=>r.add(f));}else {let i=m(n);t.setLiteralValue(i);}}function U(t,e,r){t.forEachDescendant(n=>{if(!Node.isCallExpression(n))return;let s=n.getExpression();if(!Node.isIdentifier(s)||s.getText()!=="cva")return;let o=n.getArguments()[0];Node.isStringLiteral(o)&&$(o,e,r);let l=n.getArguments()[1];if(!l||!Node.isObjectLiteralExpression(l))return;let c=l.getProperties().find(u=>Node.isPropertyAssignment(u)&&Node.isIdentifier(u.getNameNode())&&u.getNameNode().getText()==="variants");if(!c||!Node.isPropertyAssignment(c))return;let i=c.getInitializer();!i||!Node.isObjectLiteralExpression(i)||i.getProperties().forEach(u=>{if(!Node.isPropertyAssignment(u))return;let f=u.getInitializer();!f||!Node.isObjectLiteralExpression(f)||f.getProperties().forEach(g=>{if(!Node.isPropertyAssignment(g))return;let x=g.getInitializer();x&&Node.isStringLiteral(x)&&$(x,e,r);});});});}function Y(t,e,r){t.forEachDescendant(n=>{if(!Node.isJsxAttribute(n)||n.getNameNode().getText()!=="className")return;let s=n.getInitializer();if(!s)return;let o=Z(s);if(o.length>0){o.forEach(g=>I(g,e,r));return}let l=tt(s);if(l.length===0)return;let c=n.getParent()?.getParent();if(!c||!Node.isJsxOpeningElement(c)&&!Node.isJsxSelfClosingElement(c))return;let i=l.filter(g=>!r.has(g));if(i.length===0){P(s);return}let f=i.filter(g=>!A.has(g)).map(g=>e[g]).filter(g=>!!g);if(f.length>0){let g=f.join(" ");et(c,g);}else P(s);});}function Z(t){if(!Node.isJsxExpression(t))return [];let e=t.getExpression();if(!e||Node.isCallExpression(e)&&S(e))return [];let r=[];return e.forEachDescendant(n=>{Node.isCallExpression(n)&&S(n)&&r.push(n);}),r}function tt(t){let e=[];if(p(t))return E(t.getLiteralText());if(!Node.isJsxExpression(t))return e;let r=t.getExpression();if(!r)return e;if(p(r))return E(r.getLiteralText());if(Node.isCallExpression(r)&&S(r))for(let n of r.getArguments())p(n)&&e.push(...E(n.getLiteralText()));return e}function P(t){if(p(t)){let r=m(t.getLiteralText());t.setLiteralValue(r);return}if(!Node.isJsxExpression(t))return;let e=t.getExpression();if(e){if(p(e)){let r=m(e.getLiteralText());e.setLiteralValue(r);return}if(Node.isCallExpression(e)&&S(e)){for(let r of e.getArguments())if(p(r)){let n=m(r.getLiteralText());r.setLiteralValue(n);}N(e);}}}function E(t){let e=t.matchAll(/\bcn-[\w-]+\b/g);return Array.from(e,r=>r[0])}function m(t){return t.replace(/\bcn-[\w-]+\b/g,e=>A.has(e)?e:"").replace(/\s+/g," ").trim()}function N(t){if(!S(t))return;let e=t.getArguments(),r=e.filter(n=>p(n)?n.getLiteralText().trim()!=="":true);if(r.length!==e.length){let n=r.map(o=>o.getText()),s=t.getParent();s&&Node.isJsxExpression(s)?s.replaceWithText(`{cn(${n.join(", ")})}`):t.replaceWithText(`cn(${n.join(", ")})`);}}function et(t,e){if(!Node.isJsxOpeningElement(t)&&!Node.isJsxSelfClosingElement(t))return;let r=t.getAttributes().find(o=>Node.isJsxAttribute(o)&&o.getNameNode().getText()==="className");if(!r||!Node.isJsxAttribute(r)){t.addAttribute({name:"className",initializer:`{cn(${JSON.stringify(e)})}`});return}let n=r.getInitializer();if(!n){r.setInitializer(`{cn(${JSON.stringify(e)})}`);return}if(p(n)){let o=n.getLiteralText(),l=m(h(e,o));n.setLiteralValue(l);return}if(!Node.isJsxExpression(n))return;let s=n.getExpression();if(!s){r.setInitializer(`{cn(${JSON.stringify(e)})}`);return}if(p(s)){let o=s.getLiteralText(),l=m(h(e,o));s.setLiteralValue(l);return}if(Node.isCallExpression(s)&&S(s)){let o=s.getArguments()[0];if(p(o)){let i=o.getLiteralText(),u=m(h(e,i));o.setLiteralValue(u);for(let f=1;f<s.getArguments().length;f++){let g=s.getArguments()[f];if(p(g)){let x=g.getLiteralText(),y=m(x);y!==x&&g.setLiteralValue(y);}}N(s);return}let l=s.getArguments().map(i=>{if(p(i)){let u=m(i.getLiteralText());return u?JSON.stringify(u):null}return i.getText()}).filter(i=>i!==null),c=[JSON.stringify(e),...l];r.setInitializer(`{cn(${c.join(", ")})}`);return}r.setInitializer(`{cn(${JSON.stringify(e)}, ${s.getText()})}`);}function h(t,e){return twMerge(t,e)}function S(t){let e=t.getExpression();return Node.isIdentifier(e)&&e.getText()==="cn"}function rt(t,e,r){t.forEachDescendant(n=>{if(!Node.isCallExpression(n))return;let s=n.getExpression();if(!(!Node.isIdentifier(s)||s.getText()!=="mergeProps"))for(let o of n.getArguments()){if(!Node.isObjectLiteralExpression(o))continue;let l=o.getProperties().find(i=>Node.isPropertyAssignment(i)&&Node.isIdentifier(i.getNameNode())&&i.getNameNode().getText()==="className");if(!l||!Node.isPropertyAssignment(l))continue;let c=l.getInitializer();c&&Node.isCallExpression(c)&&S(c)&&I(c,e,r,true);}});}function I(t,e,r,n=false){let s=nt(t);if(s.length===0)return;let o=s.filter(i=>!r.has(i));if(o.length===0){w(t);return}let c=o.filter(i=>!A.has(i)).map(i=>e[i]).filter(i=>!!i);if(c.length===0){w(t);return}st(t,c.join(" ")),n&&o.forEach(i=>r.add(i));}function nt(t){let e=[];for(let r of t.getArguments())p(r)&&e.push(...E(r.getLiteralText()));return e}function w(t){for(let e of t.getArguments())if(p(e)){let r=m(e.getLiteralText());e.setLiteralValue(r);}N(t);}function st(t,e){let r=t.getArguments()[0];if(p(r)){let l=r.getLiteralText(),c=m(h(e,l));r.setLiteralValue(c);for(let i=1;i<t.getArguments().length;i++){let u=t.getArguments()[i];if(p(u)){let f=u.getLiteralText(),g=m(f);g!==f&&u.setLiteralValue(g);}}N(t);return}let n=t.getArguments().map(l=>{if(p(l)){let c=m(l.getLiteralText());return c?JSON.stringify(c):null}return l.getText()}).filter(l=>l!==null),s=[JSON.stringify(e),...n];t.getParent()&&t.replaceWithText(`cn(${s.join(", ")})`);}async function at(t,{styleMap:e,transformers:r=[M]}){let s=new Project({useInMemoryFileSystem:true}).createSourceFile("component.tsx",t,{scriptKind:ScriptKind.TSX,overwrite:true});for(let o of r)await o({sourceFile:s,styleMap:e});return s.getText()}var lt=async({sourceFile:t,config:e})=>{if(!e.style?.startsWith("base-"))return t;let r=[],n=t.getDescendantsOfKind(SyntaxKind.JsxElement);for(let s of n){let o=s.getOpeningElement(),l=o.getAttribute("render");if(!l)continue;let i=s.getJsxChildren().map(d=>d.getText()).join("").trim();if(!i||l.getKind()!==SyntaxKind.JsxAttribute)continue;let f=l.asKindOrThrow(SyntaxKind.JsxAttribute).getInitializer();if(!f||f.getKind()!==SyntaxKind.JsxExpression)continue;let x=f.asKindOrThrow(SyntaxKind.JsxExpression).getExpression();if(!x||x.getKind()!==SyntaxKind.JsxSelfClosingElement)continue;let y=x.asKindOrThrow(SyntaxKind.JsxSelfClosingElement),C=y.getTagNameNode().getText(),J=y.getAttributes().map(d=>d.getText()).join(" "),j=J?`{<${C} ${J}>${i}</${C}>}`:`{<${C}>${i}</${C}>}`,F=o.getTagNameNode().getText(),O=o.getAttributes().filter(d=>d.getKind()===SyntaxKind.JsxAttribute?d.asKindOrThrow(SyntaxKind.JsxAttribute).getNameNode().getText()!=="render":true).map(d=>d.getText()).join(" "),V=O?`${O} render=${j}`:`render=${j}`,z=`<${F} ${V} />`;r.push({elementStart:s.getStart(),elementEnd:s.getEnd(),newText:z});}for(let s of r.reverse()){let o=t.getFullText(),l=o.substring(0,s.elementStart)+s.newText+o.substring(s.elementEnd);t.replaceWithText(l);}return t};export{X as createStyleMap,lt as transformRender,at as transformStyle};