@marigold/theme-rui 1.1.5 → 1.3.0

package/dist/styles.css

@@ -1,8 +1,9 @@
-/*! tailwindcss v4.1.5 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
   [data-theme="rui"], [data-theme="rui"] :host {
+    --font-sans: Inter, system-ui, sans-serif;
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
     --color-red-100: oklch(93.6% 0.032 17.717);
@@ -11,6 +12,17 @@
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-red-600: oklch(57.7% 0.245 27.325);
     --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-50: #fff9ed;
+    --color-orange-100: #fff1d5;
+    --color-orange-200: #fedfaa;
+    --color-orange-300: #fdc774;
+    --color-orange-400: #fba43c;
+    --color-orange-500: #f98e22;
+    --color-orange-600: #ea6d0c;
+    --color-orange-700: #c2520c;
+    --color-orange-800: #9a4112;
+    --color-orange-900: #7c3712;
+    --color-orange-950: #431a07;
     --color-yellow-100: oklch(97.3% 0.071 103.193);
     --color-yellow-200: oklch(94.5% 0.129 101.54);
     --color-yellow-300: oklch(90.5% 0.182 98.111);
@@ -39,6 +51,8 @@
     --color-blue-900: oklch(37.9% 0.146 265.522);
     --color-blue-950: oklch(28.2% 0.091 267.935);
     --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-purple-100: oklch(94.6% 0.033 307.174);
+    --color-purple-800: oklch(43.8% 0.218 303.724);
     --color-pink-600: oklch(59.2% 0.249 0.584);
     --color-slate-100: oklch(96.8% 0.007 247.896);
     --color-slate-200: oklch(92.9% 0.013 255.508);
@@ -58,6 +72,9 @@
     --color-stone-300: oklch(86.9% 0.005 56.366);
     --color-stone-400: oklch(70.9% 0.01 56.259);
     --color-stone-500: oklch(55.3% 0.013 58.071);
+    --color-stone-600: oklch(44.4% 0.011 73.639);
+    --color-stone-700: oklch(37.4% 0.01 67.558);
+    --color-stone-800: oklch(26.8% 0.007 34.298);
     --color-stone-900: oklch(21.6% 0.006 56.043);
     --color-stone-950: oklch(14.7% 0.004 49.25);
     --color-black: #000;
@@ -119,11 +136,54 @@
     --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
     --default-font-family: Inter, system-ui, sans-serif;
     --default-mono-font-family: var(--font-mono);
+    --font-sans-variable: InterVariable, Inter, system-ui, sans-serif;
     --color-background: var(--color-white);
+    --color-foreground: var(--color-stone-950);
+    --color-brand: var(--color-stone-950);
+    --color-brand-foreground: var(--color-stone-50);
+    --color-hover: var(--color-stone-100);
+    --color-hover-foreground: var(--color-stone-900);
+    --color-secondary: var(--color-stone-50);
+    --color-secondary-foreground: var(--color-stone-950);
+    --color-destructive: var(--color-red-600);
+    --color-destructive-foreground: var(--color-white);
+    --color-destructive-muted-accent: var(--color-red-600);
+    --color-destructive-muted: var(--color-red-100);
+    --color-destructive-muted-foreground: var(--color-red-950);
+    --color-success: var(--color-green-500);
+    --color-success-foreground: var(--color-white);
+    --color-success-muted-accent: var(--color-green-600);
+    --color-success-muted: var(--color-green-100);
+    --color-success-muted-foreground: var(--color-green-950);
+    --color-warning: var(--color-yellow-400);
+    --color-warning-foreground: var(--color-white);
+    --color-warning-muted-accent: var(--color-yellow-600);
+    --color-warning-muted: var(--color-yellow-100);
+    --color-warning-muted-foreground: var(--color-yellow-950);
+    --color-info: var(--color-blue-500);
+    --color-info-foreground: var(--color-white);
+    --color-info-muted-accent: var(--color-blue-600);
+    --color-info-muted: var(--color-blue-100);
+    --color-info-muted-foreground: var(--color-blue-950);
+    --color-access-admin: var(--color-orange-100);
+    --color-access-admin-foreground: var(--color-orange-500);
+    --color-access-master: var(--color-purple-100);
+    --color-access-master-foreground: var(--color-purple-800);
     --color-muted: var(--color-stone-100);
+    --color-muted-foreground: var(--color-stone-500);
     --color-disabled: var(--color-stone-200);
     --color-disabled-foreground: var(--color-stone-400);
+    --color-placeholder: var(--color-stone-500);
+    --color-ring: var(--color-stone-400);
+    --color-link: var(--color-blue-600);
     --color-input: var(--color-stone-300);
+    --spacing-input: 2.25rem;
+    --spacing-button: 2.25rem;
+    --spacing-button-small: 2rem;
+    --spacing-button-large: 2.5rem;
+    --color-border: var(--color-stone-200);
+    --color-focus: var(--color-stone-100);
+    --color-selected: var(--color-stone-100);
     --surface-sunken: var(--color-muted);
     --surface-sunken-shadow: 0 0 #0000;
     --surface-body: var(--color-background);
@@ -134,12 +194,36 @@
     --surface-overlay: var(--color-background);
     --surface-overlay-shadow: var(--shadow-lg);
     --surface-overlay-border: var(--color-input);
+    --ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
     --ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
+    --ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
+    --ease-out-quint: cubic-bezier(0.23, 1, 0.32, 1);
     --ease-out-expo: cubic-bezier(0.19, 1, 0.22, 1);
+    --ease-out-circ: cubic-bezier(0.075, 0.82, 0.165, 1);
+    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+    --ease-in-out-cubic: cubic-bezier(0.645, 0.045, 0.355, 1);
+    --ease-in-out-quart: cubic-bezier(0.77, 0, 0.175, 1);
+    --ease-in-out-quint: cubic-bezier(0.86, 0, 0.07, 1);
+    --ease-in-out-expo: cubic-bezier(1, 0, 0, 1);
+    --ease-in-out-circ: cubic-bezier(0.785, 0.135, 0.15, 0.86);
+    --ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
+    --ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
+    --ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
+    --ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
+    --ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
+    --ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
     --fade-in-duration: 0.25s;
     --fade-out-duration: 0.15s;
+    --animate-fade-in: fade-in var(--fade-in-duration) var(--ease-out-cubic);
+    --animate-fade-out: fade-in var(--fade-out-duration) reverse;
+    --animate-fade-in-up: fade-in-up var(--fade-in-duration) var(--ease-out-cubic);
     --slide-in-duration: 0.3s;
     --slide-out-duration: 0.15s;
+    --animate-slide-in-right: slide-in-right var(--slide-in-duration)
+    var(--ease-out-expo);
+    --animate-slide-out-right: slide-in-right var(--slide-out-duration) reverse;
+    --animate-rotate-spinner: rotate-spinner 2s linear infinite;
+    --animate-progress-cycle: progress-cycle 1.5s linear infinite;
   }
 }
 @layer base {
@@ -390,6 +474,9 @@
   [data-theme="rui"] .z-50 {
     z-index: 50;
   }
+  [data-theme="rui"] .order-last {
+    order: 9999;
+  }
   [data-theme="rui"] .\!\[grid-column\:1\/-1\] {
     grid-column: 1/-1 !important;
   }
@@ -450,9 +537,6 @@
   [data-theme="rui"] .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
-  [data-theme="rui"] .mt-2 {
-    margin-top: calc(var(--spacing) * 2);
-  }
   [data-theme="rui"] .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
@@ -474,9 +558,6 @@
   [data-theme="rui"] .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
-  [data-theme="rui"] .ml-auto {
-    margin-left: auto;
-  }
   [data-theme="rui"] .box-border {
     box-sizing: border-box;
   }
@@ -591,6 +672,14 @@
     width: 2.25rem;
     height: 2.25rem;
   }
+  [data-theme="rui"] .size-button-large {
+    width: 2.5rem;
+    height: 2.5rem;
+  }
+  [data-theme="rui"] .size-button-small {
+    width: 2rem;
+    height: 2rem;
+  }
   [data-theme="rui"] .size-full {
     width: 100%;
     height: 100%;
@@ -703,9 +792,6 @@
   [data-theme="rui"] .h-8 {
     height: calc(var(--spacing) * 8);
   }
-  [data-theme="rui"] .h-8\! {
-    height: calc(var(--spacing) * 8) !important;
-  }
   [data-theme="rui"] .h-8\/12 {
     height: calc(8/12 * 100%);
   }
@@ -853,9 +939,6 @@
   [data-theme="rui"] .min-h-input {
     min-height: 2.25rem;
   }
-  [data-theme="rui"] .w-\(--labelWidth\) {
-    width: var(--labelWidth);
-  }
   [data-theme="rui"] .w-0 {
     width: calc(var(--spacing) * 0);
   }
@@ -1066,9 +1149,6 @@
   [data-theme="rui"] .w-\[min\(calc\(100\%_-_var\(--dialog-spacing-x\)\)\,calc\(var\(--dialog-width\)_-_var\(--dialog-spacing-x\)\)\)\] {
     width: min(calc(100% - var(--dialog-spacing-x)), calc(var(--dialog-width) - var(--dialog-spacing-x)));
   }
-  [data-theme="rui"] .w-\[var\(--labelWidth\)\] {
-    width: var(--labelWidth);
-  }
   [data-theme="rui"] .w-auto {
     width: auto;
   }
@@ -1306,6 +1386,9 @@
   [data-theme="rui"] .max-w-max {
     max-width: max-content;
   }
+  [data-theme="rui"] .max-w-md {
+    max-width: var(--container-md);
+  }
   [data-theme="rui"] .max-w-min {
     max-width: min-content;
   }
@@ -1479,8 +1562,8 @@
   [data-theme="rui"] .resize {
     resize: both;
   }
-  [data-theme="rui"] .list-inside {
-    list-style-position: inside;
+  [data-theme="rui"] .list-outside {
+    list-style-position: outside;
   }
   [data-theme="rui"] .list-decimal {
     list-style-type: decimal;
@@ -1488,12 +1571,18 @@
   [data-theme="rui"] .list-disc {
     list-style-type: disc;
   }
+  [data-theme="rui"] .grid-flow-col {
+    grid-auto-flow: column;
+  }
   [data-theme="rui"] .auto-rows-\[1fr\] {
     grid-auto-rows: 1fr;
   }
   [data-theme="rui"] .auto-rows-min {
     grid-auto-rows: min-content;
   }
+  [data-theme="rui"] .\[grid-template-columns\:min-content_1fr\] {
+    grid-template-columns: min-content 1fr;
+  }
   [data-theme="rui"] .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -1506,9 +1595,6 @@
   [data-theme="rui"] .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
-  [data-theme="rui"] .grid-cols-\[min-content_1fr\] {
-    grid-template-columns: min-content 1fr;
-  }
   [data-theme="rui"] .grid-cols-\[min-content_auto_min-content\] {
     grid-template-columns: min-content auto min-content;
   }
@@ -1521,9 +1607,6 @@
   [data-theme="rui"] .grid-rows-\[auto_1fr_auto\] {
     grid-template-rows: auto 1fr auto;
   }
-  [data-theme="rui"] .grid-rows-\[min-content_min-content\] {
-    grid-template-rows: min-content min-content;
-  }
   [data-theme="rui"] .flex-col {
     flex-direction: column;
   }
@@ -1728,15 +1811,15 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
-  [data-theme="rui"] .gap-y-0\.5 {
-    row-gap: calc(var(--spacing) * 0.5);
-  }
   [data-theme="rui"] .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
   [data-theme="rui"] .gap-y-10 {
     row-gap: calc(var(--spacing) * 10);
   }
+  [data-theme="rui"] .justify-self-center {
+    justify-self: center;
+  }
   [data-theme="rui"] .overflow-auto {
     overflow: auto;
   }
@@ -1841,6 +1924,12 @@
   [data-theme="rui"] .border-\[\#ced4da\] {
     border-color: #ced4da;
   }
+  [data-theme="rui"] .border-access-admin-foreground {
+    border-color: var(--color-orange-500);
+  }
+  [data-theme="rui"] .border-access-master-foreground {
+    border-color: var(--color-purple-800);
+  }
   [data-theme="rui"] .border-black {
     border-color: var(--color-black);
   }
@@ -1907,6 +1996,12 @@
   [data-theme="rui"] .bg-\[\#e9ecef\] {
     background-color: #e9ecef;
   }
+  [data-theme="rui"] .bg-access-admin {
+    background-color: var(--color-orange-100);
+  }
+  [data-theme="rui"] .bg-access-master {
+    background-color: var(--color-purple-100);
+  }
   [data-theme="rui"] .bg-background {
     background-color: var(--color-white);
   }
@@ -1937,6 +2032,9 @@
   [data-theme="rui"] .bg-blue-800 {
     background-color: var(--color-blue-800);
   }
+  [data-theme="rui"] .bg-border {
+    background-color: var(--color-stone-200);
+  }
   [data-theme="rui"] .bg-brand {
     background-color: var(--color-stone-950);
   }
@@ -1997,9 +2095,39 @@
   [data-theme="rui"] .bg-slate-600 {
     background-color: var(--color-slate-600);
   }
+  [data-theme="rui"] .bg-stone-50 {
+    background-color: var(--color-stone-50);
+  }
+  [data-theme="rui"] .bg-stone-100 {
+    background-color: var(--color-stone-100);
+  }
+  [data-theme="rui"] .bg-stone-200 {
+    background-color: var(--color-stone-200);
+  }
   [data-theme="rui"] .bg-stone-300 {
     background-color: var(--color-stone-300);
   }
+  [data-theme="rui"] .bg-stone-400 {
+    background-color: var(--color-stone-400);
+  }
+  [data-theme="rui"] .bg-stone-500 {
+    background-color: var(--color-stone-500);
+  }
+  [data-theme="rui"] .bg-stone-600 {
+    background-color: var(--color-stone-600);
+  }
+  [data-theme="rui"] .bg-stone-700 {
+    background-color: var(--color-stone-700);
+  }
+  [data-theme="rui"] .bg-stone-800 {
+    background-color: var(--color-stone-800);
+  }
+  [data-theme="rui"] .bg-stone-900 {
+    background-color: var(--color-stone-900);
+  }
+  [data-theme="rui"] .bg-stone-950 {
+    background-color: var(--color-stone-950);
+  }
   [data-theme="rui"] .bg-success-muted {
     background-color: var(--color-green-100);
   }
@@ -2309,9 +2437,6 @@
   [data-theme="rui"] .px-96 {
     padding-inline: calc(var(--spacing) * 96);
   }
-  [data-theme="rui"] .\!py-2 {
-    padding-block: calc(var(--spacing) * 2) !important;
-  }
   [data-theme="rui"] .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -2920,10 +3045,6 @@
     --tw-leading: 1.125;
     line-height: 1.125;
   }
-  [data-theme="rui"] .leading-\[22px\] {
-    --tw-leading: 22px;
-    line-height: 22px;
-  }
   [data-theme="rui"] .leading-loose {
     --tw-leading: var(--leading-loose);
     line-height: var(--leading-loose);
@@ -2984,6 +3105,12 @@
   [data-theme="rui"] .text-\[\#ffffff\] {
     color: #ffffff;
   }
+  [data-theme="rui"] .text-access-admin-foreground {
+    color: var(--color-orange-500);
+  }
+  [data-theme="rui"] .text-access-master-foreground {
+    color: var(--color-purple-800);
+  }
   [data-theme="rui"] .text-black {
     color: var(--color-black);
   }
@@ -3379,6 +3506,11 @@
       grid-column: 3;
     }
   }
+  [data-theme="rui"] .not-first\:pt-3 {
+    [data-theme="rui"] &:not(*:first-child) {
+      padding-top: calc(var(--spacing) * 3);
+    }
+  }
   [data-theme="rui"] .group-required\/field\:block {
     [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
       display: block;
@@ -3715,11 +3847,6 @@
       color: var(--color-stone-50);
     }
   }
-  [data-theme="rui"] .group-\[layout\=grid\]\/list\:flex-row {
-    [data-theme="rui"] &:is(:where(.group\/list):is(layout=grid) *) {
-      flex-direction: row;
-    }
-  }
   [data-theme="rui"] .file\:me-3 {
     [data-theme="rui"] &::file-selector-button {
       margin-inline-end: calc(var(--spacing) * 3);
@@ -3962,26 +4089,6 @@
       }
     }
   }
-  [data-theme="rui"] .hover\:bg-gray-100 {
-    [data-theme="rui"] &:where([data-rac])[data-hovered] {
-      background-color: var(--color-gray-100);
-    }
-    @media (hover: hover) {
-      [data-theme="rui"] &:where(:not([data-rac])):hover {
-        background-color: var(--color-gray-100);
-      }
-    }
-  }
-  [data-theme="rui"] .hover\:bg-gray-200 {
-    [data-theme="rui"] &:where([data-rac])[data-hovered] {
-      background-color: var(--color-gray-200);
-    }
-    @media (hover: hover) {
-      [data-theme="rui"] &:where(:not([data-rac])):hover {
-        background-color: var(--color-gray-200);
-      }
-    }
-  }
   [data-theme="rui"] .hover\:bg-hover {
     [data-theme="rui"] &:where([data-rac])[data-hovered] {
       background-color: var(--color-stone-100);
@@ -3992,16 +4099,6 @@
       }
     }
   }
-  [data-theme="rui"] .hover\:bg-transparent {
-    [data-theme="rui"] &:where([data-rac])[data-hovered] {
-      background-color: transparent;
-    }
-    @media (hover: hover) {
-      [data-theme="rui"] &:where(:not([data-rac])):hover {
-        background-color: transparent;
-      }
-    }
-  }
   [data-theme="rui"] .hover\:text-brand {
     [data-theme="rui"] &:where([data-rac])[data-hovered] {
       color: var(--color-stone-950);
@@ -4070,14 +4167,6 @@
       background-color: var(--color-stone-100);
     }
   }
-  [data-theme="rui"] .focus\:bg-gray-200 {
-    [data-theme="rui"] &:where([data-rac])[data-focused] {
-      background-color: var(--color-gray-200);
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):focus {
-      background-color: var(--color-gray-200);
-    }
-  }
   [data-theme="rui"] .focus\:text-foreground {
     [data-theme="rui"] &:where([data-rac])[data-focused] {
       color: var(--color-stone-950);
@@ -4104,24 +4193,6 @@
       }
     }
   }
-  [data-theme="rui"] .focus\:outline-2 {
-    [data-theme="rui"] &:where([data-rac])[data-focused] {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):focus {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
-  }
-  [data-theme="rui"] .focus\:outline-offset-1 {
-    [data-theme="rui"] &:where([data-rac])[data-focused] {
-      outline-offset: 1px;
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):focus {
-      outline-offset: 1px;
-    }
-  }
   [data-theme="rui"] .group-invalid\/field\:focus\:border-destructive {
     [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-invalid] *) {
       [data-theme="rui"] &:where([data-rac])[data-focused] {
@@ -4254,26 +4325,6 @@
       cursor: not-allowed;
     }
   }
-  [data-theme="rui"] .disabled\:border {
-    [data-theme="rui"] &:where([data-rac])[data-disabled] {
-      border-style: var(--tw-border-style);
-      border-width: 1px;
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):disabled {
-      border-style: var(--tw-border-style);
-      border-width: 1px;
-    }
-  }
-  [data-theme="rui"] .disabled\:border-solid {
-    [data-theme="rui"] &:where([data-rac])[data-disabled] {
-      --tw-border-style: solid;
-      border-style: solid;
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):disabled {
-      --tw-border-style: solid;
-      border-style: solid;
-    }
-  }
   [data-theme="rui"] .disabled\:bg-disabled {
     [data-theme="rui"] &:where([data-rac])[data-disabled] {
       background-color: var(--color-stone-200);
@@ -4749,40 +4800,11 @@
       border-width: 1px;
     }
   }
-  [data-theme="rui"] .data-\[selected\=true\]\:border-0 {
-    [data-theme="rui"] &[data-selected="true"] {
-      border-style: var(--tw-border-style);
-      border-width: 0px;
-    }
-  }
-  [data-theme="rui"] .data-\[selected\=true\]\:border-b-2 {
-    [data-theme="rui"] &[data-selected="true"] {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 2px;
-    }
-  }
-  [data-theme="rui"] .data-\[selected\=true\]\:border-solid {
-    [data-theme="rui"] &[data-selected="true"] {
-      --tw-border-style: solid;
-      border-style: solid;
-    }
-  }
   [data-theme="rui"] .data-\[selected\=true\]\:border-input {
     [data-theme="rui"] &[data-selected="true"] {
       border-color: var(--color-stone-300);
     }
   }
-  [data-theme="rui"] .data-\[selected\=true\]\:bg-none {
-    [data-theme="rui"] &[data-selected="true"] {
-      background-image: none;
-    }
-  }
-  [data-theme="rui"] .data-\[selected\=true\]\:font-bold {
-    [data-theme="rui"] &[data-selected="true"] {
-      --tw-font-weight: var(--font-weight-bold);
-      font-weight: var(--font-weight-bold);
-    }
-  }
   [data-theme="rui"] .data-\[selected\=true\]\:shadow-xs {
     [data-theme="rui"] &[data-selected="true"] {
       --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
@@ -4999,6 +5021,23 @@
       color: var(--color-stone-50);
     }
   }
+  [data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:invisible {
+    [data-theme="rui"] & .selection-indicator>svg {
+      visibility: hidden;
+    }
+  }
+  [data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:block {
+    [data-theme="rui"] & .selection-indicator>svg {
+      display: block;
+    }
+  }
+  [data-theme="rui"] .selected\:\[\&_\.selection-indicator\>svg\]\:visible {
+    [data-theme="rui"] &[data-selected] {
+      [data-theme="rui"] & .selection-indicator>svg {
+        visibility: visible;
+      }
+    }
+  }
   [data-theme="rui"] .\[\&_button\]\:px-2 {
     [data-theme="rui"] & button {
       padding-inline: calc(var(--spacing) * 2);
@@ -5046,16 +5085,6 @@
       pointer-events: none;
     }
   }
-  [data-theme="rui"] .\[\&_svg\]\:invisible {
-    [data-theme="rui"] & svg {
-      visibility: hidden;
-    }
-  }
-  [data-theme="rui"] .\[\&_svg\]\:block {
-    [data-theme="rui"] & svg {
-      display: block;
-    }
-  }
   [data-theme="rui"] .\[\&_svg\]\:size-3\.5 {
     [data-theme="rui"] & svg {
       width: calc(var(--spacing) * 3.5);
@@ -5132,13 +5161,6 @@
       }
     }
   }
-  [data-theme="rui"] .selected\:\[\&_svg\]\:visible {
-    [data-theme="rui"] &[data-selected] {
-      [data-theme="rui"] & svg {
-        visibility: visible;
-      }
-    }
-  }
   [data-theme="rui"] .\[\&_td\]\:border-border {
     [data-theme="rui"] & td {
       border-color: var(--color-stone-200);
@@ -5149,6 +5171,57 @@
       padding: calc(var(--spacing) * 2);
     }
   }
+  [data-theme="rui"] .\[\&_td\:first-child\]\:relative {
+    [data-theme="rui"] & td:first-child {
+      position: relative;
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\]\:pl-4 {
+    [data-theme="rui"] & td:first-child {
+      padding-left: calc(var(--spacing) * 4);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:absolute {
+    [data-theme="rui"] & td:first-child:before {
+      position: absolute;
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:top-0 {
+    [data-theme="rui"] & td:first-child:before {
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bottom-0 {
+    [data-theme="rui"] & td:first-child:before {
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:left-0 {
+    [data-theme="rui"] & td:first-child:before {
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:w-1 {
+    [data-theme="rui"] & td:first-child:before {
+      width: calc(var(--spacing) * 1);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bg-access-admin-foreground {
+    [data-theme="rui"] & td:first-child:before {
+      background-color: var(--color-orange-500);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:bg-access-master-foreground {
+    [data-theme="rui"] & td:first-child:before {
+      background-color: var(--color-purple-800);
+    }
+  }
+  [data-theme="rui"] .\[\&_td\:first-child\:before\]\:content-\[\"\"\] {
+    [data-theme="rui"] & td:first-child:before {
+      --tw-content: "";
+      content: var(--tw-content);
+    }
+  }
   [data-theme="rui"] .\[\&_th\]\:sticky {
     [data-theme="rui"] & th {
       position: sticky;
@@ -5208,6 +5281,16 @@
       display: none;
     }
   }
+  [data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)\]\:items-center {
+    [data-theme="rui"] &:has([slot=description]) {
+      align-items: center;
+    }
+  }
+  [data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)\]\:items-center {
+    [data-theme="rui"] &:has([slot=errorMessage]) {
+      align-items: center;
+    }
+  }
   [data-theme="rui"] .\[\&\:has\(\[type\=checkbox\]\)\]\:pr-0 {
     [data-theme="rui"] &:has([type=checkbox]) {
       padding-right: calc(var(--spacing) * 0);
@@ -5573,6 +5656,28 @@
   initial-value: "";
   inherits: false;
 }
+@keyframes fade-in {
+  from {
+    opacity: 0;
+    filter: blur(6px);
+  }
+  to {
+    opacity: 1;
+    filter: blur(0);
+  }
+}
+@keyframes fade-in-up {
+  from {
+    opacity: 0;
+    transform: translateY(15px);
+    filter: blur(6px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+    filter: blur(0);
+  }
+}
 @keyframes slide-in-right {
   from {
     transform: translateX(100%);