@vibecms/core 0.1.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 (43) hide show
  1. package/dist/engine/index.d.mts +4 -0
  2. package/dist/engine/index.d.ts +4 -0
  3. package/dist/engine/index.js +1226 -0
  4. package/dist/engine/index.js.map +1 -0
  5. package/dist/engine/index.mjs +1184 -0
  6. package/dist/engine/index.mjs.map +1 -0
  7. package/dist/hooks/index.d.mts +27 -0
  8. package/dist/hooks/index.d.ts +27 -0
  9. package/dist/hooks/index.js +75 -0
  10. package/dist/hooks/index.js.map +1 -0
  11. package/dist/hooks/index.mjs +47 -0
  12. package/dist/hooks/index.mjs.map +1 -0
  13. package/dist/index-C3P1J_of.d.ts +339 -0
  14. package/dist/index-CO4uwTdH.d.mts +339 -0
  15. package/dist/index.css +2326 -0
  16. package/dist/index.css.map +1 -0
  17. package/dist/index.d.mts +412 -0
  18. package/dist/index.d.ts +412 -0
  19. package/dist/index.js +3715 -0
  20. package/dist/index.js.map +1 -0
  21. package/dist/index.mjs +3587 -0
  22. package/dist/index.mjs.map +1 -0
  23. package/dist/storage/index.d.mts +32 -0
  24. package/dist/storage/index.d.ts +32 -0
  25. package/dist/storage/index.js +103 -0
  26. package/dist/storage/index.js.map +1 -0
  27. package/dist/storage/index.mjs +75 -0
  28. package/dist/storage/index.mjs.map +1 -0
  29. package/dist/types-BkDsDmQJ.d.mts +83 -0
  30. package/dist/types-BkDsDmQJ.d.ts +83 -0
  31. package/dist/ui/index.d.mts +127 -0
  32. package/dist/ui/index.d.ts +127 -0
  33. package/dist/ui/index.js +1119 -0
  34. package/dist/ui/index.js.map +1 -0
  35. package/dist/ui/index.mjs +1030 -0
  36. package/dist/ui/index.mjs.map +1 -0
  37. package/dist/vite-plugin.d.mts +8 -0
  38. package/dist/vite-plugin.d.ts +8 -0
  39. package/dist/vite-plugin.js +193 -0
  40. package/dist/vite-plugin.js.map +1 -0
  41. package/dist/vite-plugin.mjs +165 -0
  42. package/dist/vite-plugin.mjs.map +1 -0
  43. package/package.json +89 -0
package/dist/index.css ADDED
@@ -0,0 +1,2326 @@
1
+ /* src/styles.css */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root,
6
+ :host {
7
+ --font-sans:
8
+ ui-sans-serif,
9
+ system-ui,
10
+ sans-serif,
11
+ "Apple Color Emoji",
12
+ "Segoe UI Emoji",
13
+ "Segoe UI Symbol",
14
+ "Noto Color Emoji";
15
+ --font-mono:
16
+ ui-monospace,
17
+ SFMono-Regular,
18
+ Menlo,
19
+ Monaco,
20
+ Consolas,
21
+ "Liberation Mono",
22
+ "Courier New",
23
+ monospace;
24
+ --color-indigo-500: oklch(58.5% 0.233 277.117);
25
+ --color-zinc-900: oklch(21% 0.006 285.885);
26
+ --color-neutral-50: oklch(98.5% 0 0);
27
+ --color-neutral-100: oklch(97% 0 0);
28
+ --color-neutral-200: oklch(92.2% 0 0);
29
+ --color-neutral-300: oklch(87% 0 0);
30
+ --color-neutral-400: oklch(70.8% 0 0);
31
+ --color-neutral-500: oklch(55.6% 0 0);
32
+ --color-neutral-900: oklch(20.5% 0 0);
33
+ --color-black: #000;
34
+ --color-white: #fff;
35
+ --spacing: 0.25rem;
36
+ --container-sm: 24rem;
37
+ --text-xs: 0.75rem;
38
+ --text-xs--line-height: calc(1 / 0.75);
39
+ --text-sm: 0.875rem;
40
+ --text-sm--line-height: calc(1.25 / 0.875);
41
+ --text-base: 1rem;
42
+ --text-base--line-height: calc(1.5 / 1);
43
+ --text-lg: 1.125rem;
44
+ --text-lg--line-height: calc(1.75 / 1.125);
45
+ --font-weight-medium: 500;
46
+ --font-weight-semibold: 600;
47
+ --tracking-widest: 0.1em;
48
+ --radius-md: calc(var(--radius) * 0.8);
49
+ --radius-xl: 0.75rem;
50
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
51
+ --blur-xs: 4px;
52
+ --default-transition-duration: 150ms;
53
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
54
+ --default-font-family: var(--font-sans);
55
+ --default-mono-font-family: var(--font-mono);
56
+ }
57
+ }
58
+ @layer base {
59
+ *,
60
+ ::after,
61
+ ::before,
62
+ ::backdrop,
63
+ ::file-selector-button {
64
+ box-sizing: border-box;
65
+ margin: 0;
66
+ padding: 0;
67
+ border: 0 solid;
68
+ }
69
+ html,
70
+ :host {
71
+ line-height: 1.5;
72
+ -webkit-text-size-adjust: 100%;
73
+ tab-size: 4;
74
+ font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
75
+ font-feature-settings: var(--default-font-feature-settings, normal);
76
+ font-variation-settings: var(--default-font-variation-settings, normal);
77
+ -webkit-tap-highlight-color: transparent;
78
+ }
79
+ hr {
80
+ height: 0;
81
+ color: inherit;
82
+ border-top-width: 1px;
83
+ }
84
+ abbr:where([title]) {
85
+ -webkit-text-decoration: underline dotted;
86
+ text-decoration: underline dotted;
87
+ }
88
+ h1,
89
+ h2,
90
+ h3,
91
+ h4,
92
+ h5,
93
+ h6 {
94
+ font-size: inherit;
95
+ font-weight: inherit;
96
+ }
97
+ a {
98
+ color: inherit;
99
+ -webkit-text-decoration: inherit;
100
+ text-decoration: inherit;
101
+ }
102
+ b,
103
+ strong {
104
+ font-weight: bolder;
105
+ }
106
+ code,
107
+ kbd,
108
+ samp,
109
+ pre {
110
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
111
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
112
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
113
+ font-size: 1em;
114
+ }
115
+ small {
116
+ font-size: 80%;
117
+ }
118
+ sub,
119
+ sup {
120
+ font-size: 75%;
121
+ line-height: 0;
122
+ position: relative;
123
+ vertical-align: baseline;
124
+ }
125
+ sub {
126
+ bottom: -0.25em;
127
+ }
128
+ sup {
129
+ top: -0.5em;
130
+ }
131
+ table {
132
+ text-indent: 0;
133
+ border-color: inherit;
134
+ border-collapse: collapse;
135
+ }
136
+ :-moz-focusring {
137
+ outline: auto;
138
+ }
139
+ progress {
140
+ vertical-align: baseline;
141
+ }
142
+ summary {
143
+ display: list-item;
144
+ }
145
+ ol,
146
+ ul,
147
+ menu {
148
+ list-style: none;
149
+ }
150
+ img,
151
+ svg,
152
+ video,
153
+ canvas,
154
+ audio,
155
+ iframe,
156
+ embed,
157
+ object {
158
+ display: block;
159
+ vertical-align: middle;
160
+ }
161
+ img,
162
+ video {
163
+ max-width: 100%;
164
+ height: auto;
165
+ }
166
+ button,
167
+ input,
168
+ select,
169
+ optgroup,
170
+ textarea,
171
+ ::file-selector-button {
172
+ font: inherit;
173
+ font-feature-settings: inherit;
174
+ font-variation-settings: inherit;
175
+ letter-spacing: inherit;
176
+ color: inherit;
177
+ border-radius: 0;
178
+ background-color: transparent;
179
+ opacity: 1;
180
+ }
181
+ :where(select:is([multiple], [size])) optgroup {
182
+ font-weight: bolder;
183
+ }
184
+ :where(select:is([multiple], [size])) optgroup option {
185
+ padding-inline-start: 20px;
186
+ }
187
+ ::file-selector-button {
188
+ margin-inline-end: 4px;
189
+ }
190
+ ::placeholder {
191
+ opacity: 1;
192
+ }
193
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
194
+ ::placeholder {
195
+ color: currentcolor;
196
+ @supports (color: color-mix(in lab, red, red)) {
197
+ color: color-mix(in oklab, currentcolor 50%, transparent);
198
+ }
199
+ }
200
+ }
201
+ textarea {
202
+ resize: vertical;
203
+ }
204
+ ::-webkit-search-decoration {
205
+ -webkit-appearance: none;
206
+ }
207
+ ::-webkit-date-and-time-value {
208
+ min-height: 1lh;
209
+ text-align: inherit;
210
+ }
211
+ ::-webkit-datetime-edit {
212
+ display: inline-flex;
213
+ }
214
+ ::-webkit-datetime-edit-fields-wrapper {
215
+ padding: 0;
216
+ }
217
+ ::-webkit-datetime-edit,
218
+ ::-webkit-datetime-edit-year-field,
219
+ ::-webkit-datetime-edit-month-field,
220
+ ::-webkit-datetime-edit-day-field,
221
+ ::-webkit-datetime-edit-hour-field,
222
+ ::-webkit-datetime-edit-minute-field,
223
+ ::-webkit-datetime-edit-second-field,
224
+ ::-webkit-datetime-edit-millisecond-field,
225
+ ::-webkit-datetime-edit-meridiem-field {
226
+ padding-block: 0;
227
+ }
228
+ ::-webkit-calendar-picker-indicator {
229
+ line-height: 1;
230
+ }
231
+ :-moz-ui-invalid {
232
+ box-shadow: none;
233
+ }
234
+ button,
235
+ input:where([type=button], [type=reset], [type=submit]),
236
+ ::file-selector-button {
237
+ appearance: button;
238
+ }
239
+ ::-webkit-inner-spin-button,
240
+ ::-webkit-outer-spin-button {
241
+ height: auto;
242
+ }
243
+ [hidden]:where(:not([hidden=until-found])) {
244
+ display: none !important;
245
+ }
246
+ }
247
+ @layer utilities {
248
+ .pointer-events-none {
249
+ pointer-events: none;
250
+ }
251
+ .sr-only {
252
+ position: absolute;
253
+ width: 1px;
254
+ height: 1px;
255
+ padding: 0;
256
+ margin: -1px;
257
+ overflow: hidden;
258
+ clip-path: inset(50%);
259
+ white-space: nowrap;
260
+ border-width: 0;
261
+ }
262
+ .absolute {
263
+ position: absolute;
264
+ }
265
+ .fixed {
266
+ position: fixed;
267
+ }
268
+ .relative {
269
+ position: relative;
270
+ }
271
+ .static {
272
+ position: static;
273
+ }
274
+ .inset-0 {
275
+ inset: calc(var(--spacing) * 0);
276
+ }
277
+ .start {
278
+ inset-inline-start: var(--spacing);
279
+ }
280
+ .end {
281
+ inset-inline-end: var(--spacing);
282
+ }
283
+ .top-1\/2 {
284
+ top: calc(1 / 2 * 100%);
285
+ }
286
+ .top-1\/3 {
287
+ top: calc(1 / 3 * 100%);
288
+ }
289
+ .top-2 {
290
+ top: calc(var(--spacing) * 2);
291
+ }
292
+ .top-3 {
293
+ top: calc(var(--spacing) * 3);
294
+ }
295
+ .right-2 {
296
+ right: calc(var(--spacing) * 2);
297
+ }
298
+ .right-3 {
299
+ right: calc(var(--spacing) * 3);
300
+ }
301
+ .left-1\/2 {
302
+ left: calc(1 / 2 * 100%);
303
+ }
304
+ .isolate {
305
+ isolation: isolate;
306
+ }
307
+ .z-50 {
308
+ z-index: 50;
309
+ }
310
+ .z-\[9999\] {
311
+ z-index: 9999;
312
+ }
313
+ .order-first {
314
+ order: -9999;
315
+ }
316
+ .order-last {
317
+ order: 9999;
318
+ }
319
+ .-mx-1 {
320
+ margin-inline: calc(var(--spacing) * -1);
321
+ }
322
+ .-mx-4 {
323
+ margin-inline: calc(var(--spacing) * -4);
324
+ }
325
+ .mt-auto {
326
+ margin-top: auto;
327
+ }
328
+ .-mb-4 {
329
+ margin-bottom: calc(var(--spacing) * -4);
330
+ }
331
+ .ml-auto {
332
+ margin-left: auto;
333
+ }
334
+ .block {
335
+ display: block;
336
+ }
337
+ .contents {
338
+ display: contents;
339
+ }
340
+ .flex {
341
+ display: flex;
342
+ }
343
+ .grid {
344
+ display: grid;
345
+ }
346
+ .hidden {
347
+ display: none;
348
+ }
349
+ .inline {
350
+ display: inline;
351
+ }
352
+ .inline-flex {
353
+ display: inline-flex;
354
+ }
355
+ .field-sizing-content {
356
+ field-sizing: content;
357
+ }
358
+ .size-4 {
359
+ width: calc(var(--spacing) * 4);
360
+ height: calc(var(--spacing) * 4);
361
+ }
362
+ .size-6 {
363
+ width: calc(var(--spacing) * 6);
364
+ height: calc(var(--spacing) * 6);
365
+ }
366
+ .size-7 {
367
+ width: calc(var(--spacing) * 7);
368
+ height: calc(var(--spacing) * 7);
369
+ }
370
+ .size-8 {
371
+ width: calc(var(--spacing) * 8);
372
+ height: calc(var(--spacing) * 8);
373
+ }
374
+ .size-9 {
375
+ width: calc(var(--spacing) * 9);
376
+ height: calc(var(--spacing) * 9);
377
+ }
378
+ .size-full {
379
+ width: 100%;
380
+ height: 100%;
381
+ }
382
+ .h-6 {
383
+ height: calc(var(--spacing) * 6);
384
+ }
385
+ .h-7 {
386
+ height: calc(var(--spacing) * 7);
387
+ }
388
+ .h-8 {
389
+ height: calc(var(--spacing) * 8);
390
+ }
391
+ .h-8\! {
392
+ height: calc(var(--spacing) * 8) !important;
393
+ }
394
+ .h-9 {
395
+ height: calc(var(--spacing) * 9);
396
+ }
397
+ .h-16 {
398
+ height: calc(var(--spacing) * 16);
399
+ }
400
+ .h-auto {
401
+ height: auto;
402
+ }
403
+ .h-px {
404
+ height: 1px;
405
+ }
406
+ .max-h-72 {
407
+ max-height: calc(var(--spacing) * 72);
408
+ }
409
+ .min-h-16 {
410
+ min-height: calc(var(--spacing) * 16);
411
+ }
412
+ .min-h-\[120px\] {
413
+ min-height: 120px;
414
+ }
415
+ .w-16 {
416
+ width: calc(var(--spacing) * 16);
417
+ }
418
+ .w-72 {
419
+ width: calc(var(--spacing) * 72);
420
+ }
421
+ .w-full {
422
+ width: 100%;
423
+ }
424
+ .max-w-\[calc\(100\%-2rem\)\] {
425
+ max-width: calc(100% - 2rem);
426
+ }
427
+ .min-w-0 {
428
+ min-width: calc(var(--spacing) * 0);
429
+ }
430
+ .flex-1 {
431
+ flex: 1;
432
+ }
433
+ .shrink-0 {
434
+ flex-shrink: 0;
435
+ }
436
+ .origin-\(--transform-origin\) {
437
+ transform-origin: var(--transform-origin);
438
+ }
439
+ .-translate-x-1\/2 {
440
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
441
+ translate: var(--tw-translate-x) var(--tw-translate-y);
442
+ }
443
+ .-translate-y-1\/2 {
444
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
445
+ translate: var(--tw-translate-x) var(--tw-translate-y);
446
+ }
447
+ .translate-y-0 {
448
+ --tw-translate-y: calc(var(--spacing) * 0);
449
+ translate: var(--tw-translate-x) var(--tw-translate-y);
450
+ }
451
+ .transform {
452
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
453
+ }
454
+ .cursor-default {
455
+ cursor: default;
456
+ }
457
+ .cursor-pointer {
458
+ cursor: pointer;
459
+ }
460
+ .cursor-text {
461
+ cursor: text;
462
+ }
463
+ .touch-none {
464
+ touch-action: none;
465
+ }
466
+ .resize {
467
+ resize: both;
468
+ }
469
+ .resize-none {
470
+ resize: none;
471
+ }
472
+ .scroll-py-1 {
473
+ scroll-padding-block: calc(var(--spacing) * 1);
474
+ }
475
+ .flex-col {
476
+ flex-direction: column;
477
+ }
478
+ .flex-col-reverse {
479
+ flex-direction: column-reverse;
480
+ }
481
+ .items-center {
482
+ align-items: center;
483
+ }
484
+ .justify-center {
485
+ justify-content: center;
486
+ }
487
+ .justify-start {
488
+ justify-content: flex-start;
489
+ }
490
+ .gap-0\.5 {
491
+ gap: calc(var(--spacing) * 0.5);
492
+ }
493
+ .gap-1 {
494
+ gap: calc(var(--spacing) * 1);
495
+ }
496
+ .gap-1\.5 {
497
+ gap: calc(var(--spacing) * 1.5);
498
+ }
499
+ .gap-2 {
500
+ gap: calc(var(--spacing) * 2);
501
+ }
502
+ .gap-2\.5 {
503
+ gap: calc(var(--spacing) * 2.5);
504
+ }
505
+ .gap-4 {
506
+ gap: calc(var(--spacing) * 4);
507
+ }
508
+ .overflow-hidden {
509
+ overflow: hidden;
510
+ }
511
+ .overflow-x-hidden {
512
+ overflow-x: hidden;
513
+ }
514
+ .overflow-y-auto {
515
+ overflow-y: auto;
516
+ }
517
+ .rounded {
518
+ border-radius: 0.25rem;
519
+ }
520
+ .rounded-\[calc\(var\(--radius\)-3px\)\] {
521
+ border-radius: calc(var(--radius) - 3px);
522
+ }
523
+ .rounded-\[inherit\] {
524
+ border-radius: inherit;
525
+ }
526
+ .rounded-\[min\(var\(--radius-md\)\,10px\)\] {
527
+ border-radius: min(var(--radius-md), 10px);
528
+ }
529
+ .rounded-\[min\(var\(--radius-md\)\,12px\)\] {
530
+ border-radius: min(var(--radius-md), 12px);
531
+ }
532
+ .rounded-full {
533
+ border-radius: calc(infinity * 1px);
534
+ }
535
+ .rounded-lg {
536
+ border-radius: var(--radius);
537
+ }
538
+ .rounded-lg\! {
539
+ border-radius: var(--radius) !important;
540
+ }
541
+ .rounded-md {
542
+ border-radius: calc(var(--radius) * 0.8);
543
+ }
544
+ .rounded-none {
545
+ border-radius: 0;
546
+ }
547
+ .rounded-sm {
548
+ border-radius: calc(var(--radius) * 0.6);
549
+ }
550
+ .rounded-xl {
551
+ border-radius: var(--radius-xl);
552
+ }
553
+ .rounded-xl\! {
554
+ border-radius: var(--radius-xl) !important;
555
+ }
556
+ .rounded-b-xl {
557
+ border-bottom-right-radius: var(--radius-xl);
558
+ border-bottom-left-radius: var(--radius-xl);
559
+ }
560
+ .border {
561
+ border-style: var(--tw-border-style);
562
+ border-width: 1px;
563
+ }
564
+ .border-0 {
565
+ border-style: var(--tw-border-style);
566
+ border-width: 0px;
567
+ }
568
+ .border-2 {
569
+ border-style: var(--tw-border-style);
570
+ border-width: 2px;
571
+ }
572
+ .border-t {
573
+ border-top-style: var(--tw-border-style);
574
+ border-top-width: 1px;
575
+ }
576
+ .border-dashed {
577
+ --tw-border-style: dashed;
578
+ border-style: dashed;
579
+ }
580
+ .border-none {
581
+ --tw-border-style: none;
582
+ border-style: none;
583
+ }
584
+ .border-border {
585
+ border-color: var(--border);
586
+ }
587
+ .border-input {
588
+ border-color: var(--input);
589
+ }
590
+ .border-input\/30 {
591
+ border-color: var(--input);
592
+ @supports (color: color-mix(in lab, red, red)) {
593
+ border-color: color-mix(in oklab, var(--input) 30%, transparent);
594
+ }
595
+ }
596
+ .border-neutral-200 {
597
+ border-color: var(--color-neutral-200);
598
+ }
599
+ .border-neutral-300 {
600
+ border-color: var(--color-neutral-300);
601
+ }
602
+ .border-transparent {
603
+ border-color: transparent;
604
+ }
605
+ .border-white\/10 {
606
+ border-color: color-mix(in srgb, #fff 10%, transparent);
607
+ @supports (color: color-mix(in lab, red, red)) {
608
+ border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
609
+ }
610
+ }
611
+ .bg-background {
612
+ background-color: var(--background);
613
+ }
614
+ .bg-black\/10 {
615
+ background-color: color-mix(in srgb, #000 10%, transparent);
616
+ @supports (color: color-mix(in lab, red, red)) {
617
+ background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
618
+ }
619
+ }
620
+ .bg-border {
621
+ background-color: var(--border);
622
+ }
623
+ .bg-destructive\/10 {
624
+ background-color: var(--destructive);
625
+ @supports (color: color-mix(in lab, red, red)) {
626
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
627
+ }
628
+ }
629
+ .bg-input\/30 {
630
+ background-color: var(--input);
631
+ @supports (color: color-mix(in lab, red, red)) {
632
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
633
+ }
634
+ }
635
+ .bg-muted\/50 {
636
+ background-color: var(--muted);
637
+ @supports (color: color-mix(in lab, red, red)) {
638
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
639
+ }
640
+ }
641
+ .bg-neutral-50 {
642
+ background-color: var(--color-neutral-50);
643
+ }
644
+ .bg-neutral-100 {
645
+ background-color: var(--color-neutral-100);
646
+ }
647
+ .bg-primary {
648
+ background-color: var(--primary);
649
+ }
650
+ .bg-secondary {
651
+ background-color: var(--secondary);
652
+ }
653
+ .bg-transparent {
654
+ background-color: transparent;
655
+ }
656
+ .bg-white {
657
+ background-color: var(--color-white);
658
+ }
659
+ .bg-zinc-900 {
660
+ background-color: var(--color-zinc-900);
661
+ }
662
+ .bg-clip-padding {
663
+ background-clip: padding-box;
664
+ }
665
+ .object-cover {
666
+ object-fit: cover;
667
+ }
668
+ .p-0 {
669
+ padding: calc(var(--spacing) * 0);
670
+ }
671
+ .p-1 {
672
+ padding: calc(var(--spacing) * 1);
673
+ }
674
+ .p-2\.5 {
675
+ padding: calc(var(--spacing) * 2.5);
676
+ }
677
+ .p-4 {
678
+ padding: calc(var(--spacing) * 4);
679
+ }
680
+ .p-px {
681
+ padding: 1px;
682
+ }
683
+ .px-1\.5 {
684
+ padding-inline: calc(var(--spacing) * 1.5);
685
+ }
686
+ .px-2 {
687
+ padding-inline: calc(var(--spacing) * 2);
688
+ }
689
+ .px-2\.5 {
690
+ padding-inline: calc(var(--spacing) * 2.5);
691
+ }
692
+ .px-3 {
693
+ padding-inline: calc(var(--spacing) * 3);
694
+ }
695
+ .py-1 {
696
+ padding-block: calc(var(--spacing) * 1);
697
+ }
698
+ .py-1\.5 {
699
+ padding-block: calc(var(--spacing) * 1.5);
700
+ }
701
+ .py-2 {
702
+ padding-block: calc(var(--spacing) * 2);
703
+ }
704
+ .py-6 {
705
+ padding-block: calc(var(--spacing) * 6);
706
+ }
707
+ .pt-2 {
708
+ padding-top: calc(var(--spacing) * 2);
709
+ }
710
+ .pr-2 {
711
+ padding-right: calc(var(--spacing) * 2);
712
+ }
713
+ .pb-0 {
714
+ padding-bottom: calc(var(--spacing) * 0);
715
+ }
716
+ .pb-2 {
717
+ padding-bottom: calc(var(--spacing) * 2);
718
+ }
719
+ .pl-2 {
720
+ padding-left: calc(var(--spacing) * 2);
721
+ }
722
+ .text-center {
723
+ text-align: center;
724
+ }
725
+ .text-base {
726
+ font-size: var(--text-base);
727
+ line-height: var(--tw-leading, var(--text-base--line-height));
728
+ }
729
+ .text-lg {
730
+ font-size: var(--text-lg);
731
+ line-height: var(--tw-leading, var(--text-lg--line-height));
732
+ }
733
+ .text-sm {
734
+ font-size: var(--text-sm);
735
+ line-height: var(--tw-leading, var(--text-sm--line-height));
736
+ }
737
+ .text-xs {
738
+ font-size: var(--text-xs);
739
+ line-height: var(--tw-leading, var(--text-xs--line-height));
740
+ }
741
+ .text-\[0\.8rem\] {
742
+ font-size: 0.8rem;
743
+ }
744
+ .leading-none {
745
+ --tw-leading: 1;
746
+ line-height: 1;
747
+ }
748
+ .font-medium {
749
+ --tw-font-weight: var(--font-weight-medium);
750
+ font-weight: var(--font-weight-medium);
751
+ }
752
+ .font-semibold {
753
+ --tw-font-weight: var(--font-weight-semibold);
754
+ font-weight: var(--font-weight-semibold);
755
+ }
756
+ .tracking-widest {
757
+ --tw-tracking: var(--tracking-widest);
758
+ letter-spacing: var(--tracking-widest);
759
+ }
760
+ .break-all {
761
+ word-break: break-all;
762
+ }
763
+ .whitespace-nowrap {
764
+ white-space: nowrap;
765
+ }
766
+ .text-destructive {
767
+ color: var(--destructive);
768
+ }
769
+ .text-foreground {
770
+ color: var(--foreground);
771
+ }
772
+ .text-muted-foreground {
773
+ color: var(--muted-foreground);
774
+ }
775
+ .text-neutral-400 {
776
+ color: var(--color-neutral-400);
777
+ }
778
+ .text-neutral-500 {
779
+ color: var(--color-neutral-500);
780
+ }
781
+ .text-neutral-900 {
782
+ color: var(--color-neutral-900);
783
+ }
784
+ .text-primary {
785
+ color: var(--primary);
786
+ }
787
+ .text-primary-foreground {
788
+ color: var(--primary-foreground);
789
+ }
790
+ .text-secondary-foreground {
791
+ color: var(--secondary-foreground);
792
+ }
793
+ .text-white {
794
+ color: var(--color-white);
795
+ }
796
+ .uppercase {
797
+ text-transform: uppercase;
798
+ }
799
+ .underline-offset-4 {
800
+ text-underline-offset: 4px;
801
+ }
802
+ .opacity-0 {
803
+ opacity: 0%;
804
+ }
805
+ .opacity-50 {
806
+ opacity: 50%;
807
+ }
808
+ .shadow-2xl {
809
+ --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
810
+ box-shadow:
811
+ var(--tw-inset-shadow),
812
+ var(--tw-inset-ring-shadow),
813
+ var(--tw-ring-offset-shadow),
814
+ var(--tw-ring-shadow),
815
+ var(--tw-shadow);
816
+ }
817
+ .shadow-lg {
818
+ --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
819
+ box-shadow:
820
+ var(--tw-inset-shadow),
821
+ var(--tw-inset-ring-shadow),
822
+ var(--tw-ring-offset-shadow),
823
+ var(--tw-ring-shadow),
824
+ var(--tw-shadow);
825
+ }
826
+ .shadow-none {
827
+ --tw-shadow: 0 0 #0000;
828
+ box-shadow:
829
+ var(--tw-inset-shadow),
830
+ var(--tw-inset-ring-shadow),
831
+ var(--tw-ring-offset-shadow),
832
+ var(--tw-ring-shadow),
833
+ var(--tw-shadow);
834
+ }
835
+ .shadow-none\! {
836
+ --tw-shadow: 0 0 #0000 !important;
837
+ box-shadow:
838
+ var(--tw-inset-shadow),
839
+ var(--tw-inset-ring-shadow),
840
+ var(--tw-ring-offset-shadow),
841
+ var(--tw-ring-shadow),
842
+ var(--tw-shadow) !important;
843
+ }
844
+ .shadow-xl {
845
+ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
846
+ box-shadow:
847
+ var(--tw-inset-shadow),
848
+ var(--tw-inset-ring-shadow),
849
+ var(--tw-ring-offset-shadow),
850
+ var(--tw-ring-shadow),
851
+ var(--tw-shadow);
852
+ }
853
+ .ring-0 {
854
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
855
+ box-shadow:
856
+ var(--tw-inset-shadow),
857
+ var(--tw-inset-ring-shadow),
858
+ var(--tw-ring-offset-shadow),
859
+ var(--tw-ring-shadow),
860
+ var(--tw-shadow);
861
+ }
862
+ .ring-1 {
863
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
864
+ box-shadow:
865
+ var(--tw-inset-shadow),
866
+ var(--tw-inset-ring-shadow),
867
+ var(--tw-ring-offset-shadow),
868
+ var(--tw-ring-shadow),
869
+ var(--tw-shadow);
870
+ }
871
+ .ring-foreground\/10 {
872
+ --tw-ring-color: var(--foreground);
873
+ @supports (color: color-mix(in lab, red, red)) {
874
+ --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
875
+ }
876
+ }
877
+ .ring-neutral-200 {
878
+ --tw-ring-color: var(--color-neutral-200);
879
+ }
880
+ .ring-transparent {
881
+ --tw-ring-color: transparent;
882
+ }
883
+ .outline-hidden {
884
+ --tw-outline-style: none;
885
+ outline-style: none;
886
+ @media (forced-colors: active) {
887
+ outline: 2px solid transparent;
888
+ outline-offset: 2px;
889
+ }
890
+ }
891
+ .outline {
892
+ outline-style: var(--tw-outline-style);
893
+ outline-width: 1px;
894
+ }
895
+ .transition {
896
+ transition-property:
897
+ color,
898
+ background-color,
899
+ border-color,
900
+ outline-color,
901
+ text-decoration-color,
902
+ fill,
903
+ stroke,
904
+ --tw-gradient-from,
905
+ --tw-gradient-via,
906
+ --tw-gradient-to,
907
+ opacity,
908
+ box-shadow,
909
+ transform,
910
+ translate,
911
+ scale,
912
+ rotate,
913
+ filter,
914
+ -webkit-backdrop-filter,
915
+ backdrop-filter,
916
+ display,
917
+ content-visibility,
918
+ overlay,
919
+ pointer-events;
920
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
921
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
922
+ }
923
+ .transition-\[color\,box-shadow\] {
924
+ transition-property: color, box-shadow;
925
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
926
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
927
+ }
928
+ .transition-all {
929
+ transition-property: all;
930
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
931
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
932
+ }
933
+ .transition-colors {
934
+ transition-property:
935
+ color,
936
+ background-color,
937
+ border-color,
938
+ outline-color,
939
+ text-decoration-color,
940
+ fill,
941
+ stroke,
942
+ --tw-gradient-from,
943
+ --tw-gradient-via,
944
+ --tw-gradient-to;
945
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
946
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
947
+ }
948
+ .transition-opacity {
949
+ transition-property: opacity;
950
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
951
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
952
+ }
953
+ .transition-transform {
954
+ transition-property:
955
+ transform,
956
+ translate,
957
+ scale,
958
+ rotate;
959
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
960
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
961
+ }
962
+ .duration-100 {
963
+ --tw-duration: 100ms;
964
+ transition-duration: 100ms;
965
+ }
966
+ .duration-150 {
967
+ --tw-duration: 150ms;
968
+ transition-duration: 150ms;
969
+ }
970
+ .duration-200 {
971
+ --tw-duration: 200ms;
972
+ transition-duration: 200ms;
973
+ }
974
+ .ease-in-out {
975
+ --tw-ease: var(--ease-in-out);
976
+ transition-timing-function: var(--ease-in-out);
977
+ }
978
+ .outline-none {
979
+ --tw-outline-style: none;
980
+ outline-style: none;
981
+ }
982
+ .select-none {
983
+ -webkit-user-select: none;
984
+ user-select: none;
985
+ }
986
+ .group-has-data-\[slot\=command-shortcut\]\/command-item\:hidden {
987
+ &:is(:where(.group\/command-item):has(*[data-slot=command-shortcut]) *) {
988
+ display: none;
989
+ }
990
+ }
991
+ .group-has-\[\>input\]\/input-group\:pt-2 {
992
+ &:is(:where(.group\/input-group):has(> input) *) {
993
+ padding-top: calc(var(--spacing) * 2);
994
+ }
995
+ }
996
+ .group-has-\[\>input\]\/input-group\:pb-2 {
997
+ &:is(:where(.group\/input-group):has(> input) *) {
998
+ padding-bottom: calc(var(--spacing) * 2);
999
+ }
1000
+ }
1001
+ .group-data-selected\/command-item\:text-foreground {
1002
+ &:is(:where(.group\/command-item)[data-selected] *) {
1003
+ color: var(--foreground);
1004
+ }
1005
+ }
1006
+ .group-data-\[checked\=true\]\/command-item\:opacity-100 {
1007
+ &:is(:where(.group\/command-item)[data-checked=true] *) {
1008
+ opacity: 100%;
1009
+ }
1010
+ }
1011
+ .group-data-\[disabled\=true\]\:pointer-events-none {
1012
+ &:is(:where(.group)[data-disabled=true] *) {
1013
+ pointer-events: none;
1014
+ }
1015
+ }
1016
+ .group-data-\[disabled\=true\]\:opacity-50 {
1017
+ &:is(:where(.group)[data-disabled=true] *) {
1018
+ opacity: 50%;
1019
+ }
1020
+ }
1021
+ .group-data-\[disabled\=true\]\/input-group\:opacity-50 {
1022
+ &:is(:where(.group\/input-group)[data-disabled=true] *) {
1023
+ opacity: 50%;
1024
+ }
1025
+ }
1026
+ .group-data-\[size\=default\]\/switch\:size-4 {
1027
+ &:is(:where(.group\/switch)[data-size=default] *) {
1028
+ width: calc(var(--spacing) * 4);
1029
+ height: calc(var(--spacing) * 4);
1030
+ }
1031
+ }
1032
+ .group-data-\[size\=sm\]\/switch\:size-3 {
1033
+ &:is(:where(.group\/switch)[data-size=sm] *) {
1034
+ width: calc(var(--spacing) * 3);
1035
+ height: calc(var(--spacing) * 3);
1036
+ }
1037
+ }
1038
+ .peer-disabled\:cursor-not-allowed {
1039
+ &:is(:where(.peer):disabled ~ *) {
1040
+ cursor: not-allowed;
1041
+ }
1042
+ }
1043
+ .peer-disabled\:opacity-50 {
1044
+ &:is(:where(.peer):disabled ~ *) {
1045
+ opacity: 50%;
1046
+ }
1047
+ }
1048
+ .file\:inline-flex {
1049
+ &::file-selector-button {
1050
+ display: inline-flex;
1051
+ }
1052
+ }
1053
+ .file\:h-6 {
1054
+ &::file-selector-button {
1055
+ height: calc(var(--spacing) * 6);
1056
+ }
1057
+ }
1058
+ .file\:border-0 {
1059
+ &::file-selector-button {
1060
+ border-style: var(--tw-border-style);
1061
+ border-width: 0px;
1062
+ }
1063
+ }
1064
+ .file\:bg-transparent {
1065
+ &::file-selector-button {
1066
+ background-color: transparent;
1067
+ }
1068
+ }
1069
+ .file\:text-sm {
1070
+ &::file-selector-button {
1071
+ font-size: var(--text-sm);
1072
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1073
+ }
1074
+ }
1075
+ .file\:font-medium {
1076
+ &::file-selector-button {
1077
+ --tw-font-weight: var(--font-weight-medium);
1078
+ font-weight: var(--font-weight-medium);
1079
+ }
1080
+ }
1081
+ .file\:text-foreground {
1082
+ &::file-selector-button {
1083
+ color: var(--foreground);
1084
+ }
1085
+ }
1086
+ .placeholder\:text-muted-foreground {
1087
+ &::placeholder {
1088
+ color: var(--muted-foreground);
1089
+ }
1090
+ }
1091
+ .after\:absolute {
1092
+ &::after {
1093
+ content: var(--tw-content);
1094
+ position: absolute;
1095
+ }
1096
+ }
1097
+ .after\:-inset-x-3 {
1098
+ &::after {
1099
+ content: var(--tw-content);
1100
+ inset-inline: calc(var(--spacing) * -3);
1101
+ }
1102
+ }
1103
+ .after\:-inset-y-2 {
1104
+ &::after {
1105
+ content: var(--tw-content);
1106
+ inset-block: calc(var(--spacing) * -2);
1107
+ }
1108
+ }
1109
+ .hover\:bg-destructive\/20 {
1110
+ &:hover {
1111
+ @media (hover: hover) {
1112
+ background-color: var(--destructive);
1113
+ @supports (color: color-mix(in lab, red, red)) {
1114
+ background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1115
+ }
1116
+ }
1117
+ }
1118
+ }
1119
+ .hover\:bg-indigo-500\/10 {
1120
+ &:hover {
1121
+ @media (hover: hover) {
1122
+ background-color: color-mix(in srgb, oklch(58.5% 0.233 277.117) 10%, transparent);
1123
+ @supports (color: color-mix(in lab, red, red)) {
1124
+ background-color: color-mix(in oklab, var(--color-indigo-500) 10%, transparent);
1125
+ }
1126
+ }
1127
+ }
1128
+ }
1129
+ .hover\:bg-muted {
1130
+ &:hover {
1131
+ @media (hover: hover) {
1132
+ background-color: var(--muted);
1133
+ }
1134
+ }
1135
+ }
1136
+ .hover\:bg-secondary\/80 {
1137
+ &:hover {
1138
+ @media (hover: hover) {
1139
+ background-color: var(--secondary);
1140
+ @supports (color: color-mix(in lab, red, red)) {
1141
+ background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
1142
+ }
1143
+ }
1144
+ }
1145
+ }
1146
+ .hover\:text-foreground {
1147
+ &:hover {
1148
+ @media (hover: hover) {
1149
+ color: var(--foreground);
1150
+ }
1151
+ }
1152
+ }
1153
+ .hover\:underline {
1154
+ &:hover {
1155
+ @media (hover: hover) {
1156
+ text-decoration-line: underline;
1157
+ }
1158
+ }
1159
+ }
1160
+ .hover\:ring-indigo-500 {
1161
+ &:hover {
1162
+ @media (hover: hover) {
1163
+ --tw-ring-color: var(--color-indigo-500);
1164
+ }
1165
+ }
1166
+ }
1167
+ .focus-visible\:border-destructive\/40 {
1168
+ &:focus-visible {
1169
+ border-color: var(--destructive);
1170
+ @supports (color: color-mix(in lab, red, red)) {
1171
+ border-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1172
+ }
1173
+ }
1174
+ }
1175
+ .focus-visible\:border-ring {
1176
+ &:focus-visible {
1177
+ border-color: var(--ring);
1178
+ }
1179
+ }
1180
+ .focus-visible\:ring-0 {
1181
+ &:focus-visible {
1182
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1183
+ box-shadow:
1184
+ var(--tw-inset-shadow),
1185
+ var(--tw-inset-ring-shadow),
1186
+ var(--tw-ring-offset-shadow),
1187
+ var(--tw-ring-shadow),
1188
+ var(--tw-shadow);
1189
+ }
1190
+ }
1191
+ .focus-visible\:ring-3 {
1192
+ &:focus-visible {
1193
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1194
+ box-shadow:
1195
+ var(--tw-inset-shadow),
1196
+ var(--tw-inset-ring-shadow),
1197
+ var(--tw-ring-offset-shadow),
1198
+ var(--tw-ring-shadow),
1199
+ var(--tw-shadow);
1200
+ }
1201
+ }
1202
+ .focus-visible\:ring-\[3px\] {
1203
+ &:focus-visible {
1204
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1205
+ box-shadow:
1206
+ var(--tw-inset-shadow),
1207
+ var(--tw-inset-ring-shadow),
1208
+ var(--tw-ring-offset-shadow),
1209
+ var(--tw-ring-shadow),
1210
+ var(--tw-shadow);
1211
+ }
1212
+ }
1213
+ .focus-visible\:ring-destructive\/20 {
1214
+ &:focus-visible {
1215
+ --tw-ring-color: var(--destructive);
1216
+ @supports (color: color-mix(in lab, red, red)) {
1217
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1218
+ }
1219
+ }
1220
+ }
1221
+ .focus-visible\:ring-ring\/50 {
1222
+ &:focus-visible {
1223
+ --tw-ring-color: var(--ring);
1224
+ @supports (color: color-mix(in lab, red, red)) {
1225
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1226
+ }
1227
+ }
1228
+ }
1229
+ .focus-visible\:outline-1 {
1230
+ &:focus-visible {
1231
+ outline-style: var(--tw-outline-style);
1232
+ outline-width: 1px;
1233
+ }
1234
+ }
1235
+ .active\:not-aria-\[haspopup\]\:translate-y-px {
1236
+ &:active {
1237
+ &:not(*[aria-haspopup]) {
1238
+ --tw-translate-y: 1px;
1239
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1240
+ }
1241
+ }
1242
+ }
1243
+ .disabled\:pointer-events-none {
1244
+ &:disabled {
1245
+ pointer-events: none;
1246
+ }
1247
+ }
1248
+ .disabled\:cursor-not-allowed {
1249
+ &:disabled {
1250
+ cursor: not-allowed;
1251
+ }
1252
+ }
1253
+ .disabled\:bg-input\/50 {
1254
+ &:disabled {
1255
+ background-color: var(--input);
1256
+ @supports (color: color-mix(in lab, red, red)) {
1257
+ background-color: color-mix(in oklab, var(--input) 50%, transparent);
1258
+ }
1259
+ }
1260
+ }
1261
+ .disabled\:bg-transparent {
1262
+ &:disabled {
1263
+ background-color: transparent;
1264
+ }
1265
+ }
1266
+ .disabled\:opacity-50 {
1267
+ &:disabled {
1268
+ opacity: 50%;
1269
+ }
1270
+ }
1271
+ .in-data-\[slot\=button-group\]\:rounded-lg {
1272
+ :where(*[data-slot=button-group]) & {
1273
+ border-radius: var(--radius);
1274
+ }
1275
+ }
1276
+ .in-data-\[slot\=combobox-content\]\:focus-within\:border-inherit {
1277
+ :where(*[data-slot=combobox-content]) & {
1278
+ &:focus-within {
1279
+ border-color: inherit;
1280
+ }
1281
+ }
1282
+ }
1283
+ .in-data-\[slot\=combobox-content\]\:focus-within\:ring-0 {
1284
+ :where(*[data-slot=combobox-content]) & {
1285
+ &:focus-within {
1286
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1287
+ box-shadow:
1288
+ var(--tw-inset-shadow),
1289
+ var(--tw-inset-ring-shadow),
1290
+ var(--tw-ring-offset-shadow),
1291
+ var(--tw-ring-shadow),
1292
+ var(--tw-shadow);
1293
+ }
1294
+ }
1295
+ }
1296
+ .in-data-\[slot\=dialog-content\]\:rounded-lg\! {
1297
+ :where(*[data-slot=dialog-content]) & {
1298
+ border-radius: var(--radius) !important;
1299
+ }
1300
+ }
1301
+ .has-disabled\:bg-input\/50 {
1302
+ &:has(*:disabled) {
1303
+ background-color: var(--input);
1304
+ @supports (color: color-mix(in lab, red, red)) {
1305
+ background-color: color-mix(in oklab, var(--input) 50%, transparent);
1306
+ }
1307
+ }
1308
+ }
1309
+ .has-disabled\:opacity-50 {
1310
+ &:has(*:disabled) {
1311
+ opacity: 50%;
1312
+ }
1313
+ }
1314
+ .has-data-\[icon\=inline-end\]\:pr-1\.5 {
1315
+ &:has(*[data-icon=inline-end]) {
1316
+ padding-right: calc(var(--spacing) * 1.5);
1317
+ }
1318
+ }
1319
+ .has-data-\[icon\=inline-end\]\:pr-2 {
1320
+ &:has(*[data-icon=inline-end]) {
1321
+ padding-right: calc(var(--spacing) * 2);
1322
+ }
1323
+ }
1324
+ .has-data-\[icon\=inline-end\]\:pr-3 {
1325
+ &:has(*[data-icon=inline-end]) {
1326
+ padding-right: calc(var(--spacing) * 3);
1327
+ }
1328
+ }
1329
+ .has-data-\[icon\=inline-start\]\:pl-1\.5 {
1330
+ &:has(*[data-icon=inline-start]) {
1331
+ padding-left: calc(var(--spacing) * 1.5);
1332
+ }
1333
+ }
1334
+ .has-data-\[icon\=inline-start\]\:pl-2 {
1335
+ &:has(*[data-icon=inline-start]) {
1336
+ padding-left: calc(var(--spacing) * 2);
1337
+ }
1338
+ }
1339
+ .has-data-\[icon\=inline-start\]\:pl-3 {
1340
+ &:has(*[data-icon=inline-start]) {
1341
+ padding-left: calc(var(--spacing) * 3);
1342
+ }
1343
+ }
1344
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring {
1345
+ &:has(*:is([data-slot=input-group-control]:focus-visible)) {
1346
+ border-color: var(--ring);
1347
+ }
1348
+ }
1349
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-3 {
1350
+ &:has(*:is([data-slot=input-group-control]:focus-visible)) {
1351
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1352
+ box-shadow:
1353
+ var(--tw-inset-shadow),
1354
+ var(--tw-inset-ring-shadow),
1355
+ var(--tw-ring-offset-shadow),
1356
+ var(--tw-ring-shadow),
1357
+ var(--tw-shadow);
1358
+ }
1359
+ }
1360
+ .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50 {
1361
+ &:has(*:is([data-slot=input-group-control]:focus-visible)) {
1362
+ --tw-ring-color: var(--ring);
1363
+ @supports (color: color-mix(in lab, red, red)) {
1364
+ --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
1365
+ }
1366
+ }
1367
+ }
1368
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive {
1369
+ &:has(*:is([data-slot][aria-invalid=true])) {
1370
+ border-color: var(--destructive);
1371
+ }
1372
+ }
1373
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-3 {
1374
+ &:has(*:is([data-slot][aria-invalid=true])) {
1375
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1376
+ box-shadow:
1377
+ var(--tw-inset-shadow),
1378
+ var(--tw-inset-ring-shadow),
1379
+ var(--tw-ring-offset-shadow),
1380
+ var(--tw-ring-shadow),
1381
+ var(--tw-shadow);
1382
+ }
1383
+ }
1384
+ .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20 {
1385
+ &:has(*:is([data-slot][aria-invalid=true])) {
1386
+ --tw-ring-color: var(--destructive);
1387
+ @supports (color: color-mix(in lab, red, red)) {
1388
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1389
+ }
1390
+ }
1391
+ }
1392
+ .has-\[\>\[data-align\=block-end\]\]\:h-auto {
1393
+ &:has(> [data-align=block-end]) {
1394
+ height: auto;
1395
+ }
1396
+ }
1397
+ .has-\[\>\[data-align\=block-end\]\]\:flex-col {
1398
+ &:has(> [data-align=block-end]) {
1399
+ flex-direction: column;
1400
+ }
1401
+ }
1402
+ .has-\[\>\[data-align\=block-start\]\]\:h-auto {
1403
+ &:has(> [data-align=block-start]) {
1404
+ height: auto;
1405
+ }
1406
+ }
1407
+ .has-\[\>\[data-align\=block-start\]\]\:flex-col {
1408
+ &:has(> [data-align=block-start]) {
1409
+ flex-direction: column;
1410
+ }
1411
+ }
1412
+ .has-\[\>button\]\:mr-\[-0\.3rem\] {
1413
+ &:has(> button) {
1414
+ margin-right: -0.3rem;
1415
+ }
1416
+ }
1417
+ .has-\[\>button\]\:ml-\[-0\.3rem\] {
1418
+ &:has(> button) {
1419
+ margin-left: -0.3rem;
1420
+ }
1421
+ }
1422
+ .has-\[\>kbd\]\:mr-\[-0\.15rem\] {
1423
+ &:has(> kbd) {
1424
+ margin-right: -0.15rem;
1425
+ }
1426
+ }
1427
+ .has-\[\>kbd\]\:ml-\[-0\.15rem\] {
1428
+ &:has(> kbd) {
1429
+ margin-left: -0.15rem;
1430
+ }
1431
+ }
1432
+ .has-\[\>svg\]\:p-0 {
1433
+ &:has(> svg) {
1434
+ padding: calc(var(--spacing) * 0);
1435
+ }
1436
+ }
1437
+ .has-\[\>textarea\]\:h-auto {
1438
+ &:has(> textarea) {
1439
+ height: auto;
1440
+ }
1441
+ }
1442
+ .aria-expanded\:bg-muted {
1443
+ &[aria-expanded=true] {
1444
+ background-color: var(--muted);
1445
+ }
1446
+ }
1447
+ .aria-expanded\:bg-secondary {
1448
+ &[aria-expanded=true] {
1449
+ background-color: var(--secondary);
1450
+ }
1451
+ }
1452
+ .aria-expanded\:text-foreground {
1453
+ &[aria-expanded=true] {
1454
+ color: var(--foreground);
1455
+ }
1456
+ }
1457
+ .aria-expanded\:text-secondary-foreground {
1458
+ &[aria-expanded=true] {
1459
+ color: var(--secondary-foreground);
1460
+ }
1461
+ }
1462
+ .aria-invalid\:border-destructive {
1463
+ &[aria-invalid=true] {
1464
+ border-color: var(--destructive);
1465
+ }
1466
+ }
1467
+ .aria-invalid\:ring-0 {
1468
+ &[aria-invalid=true] {
1469
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1470
+ box-shadow:
1471
+ var(--tw-inset-shadow),
1472
+ var(--tw-inset-ring-shadow),
1473
+ var(--tw-ring-offset-shadow),
1474
+ var(--tw-ring-shadow),
1475
+ var(--tw-shadow);
1476
+ }
1477
+ }
1478
+ .aria-invalid\:ring-3 {
1479
+ &[aria-invalid=true] {
1480
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1481
+ box-shadow:
1482
+ var(--tw-inset-shadow),
1483
+ var(--tw-inset-ring-shadow),
1484
+ var(--tw-ring-offset-shadow),
1485
+ var(--tw-ring-shadow),
1486
+ var(--tw-shadow);
1487
+ }
1488
+ }
1489
+ .aria-invalid\:ring-destructive\/20 {
1490
+ &[aria-invalid=true] {
1491
+ --tw-ring-color: var(--destructive);
1492
+ @supports (color: color-mix(in lab, red, red)) {
1493
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1494
+ }
1495
+ }
1496
+ }
1497
+ .data-checked\:bg-primary {
1498
+ &[data-checked] {
1499
+ background-color: var(--primary);
1500
+ }
1501
+ }
1502
+ .group-data-\[size\=default\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
1503
+ &:is(:where(.group\/switch)[data-size=default] *) {
1504
+ &[data-checked] {
1505
+ --tw-translate-x: calc(100% - 2px);
1506
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1507
+ }
1508
+ }
1509
+ }
1510
+ .group-data-\[size\=sm\]\/switch\:data-checked\:translate-x-\[calc\(100\%-2px\)\] {
1511
+ &:is(:where(.group\/switch)[data-size=sm] *) {
1512
+ &[data-checked] {
1513
+ --tw-translate-x: calc(100% - 2px);
1514
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1515
+ }
1516
+ }
1517
+ }
1518
+ .data-disabled\:cursor-not-allowed {
1519
+ &[data-disabled] {
1520
+ cursor: not-allowed;
1521
+ }
1522
+ }
1523
+ .data-disabled\:opacity-50 {
1524
+ &[data-disabled] {
1525
+ opacity: 50%;
1526
+ }
1527
+ }
1528
+ .data-ending-style\:opacity-0 {
1529
+ &[data-ending-style] {
1530
+ opacity: 0%;
1531
+ }
1532
+ }
1533
+ .data-horizontal\:h-2\.5 {
1534
+ &[data-horizontal] {
1535
+ height: calc(var(--spacing) * 2.5);
1536
+ }
1537
+ }
1538
+ .data-horizontal\:flex-col {
1539
+ &[data-horizontal] {
1540
+ flex-direction: column;
1541
+ }
1542
+ }
1543
+ .data-horizontal\:border-t {
1544
+ &[data-horizontal] {
1545
+ border-top-style: var(--tw-border-style);
1546
+ border-top-width: 1px;
1547
+ }
1548
+ }
1549
+ .data-horizontal\:border-t-transparent {
1550
+ &[data-horizontal] {
1551
+ border-top-color: transparent;
1552
+ }
1553
+ }
1554
+ .data-selected\:bg-neutral-100 {
1555
+ &[data-selected] {
1556
+ background-color: var(--color-neutral-100);
1557
+ }
1558
+ }
1559
+ .data-selected\:text-neutral-900 {
1560
+ &[data-selected] {
1561
+ color: var(--color-neutral-900);
1562
+ }
1563
+ }
1564
+ .data-starting-style\:opacity-0 {
1565
+ &[data-starting-style] {
1566
+ opacity: 0%;
1567
+ }
1568
+ }
1569
+ .data-unchecked\:bg-input {
1570
+ &[data-unchecked] {
1571
+ background-color: var(--input);
1572
+ }
1573
+ }
1574
+ .group-data-\[size\=default\]\/switch\:data-unchecked\:translate-x-0 {
1575
+ &:is(:where(.group\/switch)[data-size=default] *) {
1576
+ &[data-unchecked] {
1577
+ --tw-translate-x: calc(var(--spacing) * 0);
1578
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1579
+ }
1580
+ }
1581
+ }
1582
+ .group-data-\[size\=sm\]\/switch\:data-unchecked\:translate-x-0 {
1583
+ &:is(:where(.group\/switch)[data-size=sm] *) {
1584
+ &[data-unchecked] {
1585
+ --tw-translate-x: calc(var(--spacing) * 0);
1586
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1587
+ }
1588
+ }
1589
+ }
1590
+ .data-vertical\:h-full {
1591
+ &[data-vertical] {
1592
+ height: 100%;
1593
+ }
1594
+ }
1595
+ .data-vertical\:w-2\.5 {
1596
+ &[data-vertical] {
1597
+ width: calc(var(--spacing) * 2.5);
1598
+ }
1599
+ }
1600
+ .data-vertical\:border-l {
1601
+ &[data-vertical] {
1602
+ border-left-style: var(--tw-border-style);
1603
+ border-left-width: 1px;
1604
+ }
1605
+ }
1606
+ .data-vertical\:border-l-transparent {
1607
+ &[data-vertical] {
1608
+ border-left-color: transparent;
1609
+ }
1610
+ }
1611
+ .data-\[disabled\=true\]\:pointer-events-none {
1612
+ &[data-disabled=true] {
1613
+ pointer-events: none;
1614
+ }
1615
+ }
1616
+ .data-\[disabled\=true\]\:opacity-50 {
1617
+ &[data-disabled=true] {
1618
+ opacity: 50%;
1619
+ }
1620
+ }
1621
+ .data-\[side\=bottom\]\:inset-x-0 {
1622
+ &[data-side=bottom] {
1623
+ inset-inline: calc(var(--spacing) * 0);
1624
+ }
1625
+ }
1626
+ .data-\[side\=bottom\]\:bottom-0 {
1627
+ &[data-side=bottom] {
1628
+ bottom: calc(var(--spacing) * 0);
1629
+ }
1630
+ }
1631
+ .data-\[side\=bottom\]\:h-auto {
1632
+ &[data-side=bottom] {
1633
+ height: auto;
1634
+ }
1635
+ }
1636
+ .data-\[side\=bottom\]\:border-t {
1637
+ &[data-side=bottom] {
1638
+ border-top-style: var(--tw-border-style);
1639
+ border-top-width: 1px;
1640
+ }
1641
+ }
1642
+ .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\] {
1643
+ &[data-side=bottom] {
1644
+ &[data-ending-style] {
1645
+ --tw-translate-y: 2.5rem;
1646
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1647
+ }
1648
+ }
1649
+ }
1650
+ .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\] {
1651
+ &[data-side=bottom] {
1652
+ &[data-starting-style] {
1653
+ --tw-translate-y: 2.5rem;
1654
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1655
+ }
1656
+ }
1657
+ }
1658
+ .data-\[side\=left\]\:inset-y-0 {
1659
+ &[data-side=left] {
1660
+ inset-block: calc(var(--spacing) * 0);
1661
+ }
1662
+ }
1663
+ .data-\[side\=left\]\:left-0 {
1664
+ &[data-side=left] {
1665
+ left: calc(var(--spacing) * 0);
1666
+ }
1667
+ }
1668
+ .data-\[side\=left\]\:h-full {
1669
+ &[data-side=left] {
1670
+ height: 100%;
1671
+ }
1672
+ }
1673
+ .data-\[side\=left\]\:w-3\/4 {
1674
+ &[data-side=left] {
1675
+ width: calc(3 / 4 * 100%);
1676
+ }
1677
+ }
1678
+ .data-\[side\=left\]\:border-r {
1679
+ &[data-side=left] {
1680
+ border-right-style: var(--tw-border-style);
1681
+ border-right-width: 1px;
1682
+ }
1683
+ }
1684
+ .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\] {
1685
+ &[data-side=left] {
1686
+ &[data-ending-style] {
1687
+ --tw-translate-x: -2.5rem;
1688
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1689
+ }
1690
+ }
1691
+ }
1692
+ .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\] {
1693
+ &[data-side=left] {
1694
+ &[data-starting-style] {
1695
+ --tw-translate-x: -2.5rem;
1696
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1697
+ }
1698
+ }
1699
+ }
1700
+ .data-\[side\=right\]\:inset-y-0 {
1701
+ &[data-side=right] {
1702
+ inset-block: calc(var(--spacing) * 0);
1703
+ }
1704
+ }
1705
+ .data-\[side\=right\]\:right-0 {
1706
+ &[data-side=right] {
1707
+ right: calc(var(--spacing) * 0);
1708
+ }
1709
+ }
1710
+ .data-\[side\=right\]\:h-full {
1711
+ &[data-side=right] {
1712
+ height: 100%;
1713
+ }
1714
+ }
1715
+ .data-\[side\=right\]\:w-3\/4 {
1716
+ &[data-side=right] {
1717
+ width: calc(3 / 4 * 100%);
1718
+ }
1719
+ }
1720
+ .data-\[side\=right\]\:border-l {
1721
+ &[data-side=right] {
1722
+ border-left-style: var(--tw-border-style);
1723
+ border-left-width: 1px;
1724
+ }
1725
+ }
1726
+ .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\] {
1727
+ &[data-side=right] {
1728
+ &[data-ending-style] {
1729
+ --tw-translate-x: 2.5rem;
1730
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1731
+ }
1732
+ }
1733
+ }
1734
+ .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\] {
1735
+ &[data-side=right] {
1736
+ &[data-starting-style] {
1737
+ --tw-translate-x: 2.5rem;
1738
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1739
+ }
1740
+ }
1741
+ }
1742
+ .data-\[side\=top\]\:inset-x-0 {
1743
+ &[data-side=top] {
1744
+ inset-inline: calc(var(--spacing) * 0);
1745
+ }
1746
+ }
1747
+ .data-\[side\=top\]\:top-0 {
1748
+ &[data-side=top] {
1749
+ top: calc(var(--spacing) * 0);
1750
+ }
1751
+ }
1752
+ .data-\[side\=top\]\:h-auto {
1753
+ &[data-side=top] {
1754
+ height: auto;
1755
+ }
1756
+ }
1757
+ .data-\[side\=top\]\:border-b {
1758
+ &[data-side=top] {
1759
+ border-bottom-style: var(--tw-border-style);
1760
+ border-bottom-width: 1px;
1761
+ }
1762
+ }
1763
+ .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\] {
1764
+ &[data-side=top] {
1765
+ &[data-ending-style] {
1766
+ --tw-translate-y: -2.5rem;
1767
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1768
+ }
1769
+ }
1770
+ }
1771
+ .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\] {
1772
+ &[data-side=top] {
1773
+ &[data-starting-style] {
1774
+ --tw-translate-y: -2.5rem;
1775
+ translate: var(--tw-translate-x) var(--tw-translate-y);
1776
+ }
1777
+ }
1778
+ }
1779
+ .data-\[size\=default\]\:h-\[18\.4px\] {
1780
+ &[data-size=default] {
1781
+ height: 18.4px;
1782
+ }
1783
+ }
1784
+ .data-\[size\=default\]\:w-\[32px\] {
1785
+ &[data-size=default] {
1786
+ width: 32px;
1787
+ }
1788
+ }
1789
+ .data-\[size\=sm\]\:h-\[14px\] {
1790
+ &[data-size=sm] {
1791
+ height: 14px;
1792
+ }
1793
+ }
1794
+ .data-\[size\=sm\]\:w-\[24px\] {
1795
+ &[data-size=sm] {
1796
+ width: 24px;
1797
+ }
1798
+ }
1799
+ .\*\:data-\[slot\=input-group-addon\]\:pl-2\! {
1800
+ :is(& > *) {
1801
+ &[data-slot=input-group-addon] {
1802
+ padding-left: calc(var(--spacing) * 2) !important;
1803
+ }
1804
+ }
1805
+ }
1806
+ .supports-backdrop-filter\:backdrop-blur-xs {
1807
+ @supports (backdrop-filter: var(--tw)) {
1808
+ --tw-backdrop-blur: blur(var(--blur-xs));
1809
+ -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1810
+ backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
1811
+ }
1812
+ }
1813
+ .sm\:max-w-sm {
1814
+ @media (width >= 40rem) {
1815
+ max-width: var(--container-sm);
1816
+ }
1817
+ }
1818
+ .sm\:flex-row {
1819
+ @media (width >= 40rem) {
1820
+ flex-direction: row;
1821
+ }
1822
+ }
1823
+ .sm\:justify-end {
1824
+ @media (width >= 40rem) {
1825
+ justify-content: flex-end;
1826
+ }
1827
+ }
1828
+ .data-\[side\=left\]\:sm\:max-w-sm {
1829
+ &[data-side=left] {
1830
+ @media (width >= 40rem) {
1831
+ max-width: var(--container-sm);
1832
+ }
1833
+ }
1834
+ }
1835
+ .data-\[side\=right\]\:sm\:max-w-sm {
1836
+ &[data-side=right] {
1837
+ @media (width >= 40rem) {
1838
+ max-width: var(--container-sm);
1839
+ }
1840
+ }
1841
+ }
1842
+ .md\:text-sm {
1843
+ @media (width >= 48rem) {
1844
+ font-size: var(--text-sm);
1845
+ line-height: var(--tw-leading, var(--text-sm--line-height));
1846
+ }
1847
+ }
1848
+ .dark\:border-input {
1849
+ &:is(.dark *) {
1850
+ border-color: var(--input);
1851
+ }
1852
+ }
1853
+ .dark\:bg-destructive\/20 {
1854
+ &:is(.dark *) {
1855
+ background-color: var(--destructive);
1856
+ @supports (color: color-mix(in lab, red, red)) {
1857
+ background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
1858
+ }
1859
+ }
1860
+ }
1861
+ .dark\:bg-input\/30 {
1862
+ &:is(.dark *) {
1863
+ background-color: var(--input);
1864
+ @supports (color: color-mix(in lab, red, red)) {
1865
+ background-color: color-mix(in oklab, var(--input) 30%, transparent);
1866
+ }
1867
+ }
1868
+ }
1869
+ .dark\:bg-transparent {
1870
+ &:is(.dark *) {
1871
+ background-color: transparent;
1872
+ }
1873
+ }
1874
+ .dark\:hover\:bg-destructive\/30 {
1875
+ &:is(.dark *) {
1876
+ &:hover {
1877
+ @media (hover: hover) {
1878
+ background-color: var(--destructive);
1879
+ @supports (color: color-mix(in lab, red, red)) {
1880
+ background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
1881
+ }
1882
+ }
1883
+ }
1884
+ }
1885
+ }
1886
+ .dark\:hover\:bg-input\/50 {
1887
+ &:is(.dark *) {
1888
+ &:hover {
1889
+ @media (hover: hover) {
1890
+ background-color: var(--input);
1891
+ @supports (color: color-mix(in lab, red, red)) {
1892
+ background-color: color-mix(in oklab, var(--input) 50%, transparent);
1893
+ }
1894
+ }
1895
+ }
1896
+ }
1897
+ }
1898
+ .dark\:hover\:bg-muted\/50 {
1899
+ &:is(.dark *) {
1900
+ &:hover {
1901
+ @media (hover: hover) {
1902
+ background-color: var(--muted);
1903
+ @supports (color: color-mix(in lab, red, red)) {
1904
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
1905
+ }
1906
+ }
1907
+ }
1908
+ }
1909
+ }
1910
+ .dark\:focus-visible\:ring-destructive\/40 {
1911
+ &:is(.dark *) {
1912
+ &:focus-visible {
1913
+ --tw-ring-color: var(--destructive);
1914
+ @supports (color: color-mix(in lab, red, red)) {
1915
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1916
+ }
1917
+ }
1918
+ }
1919
+ }
1920
+ .dark\:disabled\:bg-input\/80 {
1921
+ &:is(.dark *) {
1922
+ &:disabled {
1923
+ background-color: var(--input);
1924
+ @supports (color: color-mix(in lab, red, red)) {
1925
+ background-color: color-mix(in oklab, var(--input) 80%, transparent);
1926
+ }
1927
+ }
1928
+ }
1929
+ }
1930
+ .dark\:disabled\:bg-transparent {
1931
+ &:is(.dark *) {
1932
+ &:disabled {
1933
+ background-color: transparent;
1934
+ }
1935
+ }
1936
+ }
1937
+ .dark\:has-disabled\:bg-input\/80 {
1938
+ &:is(.dark *) {
1939
+ &:has(*:disabled) {
1940
+ background-color: var(--input);
1941
+ @supports (color: color-mix(in lab, red, red)) {
1942
+ background-color: color-mix(in oklab, var(--input) 80%, transparent);
1943
+ }
1944
+ }
1945
+ }
1946
+ }
1947
+ .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40 {
1948
+ &:is(.dark *) {
1949
+ &:has(*:is([data-slot][aria-invalid=true])) {
1950
+ --tw-ring-color: var(--destructive);
1951
+ @supports (color: color-mix(in lab, red, red)) {
1952
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1953
+ }
1954
+ }
1955
+ }
1956
+ }
1957
+ .dark\:aria-invalid\:border-destructive\/50 {
1958
+ &:is(.dark *) {
1959
+ &[aria-invalid=true] {
1960
+ border-color: var(--destructive);
1961
+ @supports (color: color-mix(in lab, red, red)) {
1962
+ border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
1963
+ }
1964
+ }
1965
+ }
1966
+ }
1967
+ .dark\:aria-invalid\:ring-destructive\/40 {
1968
+ &:is(.dark *) {
1969
+ &[aria-invalid=true] {
1970
+ --tw-ring-color: var(--destructive);
1971
+ @supports (color: color-mix(in lab, red, red)) {
1972
+ --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
1973
+ }
1974
+ }
1975
+ }
1976
+ }
1977
+ .dark\:data-checked\:bg-primary-foreground {
1978
+ &:is(.dark *) {
1979
+ &[data-checked] {
1980
+ background-color: var(--primary-foreground);
1981
+ }
1982
+ }
1983
+ }
1984
+ .dark\:data-unchecked\:bg-foreground {
1985
+ &:is(.dark *) {
1986
+ &[data-unchecked] {
1987
+ background-color: var(--foreground);
1988
+ }
1989
+ }
1990
+ }
1991
+ .dark\:data-unchecked\:bg-input\/80 {
1992
+ &:is(.dark *) {
1993
+ &[data-unchecked] {
1994
+ background-color: var(--input);
1995
+ @supports (color: color-mix(in lab, red, red)) {
1996
+ background-color: color-mix(in oklab, var(--input) 80%, transparent);
1997
+ }
1998
+ }
1999
+ }
2000
+ }
2001
+ .\[\&_\[cmdk-group-heading\]\]\:px-2 {
2002
+ & [cmdk-group-heading] {
2003
+ padding-inline: calc(var(--spacing) * 2);
2004
+ }
2005
+ }
2006
+ .\[\&_\[cmdk-group-heading\]\]\:font-medium {
2007
+ & [cmdk-group-heading] {
2008
+ --tw-font-weight: var(--font-weight-medium);
2009
+ font-weight: var(--font-weight-medium);
2010
+ }
2011
+ }
2012
+ .\[\&_\[cmdk-group-heading\]\]\:text-neutral-500 {
2013
+ & [cmdk-group-heading] {
2014
+ color: var(--color-neutral-500);
2015
+ }
2016
+ }
2017
+ .\[\&_\[cmdk-group\]\]\:px-2 {
2018
+ & [cmdk-group] {
2019
+ padding-inline: calc(var(--spacing) * 2);
2020
+ }
2021
+ }
2022
+ .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 {
2023
+ & [cmdk-group]:not([hidden]) ~ [cmdk-group] {
2024
+ padding-top: calc(var(--spacing) * 0);
2025
+ }
2026
+ }
2027
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 {
2028
+ & [cmdk-input-wrapper] svg {
2029
+ height: calc(var(--spacing) * 5);
2030
+ }
2031
+ }
2032
+ .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 {
2033
+ & [cmdk-input-wrapper] svg {
2034
+ width: calc(var(--spacing) * 5);
2035
+ }
2036
+ }
2037
+ .\[\&_\[cmdk-input\]\]\:h-12 {
2038
+ & [cmdk-input] {
2039
+ height: calc(var(--spacing) * 12);
2040
+ }
2041
+ }
2042
+ .\[\&_svg\]\:pointer-events-none {
2043
+ & svg {
2044
+ pointer-events: none;
2045
+ }
2046
+ }
2047
+ .\[\&_svg\]\:shrink-0 {
2048
+ & svg {
2049
+ flex-shrink: 0;
2050
+ }
2051
+ }
2052
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
2053
+ & svg:not([class*=size-]) {
2054
+ width: calc(var(--spacing) * 3);
2055
+ height: calc(var(--spacing) * 3);
2056
+ }
2057
+ }
2058
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
2059
+ & svg:not([class*=size-]) {
2060
+ width: calc(var(--spacing) * 3.5);
2061
+ height: calc(var(--spacing) * 3.5);
2062
+ }
2063
+ }
2064
+ .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
2065
+ & svg:not([class*=size-]) {
2066
+ width: calc(var(--spacing) * 4);
2067
+ height: calc(var(--spacing) * 4);
2068
+ }
2069
+ }
2070
+ .\[\.border-b\]\:pb-2 {
2071
+ &:is(.border-b) {
2072
+ padding-bottom: calc(var(--spacing) * 2);
2073
+ }
2074
+ }
2075
+ .\[\.border-t\]\:pt-2 {
2076
+ &:is(.border-t) {
2077
+ padding-top: calc(var(--spacing) * 2);
2078
+ }
2079
+ }
2080
+ .\*\*\:\[\[cmdk-group-heading\]\]\:px-2 {
2081
+ :is(& *) {
2082
+ &:is([cmdk-group-heading]) {
2083
+ padding-inline: calc(var(--spacing) * 2);
2084
+ }
2085
+ }
2086
+ }
2087
+ .\*\*\:\[\[cmdk-group-heading\]\]\:py-1\.5 {
2088
+ :is(& *) {
2089
+ &:is([cmdk-group-heading]) {
2090
+ padding-block: calc(var(--spacing) * 1.5);
2091
+ }
2092
+ }
2093
+ }
2094
+ .\*\*\:\[\[cmdk-group-heading\]\]\:text-xs {
2095
+ :is(& *) {
2096
+ &:is([cmdk-group-heading]) {
2097
+ font-size: var(--text-xs);
2098
+ line-height: var(--tw-leading, var(--text-xs--line-height));
2099
+ }
2100
+ }
2101
+ }
2102
+ .\*\*\:\[\[cmdk-group-heading\]\]\:font-medium {
2103
+ :is(& *) {
2104
+ &:is([cmdk-group-heading]) {
2105
+ --tw-font-weight: var(--font-weight-medium);
2106
+ font-weight: var(--font-weight-medium);
2107
+ }
2108
+ }
2109
+ }
2110
+ .\*\*\:\[\[cmdk-group-heading\]\]\:text-neutral-500 {
2111
+ :is(& *) {
2112
+ &:is([cmdk-group-heading]) {
2113
+ color: var(--color-neutral-500);
2114
+ }
2115
+ }
2116
+ }
2117
+ .\*\:\[a\]\:underline {
2118
+ :is(& > *) {
2119
+ &:is(a) {
2120
+ text-decoration-line: underline;
2121
+ }
2122
+ }
2123
+ }
2124
+ .\*\:\[a\]\:underline-offset-3 {
2125
+ :is(& > *) {
2126
+ &:is(a) {
2127
+ text-underline-offset: 3px;
2128
+ }
2129
+ }
2130
+ }
2131
+ .\[a\]\:hover\:bg-primary\/80 {
2132
+ &:is(a) {
2133
+ &:hover {
2134
+ @media (hover: hover) {
2135
+ background-color: var(--primary);
2136
+ @supports (color: color-mix(in lab, red, red)) {
2137
+ background-color: color-mix(in oklab, var(--primary) 80%, transparent);
2138
+ }
2139
+ }
2140
+ }
2141
+ }
2142
+ }
2143
+ .\*\:\[a\]\:hover\:text-foreground {
2144
+ :is(& > *) {
2145
+ &:is(a) {
2146
+ &:hover {
2147
+ @media (hover: hover) {
2148
+ color: var(--foreground);
2149
+ }
2150
+ }
2151
+ }
2152
+ }
2153
+ }
2154
+ .data-selected\:\*\:\[svg\]\:text-neutral-900 {
2155
+ &[data-selected] {
2156
+ :is(& > *) {
2157
+ &:is(svg) {
2158
+ color: var(--color-neutral-900);
2159
+ }
2160
+ }
2161
+ }
2162
+ }
2163
+ .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3 {
2164
+ &:has(> [data-align=block-end]) {
2165
+ & > input {
2166
+ padding-top: calc(var(--spacing) * 3);
2167
+ }
2168
+ }
2169
+ }
2170
+ .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3 {
2171
+ &:has(> [data-align=block-start]) {
2172
+ & > input {
2173
+ padding-bottom: calc(var(--spacing) * 3);
2174
+ }
2175
+ }
2176
+ }
2177
+ .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-1\.5 {
2178
+ &:has(> [data-align=inline-end]) {
2179
+ & > input {
2180
+ padding-right: calc(var(--spacing) * 1.5);
2181
+ }
2182
+ }
2183
+ }
2184
+ .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-1\.5 {
2185
+ &:has(> [data-align=inline-start]) {
2186
+ & > input {
2187
+ padding-left: calc(var(--spacing) * 1.5);
2188
+ }
2189
+ }
2190
+ }
2191
+ .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] {
2192
+ & > kbd {
2193
+ border-radius: calc(var(--radius) - 5px);
2194
+ }
2195
+ }
2196
+ .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
2197
+ & > svg:not([class*=size-]) {
2198
+ width: calc(var(--spacing) * 3.5);
2199
+ height: calc(var(--spacing) * 3.5);
2200
+ }
2201
+ }
2202
+ .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
2203
+ & > svg:not([class*=size-]) {
2204
+ width: calc(var(--spacing) * 4);
2205
+ height: calc(var(--spacing) * 4);
2206
+ }
2207
+ }
2208
+ }
2209
+ :root {
2210
+ --background: oklch(1 0 0);
2211
+ --foreground: oklch(0.145 0 0);
2212
+ --primary: oklch(0.205 0 0);
2213
+ --primary-foreground: oklch(0.985 0 0);
2214
+ --secondary: oklch(0.97 0 0);
2215
+ --secondary-foreground: oklch(0.205 0 0);
2216
+ --muted: oklch(0.97 0 0);
2217
+ --muted-foreground: oklch(0.556 0 0);
2218
+ --destructive: oklch(0.577 0.245 27.325);
2219
+ --border: oklch(0.922 0 0);
2220
+ --input: oklch(0.922 0 0);
2221
+ --ring: oklch(0.708 0 0);
2222
+ --radius: 0.625rem;
2223
+ }
2224
+ .dark {
2225
+ --background: oklch(0.145 0 0);
2226
+ --foreground: oklch(0.985 0 0);
2227
+ --primary: oklch(0.922 0 0);
2228
+ --primary-foreground: oklch(0.205 0 0);
2229
+ --secondary: oklch(0.269 0 0);
2230
+ --secondary-foreground: oklch(0.985 0 0);
2231
+ --muted: oklch(0.269 0 0);
2232
+ --muted-foreground: oklch(0.708 0 0);
2233
+ --destructive: oklch(0.704 0.191 22.216);
2234
+ --border: oklch(1 0 0 / 10%);
2235
+ --input: oklch(1 0 0 / 15%);
2236
+ --ring: oklch(0.556 0 0);
2237
+ }
2238
+ @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
2239
+ @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
2240
+ @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
2241
+ @property --tw-rotate-x { syntax: "*"; inherits: false; }
2242
+ @property --tw-rotate-y { syntax: "*"; inherits: false; }
2243
+ @property --tw-rotate-z { syntax: "*"; inherits: false; }
2244
+ @property --tw-skew-x { syntax: "*"; inherits: false; }
2245
+ @property --tw-skew-y { syntax: "*"; inherits: false; }
2246
+ @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
2247
+ @property --tw-leading { syntax: "*"; inherits: false; }
2248
+ @property --tw-font-weight { syntax: "*"; inherits: false; }
2249
+ @property --tw-tracking { syntax: "*"; inherits: false; }
2250
+ @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2251
+ @property --tw-shadow-color { syntax: "*"; inherits: false; }
2252
+ @property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2253
+ @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2254
+ @property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
2255
+ @property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
2256
+ @property --tw-ring-color { syntax: "*"; inherits: false; }
2257
+ @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2258
+ @property --tw-inset-ring-color { syntax: "*"; inherits: false; }
2259
+ @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2260
+ @property --tw-ring-inset { syntax: "*"; inherits: false; }
2261
+ @property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
2262
+ @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
2263
+ @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
2264
+ @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
2265
+ @property --tw-duration { syntax: "*"; inherits: false; }
2266
+ @property --tw-ease { syntax: "*"; inherits: false; }
2267
+ @property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
2268
+ @property --tw-backdrop-blur { syntax: "*"; inherits: false; }
2269
+ @property --tw-backdrop-brightness { syntax: "*"; inherits: false; }
2270
+ @property --tw-backdrop-contrast { syntax: "*"; inherits: false; }
2271
+ @property --tw-backdrop-grayscale { syntax: "*"; inherits: false; }
2272
+ @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false; }
2273
+ @property --tw-backdrop-invert { syntax: "*"; inherits: false; }
2274
+ @property --tw-backdrop-opacity { syntax: "*"; inherits: false; }
2275
+ @property --tw-backdrop-saturate { syntax: "*"; inherits: false; }
2276
+ @property --tw-backdrop-sepia { syntax: "*"; inherits: false; }
2277
+ @layer properties {
2278
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
2279
+ *,
2280
+ ::before,
2281
+ ::after,
2282
+ ::backdrop {
2283
+ --tw-translate-x: 0;
2284
+ --tw-translate-y: 0;
2285
+ --tw-translate-z: 0;
2286
+ --tw-rotate-x: initial;
2287
+ --tw-rotate-y: initial;
2288
+ --tw-rotate-z: initial;
2289
+ --tw-skew-x: initial;
2290
+ --tw-skew-y: initial;
2291
+ --tw-border-style: solid;
2292
+ --tw-leading: initial;
2293
+ --tw-font-weight: initial;
2294
+ --tw-tracking: initial;
2295
+ --tw-shadow: 0 0 #0000;
2296
+ --tw-shadow-color: initial;
2297
+ --tw-shadow-alpha: 100%;
2298
+ --tw-inset-shadow: 0 0 #0000;
2299
+ --tw-inset-shadow-color: initial;
2300
+ --tw-inset-shadow-alpha: 100%;
2301
+ --tw-ring-color: initial;
2302
+ --tw-ring-shadow: 0 0 #0000;
2303
+ --tw-inset-ring-color: initial;
2304
+ --tw-inset-ring-shadow: 0 0 #0000;
2305
+ --tw-ring-inset: initial;
2306
+ --tw-ring-offset-width: 0px;
2307
+ --tw-ring-offset-color: #fff;
2308
+ --tw-ring-offset-shadow: 0 0 #0000;
2309
+ --tw-outline-style: solid;
2310
+ --tw-duration: initial;
2311
+ --tw-ease: initial;
2312
+ --tw-content: "";
2313
+ --tw-backdrop-blur: initial;
2314
+ --tw-backdrop-brightness: initial;
2315
+ --tw-backdrop-contrast: initial;
2316
+ --tw-backdrop-grayscale: initial;
2317
+ --tw-backdrop-hue-rotate: initial;
2318
+ --tw-backdrop-invert: initial;
2319
+ --tw-backdrop-opacity: initial;
2320
+ --tw-backdrop-saturate: initial;
2321
+ --tw-backdrop-sepia: initial;
2322
+ }
2323
+ }
2324
+ }
2325
+ /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2326
+ /*# sourceMappingURL=index.css.map */