@simpoobusiness/sdk 1.0.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.
@@ -0,0 +1,1092 @@
1
+ /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
2
+ @layer properties;
3
+ @layer theme, base, components, utilities;
4
+ @layer theme {
5
+ :root, :host {
6
+ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
7
+ "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
8
+ --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
9
+ "Courier New", monospace;
10
+ --color-gray-50: oklch(98.5% 0.002 247.839);
11
+ --color-gray-100: oklch(96.7% 0.003 264.542);
12
+ --color-gray-200: oklch(92.8% 0.006 264.531);
13
+ --color-gray-300: oklch(87.2% 0.01 258.338);
14
+ --color-gray-500: oklch(55.1% 0.027 264.364);
15
+ --color-gray-600: oklch(44.6% 0.03 256.802);
16
+ --color-gray-700: oklch(37.3% 0.034 259.733);
17
+ --color-neutral-50: oklch(98.5% 0 0);
18
+ --color-neutral-100: oklch(97% 0 0);
19
+ --color-neutral-200: oklch(92.2% 0 0);
20
+ --color-neutral-800: oklch(26.9% 0 0);
21
+ --color-neutral-900: oklch(20.5% 0 0);
22
+ --color-neutral-950: oklch(14.5% 0 0);
23
+ --color-black: #000;
24
+ --color-white: #fff;
25
+ --spacing: 0.25rem;
26
+ --text-xs: 0.75rem;
27
+ --text-xs--line-height: calc(1 / 0.75);
28
+ --text-sm: 0.875rem;
29
+ --text-sm--line-height: calc(1.25 / 0.875);
30
+ --font-weight-normal: 400;
31
+ --font-weight-medium: 500;
32
+ --font-weight-semibold: 600;
33
+ --font-weight-bold: 700;
34
+ --tracking-widest: 0.1em;
35
+ --radius-sm: 0.25rem;
36
+ --radius-md: 0.375rem;
37
+ --radius-lg: 0.5rem;
38
+ --radius-xl: 0.75rem;
39
+ --radius-2xl: 1rem;
40
+ --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
41
+ --default-transition-duration: 150ms;
42
+ --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
43
+ --default-font-family: var(--font-sans);
44
+ --default-mono-font-family: var(--font-mono);
45
+ }
46
+ }
47
+ @layer base {
48
+ *, ::after, ::before, ::backdrop, ::file-selector-button {
49
+ box-sizing: border-box;
50
+ margin: 0;
51
+ padding: 0;
52
+ border: 0 solid;
53
+ }
54
+ html, :host {
55
+ line-height: 1.5;
56
+ -webkit-text-size-adjust: 100%;
57
+ -moz-tab-size: 4;
58
+ -o-tab-size: 4;
59
+ tab-size: 4;
60
+ 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");
61
+ font-feature-settings: var(--default-font-feature-settings, normal);
62
+ font-variation-settings: var(--default-font-variation-settings, normal);
63
+ -webkit-tap-highlight-color: transparent;
64
+ }
65
+ hr {
66
+ height: 0;
67
+ color: inherit;
68
+ border-top-width: 1px;
69
+ }
70
+ abbr:where([title]) {
71
+ -webkit-text-decoration: underline dotted;
72
+ text-decoration: underline dotted;
73
+ }
74
+ h1, h2, h3, h4, h5, h6 {
75
+ font-size: inherit;
76
+ font-weight: inherit;
77
+ }
78
+ a {
79
+ color: inherit;
80
+ -webkit-text-decoration: inherit;
81
+ text-decoration: inherit;
82
+ }
83
+ b, strong {
84
+ font-weight: bolder;
85
+ }
86
+ code, kbd, samp, pre {
87
+ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
88
+ font-feature-settings: var(--default-mono-font-feature-settings, normal);
89
+ font-variation-settings: var(--default-mono-font-variation-settings, normal);
90
+ font-size: 1em;
91
+ }
92
+ small {
93
+ font-size: 80%;
94
+ }
95
+ sub, sup {
96
+ font-size: 75%;
97
+ line-height: 0;
98
+ position: relative;
99
+ vertical-align: baseline;
100
+ }
101
+ sub {
102
+ bottom: -0.25em;
103
+ }
104
+ sup {
105
+ top: -0.5em;
106
+ }
107
+ table {
108
+ text-indent: 0;
109
+ border-color: inherit;
110
+ border-collapse: collapse;
111
+ }
112
+ :-moz-focusring {
113
+ outline: auto;
114
+ }
115
+ progress {
116
+ vertical-align: baseline;
117
+ }
118
+ summary {
119
+ display: list-item;
120
+ }
121
+ ol, ul, menu {
122
+ list-style: none;
123
+ }
124
+ img, svg, video, canvas, audio, iframe, embed, object {
125
+ display: block;
126
+ vertical-align: middle;
127
+ }
128
+ img, video {
129
+ max-width: 100%;
130
+ height: auto;
131
+ }
132
+ button, input, select, optgroup, textarea, ::file-selector-button {
133
+ font: inherit;
134
+ font-feature-settings: inherit;
135
+ font-variation-settings: inherit;
136
+ letter-spacing: inherit;
137
+ color: inherit;
138
+ border-radius: 0;
139
+ background-color: transparent;
140
+ opacity: 1;
141
+ }
142
+ :where(select:is([multiple], [size])) optgroup {
143
+ font-weight: bolder;
144
+ }
145
+ :where(select:is([multiple], [size])) optgroup option {
146
+ padding-inline-start: 20px;
147
+ }
148
+ ::file-selector-button {
149
+ margin-inline-end: 4px;
150
+ }
151
+ ::-moz-placeholder {
152
+ opacity: 1;
153
+ }
154
+ ::placeholder {
155
+ opacity: 1;
156
+ }
157
+ @supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {
158
+ ::-moz-placeholder {
159
+ color: currentcolor;
160
+ @supports (color: color-mix(in lab, red, red)) {
161
+ color: color-mix(in oklab, currentcolor 50%, transparent);
162
+ }
163
+ }
164
+ ::placeholder {
165
+ color: currentcolor;
166
+ @supports (color: color-mix(in lab, red, red)) {
167
+ color: color-mix(in oklab, currentcolor 50%, transparent);
168
+ }
169
+ }
170
+ }
171
+ textarea {
172
+ resize: vertical;
173
+ }
174
+ ::-webkit-search-decoration {
175
+ -webkit-appearance: none;
176
+ }
177
+ ::-webkit-date-and-time-value {
178
+ min-height: 1lh;
179
+ text-align: inherit;
180
+ }
181
+ ::-webkit-datetime-edit {
182
+ display: inline-flex;
183
+ }
184
+ ::-webkit-datetime-edit-fields-wrapper {
185
+ padding: 0;
186
+ }
187
+ ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
188
+ padding-block: 0;
189
+ }
190
+ :-moz-ui-invalid {
191
+ box-shadow: none;
192
+ }
193
+ button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
194
+ -webkit-appearance: button;
195
+ -moz-appearance: button;
196
+ appearance: button;
197
+ }
198
+ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
199
+ height: auto;
200
+ }
201
+ [hidden]:where(:not([hidden="until-found"])) {
202
+ display: none !important;
203
+ }
204
+ }
205
+ @layer utilities {
206
+ .absolute {
207
+ position: absolute;
208
+ }
209
+ .relative {
210
+ position: relative;
211
+ }
212
+ .left-2 {
213
+ left: calc(var(--spacing) * 2);
214
+ }
215
+ .z-50 {
216
+ z-index: 50;
217
+ }
218
+ .-mx-1 {
219
+ margin-inline: calc(var(--spacing) * -1);
220
+ }
221
+ .my-1 {
222
+ margin-block: calc(var(--spacing) * 1);
223
+ }
224
+ .mt-4 {
225
+ margin-top: calc(var(--spacing) * 4);
226
+ }
227
+ .mt-5 {
228
+ margin-top: calc(var(--spacing) * 5);
229
+ }
230
+ .ml-auto {
231
+ margin-left: auto;
232
+ }
233
+ .flex {
234
+ display: flex;
235
+ }
236
+ .hidden {
237
+ display: none;
238
+ }
239
+ .inline {
240
+ display: inline;
241
+ }
242
+ .table {
243
+ display: table;
244
+ }
245
+ .h-2 {
246
+ height: calc(var(--spacing) * 2);
247
+ }
248
+ .h-3\.5 {
249
+ height: calc(var(--spacing) * 3.5);
250
+ }
251
+ .h-4 {
252
+ height: calc(var(--spacing) * 4);
253
+ }
254
+ .h-6 {
255
+ height: calc(var(--spacing) * 6);
256
+ }
257
+ .h-9 {
258
+ height: calc(var(--spacing) * 9);
259
+ }
260
+ .h-12 {
261
+ height: calc(var(--spacing) * 12);
262
+ }
263
+ .h-24 {
264
+ height: calc(var(--spacing) * 24);
265
+ }
266
+ .h-\[18px\] {
267
+ height: 18px;
268
+ }
269
+ .h-\[30px\] {
270
+ height: 30px;
271
+ }
272
+ .h-\[50px\] {
273
+ height: 50px;
274
+ }
275
+ .h-full {
276
+ height: 100%;
277
+ }
278
+ .h-px {
279
+ height: 1px;
280
+ }
281
+ .w-2 {
282
+ width: calc(var(--spacing) * 2);
283
+ }
284
+ .w-3\.5 {
285
+ width: calc(var(--spacing) * 3.5);
286
+ }
287
+ .w-4 {
288
+ width: calc(var(--spacing) * 4);
289
+ }
290
+ .w-6 {
291
+ width: calc(var(--spacing) * 6);
292
+ }
293
+ .w-64 {
294
+ width: calc(var(--spacing) * 64);
295
+ }
296
+ .w-\[50px\] {
297
+ width: 50px;
298
+ }
299
+ .w-\[90px\] {
300
+ width: 90px;
301
+ }
302
+ .w-\[140px\] {
303
+ width: 140px;
304
+ }
305
+ .w-\[210px\] {
306
+ width: 210px;
307
+ }
308
+ .w-full {
309
+ width: 100%;
310
+ }
311
+ .max-w-\[265px\] {
312
+ max-width: 265px;
313
+ }
314
+ .min-w-\[8rem\] {
315
+ min-width: 8rem;
316
+ }
317
+ .min-w-\[70px\] {
318
+ min-width: 70px;
319
+ }
320
+ .shrink-0 {
321
+ flex-shrink: 0;
322
+ }
323
+ .caption-bottom {
324
+ caption-side: bottom;
325
+ }
326
+ .-rotate-90 {
327
+ rotate: calc(90deg * -1);
328
+ }
329
+ .rotate-90 {
330
+ rotate: 90deg;
331
+ }
332
+ .transform {
333
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
334
+ }
335
+ .animate-pulse {
336
+ animation: var(--animate-pulse);
337
+ }
338
+ .cursor-default {
339
+ cursor: default;
340
+ }
341
+ .cursor-pointer {
342
+ cursor: pointer;
343
+ }
344
+ .list-disc {
345
+ list-style-type: disc;
346
+ }
347
+ .flex-col {
348
+ flex-direction: column;
349
+ }
350
+ .flex-wrap {
351
+ flex-wrap: wrap;
352
+ }
353
+ .items-center {
354
+ align-items: center;
355
+ }
356
+ .justify-between {
357
+ justify-content: space-between;
358
+ }
359
+ .justify-center {
360
+ justify-content: center;
361
+ }
362
+ .gap-1 {
363
+ gap: calc(var(--spacing) * 1);
364
+ }
365
+ .gap-2 {
366
+ gap: calc(var(--spacing) * 2);
367
+ }
368
+ .gap-2\.5 {
369
+ gap: calc(var(--spacing) * 2.5);
370
+ }
371
+ .gap-3 {
372
+ gap: calc(var(--spacing) * 3);
373
+ }
374
+ .gap-4 {
375
+ gap: calc(var(--spacing) * 4);
376
+ }
377
+ .gap-5 {
378
+ gap: calc(var(--spacing) * 5);
379
+ }
380
+ .gap-\[5px\] {
381
+ gap: 5px;
382
+ }
383
+ .gap-\[30px\] {
384
+ gap: 30px;
385
+ }
386
+ .space-y-1 {
387
+ :where(& > :not(:last-child)) {
388
+ --tw-space-y-reverse: 0;
389
+ margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
390
+ margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
391
+ }
392
+ }
393
+ .truncate {
394
+ overflow: hidden;
395
+ text-overflow: ellipsis;
396
+ white-space: nowrap;
397
+ }
398
+ .overflow-auto {
399
+ overflow: auto;
400
+ }
401
+ .overflow-hidden {
402
+ overflow: hidden;
403
+ }
404
+ .rounded {
405
+ border-radius: 0.25rem;
406
+ }
407
+ .rounded-2xl {
408
+ border-radius: var(--radius-2xl);
409
+ }
410
+ .rounded-\[7px\] {
411
+ border-radius: 7px;
412
+ }
413
+ .rounded-lg {
414
+ border-radius: var(--radius-lg);
415
+ }
416
+ .rounded-md {
417
+ border-radius: var(--radius-md);
418
+ }
419
+ .rounded-sm {
420
+ border-radius: var(--radius-sm);
421
+ }
422
+ .rounded-xl {
423
+ border-radius: var(--radius-xl);
424
+ }
425
+ .border {
426
+ border-style: var(--tw-border-style);
427
+ border-width: 1px;
428
+ }
429
+ .border-t {
430
+ border-top-style: var(--tw-border-style);
431
+ border-top-width: 1px;
432
+ }
433
+ .border-b {
434
+ border-bottom-style: var(--tw-border-style);
435
+ border-bottom-width: 1px;
436
+ }
437
+ .border-none {
438
+ --tw-border-style: none;
439
+ border-style: none;
440
+ }
441
+ .\!border-gray-600 {
442
+ border-color: var(--color-gray-600) !important;
443
+ }
444
+ .border-gray-200 {
445
+ border-color: var(--color-gray-200);
446
+ }
447
+ .border-gray-300 {
448
+ border-color: var(--color-gray-300);
449
+ }
450
+ .border-neutral-200 {
451
+ border-color: var(--color-neutral-200);
452
+ }
453
+ .bg-\[\#0A0D14\] {
454
+ background-color: #0A0D14;
455
+ }
456
+ .bg-\[\#9747FF1A\] {
457
+ background-color: #9747FF1A;
458
+ }
459
+ .bg-\[\#E1E3EA\] {
460
+ background-color: #E1E3EA;
461
+ }
462
+ .bg-\[\#f5edff\] {
463
+ background-color: #f5edff;
464
+ }
465
+ .bg-gray-50 {
466
+ background-color: var(--color-gray-50);
467
+ }
468
+ .bg-gray-100 {
469
+ background-color: var(--color-gray-100);
470
+ }
471
+ .bg-gray-300 {
472
+ background-color: var(--color-gray-300);
473
+ }
474
+ .bg-neutral-100 {
475
+ background-color: var(--color-neutral-100);
476
+ }
477
+ .bg-white {
478
+ background-color: var(--color-white);
479
+ }
480
+ .fill-current {
481
+ fill: currentcolor;
482
+ }
483
+ .object-cover {
484
+ -o-object-fit: cover;
485
+ object-fit: cover;
486
+ }
487
+ .p-0 {
488
+ padding: calc(var(--spacing) * 0);
489
+ }
490
+ .p-1 {
491
+ padding: calc(var(--spacing) * 1);
492
+ }
493
+ .p-2 {
494
+ padding: calc(var(--spacing) * 2);
495
+ }
496
+ .p-2\.5 {
497
+ padding: calc(var(--spacing) * 2.5);
498
+ }
499
+ .p-3 {
500
+ padding: calc(var(--spacing) * 3);
501
+ }
502
+ .p-4 {
503
+ padding: calc(var(--spacing) * 4);
504
+ }
505
+ .p-\[7px\] {
506
+ padding: 7px;
507
+ }
508
+ .px-2 {
509
+ padding-inline: calc(var(--spacing) * 2);
510
+ }
511
+ .px-\[5px\] {
512
+ padding-inline: 5px;
513
+ }
514
+ .px-\[15px\] {
515
+ padding-inline: 15px;
516
+ }
517
+ .py-1\.5 {
518
+ padding-block: calc(var(--spacing) * 1.5);
519
+ }
520
+ .py-2\.5 {
521
+ padding-block: calc(var(--spacing) * 2.5);
522
+ }
523
+ .py-24 {
524
+ padding-block: calc(var(--spacing) * 24);
525
+ }
526
+ .pr-2 {
527
+ padding-right: calc(var(--spacing) * 2);
528
+ }
529
+ .pl-4 {
530
+ padding-left: calc(var(--spacing) * 4);
531
+ }
532
+ .pl-8 {
533
+ padding-left: calc(var(--spacing) * 8);
534
+ }
535
+ .text-center {
536
+ text-align: center;
537
+ }
538
+ .text-left {
539
+ text-align: left;
540
+ }
541
+ .align-middle {
542
+ vertical-align: middle;
543
+ }
544
+ .text-sm {
545
+ font-size: var(--text-sm);
546
+ line-height: var(--tw-leading, var(--text-sm--line-height));
547
+ }
548
+ .text-xs {
549
+ font-size: var(--text-xs);
550
+ line-height: var(--tw-leading, var(--text-xs--line-height));
551
+ }
552
+ .text-\[10px\] {
553
+ font-size: 10px;
554
+ }
555
+ .text-\[11px\] {
556
+ font-size: 11px;
557
+ }
558
+ .text-\[13px\] {
559
+ font-size: 13px;
560
+ }
561
+ .text-\[15px\] {
562
+ font-size: 15px;
563
+ }
564
+ .font-bold {
565
+ --tw-font-weight: var(--font-weight-bold);
566
+ font-weight: var(--font-weight-bold);
567
+ }
568
+ .font-medium {
569
+ --tw-font-weight: var(--font-weight-medium);
570
+ font-weight: var(--font-weight-medium);
571
+ }
572
+ .font-normal {
573
+ --tw-font-weight: var(--font-weight-normal);
574
+ font-weight: var(--font-weight-normal);
575
+ }
576
+ .font-semibold {
577
+ --tw-font-weight: var(--font-weight-semibold);
578
+ font-weight: var(--font-weight-semibold);
579
+ }
580
+ .tracking-widest {
581
+ --tw-tracking: var(--tracking-widest);
582
+ letter-spacing: var(--tracking-widest);
583
+ }
584
+ .whitespace-nowrap {
585
+ white-space: nowrap;
586
+ }
587
+ .text-\[\#7239EA\] {
588
+ color: #7239EA;
589
+ }
590
+ .text-\[\#CDD0D5\] {
591
+ color: #CDD0D5;
592
+ }
593
+ .text-black {
594
+ color: var(--color-black);
595
+ }
596
+ .text-gray-500 {
597
+ color: var(--color-gray-500);
598
+ }
599
+ .text-gray-600 {
600
+ color: var(--color-gray-600);
601
+ }
602
+ .text-gray-700 {
603
+ color: var(--color-gray-700);
604
+ }
605
+ .text-neutral-950 {
606
+ color: var(--color-neutral-950);
607
+ }
608
+ .text-white {
609
+ color: var(--color-white);
610
+ }
611
+ .capitalize {
612
+ text-transform: capitalize;
613
+ }
614
+ .uppercase {
615
+ text-transform: uppercase;
616
+ }
617
+ .opacity-60 {
618
+ opacity: 60%;
619
+ }
620
+ .shadow-\[0_3px_4px_0_\#00000008\] {
621
+ --tw-shadow: 0 3px 4px 0 var(--tw-shadow-color, #00000008);
622
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
623
+ }
624
+ .shadow-\[0_8px_14px_0_\#0F2A510A\] {
625
+ --tw-shadow: 0 8px 14px 0 var(--tw-shadow-color, #0F2A510A);
626
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
627
+ }
628
+ .shadow-lg {
629
+ --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));
630
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
631
+ }
632
+ .shadow-md {
633
+ --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
634
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
635
+ }
636
+ .transition-colors {
637
+ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
638
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
639
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
640
+ }
641
+ .transition-transform {
642
+ transition-property: transform, translate, scale, rotate;
643
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
644
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
645
+ }
646
+ .duration-200 {
647
+ --tw-duration: 200ms;
648
+ transition-duration: 200ms;
649
+ }
650
+ .outline-none {
651
+ --tw-outline-style: none;
652
+ outline-style: none;
653
+ }
654
+ .select-none {
655
+ -webkit-user-select: none;
656
+ -moz-user-select: none;
657
+ user-select: none;
658
+ }
659
+ .first-letter\:uppercase {
660
+ &::first-letter {
661
+ text-transform: uppercase;
662
+ }
663
+ }
664
+ .hover\:border {
665
+ &:hover {
666
+ @media (hover: hover) {
667
+ border-style: var(--tw-border-style);
668
+ border-width: 1px;
669
+ }
670
+ }
671
+ }
672
+ .hover\:\!bg-gray-100 {
673
+ &:hover {
674
+ @media (hover: hover) {
675
+ background-color: var(--color-gray-100) !important;
676
+ }
677
+ }
678
+ }
679
+ .hover\:bg-gray-50 {
680
+ &:hover {
681
+ @media (hover: hover) {
682
+ background-color: var(--color-gray-50);
683
+ }
684
+ }
685
+ }
686
+ .hover\:bg-gray-100 {
687
+ &:hover {
688
+ @media (hover: hover) {
689
+ background-color: var(--color-gray-100);
690
+ }
691
+ }
692
+ }
693
+ .focus\:bg-neutral-100 {
694
+ &:focus {
695
+ background-color: var(--color-neutral-100);
696
+ }
697
+ }
698
+ .focus\:text-neutral-900 {
699
+ &:focus {
700
+ color: var(--color-neutral-900);
701
+ }
702
+ }
703
+ .data-\[disabled\]\:pointer-events-none {
704
+ &[data-disabled] {
705
+ pointer-events: none;
706
+ }
707
+ }
708
+ .data-\[disabled\]\:opacity-50 {
709
+ &[data-disabled] {
710
+ opacity: 50%;
711
+ }
712
+ }
713
+ .data-\[side\=bottom\]\:slide-in-from-top-2 {
714
+ &[data-side="bottom"] {
715
+ --tw-enter-translate-y: calc(2*var(--spacing)*-1);
716
+ }
717
+ }
718
+ .data-\[side\=left\]\:slide-in-from-right-2 {
719
+ &[data-side="left"] {
720
+ --tw-enter-translate-x: calc(2*var(--spacing));
721
+ }
722
+ }
723
+ .data-\[side\=right\]\:slide-in-from-left-2 {
724
+ &[data-side="right"] {
725
+ --tw-enter-translate-x: calc(2*var(--spacing)*-1);
726
+ }
727
+ }
728
+ .data-\[side\=top\]\:slide-in-from-bottom-2 {
729
+ &[data-side="top"] {
730
+ --tw-enter-translate-y: calc(2*var(--spacing));
731
+ }
732
+ }
733
+ .data-\[state\=checked\]\:border-none {
734
+ &[data-state="checked"] {
735
+ --tw-border-style: none;
736
+ border-style: none;
737
+ }
738
+ }
739
+ .data-\[state\=closed\]\:animate-out {
740
+ &[data-state="closed"] {
741
+ animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
742
+ }
743
+ }
744
+ .data-\[state\=closed\]\:fade-out-0 {
745
+ &[data-state="closed"] {
746
+ --tw-exit-opacity: calc(0/100);
747
+ --tw-exit-opacity: 0;
748
+ }
749
+ }
750
+ .data-\[state\=closed\]\:zoom-out-95 {
751
+ &[data-state="closed"] {
752
+ --tw-exit-scale: calc(95*1%);
753
+ --tw-exit-scale: .95;
754
+ }
755
+ }
756
+ .data-\[state\=open\]\:animate-in {
757
+ &[data-state="open"] {
758
+ animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);
759
+ }
760
+ }
761
+ .data-\[state\=open\]\:bg-neutral-100 {
762
+ &[data-state="open"] {
763
+ background-color: var(--color-neutral-100);
764
+ }
765
+ }
766
+ .data-\[state\=open\]\:fade-in-0 {
767
+ &[data-state="open"] {
768
+ --tw-enter-opacity: calc(0/100);
769
+ --tw-enter-opacity: 0;
770
+ }
771
+ }
772
+ .data-\[state\=open\]\:zoom-in-95 {
773
+ &[data-state="open"] {
774
+ --tw-enter-scale: calc(95*1%);
775
+ --tw-enter-scale: .95;
776
+ }
777
+ }
778
+ .data-\[state\=selected\]\:bg-gray-100 {
779
+ &[data-state="selected"] {
780
+ background-color: var(--color-gray-100);
781
+ }
782
+ }
783
+ .dark\:border-neutral-800 {
784
+ @media (prefers-color-scheme: dark) {
785
+ border-color: var(--color-neutral-800);
786
+ }
787
+ }
788
+ .dark\:bg-neutral-800 {
789
+ @media (prefers-color-scheme: dark) {
790
+ background-color: var(--color-neutral-800);
791
+ }
792
+ }
793
+ .dark\:bg-neutral-950 {
794
+ @media (prefers-color-scheme: dark) {
795
+ background-color: var(--color-neutral-950);
796
+ }
797
+ }
798
+ .dark\:text-neutral-50 {
799
+ @media (prefers-color-scheme: dark) {
800
+ color: var(--color-neutral-50);
801
+ }
802
+ }
803
+ .dark\:focus\:bg-neutral-800 {
804
+ @media (prefers-color-scheme: dark) {
805
+ &:focus {
806
+ background-color: var(--color-neutral-800);
807
+ }
808
+ }
809
+ }
810
+ .dark\:focus\:text-neutral-50 {
811
+ @media (prefers-color-scheme: dark) {
812
+ &:focus {
813
+ color: var(--color-neutral-50);
814
+ }
815
+ }
816
+ }
817
+ .dark\:data-\[state\=open\]\:bg-neutral-800 {
818
+ @media (prefers-color-scheme: dark) {
819
+ &[data-state="open"] {
820
+ background-color: var(--color-neutral-800);
821
+ }
822
+ }
823
+ }
824
+ .\[\&_tr\]\:border-b {
825
+ & tr {
826
+ border-bottom-style: var(--tw-border-style);
827
+ border-bottom-width: 1px;
828
+ }
829
+ }
830
+ .\[\&_tr\:last-child\]\:border-0 {
831
+ & tr:last-child {
832
+ border-style: var(--tw-border-style);
833
+ border-width: 0px;
834
+ }
835
+ }
836
+ .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
837
+ &:has([role=checkbox]) {
838
+ padding-right: calc(var(--spacing) * 0);
839
+ }
840
+ }
841
+ .\[\&\>tr\]\:last\:border-b-0 {
842
+ &>tr {
843
+ &:last-child {
844
+ border-bottom-style: var(--tw-border-style);
845
+ border-bottom-width: 0px;
846
+ }
847
+ }
848
+ }
849
+ }
850
+ @property --tw-animation-delay {
851
+ syntax: "*";
852
+ inherits: false;
853
+ initial-value: 0s;
854
+ }
855
+ @property --tw-animation-direction {
856
+ syntax: "*";
857
+ inherits: false;
858
+ initial-value: normal;
859
+ }
860
+ @property --tw-animation-duration {
861
+ syntax: "*";
862
+ inherits: false;
863
+ }
864
+ @property --tw-animation-fill-mode {
865
+ syntax: "*";
866
+ inherits: false;
867
+ initial-value: none;
868
+ }
869
+ @property --tw-animation-iteration-count {
870
+ syntax: "*";
871
+ inherits: false;
872
+ initial-value: 1;
873
+ }
874
+ @property --tw-enter-opacity {
875
+ syntax: "*";
876
+ inherits: false;
877
+ initial-value: 1;
878
+ }
879
+ @property --tw-enter-rotate {
880
+ syntax: "*";
881
+ inherits: false;
882
+ initial-value: 0;
883
+ }
884
+ @property --tw-enter-scale {
885
+ syntax: "*";
886
+ inherits: false;
887
+ initial-value: 1;
888
+ }
889
+ @property --tw-enter-translate-x {
890
+ syntax: "*";
891
+ inherits: false;
892
+ initial-value: 0;
893
+ }
894
+ @property --tw-enter-translate-y {
895
+ syntax: "*";
896
+ inherits: false;
897
+ initial-value: 0;
898
+ }
899
+ @property --tw-exit-opacity {
900
+ syntax: "*";
901
+ inherits: false;
902
+ initial-value: 1;
903
+ }
904
+ @property --tw-exit-rotate {
905
+ syntax: "*";
906
+ inherits: false;
907
+ initial-value: 0;
908
+ }
909
+ @property --tw-exit-scale {
910
+ syntax: "*";
911
+ inherits: false;
912
+ initial-value: 1;
913
+ }
914
+ @property --tw-exit-translate-x {
915
+ syntax: "*";
916
+ inherits: false;
917
+ initial-value: 0;
918
+ }
919
+ @property --tw-exit-translate-y {
920
+ syntax: "*";
921
+ inherits: false;
922
+ initial-value: 0;
923
+ }
924
+ @property --tw-rotate-x {
925
+ syntax: "*";
926
+ inherits: false;
927
+ }
928
+ @property --tw-rotate-y {
929
+ syntax: "*";
930
+ inherits: false;
931
+ }
932
+ @property --tw-rotate-z {
933
+ syntax: "*";
934
+ inherits: false;
935
+ }
936
+ @property --tw-skew-x {
937
+ syntax: "*";
938
+ inherits: false;
939
+ }
940
+ @property --tw-skew-y {
941
+ syntax: "*";
942
+ inherits: false;
943
+ }
944
+ @property --tw-space-y-reverse {
945
+ syntax: "*";
946
+ inherits: false;
947
+ initial-value: 0;
948
+ }
949
+ @property --tw-border-style {
950
+ syntax: "*";
951
+ inherits: false;
952
+ initial-value: solid;
953
+ }
954
+ @property --tw-font-weight {
955
+ syntax: "*";
956
+ inherits: false;
957
+ }
958
+ @property --tw-tracking {
959
+ syntax: "*";
960
+ inherits: false;
961
+ }
962
+ @property --tw-shadow {
963
+ syntax: "*";
964
+ inherits: false;
965
+ initial-value: 0 0 #0000;
966
+ }
967
+ @property --tw-shadow-color {
968
+ syntax: "*";
969
+ inherits: false;
970
+ }
971
+ @property --tw-shadow-alpha {
972
+ syntax: "<percentage>";
973
+ inherits: false;
974
+ initial-value: 100%;
975
+ }
976
+ @property --tw-inset-shadow {
977
+ syntax: "*";
978
+ inherits: false;
979
+ initial-value: 0 0 #0000;
980
+ }
981
+ @property --tw-inset-shadow-color {
982
+ syntax: "*";
983
+ inherits: false;
984
+ }
985
+ @property --tw-inset-shadow-alpha {
986
+ syntax: "<percentage>";
987
+ inherits: false;
988
+ initial-value: 100%;
989
+ }
990
+ @property --tw-ring-color {
991
+ syntax: "*";
992
+ inherits: false;
993
+ }
994
+ @property --tw-ring-shadow {
995
+ syntax: "*";
996
+ inherits: false;
997
+ initial-value: 0 0 #0000;
998
+ }
999
+ @property --tw-inset-ring-color {
1000
+ syntax: "*";
1001
+ inherits: false;
1002
+ }
1003
+ @property --tw-inset-ring-shadow {
1004
+ syntax: "*";
1005
+ inherits: false;
1006
+ initial-value: 0 0 #0000;
1007
+ }
1008
+ @property --tw-ring-inset {
1009
+ syntax: "*";
1010
+ inherits: false;
1011
+ }
1012
+ @property --tw-ring-offset-width {
1013
+ syntax: "<length>";
1014
+ inherits: false;
1015
+ initial-value: 0px;
1016
+ }
1017
+ @property --tw-ring-offset-color {
1018
+ syntax: "*";
1019
+ inherits: false;
1020
+ initial-value: #fff;
1021
+ }
1022
+ @property --tw-ring-offset-shadow {
1023
+ syntax: "*";
1024
+ inherits: false;
1025
+ initial-value: 0 0 #0000;
1026
+ }
1027
+ @property --tw-duration {
1028
+ syntax: "*";
1029
+ inherits: false;
1030
+ }
1031
+ @keyframes pulse {
1032
+ 50% {
1033
+ opacity: 0.5;
1034
+ }
1035
+ }
1036
+ @keyframes enter {
1037
+ from {
1038
+ opacity: var(--tw-enter-opacity,1);
1039
+ transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));
1040
+ }
1041
+ }
1042
+ @keyframes exit {
1043
+ to {
1044
+ opacity: var(--tw-exit-opacity,1);
1045
+ transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));
1046
+ }
1047
+ }
1048
+ @layer properties {
1049
+ @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1050
+ *, ::before, ::after, ::backdrop {
1051
+ --tw-rotate-x: initial;
1052
+ --tw-rotate-y: initial;
1053
+ --tw-rotate-z: initial;
1054
+ --tw-skew-x: initial;
1055
+ --tw-skew-y: initial;
1056
+ --tw-space-y-reverse: 0;
1057
+ --tw-border-style: solid;
1058
+ --tw-font-weight: initial;
1059
+ --tw-tracking: initial;
1060
+ --tw-shadow: 0 0 #0000;
1061
+ --tw-shadow-color: initial;
1062
+ --tw-shadow-alpha: 100%;
1063
+ --tw-inset-shadow: 0 0 #0000;
1064
+ --tw-inset-shadow-color: initial;
1065
+ --tw-inset-shadow-alpha: 100%;
1066
+ --tw-ring-color: initial;
1067
+ --tw-ring-shadow: 0 0 #0000;
1068
+ --tw-inset-ring-color: initial;
1069
+ --tw-inset-ring-shadow: 0 0 #0000;
1070
+ --tw-ring-inset: initial;
1071
+ --tw-ring-offset-width: 0px;
1072
+ --tw-ring-offset-color: #fff;
1073
+ --tw-ring-offset-shadow: 0 0 #0000;
1074
+ --tw-duration: initial;
1075
+ --tw-animation-delay: 0s;
1076
+ --tw-animation-direction: normal;
1077
+ --tw-animation-duration: initial;
1078
+ --tw-animation-fill-mode: none;
1079
+ --tw-animation-iteration-count: 1;
1080
+ --tw-enter-opacity: 1;
1081
+ --tw-enter-rotate: 0;
1082
+ --tw-enter-scale: 1;
1083
+ --tw-enter-translate-x: 0;
1084
+ --tw-enter-translate-y: 0;
1085
+ --tw-exit-opacity: 1;
1086
+ --tw-exit-rotate: 0;
1087
+ --tw-exit-scale: 1;
1088
+ --tw-exit-translate-x: 0;
1089
+ --tw-exit-translate-y: 0;
1090
+ }
1091
+ }
1092
+ }