sk-clib 1.19.0 → 2.0.4

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