@marigold/theme-rui 1.3.0 → 2.0.0

package/dist/styles.css

@@ -24,7 +24,6 @@
     --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);
     --color-yellow-400: oklch(85.2% 0.199 91.936);
     --color-yellow-500: oklch(79.5% 0.184 86.047);
@@ -42,13 +41,11 @@
     --color-green-700: oklch(52.7% 0.154 150.069);
     --color-green-800: oklch(44.8% 0.119 151.328);
     --color-green-950: oklch(26.6% 0.065 152.934);
-    --color-teal-300: oklch(85.5% 0.138 181.071);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-500: oklch(62.3% 0.214 259.815);
     --color-blue-600: oklch(54.6% 0.245 262.881);
     --color-blue-700: oklch(48.8% 0.243 264.376);
     --color-blue-800: oklch(42.4% 0.199 265.638);
-    --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);
@@ -82,6 +79,7 @@
     --spacing: 0.25rem;
     --container-3xs: 16rem;
     --container-xs: 20rem;
+    --container-sm: 24rem;
     --container-md: 28rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
@@ -390,6 +388,22 @@
   [data-theme="rui"] .visible\! {
     visibility: visible !important;
   }
+  [data-theme="rui"] .util-touch-hitbox {
+    position: relative;
+    [data-theme="rui"] &:before {
+      content: '';
+      position: absolute;
+      display: block;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 100%;
+      height: 100%;
+      min-height: 24px;
+      min-width: 24px;
+      z-index: 9999;
+    }
+  }
   [data-theme="rui"] .absolute {
     position: absolute;
   }
@@ -450,12 +464,21 @@
   [data-theme="rui"] .right-3 {
     right: calc(var(--spacing) * 3);
   }
+  [data-theme="rui"] .right-4 {
+    right: calc(var(--spacing) * 4);
+  }
+  [data-theme="rui"] .right-auto {
+    right: auto;
+  }
   [data-theme="rui"] .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
   [data-theme="rui"] .bottom-0\! {
     bottom: calc(var(--spacing) * 0) !important;
   }
+  [data-theme="rui"] .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   [data-theme="rui"] .left-0 {
     left: calc(var(--spacing) * 0);
   }
@@ -465,6 +488,12 @@
   [data-theme="rui"] .left-1 {
     left: calc(var(--spacing) * 1);
   }
+  [data-theme="rui"] .left-1\/2 {
+    left: calc(1/2 * 100%);
+  }
+  [data-theme="rui"] .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
   [data-theme="rui"] .z-1 {
     z-index: 1;
   }
@@ -483,6 +512,9 @@
   [data-theme="rui"] .col-span-2 {
     grid-column: span 2 / span 2;
   }
+  [data-theme="rui"] .row-end-1 {
+    grid-row-end: 1;
+  }
   [data-theme="rui"] .container {
     width: 100%;
     @media (width >= 40rem) {
@@ -534,12 +566,18 @@
   [data-theme="rui"] .-mt-0\.5 {
     margin-top: calc(var(--spacing) * -0.5);
   }
+  [data-theme="rui"] .mt-0 {
+    margin-top: calc(var(--spacing) * 0);
+  }
   [data-theme="rui"] .mt-0\.5 {
     margin-top: calc(var(--spacing) * 0.5);
   }
   [data-theme="rui"] .mt-4 {
     margin-top: calc(var(--spacing) * 4);
   }
+  [data-theme="rui"] .mb-0 {
+    margin-bottom: calc(var(--spacing) * 0);
+  }
   [data-theme="rui"] .mb-0\.5 {
     margin-bottom: calc(var(--spacing) * 0.5);
   }
@@ -555,6 +593,9 @@
   [data-theme="rui"] .mb-\[10px\] {
     margin-bottom: 10px;
   }
+  [data-theme="rui"] .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
+  }
   [data-theme="rui"] .ml-6 {
     margin-left: calc(var(--spacing) * 6);
   }
@@ -936,6 +977,9 @@
   [data-theme="rui"] .min-h-\[350px\] {
     min-height: 350px;
   }
+  [data-theme="rui"] .min-h-button-small {
+    min-height: 2rem;
+  }
   [data-theme="rui"] .min-h-input {
     min-height: 2.25rem;
   }
@@ -1140,9 +1184,6 @@
   [data-theme="rui"] .w-\[900px\] {
     width: 900px;
   }
-  [data-theme="rui"] .w-\[1000px\] {
-    width: 1000px;
-  }
   [data-theme="rui"] .w-\[min\(100\%_-_3rem\,60ch\)\] {
     width: min(100% - 3rem, 60ch);
   }
@@ -1398,6 +1439,9 @@
   [data-theme="rui"] .max-w-screen {
     max-width: 100vw;
   }
+  [data-theme="rui"] .max-w-sm {
+    max-width: var(--container-sm);
+  }
   [data-theme="rui"] .max-w-svh {
     max-width: 100svh;
   }
@@ -1457,6 +1501,10 @@
   [data-theme="rui"] .origin-center {
     transform-origin: center;
   }
+  [data-theme="rui"] .-translate-x-1\/2 {
+    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   [data-theme="rui"] .translate-x-0 {
     --tw-translate-x: calc(var(--spacing) * 0);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1595,6 +1643,9 @@
   [data-theme="rui"] .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
+  [data-theme="rui"] .grid-cols-\[auto_1fr_auto\] {
+    grid-template-columns: auto 1fr auto;
+  }
   [data-theme="rui"] .grid-cols-\[min-content_auto_min-content\] {
     grid-template-columns: min-content auto min-content;
   }
@@ -1607,6 +1658,9 @@
   [data-theme="rui"] .grid-rows-\[auto_1fr_auto\] {
     grid-template-rows: auto 1fr auto;
   }
+  [data-theme="rui"] .grid-rows-\[auto_auto\] {
+    grid-template-rows: auto auto;
+  }
   [data-theme="rui"] .flex-col {
     flex-direction: column;
   }
@@ -1795,8 +1849,8 @@
       margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
-  [data-theme="rui"] .gap-x-0 {
-    column-gap: calc(var(--spacing) * 0);
+  [data-theme="rui"] .gap-x-1 {
+    column-gap: calc(var(--spacing) * 1);
   }
   [data-theme="rui"] .gap-x-2 {
     column-gap: calc(var(--spacing) * 2);
@@ -1811,6 +1865,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  [data-theme="rui"] .gap-y-0 {
+    row-gap: calc(var(--spacing) * 0);
+  }
   [data-theme="rui"] .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
@@ -1832,8 +1889,8 @@
   [data-theme="rui"] .overflow-y-auto {
     overflow-y: auto;
   }
-  [data-theme="rui"] .overflow-y-scroll {
-    overflow-y: scroll;
+  [data-theme="rui"] .overscroll-none {
+    overscroll-behavior: none;
   }
   [data-theme="rui"] .rounded {
     border-radius: 0.25rem;
@@ -1841,9 +1898,6 @@
   [data-theme="rui"] .rounded-2xl {
     border-radius: var(--radius-2xl);
   }
-  [data-theme="rui"] .rounded-\[2\] {
-    border-radius: 2;
-  }
   [data-theme="rui"] .rounded-\[3px\] {
     border-radius: 3px;
   }
@@ -1887,10 +1941,6 @@
     border-style: var(--tw-border-style);
     border-width: 3px;
   }
-  [data-theme="rui"] .border-4 {
-    border-style: var(--tw-border-style);
-    border-width: 4px;
-  }
   [data-theme="rui"] .border-y-0\! {
     border-block-style: var(--tw-border-style) !important;
     border-block-width: 0px !important;
@@ -1948,9 +1998,6 @@
   [data-theme="rui"] .border-gray-200 {
     border-color: var(--color-gray-200);
   }
-  [data-theme="rui"] .border-gray-500 {
-    border-color: var(--color-gray-500);
-  }
   [data-theme="rui"] .border-gray-700 {
     border-color: var(--color-gray-700);
   }
@@ -2080,9 +2127,6 @@
   [data-theme="rui"] .bg-red-300 {
     background-color: var(--color-red-300);
   }
-  [data-theme="rui"] .bg-red-500 {
-    background-color: var(--color-red-500);
-  }
   [data-theme="rui"] .bg-slate-100 {
     background-color: var(--color-slate-100);
   }
@@ -2140,9 +2184,6 @@
   [data-theme="rui"] .bg-white {
     background-color: var(--color-white);
   }
-  [data-theme="rui"] .bg-yellow-200 {
-    background-color: var(--color-yellow-200);
-  }
   [data-theme="rui"] .bg-yellow-300 {
     background-color: var(--color-yellow-300);
   }
@@ -2185,48 +2226,21 @@
   [data-theme="rui"] .stroke-transparent {
     stroke: transparent;
   }
-  [data-theme="rui"] .object-contain {
-    object-fit: contain;
-  }
   [data-theme="rui"] .object-cover {
     object-fit: cover;
   }
-  [data-theme="rui"] .object-fill {
-    object-fit: fill;
-  }
   [data-theme="rui"] .object-none {
     object-fit: none;
   }
   [data-theme="rui"] .object-scale-down {
     object-fit: scale-down;
   }
-  [data-theme="rui"] .object-bottom {
-    object-position: bottom;
-  }
   [data-theme="rui"] .object-center {
     object-position: center;
   }
-  [data-theme="rui"] .object-left {
-    object-position: left;
-  }
-  [data-theme="rui"] .object-left-bottom {
-    object-position: left bottom;
-  }
   [data-theme="rui"] .object-left-top {
     object-position: left top;
   }
-  [data-theme="rui"] .object-right {
-    object-position: right;
-  }
-  [data-theme="rui"] .object-right-bottom {
-    object-position: right bottom;
-  }
-  [data-theme="rui"] .object-right-top {
-    object-position: right top;
-  }
-  [data-theme="rui"] .object-top {
-    object-position: top;
-  }
   [data-theme="rui"] .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -3041,10 +3055,6 @@
     --tw-leading: calc(var(--spacing) * 6);
     line-height: calc(var(--spacing) * 6);
   }
-  [data-theme="rui"] .leading-\[1\.125\] {
-    --tw-leading: 1.125;
-    line-height: 1.125;
-  }
   [data-theme="rui"] .leading-loose {
     --tw-leading: var(--leading-loose);
     line-height: var(--leading-loose);
@@ -3123,9 +3133,6 @@
   [data-theme="rui"] .text-blue-700 {
     color: var(--color-blue-700);
   }
-  [data-theme="rui"] .text-blue-900 {
-    color: var(--color-blue-900);
-  }
   [data-theme="rui"] .text-brand {
     color: var(--color-stone-950);
   }
@@ -3207,12 +3214,6 @@
   [data-theme="rui"] .text-success-muted-foreground {
     color: var(--color-green-950);
   }
-  [data-theme="rui"] .text-teal-300 {
-    color: var(--color-teal-300);
-  }
-  [data-theme="rui"] .text-transparent {
-    color: transparent;
-  }
   [data-theme="rui"] .text-violet-500 {
     color: var(--color-violet-500);
   }
@@ -3253,6 +3254,9 @@
   [data-theme="rui"] .opacity-5 {
     opacity: 5%;
   }
+  [data-theme="rui"] .opacity-50 {
+    opacity: 50%;
+  }
   [data-theme="rui"] .opacity-60 {
     opacity: 60%;
   }
@@ -3279,12 +3283,16 @@
     --tw-shadow: 1px 1px 4px var(--tw-shadow-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
+  [data-theme="rui"] .shadow-lg {
+    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
   [data-theme="rui"] .shadow-md {
     --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  [data-theme="rui"] .shadow-sm {
-    --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));
+  [data-theme="rui"] .shadow-xs {
+    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
   [data-theme="rui"] .ring-0 {
@@ -3295,12 +3303,6 @@
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
   }
-  [data-theme="rui"] .shadow-black\/5 {
-    --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
-    }
-  }
   [data-theme="rui"] .outline-hidden {
     --tw-outline-style: none;
     outline-style: none;
@@ -3345,11 +3347,19 @@
     --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg));
     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,);
   }
+  [data-theme="rui"] .filter {
+    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,);
+  }
   [data-theme="rui"] .backdrop-blur-xs {
     --tw-backdrop-blur: blur(var(--blur-xs));
     -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
+  [data-theme="rui"] .transition-\[color\,box-shadow\,transform\] {
+    transition-property: color,box-shadow,transform;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   [data-theme="rui"] .transition-\[color\,box-shadow\] {
     transition-property: color,box-shadow;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3449,6 +3459,9 @@
   [data-theme="rui"] .\[grid-area\:content\] {
     grid-area: content;
   }
+  [data-theme="rui"] .\[grid-area\:description\] {
+    grid-area: description;
+  }
   [data-theme="rui"] .\[grid-area\:icon\] {
     grid-area: icon;
   }
@@ -3458,6 +3471,9 @@
   [data-theme="rui"] .\[grid-template-areas\:\"icon_title_close\"\"icon_content_content\"\] {
     grid-template-areas: "icon title close""icon content content";
   }
+  [data-theme="rui"] .\[grid-template-areas\:\"icon_title_close\"\"icon_description_description\"\] {
+    grid-template-areas: "icon title close""icon description description";
+  }
   [data-theme="rui"] .\[grid-template-areas\:\"title\"_\"content\"_\"actions\"\] {
     grid-template-areas: "title" "content" "actions";
   }
@@ -3506,6 +3522,11 @@
       grid-column: 3;
     }
   }
+  [data-theme="rui"] .\*\:flex-1 {
+    [data-theme="rui"] :is(& > *) {
+      flex: 1;
+    }
+  }
   [data-theme="rui"] .not-first\:pt-3 {
     [data-theme="rui"] &:not(*:first-child) {
       padding-top: calc(var(--spacing) * 3);
@@ -3694,17 +3715,6 @@
       display: none;
     }
   }
-  [data-theme="rui"] .group-aria-selected\/cell\:font-semibold {
-    [data-theme="rui"] &:is(:where(.group\/cell)[aria-selected="true"] *) {
-      --tw-font-weight: var(--font-weight-semibold);
-      font-weight: var(--font-weight-semibold);
-    }
-  }
-  [data-theme="rui"] .group-aria-selected\/cell\:text-white {
-    [data-theme="rui"] &:is(:where(.group\/cell)[aria-selected="true"] *) {
-      color: var(--color-white);
-    }
-  }
   [data-theme="rui"] .group-data-\[action\]\/input\:pr-8 {
     [data-theme="rui"] &:is(:where(.group\/input)[data-action] *) {
       padding-right: calc(var(--spacing) * 8);
@@ -4139,6 +4149,16 @@
       }
     }
   }
+  [data-theme="rui"] .hover\:underline {
+    [data-theme="rui"] &:where([data-rac])[data-hovered] {
+      text-decoration-line: underline;
+    }
+    @media (hover: hover) {
+      [data-theme="rui"] &:where(:not([data-rac])):hover {
+        text-decoration-line: underline;
+      }
+    }
+  }
   [data-theme="rui"] .focus\:util-focus-ring {
     [data-theme="rui"] &:where([data-rac])[data-focused] {
       border-color: var(--color-stone-400);
@@ -4167,14 +4187,6 @@
       background-color: var(--color-stone-100);
     }
   }
-  [data-theme="rui"] .focus\:text-foreground {
-    [data-theme="rui"] &:where([data-rac])[data-focused] {
-      color: var(--color-stone-950);
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):focus {
-      color: var(--color-stone-950);
-    }
-  }
   [data-theme="rui"] .focus\:outline-hidden {
     [data-theme="rui"] &:where([data-rac])[data-focused] {
       --tw-outline-style: none;
@@ -4261,6 +4273,14 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  [data-theme="rui"] .focus-visible\:border-ring {
+    [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
+      border-color: var(--color-stone-400);
+    }
+    [data-theme="rui"] &:where(:not([data-rac])):focus-visible {
+      border-color: var(--color-stone-400);
+    }
+  }
   [data-theme="rui"] .focus-visible\:util-focus-borderless-ring {
     [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
       --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
@@ -4279,6 +4299,30 @@
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  [data-theme="rui"] .focus-visible\:ring-\[3px\] {
+    [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+    [data-theme="rui"] &:where(:not([data-rac])):focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
+  [data-theme="rui"] .focus-visible\:ring-ring\/50 {
+    [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
+      --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
+      }
+    }
+    [data-theme="rui"] &:where(:not([data-rac])):focus-visible {
+      --tw-ring-color: color-mix(in srgb, oklch(70.9% 0.01 56.259) 50%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--color-stone-400) 50%, transparent);
+      }
+    }
+  }
   [data-theme="rui"] .focus-visible\:outline-2 {
     [data-theme="rui"] &:where([data-rac])[data-focus-visible] {
       outline-style: var(--tw-outline-style);
@@ -4289,6 +4333,11 @@
       outline-width: 2px;
     }
   }
+  [data-theme="rui"] .active\:scale-\[0\.98\] {
+    [data-theme="rui"] &:active {
+      scale: 0.98;
+    }
+  }
   [data-theme="rui"] .disabled\:pointer-events-none {
     [data-theme="rui"] &:where([data-rac])[data-disabled] {
       pointer-events: none;
@@ -4496,32 +4545,24 @@
       }
     }
   }
-  [data-theme="rui"] .aria-\[current\=true\]\:bg-brand {
-    [data-theme="rui"] &[aria-current="true"] {
+  [data-theme="rui"] .aria-selected\:bg-brand {
+    [data-theme="rui"] &[aria-selected="true"] {
       background-color: var(--color-stone-950);
     }
   }
-  [data-theme="rui"] .aria-\[current\=true\]\:text-brand-foreground {
-    [data-theme="rui"] &[aria-current="true"] {
+  [data-theme="rui"] .aria-selected\:text-brand-foreground {
+    [data-theme="rui"] &[aria-selected="true"] {
       color: var(--color-stone-50);
     }
   }
-  [data-theme="rui"] .aria-\[current\=true\]\:shadow-sm {
-    [data-theme="rui"] &[aria-current="true"] {
-      --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));
+  [data-theme="rui"] .aria-selected\:shadow-xs {
+    [data-theme="rui"] &[aria-selected="true"] {
+      --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
-  [data-theme="rui"] .aria-\[current\=true\]\:shadow-black\/5 {
-    [data-theme="rui"] &[aria-current="true"] {
-      --tw-shadow-color: color-mix(in srgb, #000 5%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 5%, transparent) var(--tw-shadow-alpha), transparent);
-      }
-    }
-  }
-  [data-theme="rui"] .aria-\[current\=true\]\:hover\:bg-brand\/90 {
-    [data-theme="rui"] &[aria-current="true"] {
+  [data-theme="rui"] .aria-selected\:hover\:bg-brand\/90 {
+    [data-theme="rui"] &[aria-selected="true"] {
       [data-theme="rui"] &:where([data-rac])[data-hovered] {
         background-color: color-mix(in srgb, oklch(14.7% 0.004 49.25) 90%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
@@ -4548,38 +4589,16 @@
       background-color: var(--color-stone-100);
     }
   }
-  [data-theme="rui"] .data-checked\:text-white {
-    [data-theme="rui"] &[data-checked] {
-      color: var(--color-white);
-    }
-  }
   [data-theme="rui"] .data-disabled\:cursor-not-allowed {
     [data-theme="rui"] &[data-disabled] {
       cursor: not-allowed;
     }
   }
-  [data-theme="rui"] .data-focus\:outline {
-    [data-theme="rui"] &[data-focus] {
-      outline-style: var(--tw-outline-style);
-      outline-width: 1px;
-    }
-  }
-  [data-theme="rui"] .data-focus\:outline-2 {
-    [data-theme="rui"] &[data-focus] {
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
-  }
   [data-theme="rui"] .data-focus-visible\:z-10 {
     [data-theme="rui"] &[data-focus-visible] {
       z-index: 10;
     }
   }
-  [data-theme="rui"] .data-indeterminate\:text-white {
-    [data-theme="rui"] &[data-indeterminate] {
-      color: var(--color-white);
-    }
-  }
   [data-theme="rui"] .\*\:data-placeholder\:text-placeholder {
     [data-theme="rui"] :is(& > *) {
       [data-theme="rui"] &[data-placeholder] {
@@ -4949,6 +4968,14 @@
       margin-top: calc(var(--spacing) * 2);
     }
   }
+  [data-theme="rui"] .expanded\:contents {
+    [data-theme="rui"] &:where([data-rac])[data-expanded] {
+      display: contents;
+    }
+    [data-theme="rui"] &:where(:not([data-rac]))[expanded] {
+      display: contents;
+    }
+  }
   [data-theme="rui"] .expanded\:bg-hover {
     [data-theme="rui"] &:where([data-rac])[data-expanded] {
       background-color: var(--color-stone-100);
@@ -4989,6 +5016,11 @@
       color: var(--color-stone-400);
     }
   }
+  [data-theme="rui"] .pressed\:scale-\[0\.98\] {
+    [data-theme="rui"] &[data-pressed] {
+      scale: 0.98;
+    }
+  }
   [data-theme="rui"] .selected\:border-b-8 {
     [data-theme="rui"] &[data-selected] {
       border-bottom-style: var(--tw-border-style);
@@ -5038,6 +5070,18 @@
       }
     }
   }
+  [data-theme="rui"] .expanded\:\[\&_\[role\=group\]\]\:contents {
+    [data-theme="rui"] &:where([data-rac])[data-expanded] {
+      [data-theme="rui"] & [role=group] {
+        display: contents;
+      }
+    }
+    [data-theme="rui"] &:where(:not([data-rac]))[expanded] {
+      [data-theme="rui"] & [role=group] {
+        display: contents;
+      }
+    }
+  }
   [data-theme="rui"] .\[\&_button\]\:px-2 {
     [data-theme="rui"] & button {
       padding-inline: calc(var(--spacing) * 2);
@@ -5281,14 +5325,19 @@
       display: none;
     }
   }
-  [data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)\]\:items-center {
+  [data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)\]\:items-end {
     [data-theme="rui"] &:has([slot=description]) {
-      align-items: center;
+      align-items: flex-end;
     }
   }
-  [data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)\]\:items-center {
+  [data-theme="rui"] .\[\&\:has\(\[slot\=description\]\)_button\]\:mb-6 {
+    [data-theme="rui"] &:has([slot=description]) button {
+      margin-bottom: calc(var(--spacing) * 6);
+    }
+  }
+  [data-theme="rui"] .\[\&\:has\(\[slot\=errorMessage\]\)\]\:mb-6 {
     [data-theme="rui"] &:has([slot=errorMessage]) {
-      align-items: center;
+      margin-bottom: calc(var(--spacing) * 6);
     }
   }
   [data-theme="rui"] .\[\&\:has\(\[type\=checkbox\]\)\]\:pr-0 {
@@ -5391,6 +5440,13 @@
       }
     }
   }
+  [data-theme="rui"] .max-\[600px\]\:\[\[aria-hidden\=\"true\"\]_\&\]\:overflow-hidden {
+    @media (width < 600px) {
+      [data-theme="rui"] [aria-hidden="true"] & {
+        overflow: hidden;
+      }
+    }
+  }
 }
 @layer base {
   [data-theme="rui"] {