@marigold/theme-rui 5.1.0 → 5.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/dist/appearances.cjs +368 -0
  2. package/dist/appearances.cjs.map +1 -0
  3. package/dist/appearances.d.cts +239 -0
  4. package/dist/appearances.d.cts.map +1 -0
  5. package/dist/appearances.d.mts +239 -0
  6. package/dist/appearances.d.mts.map +1 -0
  7. package/dist/appearances.mjs +366 -0
  8. package/dist/appearances.mjs.map +1 -0
  9. package/dist/index.cjs +599 -460
  10. package/dist/index.cjs.map +1 -1
  11. package/dist/index.d.cts.map +1 -1
  12. package/dist/index.d.mts.map +1 -1
  13. package/dist/index.mjs +597 -458
  14. package/dist/index.mjs.map +1 -1
  15. package/dist/styles.css +922 -573
  16. package/dist/theme.css +55 -31
  17. package/dist/ui.css +151 -7
  18. package/dist/utils.css +0 -57
  19. package/dist/variants.css +1 -0
  20. package/package.json +16 -9
package/dist/styles.css CHANGED
@@ -1,4 +1,4 @@
1
- /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
1
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
4
  @layer theme {
@@ -66,6 +66,7 @@
66
66
  --color-black: #000;
67
67
  --color-white: #fff;
68
68
  --spacing: 0.25rem;
69
+ --breakpoint-sm: 40rem;
69
70
  --container-3xs: 16rem;
70
71
  --container-xs: 20rem;
71
72
  --container-sm: 24rem;
@@ -106,6 +107,7 @@
106
107
  --font-weight-bold: 700;
107
108
  --font-weight-extrabold: 800;
108
109
  --font-weight-black: 900;
110
+ --tracking-wider: 0.05em;
109
111
  --leading-tight: 1.25;
110
112
  --leading-snug: 1.375;
111
113
  --leading-normal: 1.5;
@@ -120,8 +122,8 @@
120
122
  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
121
123
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
122
124
  --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);
123
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
124
125
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
126
+ --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
125
127
  --blur-xs: 4px;
126
128
  --aspect-video: 16 / 9;
127
129
  --default-transition-duration: 150ms;
@@ -162,10 +164,10 @@
162
164
  --color-access-admin: var(--color-purple-100);
163
165
  --color-access-admin-foreground: var(--color-purple-800);
164
166
  --color-muted: var(--color-stone-100);
165
- --color-muted-foreground: var(--color-stone-500);
167
+ --color-muted-foreground: var(--color-stone-600);
166
168
  --color-disabled: var(--color-stone-200);
167
- --color-disabled-foreground: var(--color-stone-400);
168
- --color-placeholder: var(--color-stone-500);
169
+ --color-disabled-foreground: var(--color-stone-500);
170
+ --color-placeholder: var(--color-stone-600);
169
171
  --color-ring: var(--color-stone-400);
170
172
  --color-link: var(--color-blue-600);
171
173
  --color-input: var(--color-stone-300);
@@ -178,11 +180,10 @@
178
180
  --color-surface: var(--color-white);
179
181
  --color-surface-border: var(--color-stone-300);
180
182
  --radius-surface: var(--radius-lg);
181
- --shadow-elevation-border: 0px 0.3px 0.3px oklch(0 0 0 / 0.19),
182
- 0.1px 1.1px 1.2px -3px oklch(0 0 0 / 0.16);
183
- --shadow-elevation-raised: 0px 0.3px 0.3px oklch(0 0 0 / 0.23),
184
- 0px 1.4px 1.3px -2px oklch(0 0 0 / 0.17),
185
- 0px 6.7px 6px -4px oklch(0 0 0 / 0.12);
183
+ --shadow-elevation-border: 0px 0.3px 0.3px oklch(0 0 0 / 0.14), 0px 1px 1.2px -3px oklch(0 0 0 / 0.12);
184
+ --shadow-elevation-raised: 0px 0.3px 0.8px oklch(0 0 0 / 0.28),
185
+ 0px 1.4px 1.3px -2px oklch(0 0 0 / 0.21),
186
+ 0px 6.7px 6px -4px oklch(0 0 0 / 0.15);
186
187
  --shadow-elevation-overlay: 0px 0.1px 0.1px oklch(0 0 0 / 0.32),
187
188
  0px 1px 0.9px -1.3px oklch(0 0 0 / 0.26),
188
189
  -0.1px 4px 3.6px -2.7px oklch(0 0 0 / 0.2),
@@ -202,13 +203,11 @@
202
203
  --spacing-button-small: 2rem;
203
204
  --spacing-button-large: 2.5rem;
204
205
  --spacing-container: 50rem;
205
- --spacing-joined: calc(var(--spacing) * 0.25);
206
- --spacing-tight: calc(var(--spacing) * 1);
206
+ --spacing-tight: calc(var(--spacing) * 1.5);
207
207
  --spacing-related: calc(var(--spacing) * 2);
208
- --spacing-peer: calc(var(--spacing) * 4);
209
- --spacing-group: calc(var(--spacing) * 8);
210
- --spacing-section: calc(var(--spacing) * 16);
211
- --spacing-context: calc(var(--spacing) * 32);
208
+ --spacing-regular: calc(var(--spacing) * 6);
209
+ --spacing-group: calc(var(--spacing) * 12);
210
+ --spacing-section: calc(var(--spacing) * 24);
212
211
  --spacing-square-tight: calc(var(--spacing) * 1);
213
212
  --spacing-square-snug: calc(var(--spacing) * 2);
214
213
  --spacing-square-regular: calc(var(--spacing) * 3);
@@ -242,25 +241,31 @@
242
241
  --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
243
242
  --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
244
243
  --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
245
- --fade-in-duration: 0.25s;
246
- --fade-out-duration: 0.15s;
247
- --animate-fade-in: fade-in var(--fade-in-duration) var(--ease-out-cubic);
248
- --animate-fade-out: fade-in var(--fade-out-duration) reverse;
244
+ --fade-in-duration: 0.3s;
245
+ --fade-out-duration: 0.2s;
246
+ --animate-fade-in: fade-in var(--fade-in-duration) ease-out;
247
+ --animate-fade-out: fade-in var(--fade-out-duration) ease-in reverse;
249
248
  --animate-fade-in-up: fade-in-up var(--fade-in-duration) var(--ease-out-cubic);
249
+ --animate-slide-in: slide-in 0.25s var(--ease-out-quart) forwards;
250
+ --animate-slide-out: slide-out 0.2s var(--ease-out-quart) forwards;
250
251
  --slide-in-duration: 0.3s;
251
252
  --slide-out-duration: 0.15s;
252
253
  --animate-slide-in-right: slide-in-right var(--slide-in-duration)
253
254
  var(--ease-out-expo);
254
- --animate-slide-out-right: slide-in-right var(--slide-out-duration) reverse;
255
+ --animate-slide-out-right: slide-in-right var(--slide-out-duration) reverse
256
+ forwards;
255
257
  --animate-slide-in-left: slide-in-left var(--slide-in-duration)
256
258
  var(--ease-out-expo);
257
- --animate-slide-out-left: slide-in-left var(--slide-out-duration) reverse;
259
+ --animate-slide-out-left: slide-in-left var(--slide-out-duration) reverse
260
+ forwards;
258
261
  --animate-slide-in-top: slide-in-top var(--slide-in-duration)
259
262
  var(--ease-out-expo);
260
- --animate-slide-out-top: slide-in-top var(--slide-out-duration) reverse;
263
+ --animate-slide-out-top: slide-in-top var(--slide-out-duration) reverse
264
+ forwards;
261
265
  --animate-slide-in-bottom: slide-in-bottom var(--slide-in-duration)
262
266
  var(--ease-out-expo);
263
- --animate-slide-out-bottom: slide-in-bottom var(--slide-out-duration) reverse;
267
+ --animate-slide-out-bottom: slide-in-bottom var(--slide-out-duration) reverse
268
+ forwards;
264
269
  --animate-rotate-spinner: rotate-spinner 2s linear infinite;
265
270
  --animate-progress-cycle: progress-cycle 1.5s linear infinite;
266
271
  }
@@ -414,6 +419,64 @@
414
419
  }
415
420
  }
416
421
  @layer utilities {
422
+ [data-theme="rui"] .ui-button-base {
423
+ display: inline-flex;
424
+ align-items: center;
425
+ justify-content: center;
426
+ border-radius: var(--radius-lg);
427
+ --tw-font-weight: var(--font-weight-medium);
428
+ font-weight: var(--font-weight-medium);
429
+ white-space: nowrap;
430
+ transition-property: color,box-shadow,transform;
431
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
432
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
433
+ cursor: pointer;
434
+ --tw-outline-style: none;
435
+ outline-style: none;
436
+ [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
437
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
438
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
439
+ --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
440
+ @supports (color: color-mix(in lab, red, red)) {
441
+ --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
442
+ }
443
+ --tw-outline-style: none;
444
+ outline-style: none;
445
+ --ui-border-color: var(--color-ring);
446
+ }
447
+ [data-theme="rui"] &:where(:not([data-rac])):focus-visible {
448
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
449
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
450
+ --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
451
+ @supports (color: color-mix(in lab, red, red)) {
452
+ --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
453
+ }
454
+ --tw-outline-style: none;
455
+ outline-style: none;
456
+ --ui-border-color: var(--color-ring);
457
+ }
458
+ [data-theme="rui"] &:where([data-rac])[data-disabled] {
459
+ cursor: not-allowed;
460
+ color: var(--color-stone-500);
461
+ background: var(--color-disabled);
462
+ background-clip: border-box;
463
+ box-shadow: none;
464
+ }
465
+ [data-theme="rui"] &:where(:not([data-rac])):disabled {
466
+ cursor: not-allowed;
467
+ color: var(--color-stone-500);
468
+ background: var(--color-disabled);
469
+ background-clip: border-box;
470
+ box-shadow: none;
471
+ }
472
+ border-style: var(--tw-border-style);
473
+ border-width: 1px;
474
+ border-color: transparent;
475
+ [data-theme="rui"] & svg {
476
+ pointer-events: none;
477
+ flex-shrink: 0;
478
+ }
479
+ }
417
480
  [data-theme="rui"] .pointer-events-auto {
418
481
  pointer-events: auto;
419
482
  }
@@ -432,7 +495,7 @@
432
495
  [data-theme="rui"] .visible\! {
433
496
  visibility: visible !important;
434
497
  }
435
- [data-theme="rui"] .util-touch-hitbox {
498
+ [data-theme="rui"] .ui-touch-hitbox {
436
499
  position: relative;
437
500
  [data-theme="rui"] &:before {
438
501
  content: '';
@@ -448,6 +511,31 @@
448
511
  z-index: 100;
449
512
  }
450
513
  }
514
+ [data-theme="rui"] .sr-only {
515
+ position: absolute;
516
+ width: 1px;
517
+ height: 1px;
518
+ padding: 0;
519
+ margin: -1px;
520
+ overflow: hidden;
521
+ clip-path: inset(50%);
522
+ white-space: nowrap;
523
+ border-width: 0;
524
+ }
525
+ [data-theme="rui"] .ui-surface-contrast {
526
+ position: relative;
527
+ border-radius: var(--radius-lg);
528
+ transition-property: background,border,box-shadow;
529
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
530
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
531
+ color: var(--color-stone-50);
532
+ --tw-inset-shadow: inset 0 1px 0 0 var(--tw-inset-shadow-color, var(--ui-highlight-color,oklch(from var(--color-brand) calc(l + 0.4) c h)));
533
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
534
+ background: radial-gradient(ellipse 120% 60% at 50% -25%, var(--ui-highlight-color, oklch(from var(--color-brand) calc(l + 0.4) c h)), transparent 90%), linear-gradient( to bottom, var(--ui-background-color, var(--color-brand)), var(--ui-background-color, var(--color-brand)) ), linear-gradient( to bottom, oklch(from var(--ui-border-color, var(--color-brand)) calc(l + 0.2) c h), oklch(from var(--ui-border-color, var(--color-brand)) calc(l + 0.15) c h) );
535
+ background-clip: padding-box, padding-box, border-box;
536
+ background-origin: padding-box, padding-box, border-box;
537
+ border: 1px solid transparent;
538
+ }
451
539
  [data-theme="rui"] .ui-surface {
452
540
  position: relative;
453
541
  border-radius: var(--radius-lg);
@@ -477,11 +565,23 @@
477
565
  [data-theme="rui"] .inset-0 {
478
566
  inset: calc(var(--spacing) * 0);
479
567
  }
568
+ [data-theme="rui"] .inset-x-0 {
569
+ inset-inline: calc(var(--spacing) * 0);
570
+ }
571
+ [data-theme="rui"] .inset-y-4 {
572
+ inset-block: calc(var(--spacing) * 4);
573
+ }
574
+ [data-theme="rui"] .start {
575
+ inset-inline-start: var(--spacing);
576
+ }
577
+ [data-theme="rui"] .end {
578
+ inset-inline-end: var(--spacing);
579
+ }
480
580
  [data-theme="rui"] .top-0 {
481
581
  top: calc(var(--spacing) * 0);
482
582
  }
483
583
  [data-theme="rui"] .top-1\/2 {
484
- top: calc(1/2 * 100%);
584
+ top: calc(1 / 2 * 100%);
485
585
  }
486
586
  [data-theme="rui"] .top-3\.5 {
487
587
  top: calc(var(--spacing) * 3.5);
@@ -510,6 +610,12 @@
510
610
  [data-theme="rui"] .right-auto {
511
611
  right: auto;
512
612
  }
613
+ [data-theme="rui"] .bottom-\(--actionbar-offset\,8px\) {
614
+ bottom: var(--actionbar-offset,8px);
615
+ }
616
+ [data-theme="rui"] .bottom-0 {
617
+ bottom: calc(var(--spacing) * 0);
618
+ }
513
619
  [data-theme="rui"] .bottom-4 {
514
620
  bottom: calc(var(--spacing) * 4);
515
621
  }
@@ -520,7 +626,7 @@
520
626
  left: calc(var(--spacing) * 1);
521
627
  }
522
628
  [data-theme="rui"] .left-1\/2 {
523
- left: calc(1/2 * 100%);
629
+ left: calc(1 / 2 * 100%);
524
630
  }
525
631
  [data-theme="rui"] .left-2\.5 {
526
632
  left: calc(var(--spacing) * 2.5);
@@ -585,6 +691,9 @@
585
691
  max-width: 96rem;
586
692
  }
587
693
  }
694
+ [data-theme="rui"] .-m-1 {
695
+ margin: calc(var(--spacing) * -1);
696
+ }
588
697
  [data-theme="rui"] .m-0 {
589
698
  margin: calc(var(--spacing) * 0);
590
699
  }
@@ -594,6 +703,9 @@
594
703
  [data-theme="rui"] .-my-1\.5 {
595
704
  margin-block: calc(var(--spacing) * -1.5);
596
705
  }
706
+ [data-theme="rui"] .my-1 {
707
+ margin-block: calc(var(--spacing) * 1);
708
+ }
597
709
  [data-theme="rui"] .ms-auto {
598
710
  margin-inline-start: auto;
599
711
  }
@@ -621,6 +733,9 @@
621
733
  [data-theme="rui"] .mt-6 {
622
734
  margin-top: calc(var(--spacing) * 6);
623
735
  }
736
+ [data-theme="rui"] .-mb-1 {
737
+ margin-bottom: calc(var(--spacing) * -1);
738
+ }
624
739
  [data-theme="rui"] .mb-0 {
625
740
  margin-bottom: calc(var(--spacing) * 0);
626
741
  }
@@ -651,7 +766,7 @@
651
766
  [data-theme="rui"] .box-content {
652
767
  box-sizing: content-box;
653
768
  }
654
- [data-theme="rui"] .util-scrollbar {
769
+ [data-theme="rui"] .ui-scrollbar {
655
770
  scrollbar-width: auto;
656
771
  scrollbar-color: var(--color-scrollbar) var(--color-scrollbar-track);
657
772
  [data-theme="rui"] &::-webkit-scrollbar {
@@ -673,6 +788,17 @@
673
788
  background-color: var(--color-scrollbar-hover);
674
789
  }
675
790
  }
791
+ [data-theme="rui"] .ui-panel-actions {
792
+ display: flex;
793
+ flex-direction: row;
794
+ justify-content: flex-end;
795
+ gap: calc(var(--spacing) * 3);
796
+ border-top-style: var(--tw-border-style);
797
+ border-top-width: 1px;
798
+ border-color: var(--color-stone-200);
799
+ padding-inline: calc(var(--spacing) * 6);
800
+ padding-block: calc(var(--spacing) * 4);
801
+ }
676
802
  [data-theme="rui"] .block {
677
803
  display: block;
678
804
  }
@@ -734,7 +860,7 @@
734
860
  line-height: var(--tw-leading, var(--text-sm--line-height));
735
861
  color: var(--color-stone-950);
736
862
  [data-theme="rui"] &::placeholder {
737
- color: var(--color-stone-500);
863
+ color: var(--color-stone-600);
738
864
  }
739
865
  }
740
866
  [data-theme="rui"] .size-4 {
@@ -822,22 +948,22 @@
822
948
  height: calc(var(--spacing) * 1.5);
823
949
  }
824
950
  [data-theme="rui"] .h-1\/2 {
825
- height: calc(1/2 * 100%);
951
+ height: calc(1 / 2 * 100%);
826
952
  }
827
953
  [data-theme="rui"] .h-1\/3 {
828
- height: calc(1/3 * 100%);
954
+ height: calc(1 / 3 * 100%);
829
955
  }
830
956
  [data-theme="rui"] .h-1\/4 {
831
- height: calc(1/4 * 100%);
957
+ height: calc(1 / 4 * 100%);
832
958
  }
833
959
  [data-theme="rui"] .h-1\/5 {
834
- height: calc(1/5 * 100%);
960
+ height: calc(1 / 5 * 100%);
835
961
  }
836
962
  [data-theme="rui"] .h-1\/6 {
837
- height: calc(1/6 * 100%);
963
+ height: calc(1 / 6 * 100%);
838
964
  }
839
965
  [data-theme="rui"] .h-1\/12 {
840
- height: calc(1/12 * 100%);
966
+ height: calc(1 / 12 * 100%);
841
967
  }
842
968
  [data-theme="rui"] .h-2 {
843
969
  height: calc(var(--spacing) * 2);
@@ -846,19 +972,19 @@
846
972
  height: calc(var(--spacing) * 2.5);
847
973
  }
848
974
  [data-theme="rui"] .h-2\/3 {
849
- height: calc(2/3 * 100%);
975
+ height: calc(2 / 3 * 100%);
850
976
  }
851
977
  [data-theme="rui"] .h-2\/4 {
852
- height: calc(2/4 * 100%);
978
+ height: calc(2 / 4 * 100%);
853
979
  }
854
980
  [data-theme="rui"] .h-2\/5 {
855
- height: calc(2/5 * 100%);
981
+ height: calc(2 / 5 * 100%);
856
982
  }
857
983
  [data-theme="rui"] .h-2\/6 {
858
- height: calc(2/6 * 100%);
984
+ height: calc(2 / 6 * 100%);
859
985
  }
860
986
  [data-theme="rui"] .h-2\/12 {
861
- height: calc(2/12 * 100%);
987
+ height: calc(2 / 12 * 100%);
862
988
  }
863
989
  [data-theme="rui"] .h-3 {
864
990
  height: calc(var(--spacing) * 3);
@@ -867,70 +993,73 @@
867
993
  height: calc(var(--spacing) * 3.5);
868
994
  }
869
995
  [data-theme="rui"] .h-3\/4 {
870
- height: calc(3/4 * 100%);
996
+ height: calc(3 / 4 * 100%);
871
997
  }
872
998
  [data-theme="rui"] .h-3\/5 {
873
- height: calc(3/5 * 100%);
999
+ height: calc(3 / 5 * 100%);
874
1000
  }
875
1001
  [data-theme="rui"] .h-3\/6 {
876
- height: calc(3/6 * 100%);
1002
+ height: calc(3 / 6 * 100%);
877
1003
  }
878
1004
  [data-theme="rui"] .h-3\/12 {
879
- height: calc(3/12 * 100%);
1005
+ height: calc(3 / 12 * 100%);
880
1006
  }
881
1007
  [data-theme="rui"] .h-4 {
882
1008
  height: calc(var(--spacing) * 4);
883
1009
  }
884
1010
  [data-theme="rui"] .h-4\/6 {
885
- height: calc(4/6 * 100%);
1011
+ height: calc(4 / 6 * 100%);
886
1012
  }
887
1013
  [data-theme="rui"] .h-4\/12 {
888
- height: calc(4/12 * 100%);
1014
+ height: calc(4 / 12 * 100%);
889
1015
  }
890
1016
  [data-theme="rui"] .h-5 {
891
1017
  height: calc(var(--spacing) * 5);
892
1018
  }
893
1019
  [data-theme="rui"] .h-5\/6 {
894
- height: calc(5/6 * 100%);
1020
+ height: calc(5 / 6 * 100%);
895
1021
  }
896
1022
  [data-theme="rui"] .h-5\/12 {
897
- height: calc(5/12 * 100%);
1023
+ height: calc(5 / 12 * 100%);
898
1024
  }
899
1025
  [data-theme="rui"] .h-6 {
900
1026
  height: calc(var(--spacing) * 6);
901
1027
  }
902
1028
  [data-theme="rui"] .h-6\/12 {
903
- height: calc(6/12 * 100%);
1029
+ height: calc(6 / 12 * 100%);
904
1030
  }
905
1031
  [data-theme="rui"] .h-7 {
906
1032
  height: calc(var(--spacing) * 7);
907
1033
  }
1034
+ [data-theme="rui"] .h-7\.5 {
1035
+ height: calc(var(--spacing) * 7.5);
1036
+ }
908
1037
  [data-theme="rui"] .h-7\/12 {
909
- height: calc(7/12 * 100%);
1038
+ height: calc(7 / 12 * 100%);
910
1039
  }
911
1040
  [data-theme="rui"] .h-8 {
912
1041
  height: calc(var(--spacing) * 8);
913
1042
  }
914
1043
  [data-theme="rui"] .h-8\/12 {
915
- height: calc(8/12 * 100%);
1044
+ height: calc(8 / 12 * 100%);
916
1045
  }
917
1046
  [data-theme="rui"] .h-9 {
918
1047
  height: calc(var(--spacing) * 9);
919
1048
  }
920
1049
  [data-theme="rui"] .h-9\/12 {
921
- height: calc(9/12 * 100%);
1050
+ height: calc(9 / 12 * 100%);
922
1051
  }
923
1052
  [data-theme="rui"] .h-10 {
924
1053
  height: calc(var(--spacing) * 10);
925
1054
  }
926
1055
  [data-theme="rui"] .h-10\/12 {
927
- height: calc(10/12 * 100%);
1056
+ height: calc(10 / 12 * 100%);
928
1057
  }
929
1058
  [data-theme="rui"] .h-11 {
930
1059
  height: calc(var(--spacing) * 11);
931
1060
  }
932
1061
  [data-theme="rui"] .h-11\/12 {
933
- height: calc(11/12 * 100%);
1062
+ height: calc(11 / 12 * 100%);
934
1063
  }
935
1064
  [data-theme="rui"] .h-12 {
936
1065
  height: calc(var(--spacing) * 12);
@@ -1064,6 +1193,9 @@
1064
1193
  [data-theme="rui"] .min-h-7 {
1065
1194
  min-height: calc(var(--spacing) * 7);
1066
1195
  }
1196
+ [data-theme="rui"] .min-h-14 {
1197
+ min-height: calc(var(--spacing) * 14);
1198
+ }
1067
1199
  [data-theme="rui"] .min-h-52 {
1068
1200
  min-height: calc(var(--spacing) * 52);
1069
1201
  }
@@ -1098,22 +1230,22 @@
1098
1230
  width: calc(var(--spacing) * 1.5);
1099
1231
  }
1100
1232
  [data-theme="rui"] .w-1\/2 {
1101
- width: calc(1/2 * 100%);
1233
+ width: calc(1 / 2 * 100%);
1102
1234
  }
1103
1235
  [data-theme="rui"] .w-1\/3 {
1104
- width: calc(1/3 * 100%);
1236
+ width: calc(1 / 3 * 100%);
1105
1237
  }
1106
1238
  [data-theme="rui"] .w-1\/4 {
1107
- width: calc(1/4 * 100%);
1239
+ width: calc(1 / 4 * 100%);
1108
1240
  }
1109
1241
  [data-theme="rui"] .w-1\/5 {
1110
- width: calc(1/5 * 100%);
1242
+ width: calc(1 / 5 * 100%);
1111
1243
  }
1112
1244
  [data-theme="rui"] .w-1\/6 {
1113
- width: calc(1/6 * 100%);
1245
+ width: calc(1 / 6 * 100%);
1114
1246
  }
1115
1247
  [data-theme="rui"] .w-1\/12 {
1116
- width: calc(1/12 * 100%);
1248
+ width: calc(1 / 12 * 100%);
1117
1249
  }
1118
1250
  [data-theme="rui"] .w-2 {
1119
1251
  width: calc(var(--spacing) * 2);
@@ -1122,19 +1254,19 @@
1122
1254
  width: calc(var(--spacing) * 2.5);
1123
1255
  }
1124
1256
  [data-theme="rui"] .w-2\/3 {
1125
- width: calc(2/3 * 100%);
1257
+ width: calc(2 / 3 * 100%);
1126
1258
  }
1127
1259
  [data-theme="rui"] .w-2\/4 {
1128
- width: calc(2/4 * 100%);
1260
+ width: calc(2 / 4 * 100%);
1129
1261
  }
1130
1262
  [data-theme="rui"] .w-2\/5 {
1131
- width: calc(2/5 * 100%);
1263
+ width: calc(2 / 5 * 100%);
1132
1264
  }
1133
1265
  [data-theme="rui"] .w-2\/6 {
1134
- width: calc(2/6 * 100%);
1266
+ width: calc(2 / 6 * 100%);
1135
1267
  }
1136
1268
  [data-theme="rui"] .w-2\/12 {
1137
- width: calc(2/12 * 100%);
1269
+ width: calc(2 / 12 * 100%);
1138
1270
  }
1139
1271
  [data-theme="rui"] .w-3 {
1140
1272
  width: calc(var(--spacing) * 3);
@@ -1143,70 +1275,70 @@
1143
1275
  width: calc(var(--spacing) * 3.5);
1144
1276
  }
1145
1277
  [data-theme="rui"] .w-3\/4 {
1146
- width: calc(3/4 * 100%);
1278
+ width: calc(3 / 4 * 100%);
1147
1279
  }
1148
1280
  [data-theme="rui"] .w-3\/5 {
1149
- width: calc(3/5 * 100%);
1281
+ width: calc(3 / 5 * 100%);
1150
1282
  }
1151
1283
  [data-theme="rui"] .w-3\/6 {
1152
- width: calc(3/6 * 100%);
1284
+ width: calc(3 / 6 * 100%);
1153
1285
  }
1154
1286
  [data-theme="rui"] .w-3\/12 {
1155
- width: calc(3/12 * 100%);
1287
+ width: calc(3 / 12 * 100%);
1156
1288
  }
1157
1289
  [data-theme="rui"] .w-4 {
1158
1290
  width: calc(var(--spacing) * 4);
1159
1291
  }
1160
1292
  [data-theme="rui"] .w-4\/6 {
1161
- width: calc(4/6 * 100%);
1293
+ width: calc(4 / 6 * 100%);
1162
1294
  }
1163
1295
  [data-theme="rui"] .w-4\/12 {
1164
- width: calc(4/12 * 100%);
1296
+ width: calc(4 / 12 * 100%);
1165
1297
  }
1166
1298
  [data-theme="rui"] .w-5 {
1167
1299
  width: calc(var(--spacing) * 5);
1168
1300
  }
1169
1301
  [data-theme="rui"] .w-5\/6 {
1170
- width: calc(5/6 * 100%);
1302
+ width: calc(5 / 6 * 100%);
1171
1303
  }
1172
1304
  [data-theme="rui"] .w-5\/12 {
1173
- width: calc(5/12 * 100%);
1305
+ width: calc(5 / 12 * 100%);
1174
1306
  }
1175
1307
  [data-theme="rui"] .w-6 {
1176
1308
  width: calc(var(--spacing) * 6);
1177
1309
  }
1178
1310
  [data-theme="rui"] .w-6\/12 {
1179
- width: calc(6/12 * 100%);
1311
+ width: calc(6 / 12 * 100%);
1180
1312
  }
1181
1313
  [data-theme="rui"] .w-7 {
1182
1314
  width: calc(var(--spacing) * 7);
1183
1315
  }
1184
1316
  [data-theme="rui"] .w-7\/12 {
1185
- width: calc(7/12 * 100%);
1317
+ width: calc(7 / 12 * 100%);
1186
1318
  }
1187
1319
  [data-theme="rui"] .w-8 {
1188
1320
  width: calc(var(--spacing) * 8);
1189
1321
  }
1190
1322
  [data-theme="rui"] .w-8\/12 {
1191
- width: calc(8/12 * 100%);
1323
+ width: calc(8 / 12 * 100%);
1192
1324
  }
1193
1325
  [data-theme="rui"] .w-9 {
1194
1326
  width: calc(var(--spacing) * 9);
1195
1327
  }
1196
1328
  [data-theme="rui"] .w-9\/12 {
1197
- width: calc(9/12 * 100%);
1329
+ width: calc(9 / 12 * 100%);
1198
1330
  }
1199
1331
  [data-theme="rui"] .w-10 {
1200
1332
  width: calc(var(--spacing) * 10);
1201
1333
  }
1202
1334
  [data-theme="rui"] .w-10\/12 {
1203
- width: calc(10/12 * 100%);
1335
+ width: calc(10 / 12 * 100%);
1204
1336
  }
1205
1337
  [data-theme="rui"] .w-11 {
1206
1338
  width: calc(var(--spacing) * 11);
1207
1339
  }
1208
1340
  [data-theme="rui"] .w-11\/12 {
1209
- width: calc(11/12 * 100%);
1341
+ width: calc(11 / 12 * 100%);
1210
1342
  }
1211
1343
  [data-theme="rui"] .w-12 {
1212
1344
  width: calc(var(--spacing) * 12);
@@ -1262,15 +1394,15 @@
1262
1394
  [data-theme="rui"] .w-72 {
1263
1395
  width: calc(var(--spacing) * 72);
1264
1396
  }
1397
+ [data-theme="rui"] .w-75 {
1398
+ width: calc(var(--spacing) * 75);
1399
+ }
1265
1400
  [data-theme="rui"] .w-80 {
1266
1401
  width: calc(var(--spacing) * 80);
1267
1402
  }
1268
1403
  [data-theme="rui"] .w-96 {
1269
1404
  width: calc(var(--spacing) * 96);
1270
1405
  }
1271
- [data-theme="rui"] .w-125 {
1272
- width: calc(var(--spacing) * 125);
1273
- }
1274
1406
  [data-theme="rui"] .w-\[24px\] {
1275
1407
  width: 24px;
1276
1408
  }
@@ -1344,22 +1476,22 @@
1344
1476
  max-width: calc(var(--spacing) * 1.5);
1345
1477
  }
1346
1478
  [data-theme="rui"] .max-w-1\/2 {
1347
- max-width: calc(1/2 * 100%);
1479
+ max-width: calc(1 / 2 * 100%);
1348
1480
  }
1349
1481
  [data-theme="rui"] .max-w-1\/3 {
1350
- max-width: calc(1/3 * 100%);
1482
+ max-width: calc(1 / 3 * 100%);
1351
1483
  }
1352
1484
  [data-theme="rui"] .max-w-1\/4 {
1353
- max-width: calc(1/4 * 100%);
1485
+ max-width: calc(1 / 4 * 100%);
1354
1486
  }
1355
1487
  [data-theme="rui"] .max-w-1\/5 {
1356
- max-width: calc(1/5 * 100%);
1488
+ max-width: calc(1 / 5 * 100%);
1357
1489
  }
1358
1490
  [data-theme="rui"] .max-w-1\/6 {
1359
- max-width: calc(1/6 * 100%);
1491
+ max-width: calc(1 / 6 * 100%);
1360
1492
  }
1361
1493
  [data-theme="rui"] .max-w-1\/12 {
1362
- max-width: calc(1/12 * 100%);
1494
+ max-width: calc(1 / 12 * 100%);
1363
1495
  }
1364
1496
  [data-theme="rui"] .max-w-2 {
1365
1497
  max-width: calc(var(--spacing) * 2);
@@ -1368,19 +1500,19 @@
1368
1500
  max-width: calc(var(--spacing) * 2.5);
1369
1501
  }
1370
1502
  [data-theme="rui"] .max-w-2\/3 {
1371
- max-width: calc(2/3 * 100%);
1503
+ max-width: calc(2 / 3 * 100%);
1372
1504
  }
1373
1505
  [data-theme="rui"] .max-w-2\/4 {
1374
- max-width: calc(2/4 * 100%);
1506
+ max-width: calc(2 / 4 * 100%);
1375
1507
  }
1376
1508
  [data-theme="rui"] .max-w-2\/5 {
1377
- max-width: calc(2/5 * 100%);
1509
+ max-width: calc(2 / 5 * 100%);
1378
1510
  }
1379
1511
  [data-theme="rui"] .max-w-2\/6 {
1380
- max-width: calc(2/6 * 100%);
1512
+ max-width: calc(2 / 6 * 100%);
1381
1513
  }
1382
1514
  [data-theme="rui"] .max-w-2\/12 {
1383
- max-width: calc(2/12 * 100%);
1515
+ max-width: calc(2 / 12 * 100%);
1384
1516
  }
1385
1517
  [data-theme="rui"] .max-w-2xl {
1386
1518
  max-width: var(--container-2xl);
@@ -1392,70 +1524,70 @@
1392
1524
  max-width: calc(var(--spacing) * 3.5);
1393
1525
  }
1394
1526
  [data-theme="rui"] .max-w-3\/4 {
1395
- max-width: calc(3/4 * 100%);
1527
+ max-width: calc(3 / 4 * 100%);
1396
1528
  }
1397
1529
  [data-theme="rui"] .max-w-3\/5 {
1398
- max-width: calc(3/5 * 100%);
1530
+ max-width: calc(3 / 5 * 100%);
1399
1531
  }
1400
1532
  [data-theme="rui"] .max-w-3\/6 {
1401
- max-width: calc(3/6 * 100%);
1533
+ max-width: calc(3 / 6 * 100%);
1402
1534
  }
1403
1535
  [data-theme="rui"] .max-w-3\/12 {
1404
- max-width: calc(3/12 * 100%);
1536
+ max-width: calc(3 / 12 * 100%);
1405
1537
  }
1406
1538
  [data-theme="rui"] .max-w-4 {
1407
1539
  max-width: calc(var(--spacing) * 4);
1408
1540
  }
1409
1541
  [data-theme="rui"] .max-w-4\/6 {
1410
- max-width: calc(4/6 * 100%);
1542
+ max-width: calc(4 / 6 * 100%);
1411
1543
  }
1412
1544
  [data-theme="rui"] .max-w-4\/12 {
1413
- max-width: calc(4/12 * 100%);
1545
+ max-width: calc(4 / 12 * 100%);
1414
1546
  }
1415
1547
  [data-theme="rui"] .max-w-5 {
1416
1548
  max-width: calc(var(--spacing) * 5);
1417
1549
  }
1418
1550
  [data-theme="rui"] .max-w-5\/6 {
1419
- max-width: calc(5/6 * 100%);
1551
+ max-width: calc(5 / 6 * 100%);
1420
1552
  }
1421
1553
  [data-theme="rui"] .max-w-5\/12 {
1422
- max-width: calc(5/12 * 100%);
1554
+ max-width: calc(5 / 12 * 100%);
1423
1555
  }
1424
1556
  [data-theme="rui"] .max-w-6 {
1425
1557
  max-width: calc(var(--spacing) * 6);
1426
1558
  }
1427
1559
  [data-theme="rui"] .max-w-6\/12 {
1428
- max-width: calc(6/12 * 100%);
1560
+ max-width: calc(6 / 12 * 100%);
1429
1561
  }
1430
1562
  [data-theme="rui"] .max-w-7 {
1431
1563
  max-width: calc(var(--spacing) * 7);
1432
1564
  }
1433
1565
  [data-theme="rui"] .max-w-7\/12 {
1434
- max-width: calc(7/12 * 100%);
1566
+ max-width: calc(7 / 12 * 100%);
1435
1567
  }
1436
1568
  [data-theme="rui"] .max-w-8 {
1437
1569
  max-width: calc(var(--spacing) * 8);
1438
1570
  }
1439
1571
  [data-theme="rui"] .max-w-8\/12 {
1440
- max-width: calc(8/12 * 100%);
1572
+ max-width: calc(8 / 12 * 100%);
1441
1573
  }
1442
1574
  [data-theme="rui"] .max-w-9 {
1443
1575
  max-width: calc(var(--spacing) * 9);
1444
1576
  }
1445
1577
  [data-theme="rui"] .max-w-9\/12 {
1446
- max-width: calc(9/12 * 100%);
1578
+ max-width: calc(9 / 12 * 100%);
1447
1579
  }
1448
1580
  [data-theme="rui"] .max-w-10 {
1449
1581
  max-width: calc(var(--spacing) * 10);
1450
1582
  }
1451
1583
  [data-theme="rui"] .max-w-10\/12 {
1452
- max-width: calc(10/12 * 100%);
1584
+ max-width: calc(10 / 12 * 100%);
1453
1585
  }
1454
1586
  [data-theme="rui"] .max-w-11 {
1455
1587
  max-width: calc(var(--spacing) * 11);
1456
1588
  }
1457
1589
  [data-theme="rui"] .max-w-11\/12 {
1458
- max-width: calc(11/12 * 100%);
1590
+ max-width: calc(11 / 12 * 100%);
1459
1591
  }
1460
1592
  [data-theme="rui"] .max-w-12 {
1461
1593
  max-width: calc(var(--spacing) * 12);
@@ -1550,6 +1682,9 @@
1550
1682
  [data-theme="rui"] .max-w-screen {
1551
1683
  max-width: 100vw;
1552
1684
  }
1685
+ [data-theme="rui"] .max-w-screen-sm {
1686
+ max-width: var(--breakpoint-sm);
1687
+ }
1553
1688
  [data-theme="rui"] .max-w-sm {
1554
1689
  max-width: var(--container-sm);
1555
1690
  }
@@ -1615,8 +1750,11 @@
1615
1750
  [data-theme="rui"] .origin-center {
1616
1751
  transform-origin: center;
1617
1752
  }
1753
+ [data-theme="rui"] .origin-left {
1754
+ transform-origin: 0;
1755
+ }
1618
1756
  [data-theme="rui"] .-translate-x-1\/2 {
1619
- --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1757
+ --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
1620
1758
  translate: var(--tw-translate-x) var(--tw-translate-y);
1621
1759
  }
1622
1760
  [data-theme="rui"] .translate-x-0 {
@@ -1624,19 +1762,34 @@
1624
1762
  translate: var(--tw-translate-x) var(--tw-translate-y);
1625
1763
  }
1626
1764
  [data-theme="rui"] .-translate-y-1\/2 {
1627
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
1765
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
1628
1766
  translate: var(--tw-translate-x) var(--tw-translate-y);
1629
1767
  }
1630
1768
  [data-theme="rui"] .translate-y-\[-50\%\] {
1631
1769
  --tw-translate-y: -50%;
1632
1770
  translate: var(--tw-translate-x) var(--tw-translate-y);
1633
1771
  }
1772
+ [data-theme="rui"] .\[translate\:0\] {
1773
+ translate: 0;
1774
+ }
1775
+ [data-theme="rui"] .ui-press {
1776
+ transition-duration: 150ms;
1777
+ [data-theme="rui"] &:active {
1778
+ scale: 0.97;
1779
+ }
1780
+ [data-theme="rui"] &[data-pressed] {
1781
+ scale: 0.97;
1782
+ }
1783
+ }
1634
1784
  [data-theme="rui"] .-rotate-90 {
1635
1785
  rotate: calc(90deg * -1);
1636
1786
  }
1637
1787
  [data-theme="rui"] .rotate-180 {
1638
1788
  rotate: 180deg;
1639
1789
  }
1790
+ [data-theme="rui"] .transform {
1791
+ transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1792
+ }
1640
1793
  [data-theme="rui"] .transform-gpu {
1641
1794
  transform: translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
1642
1795
  }
@@ -1646,10 +1799,53 @@
1646
1799
  [data-theme="rui"] .animate-rotate-spinner {
1647
1800
  animation: rotate-spinner 2s linear infinite;
1648
1801
  }
1802
+ [data-theme="rui"] .ui-interactive {
1803
+ cursor: pointer;
1804
+ --tw-outline-style: none;
1805
+ outline-style: none;
1806
+ [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
1807
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1808
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1809
+ --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
1810
+ @supports (color: color-mix(in lab, red, red)) {
1811
+ --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
1812
+ }
1813
+ --tw-outline-style: none;
1814
+ outline-style: none;
1815
+ --ui-border-color: var(--color-ring);
1816
+ }
1817
+ [data-theme="rui"] &:where(:not([data-rac])):focus-visible {
1818
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
1819
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
1820
+ --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
1821
+ @supports (color: color-mix(in lab, red, red)) {
1822
+ --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
1823
+ }
1824
+ --tw-outline-style: none;
1825
+ outline-style: none;
1826
+ --ui-border-color: var(--color-ring);
1827
+ }
1828
+ [data-theme="rui"] &:where([data-rac])[data-disabled] {
1829
+ cursor: not-allowed;
1830
+ color: var(--color-stone-500);
1831
+ background: var(--color-disabled);
1832
+ background-clip: border-box;
1833
+ box-shadow: none;
1834
+ }
1835
+ [data-theme="rui"] &:where(:not([data-rac])):disabled {
1836
+ cursor: not-allowed;
1837
+ color: var(--color-stone-500);
1838
+ background: var(--color-disabled);
1839
+ background-clip: border-box;
1840
+ box-shadow: none;
1841
+ }
1842
+ }
1649
1843
  [data-theme="rui"] .ui-state-disabled {
1650
1844
  cursor: not-allowed;
1651
- background-color: var(--color-stone-200);
1652
- color: var(--color-stone-400);
1845
+ color: var(--color-stone-500);
1846
+ background: var(--color-disabled);
1847
+ background-clip: border-box;
1848
+ box-shadow: none;
1653
1849
  }
1654
1850
  [data-theme="rui"] .cursor-alias {
1655
1851
  cursor: alias;
@@ -1765,6 +1961,9 @@
1765
1961
  [data-theme="rui"] .grid-cols-\[auto_1fr\] {
1766
1962
  grid-template-columns: auto 1fr;
1767
1963
  }
1964
+ [data-theme="rui"] .grid-cols-\[auto_1fr_auto\] {
1965
+ grid-template-columns: auto 1fr auto;
1966
+ }
1768
1967
  [data-theme="rui"] .grid-cols-\[auto_1fr_auto_auto\] {
1769
1968
  grid-template-columns: auto 1fr auto auto;
1770
1969
  }
@@ -1966,21 +2165,6 @@
1966
2165
  [data-theme="rui"] .gap-\[inherit\] {
1967
2166
  gap: inherit;
1968
2167
  }
1969
- [data-theme="rui"] .gap-\[var\(--spacing-container\)\] {
1970
- gap: var(--spacing-container);
1971
- }
1972
- [data-theme="rui"] .gap-\[var\(--spacing-fieldX\)\] {
1973
- gap: var(--spacing-fieldX);
1974
- }
1975
- [data-theme="rui"] .gap-\[var\(--spacing-fieldY\)\] {
1976
- gap: var(--spacing-fieldY);
1977
- }
1978
- [data-theme="rui"] .gap-\[var\(--spacing-group\)\] {
1979
- gap: var(--spacing-group);
1980
- }
1981
- [data-theme="rui"] .gap-\[var\(--spacing-section\)\] {
1982
- gap: var(--spacing-section);
1983
- }
1984
2168
  [data-theme="rui"] .space-y-1 {
1985
2169
  [data-theme="rui"] :where(& > :not(:last-child)) {
1986
2170
  --tw-space-y-reverse: 0;
@@ -2053,6 +2237,9 @@
2053
2237
  [data-theme="rui"] .overflow-x-auto {
2054
2238
  overflow-x: auto;
2055
2239
  }
2240
+ [data-theme="rui"] .overflow-x-hidden {
2241
+ overflow-x: hidden;
2242
+ }
2056
2243
  [data-theme="rui"] .overflow-y-auto {
2057
2244
  overflow-y: auto;
2058
2245
  }
@@ -2080,6 +2267,9 @@
2080
2267
  [data-theme="rui"] .rounded-md {
2081
2268
  border-radius: var(--radius-md);
2082
2269
  }
2270
+ [data-theme="rui"] .rounded-none {
2271
+ border-radius: 0;
2272
+ }
2083
2273
  [data-theme="rui"] .rounded-sm {
2084
2274
  border-radius: var(--radius-sm);
2085
2275
  }
@@ -2116,6 +2306,17 @@
2116
2306
  border-top-style: var(--tw-border-style);
2117
2307
  border-top-width: 1px;
2118
2308
  }
2309
+ [data-theme="rui"] .border-r {
2310
+ border-right-style: var(--tw-border-style);
2311
+ border-right-width: 1px;
2312
+ }
2313
+ [data-theme="rui"] .ui-panel-header {
2314
+ border-bottom-style: var(--tw-border-style);
2315
+ border-bottom-width: 1px;
2316
+ border-color: var(--color-stone-200);
2317
+ padding-inline: calc(var(--spacing) * 6);
2318
+ padding-block: calc(var(--spacing) * 4);
2319
+ }
2119
2320
  [data-theme="rui"] .border-b {
2120
2321
  border-bottom-style: var(--tw-border-style);
2121
2322
  border-bottom-width: 1px;
@@ -2320,6 +2521,9 @@
2320
2521
  [data-theme="rui"] .bg-destructive-muted {
2321
2522
  background-color: var(--color-red-100);
2322
2523
  }
2524
+ [data-theme="rui"] .bg-foreground {
2525
+ background-color: var(--color-stone-950);
2526
+ }
2323
2527
  [data-theme="rui"] .bg-gray-200 {
2324
2528
  background-color: var(--color-gray-200);
2325
2529
  }
@@ -2435,7 +2639,7 @@
2435
2639
  fill: var(--color-blue-500);
2436
2640
  }
2437
2641
  [data-theme="rui"] .fill-muted-foreground {
2438
- fill: var(--color-stone-500);
2642
+ fill: var(--color-stone-600);
2439
2643
  }
2440
2644
  [data-theme="rui"] .fill-none {
2441
2645
  fill: none;
@@ -2584,6 +2788,9 @@
2584
2788
  [data-theme="rui"] .p-px {
2585
2789
  padding: 1px;
2586
2790
  }
2791
+ [data-theme="rui"] .p-regular {
2792
+ padding: calc(var(--spacing) * 6);
2793
+ }
2587
2794
  [data-theme="rui"] .p-squish-regular {
2588
2795
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
2589
2796
  }
@@ -2603,7 +2810,7 @@
2603
2810
  padding: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
2604
2811
  }
2605
2812
  [data-theme="rui"] .p-tight {
2606
- padding: calc(var(--spacing) * 1);
2813
+ padding: calc(var(--spacing) * 1.5);
2607
2814
  }
2608
2815
  [data-theme="rui"] .px-\(--cell-x-padding\) {
2609
2816
  padding-inline: var(--cell-x-padding);
@@ -2710,6 +2917,9 @@
2710
2917
  [data-theme="rui"] .px-96 {
2711
2918
  padding-inline: calc(var(--spacing) * 96);
2712
2919
  }
2920
+ [data-theme="rui"] .px-regular {
2921
+ padding-inline: calc(var(--spacing) * 6);
2922
+ }
2713
2923
  [data-theme="rui"] .px-squish-regular {
2714
2924
  padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
2715
2925
  }
@@ -2729,7 +2939,7 @@
2729
2939
  padding-inline: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
2730
2940
  }
2731
2941
  [data-theme="rui"] .px-tight {
2732
- padding-inline: calc(var(--spacing) * 1);
2942
+ padding-inline: calc(var(--spacing) * 1.5);
2733
2943
  }
2734
2944
  [data-theme="rui"] .py-\(--cell-y-padding\) {
2735
2945
  padding-block: var(--cell-y-padding);
@@ -2836,20 +3046,8 @@
2836
3046
  [data-theme="rui"] .py-96 {
2837
3047
  padding-block: calc(var(--spacing) * 96);
2838
3048
  }
2839
- [data-theme="rui"] .py-\[var\(--spacing-container\)\] {
2840
- padding-block: var(--spacing-container);
2841
- }
2842
- [data-theme="rui"] .py-\[var\(--spacing-field-X\)\] {
2843
- padding-block: var(--spacing-field-X);
2844
- }
2845
- [data-theme="rui"] .py-\[var\(--spacing-field-Y\)\] {
2846
- padding-block: var(--spacing-field-Y);
2847
- }
2848
- [data-theme="rui"] .py-\[var\(--spacing-group\)\] {
2849
- padding-block: var(--spacing-group);
2850
- }
2851
- [data-theme="rui"] .py-\[var\(--spacing-section\)\] {
2852
- padding-block: var(--spacing-section);
3049
+ [data-theme="rui"] .py-regular {
3050
+ padding-block: calc(var(--spacing) * 6);
2853
3051
  }
2854
3052
  [data-theme="rui"] .py-squish-regular {
2855
3053
  padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
@@ -2870,7 +3068,7 @@
2870
3068
  padding-block: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
2871
3069
  }
2872
3070
  [data-theme="rui"] .py-tight {
2873
- padding-block: calc(var(--spacing) * 1);
3071
+ padding-block: calc(var(--spacing) * 1.5);
2874
3072
  }
2875
3073
  [data-theme="rui"] .pt-0 {
2876
3074
  padding-top: calc(var(--spacing) * 0);
@@ -2974,6 +3172,9 @@
2974
3172
  [data-theme="rui"] .pt-96 {
2975
3173
  padding-top: calc(var(--spacing) * 96);
2976
3174
  }
3175
+ [data-theme="rui"] .pt-regular {
3176
+ padding-top: calc(var(--spacing) * 6);
3177
+ }
2977
3178
  [data-theme="rui"] .pt-squish-regular {
2978
3179
  padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
2979
3180
  }
@@ -2993,7 +3194,7 @@
2993
3194
  padding-top: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
2994
3195
  }
2995
3196
  [data-theme="rui"] .pt-tight {
2996
- padding-top: calc(var(--spacing) * 1);
3197
+ padding-top: calc(var(--spacing) * 1.5);
2997
3198
  }
2998
3199
  [data-theme="rui"] .pr-0 {
2999
3200
  padding-right: calc(var(--spacing) * 0);
@@ -3097,6 +3298,9 @@
3097
3298
  [data-theme="rui"] .pr-96 {
3098
3299
  padding-right: calc(var(--spacing) * 96);
3099
3300
  }
3301
+ [data-theme="rui"] .pr-regular {
3302
+ padding-right: calc(var(--spacing) * 6);
3303
+ }
3100
3304
  [data-theme="rui"] .pr-squish-regular {
3101
3305
  padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
3102
3306
  }
@@ -3116,7 +3320,7 @@
3116
3320
  padding-right: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
3117
3321
  }
3118
3322
  [data-theme="rui"] .pr-tight {
3119
- padding-right: calc(var(--spacing) * 1);
3323
+ padding-right: calc(var(--spacing) * 1.5);
3120
3324
  }
3121
3325
  [data-theme="rui"] .pb-0 {
3122
3326
  padding-bottom: calc(var(--spacing) * 0);
@@ -3220,6 +3424,9 @@
3220
3424
  [data-theme="rui"] .pb-96 {
3221
3425
  padding-bottom: calc(var(--spacing) * 96);
3222
3426
  }
3427
+ [data-theme="rui"] .pb-regular {
3428
+ padding-bottom: calc(var(--spacing) * 6);
3429
+ }
3223
3430
  [data-theme="rui"] .pb-squish-regular {
3224
3431
  padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
3225
3432
  }
@@ -3239,7 +3446,7 @@
3239
3446
  padding-bottom: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
3240
3447
  }
3241
3448
  [data-theme="rui"] .pb-tight {
3242
- padding-bottom: calc(var(--spacing) * 1);
3449
+ padding-bottom: calc(var(--spacing) * 1.5);
3243
3450
  }
3244
3451
  [data-theme="rui"] .pl-0 {
3245
3452
  padding-left: calc(var(--spacing) * 0);
@@ -3343,6 +3550,9 @@
3343
3550
  [data-theme="rui"] .pl-96 {
3344
3551
  padding-left: calc(var(--spacing) * 96);
3345
3552
  }
3553
+ [data-theme="rui"] .pl-regular {
3554
+ padding-left: calc(var(--spacing) * 6);
3555
+ }
3346
3556
  [data-theme="rui"] .pl-squish-regular {
3347
3557
  padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
3348
3558
  }
@@ -3362,7 +3572,7 @@
3362
3572
  padding-left: calc(var(--spacing) * 2) calc(var(--spacing) * 1);
3363
3573
  }
3364
3574
  [data-theme="rui"] .pl-tight {
3365
- padding-left: calc(var(--spacing) * 1);
3575
+ padding-left: calc(var(--spacing) * 1.5);
3366
3576
  }
3367
3577
  [data-theme="rui"] .text-center {
3368
3578
  text-align: center;
@@ -3512,6 +3722,10 @@
3512
3722
  --tw-font-weight: var(--font-weight-thin);
3513
3723
  font-weight: var(--font-weight-thin);
3514
3724
  }
3725
+ [data-theme="rui"] .tracking-wider {
3726
+ --tw-tracking: var(--tracking-wider);
3727
+ letter-spacing: var(--tracking-wider);
3728
+ }
3515
3729
  [data-theme="rui"] .text-balance {
3516
3730
  text-wrap: balance;
3517
3731
  }
@@ -3593,6 +3807,12 @@
3593
3807
  color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
3594
3808
  }
3595
3809
  }
3810
+ [data-theme="rui"] .text-foreground\/80 {
3811
+ color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 80%, transparent);
3812
+ @supports (color: color-mix(in lab, red, red)) {
3813
+ color: color-mix(in oklab, var(--color-stone-950) 80%, transparent);
3814
+ }
3815
+ }
3596
3816
  [data-theme="rui"] .text-gray-800 {
3597
3817
  color: var(--color-gray-800);
3598
3818
  }
@@ -3609,12 +3829,12 @@
3609
3829
  color: var(--color-blue-600);
3610
3830
  }
3611
3831
  [data-theme="rui"] .text-muted-foreground {
3612
- color: var(--color-stone-500);
3832
+ color: var(--color-stone-600);
3613
3833
  }
3614
3834
  [data-theme="rui"] .text-muted-foreground\/80 {
3615
- color: color-mix(in srgb, oklch(55.3% 0.013 58.071) 80%, transparent);
3835
+ color: color-mix(in srgb, oklch(44.4% 0.011 73.639) 80%, transparent);
3616
3836
  @supports (color: color-mix(in lab, red, red)) {
3617
- color: color-mix(in oklab, var(--color-stone-500) 80%, transparent);
3837
+ color: color-mix(in oklab, var(--color-stone-600) 80%, transparent);
3618
3838
  }
3619
3839
  }
3620
3840
  [data-theme="rui"] .text-red-500 {
@@ -3641,6 +3861,9 @@
3641
3861
  [data-theme="rui"] .text-white {
3642
3862
  color: var(--color-white);
3643
3863
  }
3864
+ [data-theme="rui"] .uppercase {
3865
+ text-transform: uppercase;
3866
+ }
3644
3867
  [data-theme="rui"] .italic {
3645
3868
  font-style: italic;
3646
3869
  }
@@ -3679,8 +3902,12 @@
3679
3902
  --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));
3680
3903
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3681
3904
  }
3905
+ [data-theme="rui"] .shadow-\[var\(--shadow-elevation-overlay\)\,0_0_3px_1px_oklch\(0_0_0\/0\.06\)\] {
3906
+ --tw-shadow: var(--shadow-elevation-overlay), 0 0 3px 1px var(--tw-shadow-color, oklch(0 0 0/0.06));
3907
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3908
+ }
3682
3909
  [data-theme="rui"] .shadow-elevation-border {
3683
- --tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.19)), 0.1px 1.1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.16));
3910
+ --tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.14)), 0px 1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.12));
3684
3911
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3685
3912
  }
3686
3913
  [data-theme="rui"] .shadow-elevation-overlay {
@@ -3688,7 +3915,7 @@
3688
3915
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3689
3916
  }
3690
3917
  [data-theme="rui"] .shadow-elevation-raised {
3691
- --tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.23)), 0px 1.4px 1.3px -2px var(--tw-shadow-color, oklch(0 0 0 / 0.17)), 0px 6.7px 6px -4px var(--tw-shadow-color, oklch(0 0 0 / 0.12));
3918
+ --tw-shadow: 0px 0.3px 0.8px var(--tw-shadow-color, oklch(0 0 0 / 0.28)), 0px 1.4px 1.3px -2px var(--tw-shadow-color, oklch(0 0 0 / 0.21)), 0px 6.7px 6px -4px var(--tw-shadow-color, oklch(0 0 0 / 0.15));
3692
3919
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3693
3920
  }
3694
3921
  [data-theme="rui"] .shadow-lg {
@@ -3773,12 +4000,6 @@
3773
4000
  [data-theme="rui"] .outline-offset-2 {
3774
4001
  outline-offset: 2px;
3775
4002
  }
3776
- [data-theme="rui"] .outline-ring\/30 {
3777
- outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 30%, transparent);
3778
- @supports (color: color-mix(in lab, red, red)) {
3779
- outline-color: color-mix(in oklab, var(--color-stone-400) 30%, transparent);
3780
- }
3781
- }
3782
4003
  [data-theme="rui"] .outline-ring\/70 {
3783
4004
  outline-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 70%, transparent);
3784
4005
  @supports (color: color-mix(in lab, red, red)) {
@@ -3842,6 +4063,11 @@
3842
4063
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
3843
4064
  transition-duration: var(--tw-duration, var(--default-transition-duration));
3844
4065
  }
4066
+ [data-theme="rui"] .transition-\[opacity\,translate\,filter\] {
4067
+ transition-property: opacity,translate,filter;
4068
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
4069
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
4070
+ }
3845
4071
  [data-theme="rui"] .transition-all {
3846
4072
  transition-property: all;
3847
4073
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3866,10 +4092,6 @@
3866
4092
  --tw-duration: 150ms;
3867
4093
  transition-duration: 150ms;
3868
4094
  }
3869
- [data-theme="rui"] .duration-200 {
3870
- --tw-duration: 200ms;
3871
- transition-duration: 200ms;
3872
- }
3873
4095
  [data-theme="rui"] .duration-250 {
3874
4096
  --tw-duration: 250ms;
3875
4097
  transition-duration: 250ms;
@@ -3878,10 +4100,6 @@
3878
4100
  --tw-duration: 300ms;
3879
4101
  transition-duration: 300ms;
3880
4102
  }
3881
- [data-theme="rui"] .ease-in {
3882
- --tw-ease: var(--ease-in);
3883
- transition-timing-function: var(--ease-in);
3884
- }
3885
4103
  [data-theme="rui"] .ease-out {
3886
4104
  --tw-ease: var(--ease-out);
3887
4105
  transition-timing-function: var(--ease-out);
@@ -3890,28 +4108,14 @@
3890
4108
  --tw-ease: cubic-bezier(0.23, 1, 0.32, 1);
3891
4109
  transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
3892
4110
  }
3893
- [data-theme="rui"] .animate-in {
3894
- animation-name: enter;
3895
- animation-duration: 150ms;
3896
- --tw-enter-opacity: initial;
3897
- --tw-enter-scale: initial;
3898
- --tw-enter-rotate: initial;
3899
- --tw-enter-translate-x: initial;
3900
- --tw-enter-translate-y: initial;
3901
- }
3902
- [data-theme="rui"] .animate-out {
3903
- animation-name: exit;
3904
- animation-duration: 150ms;
3905
- --tw-exit-opacity: initial;
3906
- --tw-exit-scale: initial;
3907
- --tw-exit-rotate: initial;
3908
- --tw-exit-translate-x: initial;
3909
- --tw-exit-translate-y: initial;
3910
- }
3911
4111
  [data-theme="rui"] .outline-none {
3912
4112
  --tw-outline-style: none;
3913
4113
  outline-style: none;
3914
4114
  }
4115
+ [data-theme="rui"] .select-all {
4116
+ -webkit-user-select: all;
4117
+ user-select: all;
4118
+ }
3915
4119
  [data-theme="rui"] .select-none {
3916
4120
  -webkit-user-select: none;
3917
4121
  user-select: none;
@@ -3959,6 +4163,12 @@
3959
4163
  [data-theme="rui"] .\[--header-height\:calc\(var\(--spacing\)\*12\)\] {
3960
4164
  --header-height: calc(var(--spacing) * 12);
3961
4165
  }
4166
+ [data-theme="rui"] .\[--slide-offset\:1rem\] {
4167
+ --slide-offset: 1rem;
4168
+ }
4169
+ [data-theme="rui"] .\[--ui-border-color\:oklch\(from_var\(--color-surface-border\)_calc\(l-0\.1\)_c_h\)\] {
4170
+ --ui-border-color: oklch(from var(--color-surface-border) calc(l - 0.1) c h);
4171
+ }
3962
4172
  [data-theme="rui"] .\[grid-area\:action\] {
3963
4173
  grid-area: action;
3964
4174
  }
@@ -3977,21 +4187,42 @@
3977
4187
  [data-theme="rui"] .\[grid-area\:drag\] {
3978
4188
  grid-area: drag;
3979
4189
  }
4190
+ [data-theme="rui"] .\[grid-area\:end\] {
4191
+ grid-area: end;
4192
+ }
4193
+ [data-theme="rui"] .\[grid-area\:footer\] {
4194
+ grid-area: footer;
4195
+ }
4196
+ [data-theme="rui"] .\[grid-area\:header\] {
4197
+ grid-area: header;
4198
+ }
3980
4199
  [data-theme="rui"] .\[grid-area\:icon\] {
3981
4200
  grid-area: icon;
3982
4201
  }
3983
4202
  [data-theme="rui"] .\[grid-area\:label\] {
3984
4203
  grid-area: label;
3985
4204
  }
4205
+ [data-theme="rui"] .\[grid-area\:middle\] {
4206
+ grid-area: middle;
4207
+ }
3986
4208
  [data-theme="rui"] .\[grid-area\:remove\] {
3987
4209
  grid-area: remove;
3988
4210
  }
4211
+ [data-theme="rui"] .\[grid-area\:start\] {
4212
+ grid-area: start;
4213
+ }
3989
4214
  [data-theme="rui"] .\[grid-area\:title\] {
3990
4215
  grid-area: title;
3991
4216
  }
4217
+ [data-theme="rui"] .\[grid-template-areas\:\"start_middle_end\"\] {
4218
+ grid-template-areas: "start middle end";
4219
+ }
3992
4220
  [data-theme="rui"] .\[grid-template-areas\:\'drag\'_\'title\'_\'content\'_\'actions\'\] {
3993
4221
  grid-template-areas: 'drag' 'title' 'content' 'actions';
3994
4222
  }
4223
+ [data-theme="rui"] .\[grid-template-areas\:\'header\'_\'content\'_\'footer\'\] {
4224
+ grid-template-areas: 'header' 'content' 'footer';
4225
+ }
3995
4226
  [data-theme="rui"] .\[grid-template-areas\:\'icon_title_action_close\'\'icon_description_action_close\'\] {
3996
4227
  grid-template-areas: 'icon title action close''icon description action close';
3997
4228
  }
@@ -4010,33 +4241,6 @@
4010
4241
  [data-theme="rui"] .\[min-inline-size\:var\(--wrap\)\] {
4011
4242
  min-inline-size: var(--wrap);
4012
4243
  }
4013
- [data-theme="rui"] .duration-150 {
4014
- animation-duration: 150ms;
4015
- }
4016
- [data-theme="rui"] .duration-200 {
4017
- animation-duration: 200ms;
4018
- }
4019
- [data-theme="rui"] .duration-250 {
4020
- animation-duration: 250ms;
4021
- }
4022
- [data-theme="rui"] .duration-300 {
4023
- animation-duration: 300ms;
4024
- }
4025
- [data-theme="rui"] .ease-in {
4026
- animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
4027
- }
4028
- [data-theme="rui"] .ease-out {
4029
- animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
4030
- }
4031
- [data-theme="rui"] .ease-out-quint {
4032
- animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
4033
- }
4034
- [data-theme="rui"] .fade-in {
4035
- --tw-enter-opacity: 0;
4036
- }
4037
- [data-theme="rui"] .fade-out {
4038
- --tw-exit-opacity: 0;
4039
- }
4040
4244
  [data-theme="rui"] .ui-state-readonly {
4041
4245
  --ui-background-color: var(--color-muted);
4042
4246
  }
@@ -4172,6 +4376,46 @@
4172
4376
  --ui-background-color: var(--color-muted);
4173
4377
  }
4174
4378
  }
4379
+ [data-theme="rui"] .group-hover\/icon\:\[translate\:-1\.5px\] {
4380
+ [data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
4381
+ translate: -1.5px;
4382
+ }
4383
+ @media (hover: hover) {
4384
+ [data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
4385
+ translate: -1.5px;
4386
+ }
4387
+ }
4388
+ }
4389
+ [data-theme="rui"] .group-hover\/icon\:\[translate\:-1px\] {
4390
+ [data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
4391
+ translate: -1px;
4392
+ }
4393
+ @media (hover: hover) {
4394
+ [data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
4395
+ translate: -1px;
4396
+ }
4397
+ }
4398
+ }
4399
+ [data-theme="rui"] .group-hover\/icon\:\[translate\:1\.5px\] {
4400
+ [data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
4401
+ translate: 1.5px;
4402
+ }
4403
+ @media (hover: hover) {
4404
+ [data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
4405
+ translate: 1.5px;
4406
+ }
4407
+ }
4408
+ }
4409
+ [data-theme="rui"] .group-hover\/icon\:\[translate\:1px\] {
4410
+ [data-theme="rui"] &:is(:where(.group\/icon):where([data-rac])[data-hovered] *) {
4411
+ translate: 1px;
4412
+ }
4413
+ @media (hover: hover) {
4414
+ [data-theme="rui"] &:is(:where(.group\/icon):where(:not([data-rac])):hover *) {
4415
+ translate: 1px;
4416
+ }
4417
+ }
4418
+ }
4175
4419
  [data-theme="rui"] .group-focus-visible\/checkbox\:border-\(--ui-border-color\) {
4176
4420
  [data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-focus-visible] *) {
4177
4421
  border-color: var(--ui-border-color);
@@ -4270,22 +4514,26 @@
4270
4514
  }
4271
4515
  [data-theme="rui"] .group-disabled\/checkbox\:text-disabled-foreground {
4272
4516
  [data-theme="rui"] &:is(:where(.group\/checkbox):where([data-rac])[data-disabled] *) {
4273
- color: var(--color-stone-400);
4517
+ color: var(--color-stone-500);
4274
4518
  }
4275
4519
  [data-theme="rui"] &:is(:where(.group\/checkbox):where(:not([data-rac])):disabled *) {
4276
- color: var(--color-stone-400);
4520
+ color: var(--color-stone-500);
4277
4521
  }
4278
4522
  }
4279
4523
  [data-theme="rui"] .group-disabled\/field\:ui-state-disabled {
4280
4524
  [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
4281
4525
  cursor: not-allowed;
4282
- background-color: var(--color-stone-200);
4283
- color: var(--color-stone-400);
4526
+ color: var(--color-stone-500);
4527
+ background: var(--color-disabled);
4528
+ background-clip: border-box;
4529
+ box-shadow: none;
4284
4530
  }
4285
4531
  [data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
4286
4532
  cursor: not-allowed;
4287
- background-color: var(--color-stone-200);
4288
- color: var(--color-stone-400);
4533
+ color: var(--color-stone-500);
4534
+ background: var(--color-disabled);
4535
+ background-clip: border-box;
4536
+ box-shadow: none;
4289
4537
  }
4290
4538
  }
4291
4539
  [data-theme="rui"] .group-disabled\/field\:cursor-not-allowed {
@@ -4298,10 +4546,10 @@
4298
4546
  }
4299
4547
  [data-theme="rui"] .group-disabled\/field\:text-disabled-foreground {
4300
4548
  [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-disabled] *) {
4301
- color: var(--color-stone-400);
4549
+ color: var(--color-stone-500);
4302
4550
  }
4303
4551
  [data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):disabled *) {
4304
- color: var(--color-stone-400);
4552
+ color: var(--color-stone-500);
4305
4553
  }
4306
4554
  }
4307
4555
  [data-theme="rui"] .group-disabled\/radio\:cursor-not-allowed {
@@ -4322,10 +4570,10 @@
4322
4570
  }
4323
4571
  [data-theme="rui"] .group-disabled\/radio\:text-disabled-foreground {
4324
4572
  [data-theme="rui"] &:is(:where(.group\/radio):where([data-rac])[data-disabled] *) {
4325
- color: var(--color-stone-400);
4573
+ color: var(--color-stone-500);
4326
4574
  }
4327
4575
  [data-theme="rui"] &:is(:where(.group\/radio):where(:not([data-rac])):disabled *) {
4328
- color: var(--color-stone-400);
4576
+ color: var(--color-stone-500);
4329
4577
  }
4330
4578
  }
4331
4579
  [data-theme="rui"] .group-disabled\/switch\:bg-disabled {
@@ -4338,10 +4586,10 @@
4338
4586
  }
4339
4587
  [data-theme="rui"] .group-disabled\/switch\:text-disabled-foreground {
4340
4588
  [data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
4341
- color: var(--color-stone-400);
4589
+ color: var(--color-stone-500);
4342
4590
  }
4343
4591
  [data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
4344
- color: var(--color-stone-400);
4592
+ color: var(--color-stone-500);
4345
4593
  }
4346
4594
  }
4347
4595
  [data-theme="rui"] .group-aria-expanded\:hidden {
@@ -4354,6 +4602,15 @@
4354
4602
  padding-right: calc(var(--spacing) * 7);
4355
4603
  }
4356
4604
  }
4605
+ [data-theme="rui"] .group-data-disabled\/field\:ui-state-disabled {
4606
+ [data-theme="rui"] &:is(:where(.group\/field)[data-disabled] *) {
4607
+ cursor: not-allowed;
4608
+ color: var(--color-stone-500);
4609
+ background: var(--color-disabled);
4610
+ background-clip: border-box;
4611
+ box-shadow: none;
4612
+ }
4613
+ }
4357
4614
  [data-theme="rui"] .group-data-error\/field\:ui-state-error {
4358
4615
  [data-theme="rui"] &:is(:where(.group\/field)[data-error] *) {
4359
4616
  border-color: var(--color-red-600);
@@ -4513,10 +4770,10 @@
4513
4770
  [data-theme="rui"] .group-selected\/switch\:group-disabled\/switch\:text-disabled-foreground {
4514
4771
  [data-theme="rui"] &:is(:where(.group\/switch)[data-selected] *) {
4515
4772
  [data-theme="rui"] &:is(:where(.group\/switch):where([data-rac])[data-disabled] *) {
4516
- color: var(--color-stone-400);
4773
+ color: var(--color-stone-500);
4517
4774
  }
4518
4775
  [data-theme="rui"] &:is(:where(.group\/switch):where(:not([data-rac])):disabled *) {
4519
- color: var(--color-stone-400);
4776
+ color: var(--color-stone-500);
4520
4777
  }
4521
4778
  }
4522
4779
  }
@@ -4589,6 +4846,20 @@
4589
4846
  }
4590
4847
  }
4591
4848
  }
4849
+ [data-theme="rui"] .marker\:text-muted-foreground {
4850
+ [data-theme="rui"] & *::marker {
4851
+ color: var(--color-stone-600);
4852
+ }
4853
+ [data-theme="rui"] &::marker {
4854
+ color: var(--color-stone-600);
4855
+ }
4856
+ [data-theme="rui"] & *::-webkit-details-marker {
4857
+ color: var(--color-stone-600);
4858
+ }
4859
+ [data-theme="rui"] &::-webkit-details-marker {
4860
+ color: var(--color-stone-600);
4861
+ }
4862
+ }
4592
4863
  [data-theme="rui"] .file\:me-3 {
4593
4864
  [data-theme="rui"] &::file-selector-button {
4594
4865
  margin-inline-end: calc(var(--spacing) * 3);
@@ -4661,7 +4932,7 @@
4661
4932
  }
4662
4933
  [data-theme="rui"] .placeholder\:text-placeholder {
4663
4934
  [data-theme="rui"] &::placeholder {
4664
- color: var(--color-stone-500);
4935
+ color: var(--color-stone-600);
4665
4936
  }
4666
4937
  }
4667
4938
  [data-theme="rui"] .before\:absolute {
@@ -4685,14 +4956,14 @@
4685
4956
  [data-theme="rui"] .before\:-translate-y-1\/2 {
4686
4957
  [data-theme="rui"] &::before {
4687
4958
  content: var(--tw-content);
4688
- --tw-translate-y: calc(calc(1/2 * 100%) * -1);
4959
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4689
4960
  translate: var(--tw-translate-x) var(--tw-translate-y);
4690
4961
  }
4691
4962
  }
4692
- [data-theme="rui"] .before\:bg-stone-300 {
4963
+ [data-theme="rui"] .before\:bg-border {
4693
4964
  [data-theme="rui"] &::before {
4694
4965
  content: var(--tw-content);
4695
- background-color: var(--color-stone-300);
4966
+ background-color: var(--color-stone-200);
4696
4967
  }
4697
4968
  }
4698
4969
  [data-theme="rui"] .after\:absolute {
@@ -4713,24 +4984,6 @@
4713
4984
  top: 100%;
4714
4985
  }
4715
4986
  }
4716
- [data-theme="rui"] .after\:bottom-0 {
4717
- [data-theme="rui"] &::after {
4718
- content: var(--tw-content);
4719
- bottom: calc(var(--spacing) * 0);
4720
- }
4721
- }
4722
- [data-theme="rui"] .after\:-mb-1 {
4723
- [data-theme="rui"] &::after {
4724
- content: var(--tw-content);
4725
- margin-bottom: calc(var(--spacing) * -1);
4726
- }
4727
- }
4728
- [data-theme="rui"] .after\:h-0\.5 {
4729
- [data-theme="rui"] &::after {
4730
- content: var(--tw-content);
4731
- height: calc(var(--spacing) * 0.5);
4732
- }
4733
- }
4734
4987
  [data-theme="rui"] .after\:h-screen {
4735
4988
  [data-theme="rui"] &::after {
4736
4989
  content: var(--tw-content);
@@ -4881,18 +5134,6 @@
4881
5134
  color: var(--color-red-600);
4882
5135
  }
4883
5136
  }
4884
- [data-theme="rui"] .invalid\:placeholder\:text-destructive {
4885
- [data-theme="rui"] &:where([data-rac])[data-invalid] {
4886
- [data-theme="rui"] &::placeholder {
4887
- color: var(--color-red-600);
4888
- }
4889
- }
4890
- [data-theme="rui"] &:where(:not([data-rac])):invalid {
4891
- [data-theme="rui"] &::placeholder {
4892
- color: var(--color-red-600);
4893
- }
4894
- }
4895
- }
4896
5137
  [data-theme="rui"] .read-only\:cursor-default {
4897
5138
  [data-theme="rui"] &:where([data-rac])[data-readonly] {
4898
5139
  cursor: default;
@@ -4909,34 +5150,34 @@
4909
5150
  --ui-background-color: var(--color-muted);
4910
5151
  }
4911
5152
  }
4912
- [data-theme="rui"] .hover\:bg-brand\/90 {
5153
+ [data-theme="rui"] .hover\:bg-current\/8 {
4913
5154
  [data-theme="rui"] &:where([data-rac])[data-hovered] {
4914
- background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 90%, transparent);
5155
+ background-color: currentcolor;
4915
5156
  @supports (color: color-mix(in lab, red, red)) {
4916
- background-color: color-mix(in oklab, var(--color-stone-950) 90%, transparent);
5157
+ background-color: color-mix(in oklab, currentcolor 8%, transparent);
4917
5158
  }
4918
5159
  }
4919
5160
  @media (hover: hover) {
4920
5161
  [data-theme="rui"] &:where(:not([data-rac])):hover {
4921
- background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 90%, transparent);
5162
+ background-color: currentcolor;
4922
5163
  @supports (color: color-mix(in lab, red, red)) {
4923
- background-color: color-mix(in oklab, var(--color-stone-950) 90%, transparent);
5164
+ background-color: color-mix(in oklab, currentcolor 8%, transparent);
4924
5165
  }
4925
5166
  }
4926
5167
  }
4927
5168
  }
4928
- [data-theme="rui"] .hover\:bg-destructive\/10 {
5169
+ [data-theme="rui"] .hover\:bg-current\/10 {
4929
5170
  [data-theme="rui"] &:where([data-rac])[data-hovered] {
4930
- background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
5171
+ background-color: currentcolor;
4931
5172
  @supports (color: color-mix(in lab, red, red)) {
4932
- background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
5173
+ background-color: color-mix(in oklab, currentcolor 10%, transparent);
4933
5174
  }
4934
5175
  }
4935
5176
  @media (hover: hover) {
4936
5177
  [data-theme="rui"] &:where(:not([data-rac])):hover {
4937
- background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
5178
+ background-color: currentcolor;
4938
5179
  @supports (color: color-mix(in lab, red, red)) {
4939
- background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
5180
+ background-color: color-mix(in oklab, currentcolor 10%, transparent);
4940
5181
  }
4941
5182
  }
4942
5183
  }
@@ -5033,6 +5274,16 @@
5033
5274
  }
5034
5275
  }
5035
5276
  }
5277
+ [data-theme="rui"] .hover\:\[--ui-background-color\:oklch\(from_var\(--color-brand\)_calc\(l-0\.05\)_c_h\)\] {
5278
+ [data-theme="rui"] &:where([data-rac])[data-hovered] {
5279
+ --ui-background-color: oklch(from var(--color-brand) calc(l - 0.05) c h);
5280
+ }
5281
+ @media (hover: hover) {
5282
+ [data-theme="rui"] &:where(:not([data-rac])):hover {
5283
+ --ui-background-color: oklch(from var(--color-brand) calc(l - 0.05) c h);
5284
+ }
5285
+ }
5286
+ }
5036
5287
  [data-theme="rui"] .hover\:\[--ui-background-color\:var\(--color-hover\)\] {
5037
5288
  [data-theme="rui"] &:where([data-rac])[data-hovered] {
5038
5289
  --ui-background-color: var(--color-hover);
@@ -5186,13 +5437,17 @@
5186
5437
  [data-theme="rui"] .disabled\:ui-state-disabled {
5187
5438
  [data-theme="rui"] &:where([data-rac])[data-disabled] {
5188
5439
  cursor: not-allowed;
5189
- background-color: var(--color-stone-200);
5190
- color: var(--color-stone-400);
5440
+ color: var(--color-stone-500);
5441
+ background: var(--color-disabled);
5442
+ background-clip: border-box;
5443
+ box-shadow: none;
5191
5444
  }
5192
5445
  [data-theme="rui"] &:where(:not([data-rac])):disabled {
5193
5446
  cursor: not-allowed;
5194
- background-color: var(--color-stone-200);
5195
- color: var(--color-stone-400);
5447
+ color: var(--color-stone-500);
5448
+ background: var(--color-disabled);
5449
+ background-clip: border-box;
5450
+ box-shadow: none;
5196
5451
  }
5197
5452
  }
5198
5453
  [data-theme="rui"] .disabled\:cursor-not-allowed {
@@ -5231,10 +5486,10 @@
5231
5486
  }
5232
5487
  [data-theme="rui"] .disabled\:text-disabled-foreground {
5233
5488
  [data-theme="rui"] &:where([data-rac])[data-disabled] {
5234
- color: var(--color-stone-400);
5489
+ color: var(--color-stone-500);
5235
5490
  }
5236
5491
  [data-theme="rui"] &:where(:not([data-rac])):disabled {
5237
- color: var(--color-stone-400);
5492
+ color: var(--color-stone-500);
5238
5493
  }
5239
5494
  }
5240
5495
  [data-theme="rui"] .disabled\:text-gray-50 {
@@ -5476,18 +5731,6 @@
5476
5731
  }
5477
5732
  }
5478
5733
  }
5479
- [data-theme="rui"] .has-disabled\:ui-state-disabled {
5480
- [data-theme="rui"] &:has(*:where([data-rac])[data-disabled]) {
5481
- cursor: not-allowed;
5482
- background-color: var(--color-stone-200);
5483
- color: var(--color-stone-400);
5484
- }
5485
- [data-theme="rui"] &:has(*:where(:not([data-rac])):disabled) {
5486
- cursor: not-allowed;
5487
- background-color: var(--color-stone-200);
5488
- color: var(--color-stone-400);
5489
- }
5490
- }
5491
5734
  [data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_1fr_minmax\(0\,max-content\)\] {
5492
5735
  [data-theme="rui"] &:has(*:is([data-breakout])) {
5493
5736
  grid-template-columns: 1fr 1fr minmax(0,max-content);
@@ -5620,7 +5863,7 @@
5620
5863
  }
5621
5864
  [data-theme="rui"] .aria-disabled\:text-disabled-foreground {
5622
5865
  [data-theme="rui"] &[aria-disabled="true"] {
5623
- color: var(--color-stone-400);
5866
+ color: var(--color-stone-500);
5624
5867
  }
5625
5868
  }
5626
5869
  [data-theme="rui"] .aria-disabled\:hover\:border-input {
@@ -5722,6 +5965,22 @@
5722
5965
  }
5723
5966
  }
5724
5967
  }
5968
+ [data-theme="rui"] .data-active\:bg-selected {
5969
+ [data-theme="rui"] &[data-active] {
5970
+ background-color: var(--color-stone-100);
5971
+ }
5972
+ }
5973
+ [data-theme="rui"] .data-active\:font-medium {
5974
+ [data-theme="rui"] &[data-active] {
5975
+ --tw-font-weight: var(--font-weight-medium);
5976
+ font-weight: var(--font-weight-medium);
5977
+ }
5978
+ }
5979
+ [data-theme="rui"] .data-active\:text-foreground {
5980
+ [data-theme="rui"] &[data-active] {
5981
+ color: var(--color-stone-950);
5982
+ }
5983
+ }
5725
5984
  [data-theme="rui"] .\*\*\:data-cell-content\:outline-none {
5726
5985
  [data-theme="rui"] :is(& *) {
5727
5986
  [data-theme="rui"] &[data-cell-content] {
@@ -5742,7 +6001,7 @@
5742
6001
  }
5743
6002
  [data-theme="rui"] .data-disabled\:text-disabled-foreground {
5744
6003
  [data-theme="rui"] &[data-disabled] {
5745
- color: var(--color-stone-400);
6004
+ color: var(--color-stone-500);
5746
6005
  }
5747
6006
  }
5748
6007
  [data-theme="rui"] .data-focus-visible\:z-10 {
@@ -5750,9 +6009,9 @@
5750
6009
  z-index: 10;
5751
6010
  }
5752
6011
  }
5753
- [data-theme="rui"] .data-focused\:bg-focus {
6012
+ [data-theme="rui"] .data-focused\:bg-stone-300 {
5754
6013
  [data-theme="rui"] &[data-focused] {
5755
- background-color: var(--color-stone-100);
6014
+ background-color: var(--color-stone-300);
5756
6015
  }
5757
6016
  }
5758
6017
  [data-theme="rui"] .data-focused\:text-foreground {
@@ -5806,23 +6065,23 @@
5806
6065
  }
5807
6066
  [data-theme="rui"] .data-placeholder\:text-placeholder {
5808
6067
  [data-theme="rui"] &[data-placeholder] {
5809
- color: var(--color-stone-500);
6068
+ color: var(--color-stone-600);
5810
6069
  }
5811
6070
  }
5812
6071
  [data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
5813
6072
  [data-theme="rui"] :is(& > *) {
5814
6073
  [data-theme="rui"] &[data-placeholder] {
5815
- color: var(--color-stone-500);
6074
+ color: var(--color-stone-600);
5816
6075
  }
5817
6076
  }
5818
6077
  }
5819
6078
  [data-theme="rui"] .data-placeholder\:disabled\:text-disabled-foreground {
5820
6079
  [data-theme="rui"] &[data-placeholder] {
5821
6080
  [data-theme="rui"] &:where([data-rac])[data-disabled] {
5822
- color: var(--color-stone-400);
6081
+ color: var(--color-stone-500);
5823
6082
  }
5824
6083
  [data-theme="rui"] &:where(:not([data-rac])):disabled {
5825
- color: var(--color-stone-400);
6084
+ color: var(--color-stone-500);
5826
6085
  }
5827
6086
  }
5828
6087
  }
@@ -5886,6 +6145,78 @@
5886
6145
  }
5887
6146
  }
5888
6147
  }
6148
+ [data-theme="rui"] .data-\[position\=after\]\:pointer-events-none {
6149
+ [data-theme="rui"] &[data-position="after"] {
6150
+ pointer-events: none;
6151
+ }
6152
+ }
6153
+ [data-theme="rui"] .data-\[position\=after\]\:invisible {
6154
+ [data-theme="rui"] &[data-position="after"] {
6155
+ visibility: hidden;
6156
+ }
6157
+ }
6158
+ [data-theme="rui"] .data-\[position\=after\]\:absolute {
6159
+ [data-theme="rui"] &[data-position="after"] {
6160
+ position: absolute;
6161
+ }
6162
+ }
6163
+ [data-theme="rui"] .data-\[position\=after\]\:inset-x-0 {
6164
+ [data-theme="rui"] &[data-position="after"] {
6165
+ inset-inline: calc(var(--spacing) * 0);
6166
+ }
6167
+ }
6168
+ [data-theme="rui"] .data-\[position\=after\]\:top-0 {
6169
+ [data-theme="rui"] &[data-position="after"] {
6170
+ top: calc(var(--spacing) * 0);
6171
+ }
6172
+ }
6173
+ [data-theme="rui"] .data-\[position\=after\]\:translate-x-1\/3 {
6174
+ [data-theme="rui"] &[data-position="after"] {
6175
+ --tw-translate-x: calc(1 / 3 * 100%);
6176
+ translate: var(--tw-translate-x) var(--tw-translate-y);
6177
+ }
6178
+ }
6179
+ [data-theme="rui"] .data-\[position\=after\]\:opacity-0 {
6180
+ [data-theme="rui"] &[data-position="after"] {
6181
+ opacity: 0%;
6182
+ }
6183
+ }
6184
+ [data-theme="rui"] .data-\[position\=before\]\:pointer-events-none {
6185
+ [data-theme="rui"] &[data-position="before"] {
6186
+ pointer-events: none;
6187
+ }
6188
+ }
6189
+ [data-theme="rui"] .data-\[position\=before\]\:invisible {
6190
+ [data-theme="rui"] &[data-position="before"] {
6191
+ visibility: hidden;
6192
+ }
6193
+ }
6194
+ [data-theme="rui"] .data-\[position\=before\]\:absolute {
6195
+ [data-theme="rui"] &[data-position="before"] {
6196
+ position: absolute;
6197
+ }
6198
+ }
6199
+ [data-theme="rui"] .data-\[position\=before\]\:inset-x-0 {
6200
+ [data-theme="rui"] &[data-position="before"] {
6201
+ inset-inline: calc(var(--spacing) * 0);
6202
+ }
6203
+ }
6204
+ [data-theme="rui"] .data-\[position\=before\]\:top-0 {
6205
+ [data-theme="rui"] &[data-position="before"] {
6206
+ top: calc(var(--spacing) * 0);
6207
+ }
6208
+ }
6209
+ [data-theme="rui"] .data-\[position\=before\]\:-translate-x-1\/3 {
6210
+ [data-theme="rui"] &[data-position="before"] {
6211
+ --tw-translate-x: calc(calc(1 / 3 * 100%) * -1);
6212
+ translate: var(--tw-translate-x) var(--tw-translate-y);
6213
+ }
6214
+ }
6215
+ [data-theme="rui"] .data-\[position\=before\]\:opacity-0 {
6216
+ [data-theme="rui"] &[data-position="before"] {
6217
+ opacity: 0%;
6218
+ }
6219
+ }
5889
6220
  [data-theme="rui"] .data-\[react-aria-pressable\=\"true\"\]\:cursor-pointer {
5890
6221
  [data-theme="rui"] &[data-react-aria-pressable="true"] {
5891
6222
  cursor: pointer;
@@ -5906,16 +6237,13 @@
5906
6237
  }
5907
6238
  [data-theme="rui"] .data-\[selected\=true\]\:shadow-elevation-border {
5908
6239
  [data-theme="rui"] &[data-selected="true"] {
5909
- --tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.19)), 0.1px 1.1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.16));
6240
+ --tw-shadow: 0px 0.3px 0.3px var(--tw-shadow-color, oklch(0 0 0 / 0.14)), 0px 1px 1.2px -3px var(--tw-shadow-color, oklch(0 0 0 / 0.12));
5910
6241
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
5911
6242
  }
5912
6243
  }
5913
- [data-theme="rui"] .data-\[selected\=true\]\:after\:bg-foreground {
5914
- [data-theme="rui"] &[data-selected="true"] {
5915
- [data-theme="rui"] &::after {
5916
- content: var(--tw-content);
5917
- background-color: var(--color-stone-950);
5918
- }
6244
+ [data-theme="rui"] .motion-reduce\:transition-none {
6245
+ @media (prefers-reduced-motion: reduce) {
6246
+ transition-property: none;
5919
6247
  }
5920
6248
  }
5921
6249
  [data-theme="rui"] .max-\[600px\]\:in-aria-hidden\:overflow-hidden {
@@ -5925,25 +6253,22 @@
5925
6253
  }
5926
6254
  }
5927
6255
  }
5928
- [data-theme="rui"] .min-\[600px\]\:aspect-square {
5929
- @media (width >= 600px) {
6256
+ [data-theme="rui"] .max-sm\:min-h-11 {
6257
+ @media (width < 40rem) {
6258
+ min-height: calc(var(--spacing) * 11);
6259
+ }
6260
+ }
6261
+ [data-theme="rui"] .sm\:aspect-square {
6262
+ @media (width >= 40rem) {
5930
6263
  aspect-ratio: 1 / 1;
5931
6264
  }
5932
6265
  }
5933
- [data-theme="rui"] .min-\[600px\]\:size-button {
5934
- @media (width >= 600px) {
6266
+ [data-theme="rui"] .sm\:size-button {
6267
+ @media (width >= 40rem) {
5935
6268
  width: 2.25rem;
5936
6269
  height: 2.25rem;
5937
6270
  }
5938
6271
  }
5939
- [data-theme="rui"] .min-\[600px\]\:text-foreground\/60 {
5940
- @media (width >= 600px) {
5941
- color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 60%, transparent);
5942
- @supports (color: color-mix(in lab, red, red)) {
5943
- color: color-mix(in oklab, var(--color-stone-950) 60%, transparent);
5944
- }
5945
- }
5946
- }
5947
6272
  [data-theme="rui"] .sm\:max-h-\[75vh\] {
5948
6273
  @media (width >= 40rem) {
5949
6274
  max-height: 75vh;
@@ -5954,6 +6279,11 @@
5954
6279
  max-height: min(640px, 80vh);
5955
6280
  }
5956
6281
  }
6282
+ [data-theme="rui"] .sm\:w-64 {
6283
+ @media (width >= 40rem) {
6284
+ width: calc(var(--spacing) * 64);
6285
+ }
6286
+ }
5957
6287
  [data-theme="rui"] .sm\:w-\[32px\] {
5958
6288
  @media (width >= 40rem) {
5959
6289
  width: 32px;
@@ -5969,11 +6299,21 @@
5969
6299
  justify-content: flex-end;
5970
6300
  }
5971
6301
  }
6302
+ [data-theme="rui"] .sm\:gap-1\.5 {
6303
+ @media (width >= 40rem) {
6304
+ gap: calc(var(--spacing) * 1.5);
6305
+ }
6306
+ }
5972
6307
  [data-theme="rui"] .sm\:gap-2\.5 {
5973
6308
  @media (width >= 40rem) {
5974
6309
  gap: calc(var(--spacing) * 2.5);
5975
6310
  }
5976
6311
  }
6312
+ [data-theme="rui"] .sm\:gap-6 {
6313
+ @media (width >= 40rem) {
6314
+ gap: calc(var(--spacing) * 6);
6315
+ }
6316
+ }
5977
6317
  [data-theme="rui"] .sm\:bg-red-500 {
5978
6318
  @media (width >= 40rem) {
5979
6319
  background-color: var(--color-red-500);
@@ -5984,11 +6324,93 @@
5984
6324
  text-align: left;
5985
6325
  }
5986
6326
  }
6327
+ [data-theme="rui"] .sm\:text-muted-foreground {
6328
+ @media (width >= 40rem) {
6329
+ color: var(--color-stone-600);
6330
+ }
6331
+ }
6332
+ [data-theme="rui"] .sm\:transition-\[width\] {
6333
+ @media (width >= 40rem) {
6334
+ transition-property: width;
6335
+ transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
6336
+ transition-duration: var(--tw-duration, var(--default-transition-duration));
6337
+ }
6338
+ }
6339
+ [data-theme="rui"] .sm\:duration-200 {
6340
+ @media (width >= 40rem) {
6341
+ --tw-duration: 200ms;
6342
+ transition-duration: 200ms;
6343
+ }
6344
+ }
6345
+ [data-theme="rui"] .sm\:ease-in-out {
6346
+ @media (width >= 40rem) {
6347
+ --tw-ease: var(--ease-in-out);
6348
+ transition-timing-function: var(--ease-in-out);
6349
+ }
6350
+ }
6351
+ [data-theme="rui"] .data-\[position\=after\]\:sm\:translate-x-2 {
6352
+ [data-theme="rui"] &[data-position="after"] {
6353
+ @media (width >= 40rem) {
6354
+ --tw-translate-x: calc(var(--spacing) * 2);
6355
+ translate: var(--tw-translate-x) var(--tw-translate-y);
6356
+ }
6357
+ }
6358
+ }
6359
+ [data-theme="rui"] .data-\[position\=after\]\:sm\:blur-\[2px\] {
6360
+ [data-theme="rui"] &[data-position="after"] {
6361
+ @media (width >= 40rem) {
6362
+ --tw-blur: blur(2px);
6363
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
6364
+ }
6365
+ }
6366
+ }
6367
+ [data-theme="rui"] .data-\[position\=before\]\:sm\:-translate-x-2 {
6368
+ [data-theme="rui"] &[data-position="before"] {
6369
+ @media (width >= 40rem) {
6370
+ --tw-translate-x: calc(var(--spacing) * -2);
6371
+ translate: var(--tw-translate-x) var(--tw-translate-y);
6372
+ }
6373
+ }
6374
+ }
6375
+ [data-theme="rui"] .data-\[position\=before\]\:sm\:blur-\[2px\] {
6376
+ [data-theme="rui"] &[data-position="before"] {
6377
+ @media (width >= 40rem) {
6378
+ --tw-blur: blur(2px);
6379
+ filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
6380
+ }
6381
+ }
6382
+ }
6383
+ [data-theme="rui"] .sm\:data-\[state\=collapsed\]\:w-0 {
6384
+ @media (width >= 40rem) {
6385
+ [data-theme="rui"] &[data-state="collapsed"] {
6386
+ width: calc(var(--spacing) * 0);
6387
+ }
6388
+ }
6389
+ }
6390
+ [data-theme="rui"] .sm\:data-\[state\=expanded\]\:w-64 {
6391
+ @media (width >= 40rem) {
6392
+ [data-theme="rui"] &[data-state="expanded"] {
6393
+ width: calc(var(--spacing) * 64);
6394
+ }
6395
+ }
6396
+ }
6397
+ [data-theme="rui"] .motion-reduce\:sm\:transition-none {
6398
+ @media (prefers-reduced-motion: reduce) {
6399
+ @media (width >= 40rem) {
6400
+ transition-property: none;
6401
+ }
6402
+ }
6403
+ }
5987
6404
  [data-theme="rui"] .md\:w-\[64px\] {
5988
6405
  @media (width >= 48rem) {
5989
6406
  width: 64px;
5990
6407
  }
5991
6408
  }
6409
+ [data-theme="rui"] .md\:gap-8 {
6410
+ @media (width >= 48rem) {
6411
+ gap: calc(var(--spacing) * 8);
6412
+ }
6413
+ }
5992
6414
  [data-theme="rui"] .md\:bg-green-500 {
5993
6415
  @media (width >= 48rem) {
5994
6416
  background-color: var(--color-green-500);
@@ -5999,6 +6421,11 @@
5999
6421
  max-height: 45vh;
6000
6422
  }
6001
6423
  }
6424
+ [data-theme="rui"] .lg\:gap-12 {
6425
+ @media (width >= 64rem) {
6426
+ gap: calc(var(--spacing) * 12);
6427
+ }
6428
+ }
6002
6429
  [data-theme="rui"] .lg\:bg-blue-500 {
6003
6430
  @media (width >= 64rem) {
6004
6431
  background-color: var(--color-blue-500);
@@ -6009,16 +6436,6 @@
6009
6436
  background-color: var(--color-gray-500);
6010
6437
  }
6011
6438
  }
6012
- [data-theme="rui"] .placement-left\:top-0 {
6013
- [data-theme="rui"] &[data-placement="left"] {
6014
- top: calc(var(--spacing) * 0);
6015
- }
6016
- }
6017
- [data-theme="rui"] .placement-left\:left-0 {
6018
- [data-theme="rui"] &[data-placement="left"] {
6019
- left: calc(var(--spacing) * 0);
6020
- }
6021
- }
6022
6439
  [data-theme="rui"] .placement-left\:mr-1 {
6023
6440
  [data-theme="rui"] &[data-placement="left"] {
6024
6441
  margin-right: calc(var(--spacing) * 1);
@@ -6029,22 +6446,6 @@
6029
6446
  margin-right: calc(var(--spacing) * 2);
6030
6447
  }
6031
6448
  }
6032
- [data-theme="rui"] .placement-left\:border-r {
6033
- [data-theme="rui"] &[data-placement="left"] {
6034
- border-right-style: var(--tw-border-style);
6035
- border-right-width: 1px;
6036
- }
6037
- }
6038
- [data-theme="rui"] .placement-right\:top-0 {
6039
- [data-theme="rui"] &[data-placement="right"] {
6040
- top: calc(var(--spacing) * 0);
6041
- }
6042
- }
6043
- [data-theme="rui"] .placement-right\:right-0 {
6044
- [data-theme="rui"] &[data-placement="right"] {
6045
- right: calc(var(--spacing) * 0);
6046
- }
6047
- }
6048
6449
  [data-theme="rui"] .placement-right\:ml-1 {
6049
6450
  [data-theme="rui"] &[data-placement="right"] {
6050
6451
  margin-left: calc(var(--spacing) * 1);
@@ -6055,22 +6456,6 @@
6055
6456
  margin-left: calc(var(--spacing) * 2);
6056
6457
  }
6057
6458
  }
6058
- [data-theme="rui"] .placement-right\:border-l {
6059
- [data-theme="rui"] &[data-placement="right"] {
6060
- border-left-style: var(--tw-border-style);
6061
- border-left-width: 1px;
6062
- }
6063
- }
6064
- [data-theme="rui"] .placement-top\:top-0 {
6065
- [data-theme="rui"] &[data-placement="top"] {
6066
- top: calc(var(--spacing) * 0);
6067
- }
6068
- }
6069
- [data-theme="rui"] .placement-top\:left-0 {
6070
- [data-theme="rui"] &[data-placement="top"] {
6071
- left: calc(var(--spacing) * 0);
6072
- }
6073
- }
6074
6459
  [data-theme="rui"] .placement-top\:mb-1 {
6075
6460
  [data-theme="rui"] &[data-placement="top"] {
6076
6461
  margin-bottom: calc(var(--spacing) * 1);
@@ -6081,48 +6466,6 @@
6081
6466
  margin-bottom: calc(var(--spacing) * 2);
6082
6467
  }
6083
6468
  }
6084
- [data-theme="rui"] .placement-top\:w-full {
6085
- [data-theme="rui"] &[data-placement="top"] {
6086
- width: 100%;
6087
- }
6088
- }
6089
- [data-theme="rui"] .placement-top\:border-b {
6090
- [data-theme="rui"] &[data-placement="top"] {
6091
- border-bottom-style: var(--tw-border-style);
6092
- border-bottom-width: 1px;
6093
- }
6094
- }
6095
- [data-theme="rui"] .placement-top\:sm\:h-48 {
6096
- [data-theme="rui"] &[data-placement="top"] {
6097
- @media (width >= 40rem) {
6098
- height: calc(var(--spacing) * 48);
6099
- }
6100
- }
6101
- }
6102
- [data-theme="rui"] .placement-top\:sm\:h-64 {
6103
- [data-theme="rui"] &[data-placement="top"] {
6104
- @media (width >= 40rem) {
6105
- height: calc(var(--spacing) * 64);
6106
- }
6107
- }
6108
- }
6109
- [data-theme="rui"] .placement-top\:sm\:h-80 {
6110
- [data-theme="rui"] &[data-placement="top"] {
6111
- @media (width >= 40rem) {
6112
- height: calc(var(--spacing) * 80);
6113
- }
6114
- }
6115
- }
6116
- [data-theme="rui"] .placement-bottom\:bottom-0 {
6117
- [data-theme="rui"] &[data-placement="bottom"] {
6118
- bottom: calc(var(--spacing) * 0);
6119
- }
6120
- }
6121
- [data-theme="rui"] .placement-bottom\:left-0 {
6122
- [data-theme="rui"] &[data-placement="bottom"] {
6123
- left: calc(var(--spacing) * 0);
6124
- }
6125
- }
6126
6469
  [data-theme="rui"] .placement-bottom\:mt-1 {
6127
6470
  [data-theme="rui"] &[data-placement="bottom"] {
6128
6471
  margin-top: calc(var(--spacing) * 1);
@@ -6133,38 +6476,6 @@
6133
6476
  margin-top: calc(var(--spacing) * 2);
6134
6477
  }
6135
6478
  }
6136
- [data-theme="rui"] .placement-bottom\:w-full {
6137
- [data-theme="rui"] &[data-placement="bottom"] {
6138
- width: 100%;
6139
- }
6140
- }
6141
- [data-theme="rui"] .placement-bottom\:border-t {
6142
- [data-theme="rui"] &[data-placement="bottom"] {
6143
- border-top-style: var(--tw-border-style);
6144
- border-top-width: 1px;
6145
- }
6146
- }
6147
- [data-theme="rui"] .placement-bottom\:sm\:h-48 {
6148
- [data-theme="rui"] &[data-placement="bottom"] {
6149
- @media (width >= 40rem) {
6150
- height: calc(var(--spacing) * 48);
6151
- }
6152
- }
6153
- }
6154
- [data-theme="rui"] .placement-bottom\:sm\:h-64 {
6155
- [data-theme="rui"] &[data-placement="bottom"] {
6156
- @media (width >= 40rem) {
6157
- height: calc(var(--spacing) * 64);
6158
- }
6159
- }
6160
- }
6161
- [data-theme="rui"] .placement-bottom\:sm\:h-80 {
6162
- [data-theme="rui"] &[data-placement="bottom"] {
6163
- @media (width >= 40rem) {
6164
- height: calc(var(--spacing) * 80);
6165
- }
6166
- }
6167
- }
6168
6479
  [data-theme="rui"] .type-literal\:px-0 {
6169
6480
  [data-theme="rui"] &[data-type="literal"] {
6170
6481
  padding-inline: calc(var(--spacing) * 0);
@@ -6172,7 +6483,7 @@
6172
6483
  }
6173
6484
  [data-theme="rui"] .type-literal\:text-placeholder {
6174
6485
  [data-theme="rui"] &[data-type="literal"] {
6175
- color: var(--color-stone-500);
6486
+ color: var(--color-stone-600);
6176
6487
  }
6177
6488
  }
6178
6489
  [data-theme="rui"] .orientation-horizontal\:h-full {
@@ -6208,14 +6519,6 @@
6208
6519
  display: contents;
6209
6520
  }
6210
6521
  }
6211
- [data-theme="rui"] .expanded\:bg-hover {
6212
- [data-theme="rui"] &:where([data-rac])[data-expanded] {
6213
- background-color: var(--color-stone-100);
6214
- }
6215
- [data-theme="rui"] &:where(:not([data-rac]))[expanded] {
6216
- background-color: var(--color-stone-100);
6217
- }
6218
- }
6219
6522
  [data-theme="rui"] .expanded\:\[--ui-background-color\:var\(--color-hover\)\] {
6220
6523
  [data-theme="rui"] &:where([data-rac])[data-expanded] {
6221
6524
  --ui-background-color: var(--color-hover);
@@ -6224,63 +6527,66 @@
6224
6527
  --ui-background-color: var(--color-hover);
6225
6528
  }
6226
6529
  }
6227
- [data-theme="rui"] .placement-left\:entering\:animate-slide-in-left {
6228
- [data-theme="rui"] &[data-placement="left"] {
6229
- [data-theme="rui"] &[data-entering] {
6230
- animation: slide-in-left var(--slide-in-duration)
6231
- var(--ease-out-expo);
6232
- }
6530
+ [data-theme="rui"] .entering\:animate-fade-in {
6531
+ [data-theme="rui"] &[data-entering] {
6532
+ animation: fade-in var(--fade-in-duration) ease-out;
6233
6533
  }
6234
6534
  }
6235
- [data-theme="rui"] .placement-right\:entering\:animate-slide-in-right {
6236
- [data-theme="rui"] &[data-placement="right"] {
6237
- [data-theme="rui"] &[data-entering] {
6238
- animation: slide-in-right var(--slide-in-duration)
6535
+ [data-theme="rui"] .entering\:animate-slide-in {
6536
+ [data-theme="rui"] &[data-entering] {
6537
+ animation: slide-in 0.25s var(--ease-out-quart) forwards;
6538
+ }
6539
+ }
6540
+ [data-theme="rui"] .entering\:animate-slide-in-left {
6541
+ [data-theme="rui"] &[data-entering] {
6542
+ animation: slide-in-left var(--slide-in-duration)
6239
6543
  var(--ease-out-expo);
6240
- }
6241
6544
  }
6242
6545
  }
6243
- [data-theme="rui"] .placement-top\:entering\:animate-slide-in-top {
6244
- [data-theme="rui"] &[data-placement="top"] {
6245
- [data-theme="rui"] &[data-entering] {
6246
- animation: slide-in-top var(--slide-in-duration)
6546
+ [data-theme="rui"] .entering\:animate-slide-in-right {
6547
+ [data-theme="rui"] &[data-entering] {
6548
+ animation: slide-in-right var(--slide-in-duration)
6247
6549
  var(--ease-out-expo);
6248
- }
6249
6550
  }
6250
6551
  }
6251
- [data-theme="rui"] .placement-bottom\:entering\:animate-slide-in-bottom {
6252
- [data-theme="rui"] &[data-placement="bottom"] {
6552
+ [data-theme="rui"] .motion-reduce\:entering\:animate-none {
6553
+ @media (prefers-reduced-motion: reduce) {
6253
6554
  [data-theme="rui"] &[data-entering] {
6254
- animation: slide-in-bottom var(--slide-in-duration)
6255
- var(--ease-out-expo);
6555
+ animation: none;
6256
6556
  }
6257
6557
  }
6258
6558
  }
6259
- [data-theme="rui"] .placement-left\:exiting\:animate-slide-out-left {
6260
- [data-theme="rui"] &[data-placement="left"] {
6261
- [data-theme="rui"] &[data-exiting] {
6262
- animation: slide-in-left var(--slide-out-duration) reverse;
6263
- }
6559
+ [data-theme="rui"] .exiting\:animate-fade-out {
6560
+ [data-theme="rui"] &[data-exiting] {
6561
+ animation: fade-in var(--fade-out-duration) ease-in reverse;
6264
6562
  }
6265
6563
  }
6266
- [data-theme="rui"] .placement-right\:exiting\:animate-slide-out-right {
6267
- [data-theme="rui"] &[data-placement="right"] {
6268
- [data-theme="rui"] &[data-exiting] {
6269
- animation: slide-in-right var(--slide-out-duration) reverse;
6270
- }
6564
+ [data-theme="rui"] .exiting\:animate-slide-out {
6565
+ [data-theme="rui"] &[data-exiting] {
6566
+ animation: slide-out 0.2s var(--ease-out-quart) forwards;
6271
6567
  }
6272
6568
  }
6273
- [data-theme="rui"] .placement-top\:exiting\:animate-slide-out-top {
6274
- [data-theme="rui"] &[data-placement="top"] {
6275
- [data-theme="rui"] &[data-exiting] {
6276
- animation: slide-in-top var(--slide-out-duration) reverse;
6277
- }
6569
+ [data-theme="rui"] .exiting\:animate-slide-out-left {
6570
+ [data-theme="rui"] &[data-exiting] {
6571
+ animation: slide-in-left var(--slide-out-duration) reverse
6572
+ forwards;
6278
6573
  }
6279
6574
  }
6280
- [data-theme="rui"] .placement-bottom\:exiting\:animate-slide-out-bottom {
6281
- [data-theme="rui"] &[data-placement="bottom"] {
6575
+ [data-theme="rui"] .exiting\:animate-slide-out-right {
6576
+ [data-theme="rui"] &[data-exiting] {
6577
+ animation: slide-in-right var(--slide-out-duration) reverse
6578
+ forwards;
6579
+ }
6580
+ }
6581
+ [data-theme="rui"] .exiting\:\[--slide-out-duration\:0\.1s\] {
6582
+ [data-theme="rui"] &[data-exiting] {
6583
+ --slide-out-duration: 0.1s;
6584
+ }
6585
+ }
6586
+ [data-theme="rui"] .motion-reduce\:exiting\:animate-none {
6587
+ @media (prefers-reduced-motion: reduce) {
6282
6588
  [data-theme="rui"] &[data-exiting] {
6283
- animation: slide-in-bottom var(--slide-out-duration) reverse;
6589
+ animation: none;
6284
6590
  }
6285
6591
  }
6286
6592
  }
@@ -6307,8 +6613,10 @@
6307
6613
  [data-theme="rui"] .pending\:ui-state-disabled {
6308
6614
  [data-theme="rui"] &[data-pending] {
6309
6615
  cursor: not-allowed;
6310
- background-color: var(--color-stone-200);
6311
- color: var(--color-stone-400);
6616
+ color: var(--color-stone-500);
6617
+ background: var(--color-disabled);
6618
+ background-clip: border-box;
6619
+ box-shadow: none;
6312
6620
  }
6313
6621
  }
6314
6622
  [data-theme="rui"] .pending\:border-0 {
@@ -6328,11 +6636,6 @@
6328
6636
  --ui-background-color: var(--color-disabled);
6329
6637
  }
6330
6638
  }
6331
- [data-theme="rui"] .pressed\:scale-\[0\.97\] {
6332
- [data-theme="rui"] &[data-pressed] {
6333
- scale: 0.97;
6334
- }
6335
- }
6336
6639
  [data-theme="rui"] .pressed\:not-aria-expanded\:scale-\[0\.97\] {
6337
6640
  [data-theme="rui"] &[data-pressed] {
6338
6641
  [data-theme="rui"] &:not(*[aria-expanded="true"]) {
@@ -6398,14 +6701,20 @@
6398
6701
  --ui-background-color: var(--color-input);
6399
6702
  }
6400
6703
  }
6401
- [data-theme="rui"] .selected\:hover\:bg-hover {
6704
+ [data-theme="rui"] .selected\:hover\:bg-current\/10 {
6402
6705
  [data-theme="rui"] &[data-selected] {
6403
6706
  [data-theme="rui"] &:where([data-rac])[data-hovered] {
6404
- background-color: var(--color-stone-100);
6707
+ background-color: currentcolor;
6708
+ @supports (color: color-mix(in lab, red, red)) {
6709
+ background-color: color-mix(in oklab, currentcolor 10%, transparent);
6710
+ }
6405
6711
  }
6406
6712
  @media (hover: hover) {
6407
6713
  [data-theme="rui"] &:where(:not([data-rac])):hover {
6408
- background-color: var(--color-stone-100);
6714
+ background-color: currentcolor;
6715
+ @supports (color: color-mix(in lab, red, red)) {
6716
+ background-color: color-mix(in oklab, currentcolor 10%, transparent);
6717
+ }
6409
6718
  }
6410
6719
  }
6411
6720
  }
@@ -6428,14 +6737,24 @@
6428
6737
  }
6429
6738
  }
6430
6739
  }
6431
- [data-theme="rui"] .drop-target\:before\:bg-stone-800 {
6740
+ [data-theme="rui"] .drop-target\:before\:bg-brand {
6432
6741
  [data-theme="rui"] &[data-drop-target] {
6433
6742
  [data-theme="rui"] &::before {
6434
6743
  content: var(--tw-content);
6435
- background-color: var(--color-stone-800);
6744
+ background-color: var(--color-stone-950);
6436
6745
  }
6437
6746
  }
6438
6747
  }
6748
+ [data-theme="rui"] .in-field\:mt-1 {
6749
+ [data-theme="rui"] :is(.group\/field) > & {
6750
+ margin-top: calc(var(--spacing) * 1);
6751
+ }
6752
+ }
6753
+ [data-theme="rui"] .in-field\:mb-1\.5 {
6754
+ [data-theme="rui"] :is(.group\/field) > & {
6755
+ margin-bottom: calc(var(--spacing) * 1.5);
6756
+ }
6757
+ }
6439
6758
  [data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:invisible {
6440
6759
  [data-theme="rui"] & .selection-indicator>svg {
6441
6760
  visibility: hidden;
@@ -6483,7 +6802,7 @@
6483
6802
  }
6484
6803
  [data-theme="rui"] .\[\&_\[slot\=description\]\]\:text-muted-foreground {
6485
6804
  [data-theme="rui"] & [slot=description] {
6486
- color: var(--color-stone-500);
6805
+ color: var(--color-stone-600);
6487
6806
  }
6488
6807
  }
6489
6808
  [data-theme="rui"] .\[\&_button\]\:px-2 {
@@ -6537,7 +6856,7 @@
6537
6856
  }
6538
6857
  [data-theme="rui"] .\[\&_header\]\:text-muted-foreground {
6539
6858
  [data-theme="rui"] & header {
6540
- color: var(--color-stone-500);
6859
+ color: var(--color-stone-600);
6541
6860
  }
6542
6861
  }
6543
6862
  [data-theme="rui"] .\[\&_svg\]\:pointer-events-none {
@@ -6825,14 +7144,14 @@
6825
7144
  align-items: flex-end;
6826
7145
  }
6827
7146
  }
6828
- [data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)_\>\*\:not\(\:has\(\[slot\=description\]\)\)\]\:mb-6 {
7147
+ [data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)_\>\*\:not\(\:has\(\[slot\=description\]\)\)\]\:mb-5 {
6829
7148
  [data-theme="rui"] &:has([slot=description]) >*:not(:has([slot=description])) {
6830
- margin-bottom: calc(var(--spacing) * 6);
7149
+ margin-bottom: calc(var(--spacing) * 5);
6831
7150
  }
6832
7151
  }
6833
- [data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)_\>\*\:not\(\:has\(\[slot\=errorMessage\]\)\)\]\:mb-6 {
7152
+ [data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)_\>\*\:not\(\:has\(\[slot\=errorMessage\]\)\)\]\:mb-5 {
6834
7153
  [data-theme="rui"] &:has([slot=errorMessage]) >*:not(:has([slot=errorMessage])) {
6835
- margin-bottom: calc(var(--spacing) * 6);
7154
+ margin-bottom: calc(var(--spacing) * 5);
6836
7155
  }
6837
7156
  }
6838
7157
  [data-theme="rui"] .\[\&\:has\(\[type\=checkbox\]\)\]\:pr-0 {
@@ -6971,12 +7290,9 @@
6971
7290
  padding-left: calc(var(--spacing) * 0);
6972
7291
  }
6973
7292
  }
6974
- [data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground\/70 {
7293
+ [data-theme="rui"] .\[\&\[type\=file\]\]\:text-muted-foreground {
6975
7294
  [data-theme="rui"] &[type=file] {
6976
- color: color-mix(in srgb, oklch(55.3% 0.013 58.071) 70%, transparent);
6977
- @supports (color: color-mix(in lab, red, red)) {
6978
- color: color-mix(in oklab, var(--color-stone-500) 70%, transparent);
6979
- }
7295
+ color: var(--color-stone-600);
6980
7296
  }
6981
7297
  }
6982
7298
  [data-theme="rui"] .\[\&\[type\=file\]\]\:italic {
@@ -6984,12 +7300,9 @@
6984
7300
  font-style: italic;
6985
7301
  }
6986
7302
  }
6987
- [data-theme="rui"] .\[\&svg\]\:text-muted-foreground\/80 {
7303
+ [data-theme="rui"] .\[\&svg\]\:text-muted-foreground {
6988
7304
  [data-theme="rui"] &svg {
6989
- color: color-mix(in srgb, oklch(55.3% 0.013 58.071) 80%, transparent);
6990
- @supports (color: color-mix(in lab, red, red)) {
6991
- color: color-mix(in oklab, var(--color-stone-500) 80%, transparent);
6992
- }
7305
+ color: var(--color-stone-600);
6993
7306
  }
6994
7307
  }
6995
7308
  [data-theme="rui"] .\[\.group\\\/editable-cell\:has\(\:focus-visible\)_\&\]\:opacity-100 {
@@ -7015,57 +7328,9 @@
7015
7328
  }
7016
7329
  }
7017
7330
  }
7018
- @keyframes enter {
7019
- from {
7020
- opacity: var(--tw-enter-opacity, 1);
7021
- 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));
7022
- }
7023
- }
7024
- @keyframes exit {
7025
- to {
7026
- opacity: var(--tw-exit-opacity, 1);
7027
- 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));
7028
- }
7029
- }
7030
- @property --tw-border-spacing-x {
7031
- syntax: "<length>";
7032
- inherits: false;
7033
- initial-value: 0;
7034
- }
7035
- @property --tw-border-spacing-y {
7036
- syntax: "<length>";
7037
- inherits: false;
7038
- initial-value: 0;
7039
- }
7040
- @property --tw-translate-x {
7041
- syntax: "*";
7042
- inherits: false;
7043
- initial-value: 0;
7044
- }
7045
- @property --tw-translate-y {
7046
- syntax: "*";
7047
- inherits: false;
7048
- initial-value: 0;
7049
- }
7050
- @property --tw-translate-z {
7051
- syntax: "*";
7052
- inherits: false;
7053
- initial-value: 0;
7054
- }
7055
- @property --tw-space-y-reverse {
7056
- syntax: "*";
7057
- inherits: false;
7058
- initial-value: 0;
7059
- }
7060
- @property --tw-space-x-reverse {
7331
+ @property --tw-font-weight {
7061
7332
  syntax: "*";
7062
7333
  inherits: false;
7063
- initial-value: 0;
7064
- }
7065
- @property --tw-border-style {
7066
- syntax: "*";
7067
- inherits: false;
7068
- initial-value: solid;
7069
7334
  }
7070
7335
  @property --tw-shadow {
7071
7336
  syntax: "*";
@@ -7132,6 +7397,66 @@
7132
7397
  inherits: false;
7133
7398
  initial-value: 0 0 #0000;
7134
7399
  }
7400
+ @property --tw-border-style {
7401
+ syntax: "*";
7402
+ inherits: false;
7403
+ initial-value: solid;
7404
+ }
7405
+ @property --tw-border-spacing-x {
7406
+ syntax: "<length>";
7407
+ inherits: false;
7408
+ initial-value: 0;
7409
+ }
7410
+ @property --tw-border-spacing-y {
7411
+ syntax: "<length>";
7412
+ inherits: false;
7413
+ initial-value: 0;
7414
+ }
7415
+ @property --tw-translate-x {
7416
+ syntax: "*";
7417
+ inherits: false;
7418
+ initial-value: 0;
7419
+ }
7420
+ @property --tw-translate-y {
7421
+ syntax: "*";
7422
+ inherits: false;
7423
+ initial-value: 0;
7424
+ }
7425
+ @property --tw-translate-z {
7426
+ syntax: "*";
7427
+ inherits: false;
7428
+ initial-value: 0;
7429
+ }
7430
+ @property --tw-rotate-x {
7431
+ syntax: "*";
7432
+ inherits: false;
7433
+ }
7434
+ @property --tw-rotate-y {
7435
+ syntax: "*";
7436
+ inherits: false;
7437
+ }
7438
+ @property --tw-rotate-z {
7439
+ syntax: "*";
7440
+ inherits: false;
7441
+ }
7442
+ @property --tw-skew-x {
7443
+ syntax: "*";
7444
+ inherits: false;
7445
+ }
7446
+ @property --tw-skew-y {
7447
+ syntax: "*";
7448
+ inherits: false;
7449
+ }
7450
+ @property --tw-space-y-reverse {
7451
+ syntax: "*";
7452
+ inherits: false;
7453
+ initial-value: 0;
7454
+ }
7455
+ @property --tw-space-x-reverse {
7456
+ syntax: "*";
7457
+ inherits: false;
7458
+ initial-value: 0;
7459
+ }
7135
7460
  @property --tw-gradient-position {
7136
7461
  syntax: "*";
7137
7462
  inherits: false;
@@ -7178,7 +7503,7 @@
7178
7503
  syntax: "*";
7179
7504
  inherits: false;
7180
7505
  }
7181
- @property --tw-font-weight {
7506
+ @property --tw-tracking {
7182
7507
  syntax: "*";
7183
7508
  inherits: false;
7184
7509
  }
@@ -7312,28 +7637,46 @@
7312
7637
  @keyframes fade-in {
7313
7638
  from {
7314
7639
  opacity: 0;
7315
- filter: blur(6px);
7316
7640
  }
7317
7641
  to {
7318
7642
  opacity: 1;
7319
- filter: blur(0);
7320
7643
  }
7321
7644
  }
7322
7645
  @keyframes fade-in-up {
7323
7646
  from {
7324
7647
  opacity: 0;
7325
- transform: translateY(15px);
7326
7648
  filter: blur(6px);
7649
+ transform: translateY(15px);
7327
7650
  }
7328
7651
  to {
7329
7652
  opacity: 1;
7330
- transform: translateY(0);
7331
7653
  filter: blur(0);
7654
+ transform: translateY(0);
7655
+ }
7656
+ }
7657
+ @keyframes slide-in {
7658
+ 0% {
7659
+ opacity: 0;
7660
+ transform: translateY(24px);
7661
+ }
7662
+ 100% {
7663
+ opacity: 1;
7664
+ transform: translateY(0);
7665
+ }
7666
+ }
7667
+ @keyframes slide-out {
7668
+ 0% {
7669
+ opacity: 1;
7670
+ transform: translateY(0);
7671
+ }
7672
+ 100% {
7673
+ opacity: 0;
7674
+ transform: translateY(16px);
7332
7675
  }
7333
7676
  }
7334
7677
  @keyframes slide-in-right {
7335
7678
  from {
7336
- transform: translateX(100%);
7679
+ transform: translateX(calc(100% + var(--slide-offset, 0px)));
7337
7680
  }
7338
7681
  to {
7339
7682
  transform: translateX(0);
@@ -7341,7 +7684,7 @@
7341
7684
  }
7342
7685
  @keyframes slide-in-left {
7343
7686
  from {
7344
- transform: translateX(-100%);
7687
+ transform: translateX(calc(-100% - var(--slide-offset, 0px)));
7345
7688
  }
7346
7689
  to {
7347
7690
  transform: translateX(0);
@@ -7349,7 +7692,7 @@
7349
7692
  }
7350
7693
  @keyframes slide-in-top {
7351
7694
  from {
7352
- transform: translateY(-100%);
7695
+ transform: translateY(calc(-100% - var(--slide-offset, 0px)));
7353
7696
  }
7354
7697
  to {
7355
7698
  transform: translateY(0);
@@ -7357,7 +7700,7 @@
7357
7700
  }
7358
7701
  @keyframes slide-in-bottom {
7359
7702
  from {
7360
- transform: translateY(100%);
7703
+ transform: translateY(calc(100% + var(--slide-offset, 0px)));
7361
7704
  }
7362
7705
  to {
7363
7706
  transform: translateY(0);
@@ -7387,14 +7730,7 @@
7387
7730
  @layer properties {
7388
7731
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
7389
7732
  [data-theme="rui"] *, [data-theme="rui"] ::before, [data-theme="rui"] ::after, [data-theme="rui"] ::backdrop {
7390
- --tw-border-spacing-x: 0;
7391
- --tw-border-spacing-y: 0;
7392
- --tw-translate-x: 0;
7393
- --tw-translate-y: 0;
7394
- --tw-translate-z: 0;
7395
- --tw-space-y-reverse: 0;
7396
- --tw-space-x-reverse: 0;
7397
- --tw-border-style: solid;
7733
+ --tw-font-weight: initial;
7398
7734
  --tw-shadow: 0 0 #0000;
7399
7735
  --tw-shadow-color: initial;
7400
7736
  --tw-shadow-alpha: 100%;
@@ -7409,6 +7745,19 @@
7409
7745
  --tw-ring-offset-width: 0px;
7410
7746
  --tw-ring-offset-color: #fff;
7411
7747
  --tw-ring-offset-shadow: 0 0 #0000;
7748
+ --tw-border-style: solid;
7749
+ --tw-border-spacing-x: 0;
7750
+ --tw-border-spacing-y: 0;
7751
+ --tw-translate-x: 0;
7752
+ --tw-translate-y: 0;
7753
+ --tw-translate-z: 0;
7754
+ --tw-rotate-x: initial;
7755
+ --tw-rotate-y: initial;
7756
+ --tw-rotate-z: initial;
7757
+ --tw-skew-x: initial;
7758
+ --tw-skew-y: initial;
7759
+ --tw-space-y-reverse: 0;
7760
+ --tw-space-x-reverse: 0;
7412
7761
  --tw-gradient-position: initial;
7413
7762
  --tw-gradient-from: #0000;
7414
7763
  --tw-gradient-via: #0000;
@@ -7419,7 +7768,7 @@
7419
7768
  --tw-gradient-via-position: 50%;
7420
7769
  --tw-gradient-to-position: 100%;
7421
7770
  --tw-leading: initial;
7422
- --tw-font-weight: initial;
7771
+ --tw-tracking: initial;
7423
7772
  --tw-ordinal: initial;
7424
7773
  --tw-slashed-zero: initial;
7425
7774
  --tw-numeric-figure: initial;