@ostack.tech/ui 0.10.4 → 0.11.0

package/dist/ostack-ui.css

@@ -133,7 +133,7 @@
   color: var(--o-ui-notification-color);
   box-shadow: var(--o-ui-notification-box-shadow);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-toast, .o-ui-alert {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -212,7 +212,7 @@
   -webkit-user-select: none;
   user-select: none;
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-icon-button, .o-ui-button {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -551,7 +551,7 @@
   color: inherit;
   font: inherit;
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-calendar__day-inner {
     transition-property: box-shadow;
     transition-duration: var(--o-ui-transition-duration);
@@ -728,7 +728,7 @@
   background-color: var(--o-ui-card-background-color);
   color: var(--o-ui-card-color);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-card--merged {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -808,17 +808,17 @@
   color: var(--o-ui-checkable-color);
   box-shadow: var(--o-ui-checkable-box-shadow, none);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-radio, .o-ui-checkbox {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
     transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.o-ui-radio:not(:disabled, [data-loading], [data-readonly]), .o-ui-checkbox:not(:disabled, [data-loading], [data-readonly]) {
+.o-ui-radio:not(:disabled, [data-disabled], [data-readonly]), .o-ui-checkbox:not(:disabled, [data-disabled], [data-readonly]) {
   cursor: pointer;
 }
-.o-ui-radio:is(:disabled, [data-loading]), .o-ui-checkbox:is(:disabled, [data-loading]) {
+.o-ui-radio:is(:disabled, [data-disabled]), .o-ui-checkbox:is(:disabled, [data-disabled]) {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -854,10 +854,10 @@
   border-color: var(--o-ui-checkable-readonly-focus-status-border-color, var(--o-ui-checkable-readonly-status-border-color, var(--o-ui-checkable-readonly-border-color, var(--o-ui-checkable-border-color))));
   box-shadow: var(--o-ui-checkable-readonly-focus-status-box-shadow, var(--o-ui-checkable-readonly-focus-box-shadow, var(--o-ui-checkable-focus-box-shadow, var(--o-ui-checkable-box-shadow))));
 }
-.o-ui-radio:active:not(:disabled, [data-loading], [data-readonly]), .o-ui-checkbox:active:not(:disabled, [data-loading], [data-readonly]) {
+.o-ui-radio:active:not(:disabled, [data-disabled], [data-readonly]), .o-ui-checkbox:active:not(:disabled, [data-disabled], [data-readonly]) {
   background-color: var(--o-ui-checkable-active-background-color);
 }
-.o-ui-radio:active:not(:disabled, [data-loading], [data-readonly])[data-status], .o-ui-checkbox:active:not(:disabled, [data-loading], [data-readonly])[data-status] {
+.o-ui-radio:active:not(:disabled, [data-disabled], [data-readonly])[data-status], .o-ui-checkbox:active:not(:disabled, [data-disabled], [data-readonly])[data-status] {
   background-color: var(--o-ui-checkable-active-status-background-color, var(--o-ui-checkable-active-background-color));
 }
 .o-ui-radio__root, .o-ui-checkbox__root {
@@ -889,10 +889,10 @@
 .o-ui-radio[data-state=checked] ~ .o-ui-radio__label-container > [data-status].o-ui-radio__label, .o-ui-checkbox[data-state=checked] ~ .o-ui-checkbox__label-container > [data-status].o-ui-checkbox__label, .o-ui-checkbox[data-state=indeterminate] ~ .o-ui-checkbox__label-container > [data-status].o-ui-checkbox__label {
   color: !important;
 }
-.o-ui-radio:is(:disabled, [data-loading]) ~ .o-ui-radio__label-container > .o-ui-radio__label, .o-ui-checkbox:is(:disabled, [data-loading]) ~ .o-ui-checkbox__label-container > .o-ui-checkbox__label {
+.o-ui-radio:is(:disabled, [data-disabled]) ~ .o-ui-radio__label-container > .o-ui-radio__label, .o-ui-checkbox:is(:disabled, [data-disabled]) ~ .o-ui-checkbox__label-container > .o-ui-checkbox__label {
   opacity: 0.5;
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-radio__indicator, .o-ui-checkbox__indicator {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -1072,35 +1072,32 @@ a > .o-ui-code {
   color: inherit;
 }
 
-.o-ui-collapsible__trigger {
-  color: inherit !important;
-}
 .o-ui-collapsible__content {
   overflow: hidden;
 }
-.o-ui-collapsible__content[data-direction=vertical] {
+.o-ui-collapsible__content[data-orientation=vertical] {
   --o-ui-animation-height: var(--radix-collapsible-content-height);
 }
-@media (prefers-reduced-motion: no-preference) {
-  .o-ui-collapsible__content[data-direction=vertical][data-state=open] {
+@media screen and (prefers-reduced-motion: no-preference) {
+  .o-ui-collapsible__content[data-orientation=vertical][data-state=open] {
     animation: o-ui-expand-vertical 0.35s ease;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
-  .o-ui-collapsible__content[data-direction=vertical][data-state=closed] {
+@media screen and (prefers-reduced-motion: no-preference) {
+  .o-ui-collapsible__content[data-orientation=vertical][data-state=closed] {
     animation: o-ui-collapse-vertical 0.35s ease;
   }
 }
-.o-ui-collapsible__content[data-direction=horizontal] {
+.o-ui-collapsible__content[data-orientation=horizontal] {
   --o-ui-animation-width: var(--radix-collapsible-content-width);
 }
-@media (prefers-reduced-motion: no-preference) {
-  .o-ui-collapsible__content[data-direction=horizontal][data-state=open] {
+@media screen and (prefers-reduced-motion: no-preference) {
+  .o-ui-collapsible__content[data-orientation=horizontal][data-state=open] {
     animation: o-ui-expand-horizontal 0.35s ease;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
-  .o-ui-collapsible__content[data-direction=horizontal][data-state=closed] {
+@media screen and (prefers-reduced-motion: no-preference) {
+  .o-ui-collapsible__content[data-orientation=horizontal][data-state=closed] {
     animation: o-ui-collapse-horizontal 0.35s ease;
   }
 }
@@ -1154,23 +1151,20 @@ a > .o-ui-code {
   color: var(--o-ui-menu-item-color, );
   background-color: var(--o-ui-menu-item-background-color);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-menu-list__item-action {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
     transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.o-ui-menu-list__item-action:is(button):not(:disabled):not([data-disabled=""]):not([data-disabled=true]):not([data-loading]) {
+.o-ui-menu-list__item-action:is(button):not(:disabled, [data-disabled]) {
   cursor: pointer;
 }
-.o-ui-menu-list__item-action:any-link:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):not([data-loading]) {
+.o-ui-menu-list__item-action:any-link:not(:disabled, [data-disabled]) {
   cursor: pointer;
 }
-.o-ui-menu-list__item-action:is(:disabled,
-[data-disabled=""],
-[data-disabled=true],
-[data-loading]) {
+.o-ui-menu-list__item-action:is(:disabled, [data-disabled]) {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -1185,13 +1179,15 @@ a > .o-ui-code {
   --o-ui-menu-item-color: var(--o-ui-accent-a11);
   --o-ui-menu-item-icon-color: var(--o-ui-accent-a10);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]),
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled),
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-primary-a4);
   --o-ui-menu-item-keybinds-color: var(--o-ui-neutral-10);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent],
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent]:not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled)[data-accent],
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled)[data-accent]:not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-accent-a4);
 }
 .o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected] {
@@ -1207,13 +1203,15 @@ a > .o-ui-code {
   --o-ui-menu-item-icon-color: var(--o-ui-accent-contrast);
   --o-ui-menu-item-keybinds-color: color-mix(in srgb, var(--o-ui-accent-contrast) 85%, transparent);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected]),
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected]):not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected]),
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected]):not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-primary-a9);
   --o-ui-menu-item-keybinds-color: color-mix(in srgb, var(--o-ui-neutral-contrast) 85%, transparent);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected])[data-accent],
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected])[data-accent]:not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--solid:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected])[data-accent],
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--solid:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--solid, .o-ui-menu-list__item-action--solid[data-selected])[data-accent]:not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-accent-a9);
   --o-ui-menu-item-keybinds-color: color-mix(in srgb, var(--o-ui-accent-contrast) 85%, transparent);
 }
@@ -1221,13 +1219,15 @@ a > .o-ui-code {
   --o-ui-menu-item-color: var(--o-ui-accent-a11);
   --o-ui-menu-item-icon-color: var(--o-ui-accent-a10);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]),
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true]):not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled),
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-primary-a4);
   --o-ui-menu-item-keybinds-color: var(--o-ui-neutral-10);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent],
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled=""]):not([data-disabled=true])[data-accent]:not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled)[data-accent],
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled)[data-accent]:not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-accent-a4);
 }
 .o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected] {
@@ -1239,13 +1239,15 @@ a > .o-ui-code {
   --o-ui-menu-item-background-color: var(--o-ui-accent-a5);
   --o-ui-menu-item-icon-color: var(--o-ui-accent-a11);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected]),
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected]):not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected]),
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected]):not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-primary-a5);
   --o-ui-menu-item-keybinds-color: var(--o-ui-neutral-11);
 }
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected])[data-accent],
-.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):not([data-disabled]):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected])[data-accent]:not([data-loading]):hover {
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]):is([data-highlighted], [data-state=open], [data-selected]) .o-ui-menu-list__item-action--subtle:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected])[data-accent],
+.o-ui-menu-list__item:not([data-state=checked][data-hide-control]) .o-ui-menu-list__item-action--subtle:not(:disabled):is(.o-ui-menu-list__item[data-state=checked][data-hide-control] .o-ui-menu-list__item-action--subtle, .o-ui-menu-list__item-action--subtle[data-selected])[data-accent]:not(:disabled,
+[data-disabled]):hover {
   --o-ui-menu-item-background-color: var(--o-ui-accent-a5);
 }
 .o-ui-menu-list__item-content {
@@ -1326,12 +1328,12 @@ a > .o-ui-code {
 .o-ui-command-menu__dialog {
   --o-ui-animation-transform: translateY(-5px) scale(0.97);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-command-menu__dialog[data-state=open] {
     animation: o-ui-transform-in 0.15s ease-out;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-command-menu__dialog[data-state=closed] {
     animation: o-ui-transform-out 0.15s ease-out;
   }
@@ -1406,10 +1408,16 @@ a > .o-ui-code {
 
 .o-ui-container {
   width: 100%;
+  max-width: min(var(--o-ui-container-max-width, 100%), var(--o-ui-container-fluid-max-width, 100%));
   margin-left: auto;
   margin-right: auto;
   padding-left: var(--o-ui-container-left-gutter);
   padding-right: var(--o-ui-container-right-gutter);
+  --o-ui-container-max-width-sm: 540px;
+  --o-ui-container-max-width-md: 720px;
+  --o-ui-container-max-width-lg: 960px;
+  --o-ui-container-max-width-xl: 1140px;
+  --o-ui-container-max-width-xxl: 1320px;
   --o-ui-container-left-gutter: calc(var(--o-ui-space) * 2.5);
   --o-ui-container-right-gutter: calc(var(--o-ui-space) * 2.5);
 }
@@ -1461,28 +1469,38 @@ a > .o-ui-code {
 }
 
 @media (min-width: 576px) {
-  .o-ui-container--sm {
-    max-width: 540px;
+  .o-ui-container--fluid-sm {
+    --o-ui-container-fluid-max-width: var(
+      --o-ui-container-max-width-sm
+    );
   }
 }
 @media (min-width: 768px) {
-  .o-ui-container--md, .o-ui-container--sm {
-    max-width: 720px;
+  .o-ui-container--fluid-md, .o-ui-container--fluid-sm {
+    --o-ui-container-fluid-max-width: var(
+      --o-ui-container-max-width-md
+    );
   }
 }
 @media (min-width: 992px) {
-  .o-ui-container--lg, .o-ui-container--md, .o-ui-container--sm {
-    max-width: 960px;
+  .o-ui-container--fluid-lg, .o-ui-container--fluid-md, .o-ui-container--fluid-sm {
+    --o-ui-container-fluid-max-width: var(
+      --o-ui-container-max-width-lg
+    );
   }
 }
 @media (min-width: 1200px) {
-  .o-ui-container--xl, .o-ui-container--lg, .o-ui-container--md, .o-ui-container--sm {
-    max-width: 1140px;
+  .o-ui-container--fluid-xl, .o-ui-container--fluid-lg, .o-ui-container--fluid-md, .o-ui-container--fluid-sm {
+    --o-ui-container-fluid-max-width: var(
+      --o-ui-container-max-width-xl
+    );
   }
 }
 @media (min-width: 1400px) {
-  .o-ui-container--xxl, .o-ui-container--xl, .o-ui-container--lg, .o-ui-container--md, .o-ui-container--sm {
-    max-width: 1320px;
+  .o-ui-container--fluid-xxl, .o-ui-container--fluid-xl, .o-ui-container--fluid-lg, .o-ui-container--fluid-md, .o-ui-container--fluid-sm {
+    --o-ui-container-fluid-max-width: var(
+      --o-ui-container-max-width-xxl
+    );
   }
 }
 .o-ui-control-addon {
@@ -1532,7 +1550,7 @@ a > .o-ui-code {
   border-top-right-radius: var(--o-ui-control-addon-edge-border-radius, var(--o-ui-control-addon-border-radius));
   border-bottom-right-radius: var(--o-ui-control-addon-edge-border-radius, var(--o-ui-control-addon-border-radius));
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-control-addon {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -1625,7 +1643,7 @@ a > .o-ui-code {
   background-color: var(--o-ui-control-code-background-color);
   color: var(--o-ui-control-code-color);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-control-code {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -1815,7 +1833,7 @@ a > .o-ui-code {
 .o-ui-input:focus, .o-ui-date-range-input:focus {
   outline: 0;
 }
-.o-ui-input:is(:disabled, [data-loading]), .o-ui-date-range-input:is(:disabled, [data-loading]) {
+.o-ui-input:is(:disabled, [data-disabled]), .o-ui-date-range-input:is(:disabled, [data-disabled]) {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -1887,7 +1905,7 @@ a > .o-ui-code {
   background-color: color-mix(in srgb, var(--o-ui-control-background-color, var(--o-ui-background-color)) 50%, transparent);
   cursor: not-allowed;
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-input__container, .o-ui-date-range-input__container {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -1998,6 +2016,24 @@ a > .o-ui-code {
 .o-ui-date-range-input__popover-anchor > .o-ui-date-range-input__container:not(:last-child) > .o-ui-date-range-input__spinner:last-child {
   margin-right: calc(var(--o-ui-control-padding-x) - var(--o-ui-date-range-input-inset-x));
 }
+.o-ui-description-list {
+  margin-bottom: 0;
+  font-size: var(--o-ui-font-size-sm);
+  line-height: var(--o-ui-line-height-sm);
+}
+.o-ui-description-list__item {
+  display: flex;
+  flex-direction: column;
+}
+.o-ui-description-list__term {
+  margin-bottom: var(--o-ui-space);
+  font-weight: 500;
+  color: var(--o-ui-neutral-a11);
+}
+.o-ui-description-list__details {
+  margin: 0;
+}
+
 .o-ui-dialog {
   box-shadow: var(--o-ui-box-shadow-lg);
   z-index: var(--o-ui-z-index-dialog);
@@ -2006,12 +2042,12 @@ a > .o-ui-code {
 .o-ui-dialog:focus {
   outline: 0;
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-dialog[data-state=open] {
     animation: o-ui-transform-in 0.15s ease-out;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-dialog[data-state=closed] {
     animation: o-ui-transform-out 0.15s ease-out;
   }
@@ -2061,12 +2097,12 @@ a > .o-ui-code {
   scrollbar-width: thin;
   z-index: var(--o-ui-z-index-popover);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   [data-state=open].o-ui-popover, [data-state=open].o-ui-dropdown-menu {
     animation: o-ui-fade-in var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   [data-state=closed].o-ui-popover, [data-state=closed].o-ui-dropdown-menu {
     animation: o-ui-fade-out var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
@@ -2090,7 +2126,7 @@ a > .o-ui-code {
   max-height: var(--radix-dropdown-menu-content-available-height);
   z-index: var(--o-ui-z-index-dropdown);
 }
-:is(.o-ui-dropdown-menu__item, .o-ui-dropdown-menu__checkbox-item, .o-ui-dropdown-menu__radio-item) .o-ui-menu-list__item-action:not(a):not(:disabled):not([data-disabled]):not([data-loading]) {
+:is(.o-ui-dropdown-menu__item, .o-ui-dropdown-menu__checkbox-item, .o-ui-dropdown-menu__radio-item) .o-ui-menu-list__item-action:not(a):not(:disabled, [data-disabled]) {
   cursor: pointer;
 }
 .o-ui-feedback {
@@ -2098,7 +2134,7 @@ a > .o-ui-code {
   line-height: var(--o-ui-line-height-xs);
   color: var(--o-ui-accent-11);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-feedback {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -2123,7 +2159,7 @@ a > .o-ui-code {
 }
 
 .o-ui-feedback-popover {
-  padding: var(--o-ui-space) calc(var(--o-ui-space) * 2);
+  padding: calc(var(--o-ui-space) * 1.5) calc(var(--o-ui-space) * 2);
   max-width: min(500px, var(--radix-popover-content-available-width));
   max-height: min(600px, var(--radix-popover-content-available-height));
 }
@@ -2144,10 +2180,6 @@ a > .o-ui-code {
 .o-ui-date-range-input__container[data-variant=default] ~ .o-ui-feedback-popover__button-container {
   margin: 0 calc(var(--o-ui-control-padding-x) - (var(--o-ui-icon-button-min-size) - var(--o-ui-icon-button-font-size)) / 2);
 }
-.o-ui-feedback-popover .o-ui-feedback {
-  font-size: var(--o-ui-font-size-xs);
-  line-height: var(--o-ui-line-height-xs);
-}
 .o-ui-feedback-popover .o-ui-feedback ~ .o-ui-feedback {
   margin-top: calc(var(--o-ui-space) * 0.5);
 }
@@ -2650,6 +2682,9 @@ a > .o-ui-code {
 .o-ui-input[type=file i][data-variant=cell][data-status] {
   --o-ui-input-file-button-color: var(--o-ui-accent-a11);
 }
+.o-ui-input::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
 .o-ui-input ::-webkit-datetime-edit-fields-wrapper,
 .o-ui-input ::-webkit-datetime-edit-text,
 .o-ui-input ::-webkit-datetime-edit-minute,
@@ -2687,7 +2722,7 @@ a > .o-ui-code {
   font-weight: 500;
   line-height: var(--o-ui-line-height-sm);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-label {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -2717,7 +2752,7 @@ a > .o-ui-code {
 .o-ui-label__helper-popover {
   max-width: min(500px, var(--radix-popover-content-available-width));
   max-height: min(600px, var(--radix-popover-content-available-height));
-  padding: var(--o-ui-space) calc(var(--o-ui-space) * 2);
+  padding: calc(var(--o-ui-space) * 1.5) calc(var(--o-ui-space) * 2);
 }
 
 .o-ui-link:is(:any-link, button) {
@@ -2773,12 +2808,12 @@ a > .o-ui-code {
   z-index: var(--o-ui-z-index-overlay);
   background-color: var(--o-ui-neutral-a8);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-overlay[data-state=open] {
     animation: o-ui-fade-in var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-overlay[data-state=closed] {
     animation: o-ui-fade-out var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
@@ -3232,15 +3267,16 @@ a > .o-ui-code {
 }
 
 .o-ui-separator {
-  flex-shrink: 0;
-  background-color: #cdced6;
+  display: block;
+  background-color: var(--o-ui-accent-a6);
 }
 .o-ui-separator[data-orientation=horizontal] {
   height: 1px;
-  width: 100%;
+  width: var(--o-ui-separator-length, 100%);
 }
 .o-ui-separator[data-orientation=vertical] {
   width: 1px;
+  height: var(--o-ui-separator-length, calc(var(--o-ui-space) * 4));
 }
 
 .o-ui-spinner {
@@ -3510,14 +3546,21 @@ a > .o-ui-code {
   }
 }
 
+.o-ui-stepper {
+  display: flex;
+  flex-wrap: wrap;
+}
 .o-ui-stepper__step-list {
+  width: 100%;
+  margin: 0;
+  padding: 0;
   display: flex;
   justify-content: center;
 }
 .o-ui-stepper__step-list:not(:last-child) {
   margin-bottom: calc(var(--o-ui-space) * 2);
 }
-.o-ui-stepper__step-container {
+.o-ui-stepper__step {
   position: relative;
   flex: 1 0;
   display: flex;
@@ -3525,7 +3568,7 @@ a > .o-ui-code {
   align-items: center;
   justify-content: flex-end;
 }
-.o-ui-stepper__step-container::before {
+.o-ui-stepper__step:not(:first-child)::before {
   content: "";
   display: block;
   position: absolute;
@@ -3535,26 +3578,23 @@ a > .o-ui-code {
   width: calc(100% - 30px);
   background-color: var(--o-ui-neutral-a3);
 }
-@media (prefers-reduced-motion: no-preference) {
-  .o-ui-stepper__step-container::before {
+@media screen and (prefers-reduced-motion: no-preference) {
+  .o-ui-stepper__step:not(:first-child)::before {
     transition-property: var(--o-ui-transition-property);
     transition-duration: 0.3s;
     transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
-.o-ui-stepper__step-container:first-child::before {
-  display: none;
-}
-.o-ui-stepper__step-container[data-status]::before {
+.o-ui-stepper__step[data-status]::before {
   background-color: var(--o-ui-accent-a3);
 }
-.o-ui-stepper__step-container[data-visited]::before {
+.o-ui-stepper__step:is([data-completed], [data-active])::before {
   background-color: var(--o-ui-primary-a9);
 }
-.o-ui-stepper__step-container[data-visited][data-status]::before {
+.o-ui-stepper__step:is([data-completed], [data-active])[data-status]::before {
   background-color: var(--o-ui-accent-a9);
 }
-.o-ui-stepper__step {
+.o-ui-stepper__step-button {
   min-width: 30px;
   min-height: 30px;
   border-radius: 50%;
@@ -3564,14 +3604,48 @@ a > .o-ui-code {
   margin-bottom: calc(var(--o-ui-space) * 2);
   text-align: center;
 }
-.o-ui-stepper__step-label:not([data-visited]) {
+.o-ui-stepper__step-label:not([data-completed], [data-active]) {
   color: var(--o-ui-neutral-a9);
 }
-@media (prefers-reduced-motion: no-preference) {
-  .o-ui-stepper__step-content[data-state=active] {
+.o-ui-stepper__step-content-label {
+  display: inline-flex;
+  align-items: center;
+  margin-bottom: calc(var(--o-ui-space) * 1.5);
+  font-size: var(--o-ui-font-size-sm);
+  line-height: var(--o-ui-font-size-sm);
+  font-weight: 500;
+}
+.o-ui-stepper__step-content-label-index {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: calc(var(--o-ui-space) * 2);
+  min-width: 30px;
+  min-height: 30px;
+  border-radius: 50%;
+  background-color: var(--o-ui-primary-9);
+  color: var(--o-ui-primary-contrast);
+}
+.o-ui-stepper__step-content {
+  width: 100%;
+}
+.o-ui-stepper__step-content:focus-visible {
+  outline: 2px solid var(--o-ui-primary-8);
+}
+@media screen and (prefers-reduced-motion: no-preference) {
+  .o-ui-stepper__step-content[data-active] {
     animation: o-ui-fade-in var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
 }
+.o-ui-stepper__step-content + .o-ui-stepper__step-content-label {
+  margin-top: calc(var(--o-ui-space) * 3);
+}
+.o-ui-stepper__next-trigger, .o-ui-stepper__finish-trigger {
+  margin-left: auto;
+}
+:is(.o-ui-stepper__next-trigger, .o-ui-stepper__finish-trigger) + :is(.o-ui-stepper__next-trigger, .o-ui-stepper__finish-trigger) {
+  margin-left: calc(var(--o-ui-space) * 2);
+}
 
 .o-ui-table {
   width: 100%;
@@ -3620,7 +3694,7 @@ a > .o-ui-code {
   border-style: solid;
   border-color: var(--o-ui-table-border-color);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-table__scrollable {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -3756,7 +3830,7 @@ a > .o-ui-code {
   background-color: var(--o-ui-table-cell-background-color, var(--o-ui-background-color));
   color: var(--o-ui-table-cell-color);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-table__cell {
     transition-property: color, background-color;
     transition-duration: var(--o-ui-transition-duration);
@@ -3870,7 +3944,7 @@ a > .o-ui-code {
 .o-ui-table__column-icon[data-state=inactive], .o-ui-table__column-icon[data-state=next-active] {
   opacity: 0.25;
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-table__column-icon {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -3890,7 +3964,7 @@ a > .o-ui-code {
 .o-ui-table__column-helper-popover {
   max-width: min(500px, var(--radix-popover-content-available-width));
   max-height: min(600px, var(--radix-popover-content-available-height));
-  padding: var(--o-ui-space) calc(var(--o-ui-space) * 2);
+  padding: calc(var(--o-ui-space) * 1.5) calc(var(--o-ui-space) * 2);
 }
 
 .o-ui-tabs {
@@ -4036,9 +4110,6 @@ a > .o-ui-code {
   --o-ui-tabs-tab-inner-background-color: var(--o-ui-primary-10);
 }
 .o-ui-tabs__tab-inner {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
   max-width: 220px;
   min-width: var(--o-ui-tabs-tab-inner-min-width);
   min-height: var(--o-ui-tabs-tab-inner-min-height);
@@ -4061,13 +4132,18 @@ a > .o-ui-code {
   justify-content: center;
   transform: translate3d(0, 0, 0);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-tabs__tab, .o-ui-tabs__tab-inner {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
     transition-timing-function: var(--o-ui-transition-timing-function);
   }
 }
+.o-ui-tabs__tab-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .o-ui-tabs__scroll-button {
   position: relative;
   min-width: auto;
@@ -4129,7 +4205,7 @@ a > .o-ui-code {
   color: var(--o-ui-tag-color);
   box-shadow: var(--o-ui-tag-box-shadow);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-tag {
     transition-property: var(--o-ui-transition-property);
     transition-duration: var(--o-ui-transition-duration);
@@ -4189,7 +4265,7 @@ a > .o-ui-code {
     transform: translateX(0);
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-toast__root[data-state=open] {
     animation: o-ui-toast-open 0.25s ease-out;
   }
@@ -4205,7 +4281,7 @@ a > .o-ui-code {
     opacity: 0;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-toast__root[data-state=closed] {
     animation: 0.25s linear o-ui-toast-close;
   }
@@ -4248,7 +4324,7 @@ a > .o-ui-code {
     height: var(--radix-collapsible-content-height);
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-toast__container[data-state=open] {
     animation: o-ui-toast-collapsible-open 0.25s ease;
   }
@@ -4264,7 +4340,7 @@ a > .o-ui-code {
     height: 0;
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-toast__container[data-state=closed] {
     animation: o-ui-toast-collapsible-close 0.25s ease;
   }
@@ -4301,12 +4377,12 @@ a > .o-ui-code {
   box-shadow: var(--o-ui-box-shadow-sm);
   z-index: var(--o-ui-z-index-tooltip);
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-tooltip[data-state=delayed-open] {
     animation: o-ui-fade-in var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }
 }
-@media (prefers-reduced-motion: no-preference) {
+@media screen and (prefers-reduced-motion: no-preference) {
   .o-ui-tooltip[data-state=closed] {
     animation: o-ui-fade-out var(--o-ui-animation-fade-duration) var(--o-ui-animation-fade-timing-function);
   }