@simpoobusiness/sdk 1.0.10 → 1.0.11

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.
package/dist/styles.css DELETED
@@ -1,1110 +0,0 @@
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
- .container {
219
- width: 100%;
220
- @media (width >= 40rem) {
221
- max-width: 40rem;
222
- }
223
- @media (width >= 48rem) {
224
- max-width: 48rem;
225
- }
226
- @media (width >= 64rem) {
227
- max-width: 64rem;
228
- }
229
- @media (width >= 80rem) {
230
- max-width: 80rem;
231
- }
232
- @media (width >= 96rem) {
233
- max-width: 96rem;
234
- }
235
- }
236
- .-mx-1 {
237
- margin-inline: calc(var(--spacing) * -1);
238
- }
239
- .my-1 {
240
- margin-block: calc(var(--spacing) * 1);
241
- }
242
- .mt-4 {
243
- margin-top: calc(var(--spacing) * 4);
244
- }
245
- .mt-5 {
246
- margin-top: calc(var(--spacing) * 5);
247
- }
248
- .ml-auto {
249
- margin-left: auto;
250
- }
251
- .flex {
252
- display: flex;
253
- }
254
- .hidden {
255
- display: none;
256
- }
257
- .inline {
258
- display: inline;
259
- }
260
- .table {
261
- display: table;
262
- }
263
- .h-2 {
264
- height: calc(var(--spacing) * 2);
265
- }
266
- .h-3\.5 {
267
- height: calc(var(--spacing) * 3.5);
268
- }
269
- .h-4 {
270
- height: calc(var(--spacing) * 4);
271
- }
272
- .h-6 {
273
- height: calc(var(--spacing) * 6);
274
- }
275
- .h-9 {
276
- height: calc(var(--spacing) * 9);
277
- }
278
- .h-12 {
279
- height: calc(var(--spacing) * 12);
280
- }
281
- .h-24 {
282
- height: calc(var(--spacing) * 24);
283
- }
284
- .h-\[18px\] {
285
- height: 18px;
286
- }
287
- .h-\[30px\] {
288
- height: 30px;
289
- }
290
- .h-\[50px\] {
291
- height: 50px;
292
- }
293
- .h-full {
294
- height: 100%;
295
- }
296
- .h-px {
297
- height: 1px;
298
- }
299
- .w-2 {
300
- width: calc(var(--spacing) * 2);
301
- }
302
- .w-3\.5 {
303
- width: calc(var(--spacing) * 3.5);
304
- }
305
- .w-4 {
306
- width: calc(var(--spacing) * 4);
307
- }
308
- .w-6 {
309
- width: calc(var(--spacing) * 6);
310
- }
311
- .w-64 {
312
- width: calc(var(--spacing) * 64);
313
- }
314
- .w-\[50px\] {
315
- width: 50px;
316
- }
317
- .w-\[90px\] {
318
- width: 90px;
319
- }
320
- .w-\[140px\] {
321
- width: 140px;
322
- }
323
- .w-\[210px\] {
324
- width: 210px;
325
- }
326
- .w-full {
327
- width: 100%;
328
- }
329
- .max-w-\[265px\] {
330
- max-width: 265px;
331
- }
332
- .min-w-\[8rem\] {
333
- min-width: 8rem;
334
- }
335
- .min-w-\[70px\] {
336
- min-width: 70px;
337
- }
338
- .shrink-0 {
339
- flex-shrink: 0;
340
- }
341
- .caption-bottom {
342
- caption-side: bottom;
343
- }
344
- .-rotate-90 {
345
- rotate: calc(90deg * -1);
346
- }
347
- .rotate-90 {
348
- rotate: 90deg;
349
- }
350
- .transform {
351
- transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
352
- }
353
- .animate-pulse {
354
- animation: var(--animate-pulse);
355
- }
356
- .cursor-default {
357
- cursor: default;
358
- }
359
- .cursor-pointer {
360
- cursor: pointer;
361
- }
362
- .list-disc {
363
- list-style-type: disc;
364
- }
365
- .flex-col {
366
- flex-direction: column;
367
- }
368
- .flex-wrap {
369
- flex-wrap: wrap;
370
- }
371
- .items-center {
372
- align-items: center;
373
- }
374
- .justify-between {
375
- justify-content: space-between;
376
- }
377
- .justify-center {
378
- justify-content: center;
379
- }
380
- .gap-1 {
381
- gap: calc(var(--spacing) * 1);
382
- }
383
- .gap-2 {
384
- gap: calc(var(--spacing) * 2);
385
- }
386
- .gap-2\.5 {
387
- gap: calc(var(--spacing) * 2.5);
388
- }
389
- .gap-3 {
390
- gap: calc(var(--spacing) * 3);
391
- }
392
- .gap-4 {
393
- gap: calc(var(--spacing) * 4);
394
- }
395
- .gap-5 {
396
- gap: calc(var(--spacing) * 5);
397
- }
398
- .gap-\[5px\] {
399
- gap: 5px;
400
- }
401
- .gap-\[30px\] {
402
- gap: 30px;
403
- }
404
- .space-y-1 {
405
- :where(& > :not(:last-child)) {
406
- --tw-space-y-reverse: 0;
407
- margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
408
- margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
409
- }
410
- }
411
- .truncate {
412
- overflow: hidden;
413
- text-overflow: ellipsis;
414
- white-space: nowrap;
415
- }
416
- .overflow-auto {
417
- overflow: auto;
418
- }
419
- .overflow-hidden {
420
- overflow: hidden;
421
- }
422
- .rounded {
423
- border-radius: 0.25rem;
424
- }
425
- .rounded-2xl {
426
- border-radius: var(--radius-2xl);
427
- }
428
- .rounded-\[7px\] {
429
- border-radius: 7px;
430
- }
431
- .rounded-lg {
432
- border-radius: var(--radius-lg);
433
- }
434
- .rounded-md {
435
- border-radius: var(--radius-md);
436
- }
437
- .rounded-sm {
438
- border-radius: var(--radius-sm);
439
- }
440
- .rounded-xl {
441
- border-radius: var(--radius-xl);
442
- }
443
- .border {
444
- border-style: var(--tw-border-style);
445
- border-width: 1px;
446
- }
447
- .border-t {
448
- border-top-style: var(--tw-border-style);
449
- border-top-width: 1px;
450
- }
451
- .border-b {
452
- border-bottom-style: var(--tw-border-style);
453
- border-bottom-width: 1px;
454
- }
455
- .border-none {
456
- --tw-border-style: none;
457
- border-style: none;
458
- }
459
- .\!border-gray-600 {
460
- border-color: var(--color-gray-600) !important;
461
- }
462
- .border-gray-200 {
463
- border-color: var(--color-gray-200);
464
- }
465
- .border-gray-300 {
466
- border-color: var(--color-gray-300);
467
- }
468
- .border-neutral-200 {
469
- border-color: var(--color-neutral-200);
470
- }
471
- .bg-\[\#0A0D14\] {
472
- background-color: #0A0D14;
473
- }
474
- .bg-\[\#9747FF1A\] {
475
- background-color: #9747FF1A;
476
- }
477
- .bg-\[\#E1E3EA\] {
478
- background-color: #E1E3EA;
479
- }
480
- .bg-\[\#f5edff\] {
481
- background-color: #f5edff;
482
- }
483
- .bg-gray-50 {
484
- background-color: var(--color-gray-50);
485
- }
486
- .bg-gray-100 {
487
- background-color: var(--color-gray-100);
488
- }
489
- .bg-gray-300 {
490
- background-color: var(--color-gray-300);
491
- }
492
- .bg-neutral-100 {
493
- background-color: var(--color-neutral-100);
494
- }
495
- .bg-white {
496
- background-color: var(--color-white);
497
- }
498
- .fill-current {
499
- fill: currentcolor;
500
- }
501
- .object-cover {
502
- -o-object-fit: cover;
503
- object-fit: cover;
504
- }
505
- .p-0 {
506
- padding: calc(var(--spacing) * 0);
507
- }
508
- .p-1 {
509
- padding: calc(var(--spacing) * 1);
510
- }
511
- .p-2 {
512
- padding: calc(var(--spacing) * 2);
513
- }
514
- .p-2\.5 {
515
- padding: calc(var(--spacing) * 2.5);
516
- }
517
- .p-3 {
518
- padding: calc(var(--spacing) * 3);
519
- }
520
- .p-4 {
521
- padding: calc(var(--spacing) * 4);
522
- }
523
- .p-\[7px\] {
524
- padding: 7px;
525
- }
526
- .px-2 {
527
- padding-inline: calc(var(--spacing) * 2);
528
- }
529
- .px-\[5px\] {
530
- padding-inline: 5px;
531
- }
532
- .px-\[15px\] {
533
- padding-inline: 15px;
534
- }
535
- .py-1\.5 {
536
- padding-block: calc(var(--spacing) * 1.5);
537
- }
538
- .py-2\.5 {
539
- padding-block: calc(var(--spacing) * 2.5);
540
- }
541
- .py-24 {
542
- padding-block: calc(var(--spacing) * 24);
543
- }
544
- .pr-2 {
545
- padding-right: calc(var(--spacing) * 2);
546
- }
547
- .pl-4 {
548
- padding-left: calc(var(--spacing) * 4);
549
- }
550
- .pl-8 {
551
- padding-left: calc(var(--spacing) * 8);
552
- }
553
- .text-center {
554
- text-align: center;
555
- }
556
- .text-left {
557
- text-align: left;
558
- }
559
- .align-middle {
560
- vertical-align: middle;
561
- }
562
- .text-sm {
563
- font-size: var(--text-sm);
564
- line-height: var(--tw-leading, var(--text-sm--line-height));
565
- }
566
- .text-xs {
567
- font-size: var(--text-xs);
568
- line-height: var(--tw-leading, var(--text-xs--line-height));
569
- }
570
- .text-\[10px\] {
571
- font-size: 10px;
572
- }
573
- .text-\[11px\] {
574
- font-size: 11px;
575
- }
576
- .text-\[13px\] {
577
- font-size: 13px;
578
- }
579
- .text-\[15px\] {
580
- font-size: 15px;
581
- }
582
- .font-bold {
583
- --tw-font-weight: var(--font-weight-bold);
584
- font-weight: var(--font-weight-bold);
585
- }
586
- .font-medium {
587
- --tw-font-weight: var(--font-weight-medium);
588
- font-weight: var(--font-weight-medium);
589
- }
590
- .font-normal {
591
- --tw-font-weight: var(--font-weight-normal);
592
- font-weight: var(--font-weight-normal);
593
- }
594
- .font-semibold {
595
- --tw-font-weight: var(--font-weight-semibold);
596
- font-weight: var(--font-weight-semibold);
597
- }
598
- .tracking-widest {
599
- --tw-tracking: var(--tracking-widest);
600
- letter-spacing: var(--tracking-widest);
601
- }
602
- .whitespace-nowrap {
603
- white-space: nowrap;
604
- }
605
- .text-\[\#7239EA\] {
606
- color: #7239EA;
607
- }
608
- .text-\[\#CDD0D5\] {
609
- color: #CDD0D5;
610
- }
611
- .text-black {
612
- color: var(--color-black);
613
- }
614
- .text-gray-500 {
615
- color: var(--color-gray-500);
616
- }
617
- .text-gray-600 {
618
- color: var(--color-gray-600);
619
- }
620
- .text-gray-700 {
621
- color: var(--color-gray-700);
622
- }
623
- .text-neutral-950 {
624
- color: var(--color-neutral-950);
625
- }
626
- .text-white {
627
- color: var(--color-white);
628
- }
629
- .capitalize {
630
- text-transform: capitalize;
631
- }
632
- .uppercase {
633
- text-transform: uppercase;
634
- }
635
- .opacity-60 {
636
- opacity: 60%;
637
- }
638
- .shadow-\[0_3px_4px_0_\#00000008\] {
639
- --tw-shadow: 0 3px 4px 0 var(--tw-shadow-color, #00000008);
640
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
641
- }
642
- .shadow-\[0_8px_14px_0_\#0F2A510A\] {
643
- --tw-shadow: 0 8px 14px 0 var(--tw-shadow-color, #0F2A510A);
644
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
645
- }
646
- .shadow-lg {
647
- --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));
648
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
649
- }
650
- .shadow-md {
651
- --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));
652
- box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
653
- }
654
- .transition-colors {
655
- transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
656
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
657
- transition-duration: var(--tw-duration, var(--default-transition-duration));
658
- }
659
- .transition-transform {
660
- transition-property: transform, translate, scale, rotate;
661
- transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
662
- transition-duration: var(--tw-duration, var(--default-transition-duration));
663
- }
664
- .duration-200 {
665
- --tw-duration: 200ms;
666
- transition-duration: 200ms;
667
- }
668
- .outline-none {
669
- --tw-outline-style: none;
670
- outline-style: none;
671
- }
672
- .select-none {
673
- -webkit-user-select: none;
674
- -moz-user-select: none;
675
- user-select: none;
676
- }
677
- .first-letter\:uppercase {
678
- &::first-letter {
679
- text-transform: uppercase;
680
- }
681
- }
682
- .hover\:border {
683
- &:hover {
684
- @media (hover: hover) {
685
- border-style: var(--tw-border-style);
686
- border-width: 1px;
687
- }
688
- }
689
- }
690
- .hover\:\!bg-gray-100 {
691
- &:hover {
692
- @media (hover: hover) {
693
- background-color: var(--color-gray-100) !important;
694
- }
695
- }
696
- }
697
- .hover\:bg-gray-50 {
698
- &:hover {
699
- @media (hover: hover) {
700
- background-color: var(--color-gray-50);
701
- }
702
- }
703
- }
704
- .hover\:bg-gray-100 {
705
- &:hover {
706
- @media (hover: hover) {
707
- background-color: var(--color-gray-100);
708
- }
709
- }
710
- }
711
- .focus\:bg-neutral-100 {
712
- &:focus {
713
- background-color: var(--color-neutral-100);
714
- }
715
- }
716
- .focus\:text-neutral-900 {
717
- &:focus {
718
- color: var(--color-neutral-900);
719
- }
720
- }
721
- .data-\[disabled\]\:pointer-events-none {
722
- &[data-disabled] {
723
- pointer-events: none;
724
- }
725
- }
726
- .data-\[disabled\]\:opacity-50 {
727
- &[data-disabled] {
728
- opacity: 50%;
729
- }
730
- }
731
- .data-\[side\=bottom\]\:slide-in-from-top-2 {
732
- &[data-side="bottom"] {
733
- --tw-enter-translate-y: calc(2*var(--spacing)*-1);
734
- }
735
- }
736
- .data-\[side\=left\]\:slide-in-from-right-2 {
737
- &[data-side="left"] {
738
- --tw-enter-translate-x: calc(2*var(--spacing));
739
- }
740
- }
741
- .data-\[side\=right\]\:slide-in-from-left-2 {
742
- &[data-side="right"] {
743
- --tw-enter-translate-x: calc(2*var(--spacing)*-1);
744
- }
745
- }
746
- .data-\[side\=top\]\:slide-in-from-bottom-2 {
747
- &[data-side="top"] {
748
- --tw-enter-translate-y: calc(2*var(--spacing));
749
- }
750
- }
751
- .data-\[state\=checked\]\:border-none {
752
- &[data-state="checked"] {
753
- --tw-border-style: none;
754
- border-style: none;
755
- }
756
- }
757
- .data-\[state\=closed\]\:animate-out {
758
- &[data-state="closed"] {
759
- 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);
760
- }
761
- }
762
- .data-\[state\=closed\]\:fade-out-0 {
763
- &[data-state="closed"] {
764
- --tw-exit-opacity: calc(0/100);
765
- --tw-exit-opacity: 0;
766
- }
767
- }
768
- .data-\[state\=closed\]\:zoom-out-95 {
769
- &[data-state="closed"] {
770
- --tw-exit-scale: calc(95*1%);
771
- --tw-exit-scale: .95;
772
- }
773
- }
774
- .data-\[state\=open\]\:animate-in {
775
- &[data-state="open"] {
776
- 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);
777
- }
778
- }
779
- .data-\[state\=open\]\:bg-neutral-100 {
780
- &[data-state="open"] {
781
- background-color: var(--color-neutral-100);
782
- }
783
- }
784
- .data-\[state\=open\]\:fade-in-0 {
785
- &[data-state="open"] {
786
- --tw-enter-opacity: calc(0/100);
787
- --tw-enter-opacity: 0;
788
- }
789
- }
790
- .data-\[state\=open\]\:zoom-in-95 {
791
- &[data-state="open"] {
792
- --tw-enter-scale: calc(95*1%);
793
- --tw-enter-scale: .95;
794
- }
795
- }
796
- .data-\[state\=selected\]\:bg-gray-100 {
797
- &[data-state="selected"] {
798
- background-color: var(--color-gray-100);
799
- }
800
- }
801
- .dark\:border-neutral-800 {
802
- @media (prefers-color-scheme: dark) {
803
- border-color: var(--color-neutral-800);
804
- }
805
- }
806
- .dark\:bg-neutral-800 {
807
- @media (prefers-color-scheme: dark) {
808
- background-color: var(--color-neutral-800);
809
- }
810
- }
811
- .dark\:bg-neutral-950 {
812
- @media (prefers-color-scheme: dark) {
813
- background-color: var(--color-neutral-950);
814
- }
815
- }
816
- .dark\:text-neutral-50 {
817
- @media (prefers-color-scheme: dark) {
818
- color: var(--color-neutral-50);
819
- }
820
- }
821
- .dark\:focus\:bg-neutral-800 {
822
- @media (prefers-color-scheme: dark) {
823
- &:focus {
824
- background-color: var(--color-neutral-800);
825
- }
826
- }
827
- }
828
- .dark\:focus\:text-neutral-50 {
829
- @media (prefers-color-scheme: dark) {
830
- &:focus {
831
- color: var(--color-neutral-50);
832
- }
833
- }
834
- }
835
- .dark\:data-\[state\=open\]\:bg-neutral-800 {
836
- @media (prefers-color-scheme: dark) {
837
- &[data-state="open"] {
838
- background-color: var(--color-neutral-800);
839
- }
840
- }
841
- }
842
- .\[\&_tr\]\:border-b {
843
- & tr {
844
- border-bottom-style: var(--tw-border-style);
845
- border-bottom-width: 1px;
846
- }
847
- }
848
- .\[\&_tr\:last-child\]\:border-0 {
849
- & tr:last-child {
850
- border-style: var(--tw-border-style);
851
- border-width: 0px;
852
- }
853
- }
854
- .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
855
- &:has([role=checkbox]) {
856
- padding-right: calc(var(--spacing) * 0);
857
- }
858
- }
859
- .\[\&\>tr\]\:last\:border-b-0 {
860
- &>tr {
861
- &:last-child {
862
- border-bottom-style: var(--tw-border-style);
863
- border-bottom-width: 0px;
864
- }
865
- }
866
- }
867
- }
868
- @property --tw-animation-delay {
869
- syntax: "*";
870
- inherits: false;
871
- initial-value: 0s;
872
- }
873
- @property --tw-animation-direction {
874
- syntax: "*";
875
- inherits: false;
876
- initial-value: normal;
877
- }
878
- @property --tw-animation-duration {
879
- syntax: "*";
880
- inherits: false;
881
- }
882
- @property --tw-animation-fill-mode {
883
- syntax: "*";
884
- inherits: false;
885
- initial-value: none;
886
- }
887
- @property --tw-animation-iteration-count {
888
- syntax: "*";
889
- inherits: false;
890
- initial-value: 1;
891
- }
892
- @property --tw-enter-opacity {
893
- syntax: "*";
894
- inherits: false;
895
- initial-value: 1;
896
- }
897
- @property --tw-enter-rotate {
898
- syntax: "*";
899
- inherits: false;
900
- initial-value: 0;
901
- }
902
- @property --tw-enter-scale {
903
- syntax: "*";
904
- inherits: false;
905
- initial-value: 1;
906
- }
907
- @property --tw-enter-translate-x {
908
- syntax: "*";
909
- inherits: false;
910
- initial-value: 0;
911
- }
912
- @property --tw-enter-translate-y {
913
- syntax: "*";
914
- inherits: false;
915
- initial-value: 0;
916
- }
917
- @property --tw-exit-opacity {
918
- syntax: "*";
919
- inherits: false;
920
- initial-value: 1;
921
- }
922
- @property --tw-exit-rotate {
923
- syntax: "*";
924
- inherits: false;
925
- initial-value: 0;
926
- }
927
- @property --tw-exit-scale {
928
- syntax: "*";
929
- inherits: false;
930
- initial-value: 1;
931
- }
932
- @property --tw-exit-translate-x {
933
- syntax: "*";
934
- inherits: false;
935
- initial-value: 0;
936
- }
937
- @property --tw-exit-translate-y {
938
- syntax: "*";
939
- inherits: false;
940
- initial-value: 0;
941
- }
942
- @property --tw-rotate-x {
943
- syntax: "*";
944
- inherits: false;
945
- }
946
- @property --tw-rotate-y {
947
- syntax: "*";
948
- inherits: false;
949
- }
950
- @property --tw-rotate-z {
951
- syntax: "*";
952
- inherits: false;
953
- }
954
- @property --tw-skew-x {
955
- syntax: "*";
956
- inherits: false;
957
- }
958
- @property --tw-skew-y {
959
- syntax: "*";
960
- inherits: false;
961
- }
962
- @property --tw-space-y-reverse {
963
- syntax: "*";
964
- inherits: false;
965
- initial-value: 0;
966
- }
967
- @property --tw-border-style {
968
- syntax: "*";
969
- inherits: false;
970
- initial-value: solid;
971
- }
972
- @property --tw-font-weight {
973
- syntax: "*";
974
- inherits: false;
975
- }
976
- @property --tw-tracking {
977
- syntax: "*";
978
- inherits: false;
979
- }
980
- @property --tw-shadow {
981
- syntax: "*";
982
- inherits: false;
983
- initial-value: 0 0 #0000;
984
- }
985
- @property --tw-shadow-color {
986
- syntax: "*";
987
- inherits: false;
988
- }
989
- @property --tw-shadow-alpha {
990
- syntax: "<percentage>";
991
- inherits: false;
992
- initial-value: 100%;
993
- }
994
- @property --tw-inset-shadow {
995
- syntax: "*";
996
- inherits: false;
997
- initial-value: 0 0 #0000;
998
- }
999
- @property --tw-inset-shadow-color {
1000
- syntax: "*";
1001
- inherits: false;
1002
- }
1003
- @property --tw-inset-shadow-alpha {
1004
- syntax: "<percentage>";
1005
- inherits: false;
1006
- initial-value: 100%;
1007
- }
1008
- @property --tw-ring-color {
1009
- syntax: "*";
1010
- inherits: false;
1011
- }
1012
- @property --tw-ring-shadow {
1013
- syntax: "*";
1014
- inherits: false;
1015
- initial-value: 0 0 #0000;
1016
- }
1017
- @property --tw-inset-ring-color {
1018
- syntax: "*";
1019
- inherits: false;
1020
- }
1021
- @property --tw-inset-ring-shadow {
1022
- syntax: "*";
1023
- inherits: false;
1024
- initial-value: 0 0 #0000;
1025
- }
1026
- @property --tw-ring-inset {
1027
- syntax: "*";
1028
- inherits: false;
1029
- }
1030
- @property --tw-ring-offset-width {
1031
- syntax: "<length>";
1032
- inherits: false;
1033
- initial-value: 0px;
1034
- }
1035
- @property --tw-ring-offset-color {
1036
- syntax: "*";
1037
- inherits: false;
1038
- initial-value: #fff;
1039
- }
1040
- @property --tw-ring-offset-shadow {
1041
- syntax: "*";
1042
- inherits: false;
1043
- initial-value: 0 0 #0000;
1044
- }
1045
- @property --tw-duration {
1046
- syntax: "*";
1047
- inherits: false;
1048
- }
1049
- @keyframes pulse {
1050
- 50% {
1051
- opacity: 0.5;
1052
- }
1053
- }
1054
- @keyframes enter {
1055
- from {
1056
- opacity: var(--tw-enter-opacity,1);
1057
- 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));
1058
- }
1059
- }
1060
- @keyframes exit {
1061
- to {
1062
- opacity: var(--tw-exit-opacity,1);
1063
- 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));
1064
- }
1065
- }
1066
- @layer properties {
1067
- @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
1068
- *, ::before, ::after, ::backdrop {
1069
- --tw-rotate-x: initial;
1070
- --tw-rotate-y: initial;
1071
- --tw-rotate-z: initial;
1072
- --tw-skew-x: initial;
1073
- --tw-skew-y: initial;
1074
- --tw-space-y-reverse: 0;
1075
- --tw-border-style: solid;
1076
- --tw-font-weight: initial;
1077
- --tw-tracking: initial;
1078
- --tw-shadow: 0 0 #0000;
1079
- --tw-shadow-color: initial;
1080
- --tw-shadow-alpha: 100%;
1081
- --tw-inset-shadow: 0 0 #0000;
1082
- --tw-inset-shadow-color: initial;
1083
- --tw-inset-shadow-alpha: 100%;
1084
- --tw-ring-color: initial;
1085
- --tw-ring-shadow: 0 0 #0000;
1086
- --tw-inset-ring-color: initial;
1087
- --tw-inset-ring-shadow: 0 0 #0000;
1088
- --tw-ring-inset: initial;
1089
- --tw-ring-offset-width: 0px;
1090
- --tw-ring-offset-color: #fff;
1091
- --tw-ring-offset-shadow: 0 0 #0000;
1092
- --tw-duration: initial;
1093
- --tw-animation-delay: 0s;
1094
- --tw-animation-direction: normal;
1095
- --tw-animation-duration: initial;
1096
- --tw-animation-fill-mode: none;
1097
- --tw-animation-iteration-count: 1;
1098
- --tw-enter-opacity: 1;
1099
- --tw-enter-rotate: 0;
1100
- --tw-enter-scale: 1;
1101
- --tw-enter-translate-x: 0;
1102
- --tw-enter-translate-y: 0;
1103
- --tw-exit-opacity: 1;
1104
- --tw-exit-rotate: 0;
1105
- --tw-exit-scale: 1;
1106
- --tw-exit-translate-x: 0;
1107
- --tw-exit-translate-y: 0;
1108
- }
1109
- }
1110
- }