@marigold/theme-rui 3.0.3 → 4.0.1

package/dist/styles.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -61,7 +61,6 @@
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-600: oklch(44.6% 0.03 256.802);
     --color-gray-700: oklch(37.3% 0.034 259.733);
-    --color-gray-800: oklch(27.8% 0.033 256.848);
     --color-zinc-600: oklch(44.2% 0.017 285.786);
     --color-stone-50: oklch(98.5% 0.001 106.423);
     --color-stone-100: oklch(97% 0.001 106.424);
@@ -454,9 +453,6 @@
   [data-theme="rui"] .top-1\/2 {
     top: calc(1/2 * 100%);
   }
-  [data-theme="rui"] .top-2 {
-    top: calc(var(--spacing) * 2);
-  }
   [data-theme="rui"] .top-3\.5 {
     top: calc(var(--spacing) * 3.5);
   }
@@ -523,12 +519,12 @@
   [data-theme="rui"] .order-last {
     order: 9999;
   }
-  [data-theme="rui"] .\!\[grid-column\:1\/-1\] {
-    grid-column: 1/-1 !important;
-  }
   [data-theme="rui"] .col-span-2 {
     grid-column: span 2 / span 2;
   }
+  [data-theme="rui"] .col-span-full\! {
+    grid-column: 1 / -1 !important;
+  }
   [data-theme="rui"] .row-end-1 {
     grid-row-end: 1;
   }
@@ -610,9 +606,6 @@
   [data-theme="rui"] .mb-\[10px\] {
     margin-bottom: 10px;
   }
-  [data-theme="rui"] .-ml-1 {
-    margin-left: calc(var(--spacing) * -1);
-  }
   [data-theme="rui"] .ml-2 {
     margin-left: calc(var(--spacing) * 2);
   }
@@ -707,6 +700,10 @@
     width: calc(var(--spacing) * 5);
     height: calc(var(--spacing) * 5);
   }
+  [data-theme="rui"] .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
   [data-theme="rui"] .size-7 {
     width: calc(var(--spacing) * 7);
     height: calc(var(--spacing) * 7);
@@ -735,10 +732,6 @@
     width: calc(var(--spacing) * 36);
     height: calc(var(--spacing) * 36);
   }
-  [data-theme="rui"] .size-44 {
-    width: calc(var(--spacing) * 44);
-    height: calc(var(--spacing) * 44);
-  }
   [data-theme="rui"] .size-96 {
     width: calc(var(--spacing) * 96);
     height: calc(var(--spacing) * 96);
@@ -759,10 +752,17 @@
     width: 2rem;
     height: 2rem;
   }
+  [data-theme="rui"] .size-fit {
+    width: fit-content;
+    height: fit-content;
+  }
   [data-theme="rui"] .size-full {
     width: 100%;
     height: 100%;
   }
+  [data-theme="rui"] .h-\(--disclosure-panel-height\) {
+    height: var(--disclosure-panel-height);
+  }
   [data-theme="rui"] .h-\(--height\) {
     height: var(--height);
   }
@@ -1021,6 +1021,9 @@
   [data-theme="rui"] .min-h-7 {
     min-height: calc(var(--spacing) * 7);
   }
+  [data-theme="rui"] .min-h-52 {
+    min-height: calc(var(--spacing) * 52);
+  }
   [data-theme="rui"] .min-h-\[350px\] {
     min-height: 350px;
   }
@@ -1684,12 +1687,6 @@
   [data-theme="rui"] .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
-  [data-theme="rui"] .grid-cols-\[1fr_1fr_minmax\(0\,max-content\)\] {
-    grid-template-columns: 1fr 1fr minmax(0,max-content);
-  }
-  [data-theme="rui"] .grid-cols-\[1fr_minmax\(0\,max-content\)_1fr\] {
-    grid-template-columns: 1fr minmax(0,max-content) 1fr;
-  }
   [data-theme="rui"] .grid-cols-\[auto_1fr\] {
     grid-template-columns: auto 1fr;
   }
@@ -1699,9 +1696,6 @@
   [data-theme="rui"] .grid-cols-\[min-content_auto_min-content\] {
     grid-template-columns: min-content auto min-content;
   }
-  [data-theme="rui"] .grid-cols-\[minmax\(0\,max-content\)_1fr_1fr\] {
-    grid-template-columns: minmax(0,max-content) 1fr 1fr;
-  }
   [data-theme="rui"] .grid-cols-\[repeat\(auto-fit\,var\(--column\)\)\] {
     grid-template-columns: repeat(auto-fit,var(--column));
   }
@@ -1960,6 +1954,9 @@
   [data-theme="rui"] .overflow-auto {
     overflow: auto;
   }
+  [data-theme="rui"] .overflow-clip {
+    overflow: clip;
+  }
   [data-theme="rui"] .overflow-hidden {
     overflow: hidden;
   }
@@ -1981,9 +1978,6 @@
   [data-theme="rui"] .rounded-\[3px\] {
     border-radius: 3px;
   }
-  [data-theme="rui"] .rounded-\[40\] {
-    border-radius: 40;
-  }
   [data-theme="rui"] .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -2026,6 +2020,10 @@
     border-bottom-style: var(--tw-border-style);
     border-bottom-width: 1px;
   }
+  [data-theme="rui"] .border-dashed {
+    --tw-border-style: dashed;
+    border-style: dashed;
+  }
   [data-theme="rui"] .border-none {
     --tw-border-style: none;
     border-style: none;
@@ -2304,8 +2302,8 @@
   [data-theme="rui"] .stroke-foreground {
     stroke: var(--color-stone-950);
   }
-  [data-theme="rui"] .stroke-gray-800 {
-    stroke: var(--color-gray-800);
+  [data-theme="rui"] .stroke-secondary {
+    stroke: var(--color-stone-50);
   }
   [data-theme="rui"] .stroke-transparent {
     stroke: transparent;
@@ -2652,6 +2650,9 @@
   [data-theme="rui"] .py-\[var\(--spacing-section\)\] {
     padding-block: var(--spacing-section);
   }
+  [data-theme="rui"] .pe-3 {
+    padding-inline-end: calc(var(--spacing) * 3);
+  }
   [data-theme="rui"] .pt-0 {
     padding-top: calc(var(--spacing) * 0);
   }
@@ -3205,6 +3206,9 @@
   [data-theme="rui"] .text-wrap {
     text-wrap: wrap;
   }
+  [data-theme="rui"] .wrap-break-word {
+    overflow-wrap: break-word;
+  }
   [data-theme="rui"] .whitespace-break-spaces {
     white-space: break-spaces;
   }
@@ -3389,14 +3393,6 @@
     --tw-shadow: var(--surface-raised-shadow);
     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-\[0_0_0_1px\] {
-    --tw-shadow: 0 0 0 1px 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-\[1px_1px_4px\] {
-    --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);
@@ -3409,6 +3405,10 @@
     --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 {
+    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + 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"] .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + 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);
@@ -3479,6 +3479,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  [data-theme="rui"] .transition-\[height\,padding\] {
+    transition-property: height,padding;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   [data-theme="rui"] .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3510,6 +3515,10 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  [data-theme="rui"] .duration-250 {
+    --tw-duration: 250ms;
+    transition-duration: 250ms;
+  }
   [data-theme="rui"] .duration-300 {
     --tw-duration: 300ms;
     transition-duration: 300ms;
@@ -3603,6 +3612,9 @@
   [data-theme="rui"] .duration-200 {
     animation-duration: 200ms;
   }
+  [data-theme="rui"] .duration-250 {
+    animation-duration: 250ms;
+  }
   [data-theme="rui"] .duration-300 {
     animation-duration: 300ms;
   }
@@ -3647,12 +3659,9 @@
       line-height: var(--tw-leading, var(--text-sm--line-height));
     }
   }
-  [data-theme="rui"] .group-required\/field\:block {
-    [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
-      display: block;
-    }
-    [data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):required *) {
-      display: block;
+  [data-theme="rui"] .not-data-\[files\]\:justify-center {
+    [data-theme="rui"] &:not(*[data-files]) {
+      justify-content: center;
     }
   }
   [data-theme="rui"] .group-invalid\/field\:border-destructive {
@@ -3930,6 +3939,12 @@
       }
     }
   }
+  [data-theme="rui"] .group-\[\&\]\/checkboxgroup\:font-normal {
+    [data-theme="rui"] &:is(:where(.group\/checkboxgroup) *) {
+      --tw-font-weight: var(--font-weight-normal);
+      font-weight: var(--font-weight-normal);
+    }
+  }
   [data-theme="rui"] .group-\[\[data-action\]\]\/input\:pr-7 {
     [data-theme="rui"] &:is(:where(.group\/input):is([data-action]) *) {
       padding-right: calc(var(--spacing) * 7);
@@ -3951,12 +3966,6 @@
       border-width: 0px;
     }
   }
-  [data-theme="rui"] .group-\[group\=\"checkbox\"\]\/checkboxgroup\:font-normal {
-    [data-theme="rui"] &:is(:where(.group\/checkboxgroup):is(group="checkbox") *) {
-      --tw-font-weight: var(--font-weight-normal);
-      font-weight: var(--font-weight-normal);
-    }
-  }
   [data-theme="rui"] .group-\[indeterminate\]\/checkbox\:border-brand {
     [data-theme="rui"] &:is(:where(.group\/checkbox):is(indeterminate) *) {
       border-color: var(--color-stone-950);
@@ -4103,6 +4112,48 @@
       height: calc(var(--spacing) * 0.5);
     }
   }
+  [data-theme="rui"] .group-required\/field\:after\:-ml-1 {
+    [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
+      [data-theme="rui"] &::after {
+        content: var(--tw-content);
+        margin-left: calc(var(--spacing) * -1);
+      }
+    }
+    [data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):required *) {
+      [data-theme="rui"] &::after {
+        content: var(--tw-content);
+        margin-left: calc(var(--spacing) * -1);
+      }
+    }
+  }
+  [data-theme="rui"] .group-required\/field\:after\:text-destructive {
+    [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
+      [data-theme="rui"] &::after {
+        content: var(--tw-content);
+        color: var(--color-red-600);
+      }
+    }
+    [data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):required *) {
+      [data-theme="rui"] &::after {
+        content: var(--tw-content);
+        color: var(--color-red-600);
+      }
+    }
+  }
+  [data-theme="rui"] .group-required\/field\:after\:content-\[\"\*\"\] {
+    [data-theme="rui"] &:is(:where(.group\/field):where([data-rac])[data-required] *) {
+      [data-theme="rui"] &::after {
+        --tw-content: "*";
+        content: var(--tw-content);
+      }
+    }
+    [data-theme="rui"] &:is(:where(.group\/field):where(:not([data-rac])):required *) {
+      [data-theme="rui"] &::after {
+        --tw-content: "*";
+        content: var(--tw-content);
+      }
+    }
+  }
   [data-theme="rui"] .last\:border-b {
     [data-theme="rui"] &:last-child {
       border-bottom-style: var(--tw-border-style);
@@ -4224,6 +4275,22 @@
       }
     }
   }
+  [data-theme="rui"] .hover\:bg-destructive\/10 {
+    [data-theme="rui"] &:where([data-rac])[data-hovered] {
+      background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
+      @supports (color: color-mix(in lab, red, red)) {
+        background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
+      }
+    }
+    @media (hover: hover) {
+      [data-theme="rui"] &:where(:not([data-rac])):hover {
+        background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 10%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-red-600) 10%, transparent);
+        }
+      }
+    }
+  }
   [data-theme="rui"] .hover\:bg-destructive\/90 {
     [data-theme="rui"] &:where([data-rac])[data-hovered] {
       background-color: color-mix(in srgb, oklch(57.7% 0.245 27.325) 90%, transparent);
@@ -4290,16 +4357,6 @@
       }
     }
   }
-  [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);
@@ -4342,24 +4399,6 @@
       background-color: var(--color-stone-100);
     }
   }
-  [data-theme="rui"] .focus\:outline-hidden {
-    [data-theme="rui"] &:where([data-rac])[data-focused] {
-      --tw-outline-style: none;
-      outline-style: none;
-      @media (forced-colors: active) {
-        outline: 2px solid transparent;
-        outline-offset: 2px;
-      }
-    }
-    [data-theme="rui"] &:where(:not([data-rac])):focus {
-      --tw-outline-style: none;
-      outline-style: none;
-      @media (forced-colors: active) {
-        outline: 2px solid transparent;
-        outline-offset: 2px;
-      }
-    }
-  }
   [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] {
@@ -4594,11 +4633,6 @@
       border-top-width: 0px;
     }
   }
-  [data-theme="rui"] .in-data-\[expanded\]\:pb-2 {
-    [data-theme="rui"] :where(*[data-expanded]) & {
-      padding-bottom: calc(var(--spacing) * 2);
-    }
-  }
   [data-theme="rui"] .has-focus-visible\:util-focus-ring {
     [data-theme="rui"] &:has(*:where([data-rac])[data-focus-visible]) {
       border-color: var(--color-stone-400);
@@ -4619,6 +4653,40 @@
       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"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_1fr_minmax\(0\,max-content\)\] {
+    [data-theme="rui"] &:has(*:is([data-breakout])) {
+      grid-template-columns: 1fr 1fr minmax(0,max-content);
+    }
+  }
+  [data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[1fr_minmax\(0\,max-content\)_1fr\] {
+    [data-theme="rui"] &:has(*:is([data-breakout])) {
+      grid-template-columns: 1fr minmax(0,max-content) 1fr;
+    }
+  }
+  [data-theme="rui"] .has-\[\[data-breakout\]\]\:grid-cols-\[minmax\(0\,max-content\)_1fr_1fr\] {
+    [data-theme="rui"] &:has(*:is([data-breakout])) {
+      grid-template-columns: minmax(0,max-content) 1fr 1fr;
+    }
+  }
+  [data-theme="rui"] .has-\[input\:focus\]\:border-ring {
+    [data-theme="rui"] &:has(*:is(input:focus)) {
+      border-color: var(--color-stone-400);
+    }
+  }
+  [data-theme="rui"] .has-\[input\:focus\]\:ring-\[3px\] {
+    [data-theme="rui"] &:has(*:is(input:focus)) {
+      --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"] .has-\[input\:focus\]\:ring-ring\/50 {
+    [data-theme="rui"] &:has(*:is(input:focus)) {
+      --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"] .has-\[input\[aria-readonly\=true\]\]\:bg-muted {
     [data-theme="rui"] &:has(*:is(input[aria-readonly=true])) {
       background-color: var(--color-stone-100);
@@ -4667,11 +4735,16 @@
       }
     }
   }
-  [data-theme="rui"] .has-\[\+_\[aria-hidden\=\"true\"\]\]\:mb-0 {
-    [data-theme="rui"] &:has(+ [aria-hidden="true"]) {
+  [data-theme="rui"] .has-\[\+_\[aria-hidden\=true\]\]\:mb-0 {
+    [data-theme="rui"] &:has(+ [aria-hidden=true]) {
       margin-bottom: calc(var(--spacing) * 0);
     }
   }
+  [data-theme="rui"] .has-\[\+_\[hidden\]\]\:mr-0 {
+    [data-theme="rui"] &:has(+ [hidden]) {
+      margin-right: calc(var(--spacing) * 0);
+    }
+  }
   [data-theme="rui"] .aria-disabled\:cursor-default {
     [data-theme="rui"] &[aria-disabled="true"] {
       cursor: default;
@@ -4765,6 +4838,16 @@
       cursor: not-allowed;
     }
   }
+  [data-theme="rui"] .data-disabled\:bg-disabled {
+    [data-theme="rui"] &[data-disabled] {
+      background-color: var(--color-stone-200);
+    }
+  }
+  [data-theme="rui"] .data-disabled\:text-disabled-foreground {
+    [data-theme="rui"] &[data-disabled] {
+      color: var(--color-stone-400);
+    }
+  }
   [data-theme="rui"] .data-focus-visible\:z-10 {
     [data-theme="rui"] &[data-focus-visible] {
       z-index: 10;
@@ -4777,21 +4860,11 @@
       }
     }
   }
-  [data-theme="rui"] .data-selected\:bg-brand {
-    [data-theme="rui"] &[data-selected] {
-      background-color: var(--color-stone-950);
-    }
-  }
   [data-theme="rui"] .data-selected\:text-foreground {
     [data-theme="rui"] &[data-selected] {
       color: var(--color-stone-950);
     }
   }
-  [data-theme="rui"] .data-selected\:text-white {
-    [data-theme="rui"] &[data-selected] {
-      color: var(--color-white);
-    }
-  }
   [data-theme="rui"] .data-selected\:hover\:bg-hover {
     [data-theme="rui"] &[data-selected] {
       [data-theme="rui"] &:where([data-rac])[data-hovered] {
@@ -4809,26 +4882,16 @@
       cursor: pointer;
     }
   }
-  [data-theme="rui"] .data-\[disabled\]\:cursor-not-allowed {
-    [data-theme="rui"] &[data-disabled] {
-      cursor: not-allowed;
-    }
-  }
-  [data-theme="rui"] .data-\[disabled\]\:bg-disabled {
-    [data-theme="rui"] &[data-disabled] {
-      background-color: var(--color-stone-200);
-    }
-  }
-  [data-theme="rui"] .data-\[disabled\]\:text-disabled-foreground {
-    [data-theme="rui"] &[data-disabled] {
-      color: var(--color-stone-400);
-    }
-  }
   [data-theme="rui"] .data-\[disabled\]\:opacity-50 {
     [data-theme="rui"] &[data-disabled] {
       opacity: 50%;
     }
   }
+  [data-theme="rui"] .data-\[drop-target\=true\]\:bg-muted {
+    [data-theme="rui"] &[data-drop-target="true"] {
+      background-color: var(--color-stone-100);
+    }
+  }
   [data-theme="rui"] .data-\[focus-within\]\:util-focus-ring {
     [data-theme="rui"] &[data-focus-within] {
       border-color: var(--color-stone-400);
@@ -5149,6 +5212,11 @@
       justify-content: flex-end;
     }
   }
+  [data-theme="rui"] .sm\:gap-2\.5 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 2.5);
+    }
+  }
   [data-theme="rui"] .sm\:bg-red-500 {
     @media (width >= 40rem) {
       background-color: var(--color-red-500);
@@ -5369,6 +5437,11 @@
       color: var(--color-stone-50);
     }
   }
+  [data-theme="rui"] .selected\:text-white {
+    [data-theme="rui"] &[data-selected] {
+      color: var(--color-white);
+    }
+  }
   [data-theme="rui"] .\[\&_\.selection-indicator\>svg\]\:invisible {
     [data-theme="rui"] & .selection-indicator>svg {
       visibility: hidden;
@@ -5398,6 +5471,32 @@
       }
     }
   }
+  [data-theme="rui"] .\[\&_\[slot\=description\]\]\:col-start-2 {
+    [data-theme="rui"] & [slot=description] {
+      grid-column-start: 2;
+    }
+  }
+  [data-theme="rui"] .\[\&_\[slot\=description\]\]\:row-start-2 {
+    [data-theme="rui"] & [slot=description] {
+      grid-row-start: 2;
+    }
+  }
+  [data-theme="rui"] .\[\&_\[slot\=description\]\]\:hidden {
+    [data-theme="rui"] & [slot=description] {
+      display: none;
+    }
+  }
+  [data-theme="rui"] .\[\&_\[slot\=description\]\]\:text-xs {
+    [data-theme="rui"] & [slot=description] {
+      font-size: var(--text-xs);
+      line-height: var(--tw-leading, var(--text-xs--line-height));
+    }
+  }
+  [data-theme="rui"] .\[\&_\[slot\=description\]\]\:text-muted-foreground {
+    [data-theme="rui"] & [slot=description] {
+      color: var(--color-stone-500);
+    }
+  }
   [data-theme="rui"] .\[\&_button\]\:px-2 {
     [data-theme="rui"] & button {
       padding-inline: calc(var(--spacing) * 2);
@@ -5672,11 +5771,6 @@
       border-color: var(--color-stone-200);
     }
   }
-  [data-theme="rui"] .\[\&\>\[slot\=description\]\]\:hidden {
-    [data-theme="rui"] &>[slot=description] {
-      display: none;
-    }
-  }
   [data-theme="rui"] .\[\&\[type\=color\]\]\:ml-0 {
     [data-theme="rui"] &[type=color] {
       margin-left: calc(var(--spacing) * 0);

package/dist/theme.css

@@ -17,8 +17,8 @@
  text-destructive like used in inputs
 */
 
-@plugin "tailwindcss-react-aria-components";
-@plugin "tailwindcss-animate";
+@plugin 'tailwindcss-react-aria-components';
+@plugin 'tailwindcss-animate';
 
 @theme static {
   --font-sans: Inter, system-ui, sans-serif;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marigold/theme-rui",
-  "version": "3.0.3",
+  "version": "4.0.1",
   "description": "Marigold RUI Theme",
   "license": "MIT",
   "keywords": [
@@ -43,19 +43,18 @@
     "directory": "themes/theme-rui"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "4.1.14",
-    "cssnano": "7.1.1",
+    "@tailwindcss/postcss": "4.1.17",
+    "cssnano": "7.1.2",
     "postcss-cli": "11.0.1",
-    "tailwindcss": "4.1.14",
-    "tsdown": "0.15.6",
-    "@marigold/tsconfig": "0.4.1"
+    "tailwindcss": "4.1.17",
+    "tsdown": "0.15.9",
+    "@marigold/tsconfig": "0.4.2"
   },
   "dependencies": {
     "tailwindcss-animate": "1.0.7",
     "tailwindcss-react-aria-components": "^2.0.1",
-    "@marigold/components": "15.4.3",
-    "@marigold/system": "15.4.3",
-    "@marigold/theme-plugins": "1.0.2"
+    "@marigold/system": "16.0.1",
+    "@marigold/components": "16.0.1"
   },
   "scripts": {
     "build": "NODE_ENV=production tsdown && postcss -o dist/styles.css src/styles.css && cp src/theme.css src/global.css src/utils.css dist/"