@godxjp/ui 22.0.0 → 23.0.0

package/dist/styles/navigation-layout.css

@@ -233,30 +233,6 @@
     text-align: center;
   }
 
-  .ui-context-menu-content {
-    z-index: var(--overlay-z-index);
-    min-width: var(--menu-content-min-width);
-    overflow: hidden;
-    border-radius: var(--radius-md);
-    border: 1px solid hsl(var(--border));
-    background: hsl(var(--popover));
-    color: hsl(var(--popover-foreground));
-    padding: var(--space-1);
-    box-shadow: var(--shadow-md), var(--shadow-glow);
-  }
-
-  .ui-context-menu-item,
-  .ui-context-menu-label,
-  .ui-context-menu-sub-trigger,
-  .ui-context-menu-checkbox-item,
-  .ui-context-menu-radio-item,
-  .ui-context-menu-shortcut,
-  .ui-menubar-item,
-  .ui-menubar-label,
-  .ui-menubar-trigger,
-  .ui-menubar-sub-trigger,
-  .ui-menubar-checkbox-item,
-  .ui-menubar-radio-item,
   .ui-dropdown-menu-item,
   .ui-dropdown-menu-label,
   .ui-dropdown-menu-sub-trigger,
@@ -272,12 +248,6 @@
     font-size: var(--menu-item-font-size);
   }
 
-  .ui-context-menu-item > svg,
-  .ui-context-menu-checkbox-item > svg,
-  .ui-context-menu-radio-item > svg,
-  .ui-menubar-item > svg,
-  .ui-menubar-checkbox-item > svg,
-  .ui-menubar-radio-item > svg,
   .ui-dropdown-menu-item > svg,
   .ui-dropdown-menu-checkbox-item > svg,
   .ui-dropdown-menu-radio-item > svg {
@@ -292,19 +262,10 @@
     padding-inline-start: var(--menu-item-inset-space-inline-start);
   }
 
-  .ui-context-menu-item,
-  .ui-context-menu-checkbox-item,
-  .ui-context-menu-radio-item,
-  .ui-context-menu-sub-trigger,
-  .ui-menubar-item,
-  .ui-menubar-checkbox-item,
-  .ui-menubar-radio-item,
-  .ui-menubar-sub-trigger,
   .ui-dropdown-menu-item,
   .ui-dropdown-menu-checkbox-item,
   .ui-dropdown-menu-radio-item,
-  .ui-dropdown-menu-sub-trigger,
-  .ui-navigation-menu-link {
+  .ui-dropdown-menu-sub-trigger {
     cursor: pointer;
     outline: none;
     user-select: none;
@@ -313,50 +274,25 @@
       color 150ms ease;
   }
 
-  .ui-context-menu-item:hover,
-  .ui-context-menu-sub-trigger:hover,
-  .ui-menubar-item:hover,
-  .ui-menubar-sub-trigger:hover,
   .ui-dropdown-menu-item:hover,
-  .ui-dropdown-menu-sub-trigger:hover,
-  .ui-navigation-menu-link:hover,
-  .ui-navigation-menu-item:hover {
-    background: var(--menubar-item-hover-background, hsl(var(--accent)));
-    color: var(--menubar-item-hover-foreground, hsl(var(--accent-foreground)));
-  }
-
-  .ui-context-menu-item[data-state="open"],
-  .ui-context-menu-item[data-state="checked"],
-  .ui-context-menu-item[data-highlighted],
-  .ui-menubar-item[data-state="open"],
-  .ui-menubar-item[data-state="active"],
-  .ui-menubar-item[data-state="checked"],
-  .ui-menubar-sub-trigger[data-state="open"],
+  .ui-dropdown-menu-sub-trigger:hover {
+    background: var(--menu-item-hover-background, hsl(var(--accent)));
+    color: var(--menu-item-hover-foreground, hsl(var(--accent-foreground)));
+  }
+
   .ui-dropdown-menu-item[data-state="open"],
   .ui-dropdown-menu-item[data-highlighted],
   .ui-dropdown-menu-checkbox-item[data-highlighted],
   .ui-dropdown-menu-radio-item[data-highlighted],
-  .ui-dropdown-menu-sub-trigger[data-state="open"],
-  .ui-navigation-menu-link[data-highlighted],
-  .ui-navigation-menu-item[data-focus-visible] {
-    background: var(--menubar-item-hover-background, hsl(var(--accent)));
-    color: var(--menubar-item-hover-foreground, hsl(var(--accent-foreground)));
+  .ui-dropdown-menu-sub-trigger[data-state="open"] {
+    background: var(--menu-item-hover-background, hsl(var(--accent)));
+    color: var(--menu-item-hover-foreground, hsl(var(--accent-foreground)));
   }
 
-  .ui-context-menu-item[data-variant="destructive"],
-  .ui-menubar-item[data-variant="destructive"],
   .ui-dropdown-menu-item[data-variant="destructive"] {
     color: hsl(var(--destructive));
   }
 
-  .ui-context-menu-item[data-variant="destructive"][data-state="focused"],
-  .ui-menubar-item[data-variant="destructive"][data-state="focused"] {
-    background: hsl(var(--destructive));
-    color: hsl(var(--destructive-foreground));
-  }
-
-  .ui-context-menu-separator,
-  .ui-menubar-separator,
   .ui-dropdown-menu-separator,
   .ui-select-separator {
     margin-block: var(--menu-separator-space-block);
@@ -365,8 +301,6 @@
     background: hsl(var(--border));
   }
 
-  .ui-context-menu-label,
-  .ui-menubar-label,
   .ui-dropdown-menu-label {
     height: auto;
     min-height: var(--menu-item-height);
@@ -374,19 +308,14 @@
     font-weight: var(--font-weight-medium);
   }
 
-  .ui-context-menu-shortcut,
-  .ui-menubar-shortcut,
   .ui-dropdown-menu-shortcut {
     margin-inline-start: auto;
     text-align: end;
     color: hsl(var(--muted-foreground));
-    font-size: var(--menubar-shortcut-font-size);
+    font-size: var(--menu-shortcut-font-size);
   }
 
-  .ui-context-menu-item-indicator,
-  .ui-menubar-item-indicator,
-  .ui-dropdown-menu-item-indicator,
-  .ui-navigation-menu-item-indicator {
+  .ui-dropdown-menu-item-indicator {
     display: inline-flex;
     width: 1rem;
     height: 1rem;
@@ -394,160 +323,6 @@
     justify-content: center;
     color: hsl(var(--accent-foreground));
   }
-
-  .ui-context-menu-check,
-  .ui-menubar-check {
-    width: 1rem;
-    height: 1rem;
-  }
-
-  .ui-context-menu-dot,
-  .ui-menubar-dot {
-    width: 0.5rem;
-    height: 0.5rem;
-    border-radius: var(--radius-pill);
-    background: currentColor;
-  }
-
-  .ui-context-menu-sub-content,
-  .ui-context-menu-sub-trigger,
-  .ui-menubar-sub-content,
-  .ui-menubar-sub-trigger {
-    position: relative;
-  }
-
-  .ui-context-menu-sub-content,
-  .ui-menubar-sub-content {
-    min-width: 10rem;
-    overflow: hidden;
-    border-radius: var(--radius-md);
-    border: 1px solid hsl(var(--border));
-    background: hsl(var(--popover));
-    color: hsl(var(--popover-foreground));
-    padding: var(--space-1);
-    box-shadow: var(--shadow-md), var(--shadow-glow);
-  }
-
-  .ui-context-menu-sub-trigger-icon,
-  .ui-menubar-sub-trigger-icon {
-    width: var(--menu-icon-size);
-    height: var(--menu-icon-size);
-    margin-inline-start: auto;
-    opacity: 0.75;
-  }
-
-  .ui-menubar {
-    display: flex;
-    min-height: var(--control-height);
-    align-items: center;
-    gap: var(--space-1);
-    border-radius: var(--radius-md);
-  }
-
-  .ui-menubar-trigger {
-    height: var(--control-height);
-    padding: 0 var(--space-3);
-    border-radius: var(--radius-md);
-  }
-
-  .ui-menubar-content {
-    min-width: 10rem;
-    overflow: hidden;
-    border-radius: var(--radius-md);
-    border: 1px solid hsl(var(--border));
-    background: hsl(var(--popover));
-    color: hsl(var(--popover-foreground));
-    padding: var(--space-1);
-    box-shadow: var(--shadow-md), var(--shadow-glow);
-  }
-
-  .ui-menubar-trigger[data-state="open"],
-  .ui-menubar-sub-trigger[data-state="open"] {
-    background: var(--menubar-item-hover-background, hsl(var(--accent)));
-    color: var(--menubar-item-hover-foreground, hsl(var(--accent-foreground)));
-  }
-
-  .ui-navigation-menu {
-    position: relative;
-    width: max-content;
-  }
-
-  .ui-navigation-menu-list {
-    display: flex;
-    align-items: center;
-    gap: var(--space-1);
-  }
-
-  .ui-navigation-menu-item,
-  .ui-navigation-menu-trigger {
-    position: relative;
-    cursor: pointer;
-    border-radius: var(--radius-md);
-    padding-inline: var(--space-2);
-    padding-block: var(--space-2);
-    height: var(--control-height);
-    font-size: var(--font-size-base);
-    display: inline-flex;
-    align-items: center;
-    gap: var(--space-1);
-    outline: none;
-  }
-
-  .ui-navigation-menu-trigger-icon {
-    width: var(--navigation-menu-trigger-icon-size);
-    height: var(--navigation-menu-trigger-icon-size);
-    margin-inline-start: var(--space-2);
-    opacity: 0.7;
-  }
-
-  .ui-navigation-menu-content {
-    position: absolute;
-    top: 100%;
-    inset-inline-start: 0;
-    min-width: 14rem;
-    z-index: 50;
-    overflow: hidden;
-    border: 1px solid hsl(var(--border));
-    border-radius: var(--radius-md);
-    background: hsl(var(--popover));
-    color: hsl(var(--popover-foreground));
-    padding: var(--space-1);
-    box-shadow: var(--shadow-md), var(--shadow-glow);
-  }
-
-  .ui-navigation-menu-link {
-    width: 100%;
-    cursor: pointer;
-  }
-
-  .ui-navigation-menu-viewport {
-    position: absolute;
-    inset-inline-start: 0;
-    top: 100%;
-    width: 100%;
-    overflow: hidden;
-    border-radius: var(--radius-md);
-    border: 1px solid hsl(var(--border));
-    background: hsl(var(--popover));
-    color: hsl(var(--popover-foreground));
-  }
-
-  .ui-navigation-menu-indicator {
-    position: absolute;
-    top: 100%;
-    z-index: 50;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 0.75rem;
-    overflow: hidden;
-  }
-
-  .ui-navigation-menu-item-indicator {
-    width: 100%;
-    transition: transform 200ms ease;
-    transform-origin: center;
-  }
 }
 
 @layer components {

package/dist/styles/shell-layout.css

@@ -17,116 +17,118 @@
     background: hsl(var(--background));
   }
 
-  .app-root[data-collapsed="true"] {
-    grid-template-columns: var(--app-shell-sidebar-collapsed-width) minmax(0, 1fr);
-  }
+  @media (width > 56.25rem) {
+    .app-root[data-collapsed="true"] {
+      grid-template-columns: var(--app-shell-sidebar-collapsed-width) minmax(0, 1fr);
+    }
 
-  .app-root[data-topbar-span="full"] {
-    grid-template-areas:
-      "topbar topbar"
-      "sidebar main"
-      "sidebar footer";
-  }
+    .app-root[data-topbar-span="full"] {
+      grid-template-areas:
+        "topbar topbar"
+        "sidebar main"
+        "sidebar footer";
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="start"] {
-    grid-template-areas:
-      "navrail sidebar topbar"
-      "navrail sidebar main"
-      "navrail sidebar footer";
-    grid-template-columns:
-      var(--app-shell-nav-rail-width)
-      var(--app-shell-sidebar-width)
-      minmax(0, 1fr);
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="start"] {
+      grid-template-areas:
+        "navrail sidebar topbar"
+        "navrail sidebar main"
+        "navrail sidebar footer";
+      grid-template-columns:
+        var(--app-shell-nav-rail-width)
+        var(--app-shell-sidebar-width)
+        minmax(0, 1fr);
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="start"][data-topbar-span="full"] {
-    grid-template-areas:
-      "topbar  topbar  topbar"
-      "navrail sidebar main"
-      "navrail sidebar footer";
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="start"][data-topbar-span="full"] {
+      grid-template-areas:
+        "topbar  topbar  topbar"
+        "navrail sidebar main"
+        "navrail sidebar footer";
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="end"] {
-    grid-template-areas:
-      "sidebar topbar  navrail"
-      "sidebar main    navrail"
-      "sidebar footer  navrail";
-    grid-template-columns:
-      var(--app-shell-sidebar-width)
-      minmax(0, 1fr)
-      var(--app-shell-nav-rail-width);
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="end"] {
+      grid-template-areas:
+        "sidebar topbar  navrail"
+        "sidebar main    navrail"
+        "sidebar footer  navrail";
+      grid-template-columns:
+        var(--app-shell-sidebar-width)
+        minmax(0, 1fr)
+        var(--app-shell-nav-rail-width);
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="end"][data-topbar-span="full"] {
-    grid-template-areas:
-      "topbar  topbar  topbar"
-      "sidebar main    navrail"
-      "sidebar footer  navrail";
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="end"][data-topbar-span="full"] {
+      grid-template-areas:
+        "topbar  topbar  topbar"
+        "sidebar main    navrail"
+        "sidebar footer  navrail";
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="top"] {
-    grid-template-areas:
-      "navrail navrail"
-      "sidebar topbar"
-      "sidebar main"
-      "sidebar footer";
-    grid-template-columns: var(--app-shell-sidebar-width) minmax(0, 1fr);
-    grid-template-rows:
-      var(--app-shell-nav-rail-height)
-      var(--app-shell-bar-height)
-      minmax(0, 1fr)
-      auto;
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="top"] {
+      grid-template-areas:
+        "navrail navrail"
+        "sidebar topbar"
+        "sidebar main"
+        "sidebar footer";
+      grid-template-columns: var(--app-shell-sidebar-width) minmax(0, 1fr);
+      grid-template-rows:
+        var(--app-shell-nav-rail-height)
+        var(--app-shell-bar-height)
+        minmax(0, 1fr)
+        auto;
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="top"][data-topbar-span="full"] {
-    grid-template-areas:
-      "navrail navrail"
-      "topbar  topbar"
-      "sidebar main"
-      "sidebar footer";
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="top"][data-topbar-span="full"] {
+      grid-template-areas:
+        "navrail navrail"
+        "topbar  topbar"
+        "sidebar main"
+        "sidebar footer";
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="bottom"] {
-    grid-template-areas:
-      "sidebar topbar"
-      "sidebar main"
-      "sidebar footer"
-      "navrail navrail";
-    grid-template-columns: var(--app-shell-sidebar-width) minmax(0, 1fr);
-    grid-template-rows:
-      var(--app-shell-bar-height)
-      minmax(0, 1fr)
-      auto
-      var(--app-shell-nav-rail-height);
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="bottom"] {
+      grid-template-areas:
+        "sidebar topbar"
+        "sidebar main"
+        "sidebar footer"
+        "navrail navrail";
+      grid-template-columns: var(--app-shell-sidebar-width) minmax(0, 1fr);
+      grid-template-rows:
+        var(--app-shell-bar-height)
+        minmax(0, 1fr)
+        auto
+        var(--app-shell-nav-rail-height);
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="bottom"][data-topbar-span="full"] {
-    grid-template-areas:
-      "topbar  topbar"
-      "sidebar main"
-      "sidebar footer"
-      "navrail navrail";
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="bottom"][data-topbar-span="full"] {
+      grid-template-areas:
+        "topbar  topbar"
+        "sidebar main"
+        "sidebar footer"
+        "navrail navrail";
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="start"][data-collapsed="true"] {
-    grid-template-columns:
-      var(--app-shell-nav-rail-width)
-      var(--app-shell-sidebar-collapsed-width)
-      minmax(0, 1fr);
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="start"][data-collapsed="true"] {
+      grid-template-columns:
+        var(--app-shell-nav-rail-width)
+        var(--app-shell-sidebar-collapsed-width)
+        minmax(0, 1fr);
+    }
 
-  .app-root[data-nav-rail][data-nav-rail-position="end"][data-collapsed="true"] {
-    grid-template-columns:
-      var(--app-shell-sidebar-collapsed-width)
-      minmax(0, 1fr)
-      var(--app-shell-nav-rail-width);
-  }
+    .app-root[data-nav-rail][data-nav-rail-position="end"][data-collapsed="true"] {
+      grid-template-columns:
+        var(--app-shell-sidebar-collapsed-width)
+        minmax(0, 1fr)
+        var(--app-shell-nav-rail-width);
+    }
 
-  .app-root[data-nav-rail]:is(
-      [data-nav-rail-position="top"],
-      [data-nav-rail-position="bottom"]
-    )[data-collapsed="true"] {
-    grid-template-columns: var(--app-shell-sidebar-collapsed-width) minmax(0, 1fr);
+    .app-root[data-nav-rail]:is(
+        [data-nav-rail-position="top"],
+        [data-nav-rail-position="bottom"]
+      )[data-collapsed="true"] {
+      grid-template-columns: var(--app-shell-sidebar-collapsed-width) minmax(0, 1fr);
+    }
   }
 
   .app-root[data-topbar="none"] {
@@ -817,51 +819,54 @@
     font-size: var(--font-size-base);
   }
 
-  .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="start"] {
-    grid-template-columns: var(--app-shell-nav-rail-width) minmax(0, 1fr);
-    grid-template-areas: "navrail topbar" "navrail main" "navrail footer";
-  }
-  .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="start"][data-topbar-span="full"] {
-    grid-template-areas: "topbar topbar" "navrail main" "navrail footer";
-  }
-  .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="end"] {
-    grid-template-columns: minmax(0, 1fr) var(--app-shell-nav-rail-width);
-    grid-template-areas: "topbar navrail" "main navrail" "footer navrail";
-  }
-  .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="end"][data-topbar-span="full"] {
-    grid-template-areas: "topbar topbar" "main navrail" "footer navrail";
-  }
+  @media (width > 56.25rem) {
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="start"] {
+      grid-template-columns: var(--app-shell-nav-rail-width) minmax(0, 1fr);
+      grid-template-areas: "navrail topbar" "navrail main" "navrail footer";
+    }
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="start"][data-topbar-span="full"] {
+      grid-template-areas: "topbar topbar" "navrail main" "navrail footer";
+    }
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="end"] {
+      grid-template-columns: minmax(0, 1fr) var(--app-shell-nav-rail-width);
+      grid-template-areas: "topbar navrail" "main navrail" "footer navrail";
+    }
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="end"][data-topbar-span="full"] {
+      grid-template-areas: "topbar topbar" "main navrail" "footer navrail";
+    }
 
-  .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="top"] {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-areas: "navrail" "topbar" "main" "footer";
-    grid-template-rows:
-      var(--app-shell-nav-rail-height)
-      var(--app-shell-bar-height)
-      minmax(0, 1fr)
-      auto;
-  }
-  .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="top"][data-topbar-span="full"] {
-    grid-template-areas: "navrail" "topbar" "main" "footer";
-  }
-  .app-root:where([data-sidebar="none"])[data-nav-rail]:is(
-      [data-nav-rail-position="bottom"]
-    ) {
-    grid-template-columns: minmax(0, 1fr);
-    grid-template-areas: "topbar" "main" "footer" "navrail";
-    grid-template-rows:
-      var(--app-shell-bar-height)
-      minmax(0, 1fr)
-      auto
-      var(--app-shell-nav-rail-height);
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="top"] {
+      grid-template-columns: minmax(0, 1fr);
+      grid-template-areas: "navrail" "topbar" "main" "footer";
+      grid-template-rows:
+        var(--app-shell-nav-rail-height)
+        var(--app-shell-bar-height)
+        minmax(0, 1fr)
+        auto;
+    }
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="top"][data-topbar-span="full"] {
+      grid-template-areas: "navrail" "topbar" "main" "footer";
+    }
+    .app-root:where([data-sidebar="none"])[data-nav-rail]:is(
+        [data-nav-rail-position="bottom"]
+      ) {
+      grid-template-columns: minmax(0, 1fr);
+      grid-template-areas: "topbar" "main" "footer" "navrail";
+      grid-template-rows:
+        var(--app-shell-bar-height)
+        minmax(0, 1fr)
+        auto
+        var(--app-shell-nav-rail-height);
+    }
+
+    .app-root:where([data-sidebar="none"])[data-nav-rail][data-nav-rail-position="bottom"][data-topbar-span="full"] {
+      grid-template-areas: "topbar" "main" "footer" "navrail";
+    }
   }
 
   @media (width <= 56.25rem) {
-    .app-root,
-    .app-root[data-collapsed="true"],
-    .app-root[data-nav-rail],
-    .app-root[data-nav-rail][data-collapsed="true"],
-    .app-root[data-nav-rail][data-topbar-span="full"] {
+
+    .app-root {
       grid-template-areas:
         "topbar"
         "main"

package/dist/styles/table-layout.css

@@ -188,7 +188,7 @@
 
     overflow: clip;
 
-    min-inline-size: var(--table-surface-min-inline-size);
+    min-inline-size: min-content;
     border: 1px solid hsl(var(--border));
     border-radius: var(--radius-md);
   }
@@ -197,6 +197,10 @@
     min-inline-size: 0;
   }
 
+  .ui-data-table-surface:not([data-preset]) > * > [data-slot="table"] {
+    min-inline-size: var(--table-surface-min-inline-size);
+  }
+
   .ui-data-table-surface[data-striped] tbody tr:nth-child(even):not([data-state="selected"]) {
     background-color: var(--table-row-striped-background, hsl(var(--muted) / 0.4));
   }
@@ -286,7 +290,7 @@
       inset-inline-end: 0;
     }
 
-    .ui-data-table-surface {
+    .ui-data-table-surface:not([data-preset]) > * > [data-slot="table"] {
       min-inline-size: 0;
     }
   }
@@ -356,7 +360,7 @@
     max-block-size: var(--table-scroll-block-size, none);
   }
 
-  .ui-data-table-scroll[data-scroll-x] :is(.ui-data-table-surface, [data-slot="table"]) {
+  .ui-data-table-scroll[data-scroll-x] [data-slot="table"] {
     min-inline-size: var(--table-scroll-inline-size, auto);
   }
 

package/dist/tokens/components/control.css

@@ -105,6 +105,8 @@
   --slider-track-height: 0.375rem;
   --slider-thumb-size: 1rem;
 
+  --slider-vertical-min-block-size: 10rem;
+
   --otp-slot-size: initial;
 
   --otp-slot-inline-size: initial;
@@ -198,6 +200,8 @@
   --search-select-panel-inline-size: auto;
   --search-select-panel-viewport-inset: var(--space-6);
   --search-select-list-space-inset: var(--space-1);
+
+  --search-select-list-max-height: none;
   --search-select-footer-space-inset: var(--space-1);
   --search-select-option-space-gap: var(--space-2);
   --search-select-option-font-size: var(--font-size-sm);