@godxjp/ui 29.0.0 → 30.0.0

package/dist/styles/navigation-layout.css

@@ -48,6 +48,10 @@
     scrollbar-width: thin;
   }
 
+  [data-slot="tabs-trigger"] {
+    border-width: var(--stroke-hairline);
+  }
+
   [data-slot="tabs-list"][data-variant="line"] [data-slot="tabs-trigger"]::after {
     content: "";
     position: absolute;
@@ -224,23 +228,27 @@
 
   [data-slot="tabs"][data-variant="card"] [data-slot="tabs-list"],
   [data-slot="tabs"][data-variant="editable-card"] [data-slot="tabs-list"] {
-    box-shadow: inset 0 calc(-1 * var(--tabs-card-rail-border-width)) 0 hsl(var(--border));
+    box-shadow: inset 0 calc(-1 * var(--tabs-card-rail-border-width, var(--stroke-hairline))) 0
+      hsl(var(--border));
   }
 
   [data-slot="tabs"][data-variant="card"][data-placement="bottom"] [data-slot="tabs-list"],
   [data-slot="tabs"][data-variant="editable-card"][data-placement="bottom"]
     [data-slot="tabs-list"] {
-    box-shadow: inset 0 var(--tabs-card-rail-border-width) 0 hsl(var(--border));
+    box-shadow: inset 0 var(--tabs-card-rail-border-width, var(--stroke-hairline)) 0
+      hsl(var(--border));
   }
 
   [data-slot="tabs"][data-variant="card"][data-placement="start"] [data-slot="tabs-list"],
   [data-slot="tabs"][data-variant="editable-card"][data-placement="start"] [data-slot="tabs-list"] {
-    box-shadow: inset calc(-1 * var(--tabs-card-rail-border-width)) 0 0 hsl(var(--border));
+    box-shadow: inset calc(-1 * var(--tabs-card-rail-border-width, var(--stroke-hairline))) 0 0
+      hsl(var(--border));
   }
 
   [data-slot="tabs"][data-variant="card"][data-placement="end"] [data-slot="tabs-list"],
   [data-slot="tabs"][data-variant="editable-card"][data-placement="end"] [data-slot="tabs-list"] {
-    box-shadow: inset var(--tabs-card-rail-border-width) 0 0 hsl(var(--border));
+    box-shadow: inset var(--tabs-card-rail-border-width, var(--stroke-hairline)) 0 0
+      hsl(var(--border));
   }
 
   [dir="rtl"]
@@ -249,14 +257,16 @@
   [dir="rtl"]
     [data-slot="tabs"][data-variant="editable-card"][data-placement="start"]
     [data-slot="tabs-list"] {
-    box-shadow: inset var(--tabs-card-rail-border-width) 0 0 hsl(var(--border));
+    box-shadow: inset var(--tabs-card-rail-border-width, var(--stroke-hairline)) 0 0
+      hsl(var(--border));
   }
 
   [dir="rtl"] [data-slot="tabs"][data-variant="card"][data-placement="end"] [data-slot="tabs-list"],
   [dir="rtl"]
     [data-slot="tabs"][data-variant="editable-card"][data-placement="end"]
     [data-slot="tabs-list"] {
-    box-shadow: inset calc(-1 * var(--tabs-card-rail-border-width)) 0 0 hsl(var(--border));
+    box-shadow: inset calc(-1 * var(--tabs-card-rail-border-width, var(--stroke-hairline))) 0 0
+      hsl(var(--border));
   }
 
   [data-slot="tabs"][data-bodied="true"] {
@@ -380,7 +390,7 @@
 
   @media (forced-colors: active) {
     [data-slot="tabs-trigger"][data-state="active"] .ui-tabs-count {
-      outline: var(--tabs-count-forced-outline-width) solid currentColor;
+      outline: var(--tabs-count-forced-outline-width, var(--stroke-hairline)) solid currentColor;
     }
   }
 
@@ -440,7 +450,7 @@
     block-size: var(--tabs-add-size);
     align-items: center;
     justify-content: center;
-    border: var(--tabs-card-rail-border-width) solid hsl(var(--border));
+    border: var(--tabs-card-rail-border-width, var(--stroke-hairline)) solid hsl(var(--border));
     border-radius: var(--tabs-add-radius, calc(var(--radius) / var(--radius-ratio)));
     background: hsl(
       var(--tabs-card-background, var(--muted)) / var(--tabs-card-background-alpha, 100%)
@@ -686,7 +696,7 @@
     z-index: var(--overlay-z-index);
     min-width: var(--menu-content-min-width);
     border-radius: var(--radius-md, calc(var(--radius) / var(--radius-ratio)));
-    border: 1px solid hsl(var(--border));
+    border: var(--stroke-hairline) solid hsl(var(--border));
 
     background: var(
       --dropdown-content-background,
@@ -836,7 +846,8 @@
   }
 
   .ui-steps-dot[data-status="process"] {
-    box-shadow: 0 0 0 var(--steps-dot-process-ring-width) hsl(var(--primary) / 0.2);
+    box-shadow: 0 0 0 var(--steps-dot-process-ring-width, var(--stroke-xl))
+      hsl(var(--primary) / 0.2);
   }
 
   .ui-steps-dot[data-status="error"] {
@@ -849,7 +860,7 @@
 
   .ui-steps-marker {
     border-radius: var(--radius-pill);
-    border: var(--steps-marker-border-width) solid transparent;
+    border: var(--steps-marker-border-width, var(--stroke-md)) solid transparent;
     font-size: var(--steps-marker-font-size);
     font-weight: var(--font-weight-medium);
   }
@@ -1003,7 +1014,7 @@
     align-items: center;
     justify-content: center;
     border-radius: var(--radius-pill);
-    padding: var(--steps-progress-ring-width);
+    padding: var(--steps-progress-ring-width, var(--stroke-md));
     background: conic-gradient(
       hsl(var(--primary)) calc(var(--steps-progress-ratio, 0) * 360deg),
       hsl(var(--steps-progress-track-color, var(--muted))) 0
@@ -1243,7 +1254,7 @@
 
   .ui-conversations-separator[data-dashed="true"] {
     height: 0;
-    border-block-start: var(--separator-rule-size) dashed
+    border-block-start: var(--separator-rule-size, var(--stroke-hairline)) dashed
       hsl(var(--separator-rule-color, var(--border)));
     background: transparent;
   }
@@ -1454,7 +1465,8 @@
     translate: var(--mega-menu-panel-translate-x, 0) var(--mega-menu-panel-translate-y, 0);
     max-block-size: var(--mega-menu-panel-max-height);
     overflow-y: auto;
-    border: var(--mega-menu-panel-border-width) solid var(--mega-menu-panel-border-color);
+    border: var(--mega-menu-panel-border-width, var(--stroke-hairline)) solid
+      var(--mega-menu-panel-border-color);
     border-radius: var(--mega-menu-panel-radius, calc(var(--radius) / var(--radius-ratio)));
     background: var(--mega-menu-panel-background);
     color: var(--mega-menu-panel-foreground);
@@ -1598,7 +1610,7 @@
   .ui-mega-menu-panel-footer {
     margin-block-start: var(--mega-menu-panel-footer-gap);
     padding-block-start: var(--mega-menu-panel-footer-gap);
-    border-block-start: var(--mega-menu-panel-border-width) solid
+    border-block-start: var(--mega-menu-panel-border-width, var(--stroke-hairline)) solid
       var(--mega-menu-panel-footer-border-color);
   }
 

package/dist/styles/shell-layout.css

@@ -150,7 +150,7 @@
 
     overflow: clip;
     overflow-clip-margin: var(--focus-ring-clip-margin);
-    border-inline-end: 1px solid hsl(var(--border));
+    border-inline-end: var(--stroke-hairline) solid hsl(var(--border));
 
     background: var(
       --sidebar-surface-background,
@@ -174,7 +174,7 @@
     align-items: center;
     overflow: clip;
     overflow-clip-margin: var(--focus-ring-clip-margin);
-    border-inline-end: 1px solid hsl(var(--border));
+    border-inline-end: var(--stroke-hairline) solid hsl(var(--border));
     background: var(--app-shell-nav-rail-background, hsl(var(--muted)));
     color: hsl(var(--foreground));
     padding-block: var(--app-shell-nav-rail-inset);
@@ -204,7 +204,7 @@
   }
 
   .app-nav-rail[data-edge="end"] {
-    border-inline-start: 1px solid hsl(var(--border));
+    border-inline-start: var(--stroke-hairline) solid hsl(var(--border));
     border-inline-end: 0;
   }
 
@@ -222,11 +222,11 @@
   }
 
   .app-nav-rail[data-edge="top"] {
-    border-block-end: 1px solid hsl(var(--border));
+    border-block-end: var(--stroke-hairline) solid hsl(var(--border));
   }
 
   .app-nav-rail[data-edge="bottom"] {
-    border-block-start: 1px solid hsl(var(--border));
+    border-block-start: var(--stroke-hairline) solid hsl(var(--border));
   }
 
   .app-root:not([data-topbar-span="full"]):is(
@@ -258,7 +258,7 @@
     align-items: center;
     gap: var(--app-shell-bar-gap);
     padding-inline: var(--app-shell-bar-inset);
-    border-bottom: 1px solid hsl(var(--border));
+    border-bottom: var(--stroke-hairline) solid hsl(var(--border));
 
     background: var(--app-shell-bar-background, hsl(var(--card) / var(--card-alpha, 100%)));
 
@@ -290,7 +290,7 @@
 
   .app-footer {
     grid-area: footer;
-    border-top: 1px solid hsl(var(--border));
+    border-top: var(--stroke-hairline) solid hsl(var(--border));
     background: hsl(var(--background));
   }
 
@@ -610,7 +610,7 @@
     --separator-label-line-height: var(--auth-shell-divider-label-line-height);
     --separator-label-font-weight: var(--font-weight-normal);
     --separator-rule-color: var(--auth-shell-divider-rule-color);
-    --separator-label-color: var(--auth-shell-divider-label-color);
+    --separator-label-color: var(--auth-shell-divider-label-color, var(--muted-foreground));
   }
 
   @media (max-width: 30rem) {
@@ -658,7 +658,7 @@
     align-items: center;
     gap: var(--space-3);
     padding-inline: var(--centered-shell-bar-padding-x);
-    border-bottom: 1px solid hsl(var(--border));
+    border-bottom: var(--stroke-hairline) solid hsl(var(--border));
     background: hsl(var(--card) / var(--card-alpha, 100%));
 
     background-image: var(--topbar-gradient);
@@ -699,7 +699,7 @@
 
   .ui-centered-shell-footer {
     padding: var(--centered-shell-footer-padding);
-    border-top: 1px solid hsl(var(--border));
+    border-top: var(--stroke-hairline) solid hsl(var(--border));
     text-align: center;
     color: hsl(var(--muted-foreground));
   }
@@ -723,7 +723,7 @@
     block-size: var(--app-shell-bar-height);
     min-inline-size: 0;
     align-items: center;
-    border-block-end: 1px solid hsl(var(--border));
+    border-block-end: var(--stroke-hairline) solid hsl(var(--border));
     padding-inline: var(--space-3);
   }
 
@@ -834,7 +834,7 @@
     min-height: 0;
     flex: 0 0 auto;
     flex-direction: column;
-    border-inline-end: 1px solid hsl(var(--border));
+    border-inline-end: var(--stroke-hairline) solid hsl(var(--border));
     inline-size: var(--app-shell-nav-rail-width);
     overflow-y: auto;
     overscroll-behavior: contain;
@@ -855,7 +855,7 @@
   }
 
   .app-breadcrumb {
-    border-bottom: 1px solid hsl(var(--border));
+    border-bottom: var(--stroke-hairline) solid hsl(var(--border));
 
     padding: var(--space-2) var(--space-page-active-x);
     color: hsl(var(--muted-foreground));
@@ -1157,7 +1157,7 @@
   }
 
   .ui-org-switcher-meta {
-    color: hsl(var(--org-switcher-meta-foreground));
+    color: hsl(var(--org-switcher-meta-foreground, var(--muted-foreground)));
     font-size: var(--sidebar-user-role-font-size);
   }
 
@@ -1211,7 +1211,7 @@
 
   .ui-org-switcher-command .ui-command-input-wrapper {
 
-    border: 1px solid hsl(var(--input) / var(--input-alpha, 100%));
+    border: var(--stroke-hairline) solid hsl(var(--input) / var(--input-alpha, 100%));
     border-radius: var(--control-radius);
 
     margin-block: var(--org-switcher-search-space-block);
@@ -1362,13 +1362,13 @@
   .ui-app-launcher-launchpad .ui-app-launcher-tile:hover,
   .ui-app-launcher-launchpad .ui-app-launcher-tile[aria-current="page"] {
     background: var(--app-launcher-launchpad-tile-hover-background);
-    color: hsl(var(--app-launcher-tile-color));
+    color: hsl(var(--app-launcher-tile-color, var(--foreground)));
   }
 
   .ui-app-launcher-launchpad .ui-app-launcher-mark {
     width: var(--app-launcher-launchpad-mark-size);
     height: var(--app-launcher-launchpad-mark-size);
-    border: 1px solid var(--app-launcher-launchpad-mark-border-color);
+    border: var(--stroke-hairline) solid var(--app-launcher-launchpad-mark-border-color);
     border-radius: var(--app-launcher-launchpad-mark-radius, var(--radius));
     background: var(--app-launcher-launchpad-mark-background);
     box-shadow: var(--app-launcher-launchpad-mark-shadow);
@@ -1446,7 +1446,7 @@
     gap: var(--app-launcher-tile-gap);
     padding: var(--app-launcher-tile-padding);
     border-radius: var(--app-launcher-tile-radius, var(--radius));
-    color: hsl(var(--app-launcher-tile-color));
+    color: hsl(var(--app-launcher-tile-color, var(--foreground)));
     text-align: center;
     text-decoration: none;
     transition:
@@ -1499,7 +1499,7 @@
 
   .ui-app-launcher-group-label {
     padding-inline: var(--app-launcher-tile-padding);
-    color: hsl(var(--app-launcher-group-label-color));
+    color: hsl(var(--app-launcher-group-label-color, var(--muted-foreground)));
     font-size: var(--app-launcher-group-label-font-size);
     font-weight: var(--font-weight-medium);
   }
@@ -1533,7 +1533,7 @@
     gap: var(--space-2);
     padding-inline: var(--space-4);
     border: 0;
-    border-bottom: 1px solid hsl(var(--border));
+    border-bottom: var(--stroke-hairline) solid hsl(var(--border));
     background: transparent;
     color: inherit;
     font-family: inherit;
@@ -1757,7 +1757,7 @@
 
   .sb-footer {
     margin-top: auto;
-    border-top: 1px solid hsl(var(--border));
+    border-top: var(--stroke-hairline) solid hsl(var(--border));
     padding: var(--space-2);
   }
 
@@ -1780,7 +1780,7 @@
     gap: 2px;
     margin: 2px 0 var(--space-1) calc(var(--space-2) + 0.6875rem);
     padding-inline-start: var(--space-3);
-    border-inline-start: 1px solid hsl(var(--border));
+    border-inline-start: var(--stroke-hairline) solid hsl(var(--border));
   }
 
   .sb-nav-item--sub {
@@ -1916,7 +1916,7 @@
     width: 0.5625rem;
     height: 0.5625rem;
     border-radius: var(--radius-pill);
-    border: 1.5px solid hsl(var(--card) / var(--card-alpha, 100%));
+    border: var(--stroke-sm) solid hsl(var(--card) / var(--card-alpha, 100%));
     background: hsl(var(--success));
   }
 
@@ -2096,7 +2096,7 @@
     border: 0;
     border-radius: var(--topbar-item-radius);
     background: transparent;
-    color: hsl(var(--topbar-item-color));
+    color: hsl(var(--topbar-item-color, var(--muted-foreground)));
     cursor: pointer;
 
     font: inherit;
@@ -2183,62 +2183,6 @@
     }
   }
 
-  .tb-chip {
-    display: inline-flex;
-    max-width: 15rem;
-    min-width: 0;
-    height: var(--control-height-sm);
-    align-items: center;
-    gap: var(--space-1);
-    padding-inline: var(--space-2);
-    border: 1px solid transparent;
-    border-radius: var(--radius);
-    background: transparent;
-    color: hsl(var(--foreground));
-    cursor: pointer;
-    font: inherit;
-    font-size: var(--font-size-base);
-  }
-
-  .tb-chip:hover,
-  .tb-chip[data-open="true"] {
-    border-color: hsl(var(--border));
-    background: hsl(var(--accent));
-  }
-
-  .tb-chip-empty {
-    border-color: hsl(var(--border));
-    border-style: dashed;
-    color: hsl(var(--muted-foreground));
-  }
-
-  .tb-chip-static,
-  .tb-chip-static:hover {
-    border-color: transparent;
-    background: transparent;
-    cursor: default;
-  }
-
-  .tb-chip-label {
-    min-width: 0;
-    overflow: hidden;
-    font-weight: 500;
-
-    line-height: 1.5;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  .tb-chip-caret,
-  .tb-chip-sep {
-    color: hsl(var(--muted-foreground));
-  }
-
-  .tb-chip-caret svg {
-    width: var(--topbar-caret-icon-size);
-    height: var(--topbar-caret-icon-size);
-  }
-
   .tb-search {
     display: flex;
 
@@ -2251,7 +2195,7 @@
     align-items: center;
     gap: var(--space-2);
     padding-inline: var(--space-2);
-    border: 1px solid hsl(var(--input) / var(--input-alpha, 100%));
+    border: var(--stroke-hairline) solid hsl(var(--input) / var(--input-alpha, 100%));
     border-radius: var(--radius);
     background: hsl(var(--background));
     color: hsl(var(--muted-foreground));
@@ -2275,8 +2219,8 @@
     align-items: center;
     margin-inline-start: auto;
     padding: 1px 5px;
-    border: 1px solid hsl(var(--border));
-    border-bottom-width: 2px;
+    border: var(--stroke-hairline) solid hsl(var(--border));
+    border-bottom-width: var(--stroke-md);
     border-radius: 4px;
     background: hsl(var(--secondary));
     color: hsl(var(--muted-foreground));
@@ -2327,7 +2271,6 @@
       padding-inline: var(--topbar-item-padding-inline-compact);
     }
 
-    .tb-chip-sep,
     .tb-search .kbd,
 
     .tb-search .tb-search-label {
@@ -2488,7 +2431,7 @@
     align-items: center;
     gap: var(--mobile-shell-region-gap);
     padding-inline: var(--mobile-shell-padding-inline);
-    border-block-end: 1px solid hsl(var(--border));
+    border-block-end: var(--stroke-hairline) solid hsl(var(--border));
     background: hsl(var(--card) / var(--card-alpha, 100%));
     background-image: var(--topbar-gradient);
   }
@@ -2531,7 +2474,7 @@
     gap: var(--mobile-shell-region-gap);
     padding-block: var(--mobile-shell-actions-padding-block);
     padding-inline: var(--mobile-shell-padding-inline);
-    border-block-start: 1px solid hsl(var(--border));
+    border-block-start: var(--stroke-hairline) solid hsl(var(--border));
     background: hsl(var(--card) / var(--card-alpha, 100%));
   }
 
@@ -2544,7 +2487,7 @@
     flex: 0 0 auto;
     padding-block-end: var(--mobile-shell-safe-inset-block-end);
     padding-inline: var(--mobile-shell-safe-inset-inline);
-    border-block-start: 1px solid hsl(var(--border));
+    border-block-start: var(--stroke-hairline) solid hsl(var(--border));
     background: hsl(var(--card) / var(--card-alpha, 100%));
   }
 

package/dist/styles/table-layout.css

@@ -8,7 +8,7 @@
   }
 
   .ui-table-row {
-    border-block-end-width: var(--table-row-border-width);
+    border-block-end-width: var(--table-row-border-width, var(--stroke-hairline));
   }
 
   [data-slot="table-body"] .ui-table-row:last-child {
@@ -97,9 +97,11 @@
   }
 
   .ui-table-row[data-tone] > [data-slot="table-cell"]:first-child {
-    border-inline-start: var(--table-row-tone-rail-width) solid hsl(var(--table-row-tone-color));
+    border-inline-start: var(--table-row-tone-rail-width, var(--stroke-2xl)) solid
+      hsl(var(--table-row-tone-color));
     padding-inline-start: calc(
-      var(--table-cell-space-x, var(--space-section-active)) - var(--table-row-tone-rail-width)
+      var(--table-cell-space-x, var(--space-section-active)) -
+        var(--table-row-tone-rail-width, var(--stroke-2xl))
     );
   }
 
@@ -271,7 +273,7 @@
 
     min-inline-size: min-content;
 
-    border: 1px solid var(--table-border-color, hsl(var(--border)));
+    border: var(--stroke-hairline) solid var(--table-border-color, hsl(var(--border)));
     border-radius: var(--radius-md, calc(var(--radius) / var(--radius-ratio)));
 
     background-color: var(
@@ -303,7 +305,7 @@
   }
 
   [data-slot="card-content"][data-flush] .ui-data-table-toolbar {
-    border-bottom: 1px solid hsl(var(--card-border, var(--border)));
+    border-bottom: var(--stroke-hairline) solid hsl(var(--card-border, var(--border)));
     padding: var(--card-space-header-y) var(--card-space-inset);
   }
 
@@ -507,7 +509,8 @@
   }
 
   .ui-data-table-summary > tr > [data-slot="table-cell"] {
-    border-block-start: var(--table-summary-border-width) solid hsl(var(--border));
+    border-block-start: var(--table-summary-border-width, var(--stroke-hairline)) solid
+      hsl(var(--border));
   }
 
   .ui-data-table-filter-trigger[data-filtered] {
@@ -525,11 +528,11 @@
   }
 
   .ui-table-bordered {
-    border: 1px solid var(--table-border-color, hsl(var(--border)));
+    border: var(--stroke-hairline) solid var(--table-border-color, hsl(var(--border)));
   }
 
   .ui-table-bordered :is([data-slot="table-head"], [data-slot="table-cell"]):not(:last-child) {
-    border-inline-end: 1px solid var(--table-border-color, hsl(var(--border)));
+    border-inline-end: var(--stroke-hairline) solid var(--table-border-color, hsl(var(--border)));
   }
 
   [data-slot="card-content"][data-flush]

package/dist/styles/toggle.css

@@ -42,7 +42,7 @@
     }
 
     .ui-toggle[data-state="on"] .ui-toggle-count {
-      outline: var(--toggle-count-forced-outline-width) solid currentColor;
+      outline: var(--toggle-count-forced-outline-width, var(--stroke-hairline)) solid currentColor;
     }
   }
 }

package/dist/tokens/components/banner.css

@@ -4,7 +4,7 @@
 
   --banner-radius: 0;
 
-  --banner-border-width: 1px;
+  --banner-border-width: initial;
 
   --banner-space-inset-block: var(--space-3);
   --banner-space-inset-inline: var(--space-page-active-x, var(--space-6));

package/dist/tokens/components/card.css

@@ -45,13 +45,13 @@
 
   --card-backdrop-blur-size: initial;
 
-  --card-accent-rail-width: var(--stroke-2xl);
+  --card-accent-rail-width: initial;
 
-  --card-accent-perimeter-width: var(--stroke-hairline);
-  --card-accent-perimeter-ring-width: var(--stroke-hairline);
+  --card-accent-perimeter-width: initial;
+  --card-accent-perimeter-ring-width: initial;
 
   --card-featured-border-color: initial;
-  --card-featured-ring-width: var(--stroke-hairline);
+  --card-featured-ring-width: initial;
   --stat-card-label-font-size: var(
     --font-size-xs,
     calc(var(--font-size-base) / var(--font-size-ratio))

package/dist/tokens/components/chart.css

@@ -14,7 +14,7 @@
 
   --chart-trend-bar-max-width: 1.5rem;
 
-  --chart-trend-bar-min-height: var(--stroke-md);
+  --chart-trend-bar-min-height: initial;
 
   --chart-trend-bar-background: initial;
 

package/dist/tokens/components/chat-bubble.css

@@ -22,7 +22,7 @@
   --chat-bubble-list-jump-inset: var(--space-3);
 
   --chat-bubble-typing-caret-color: initial;
-  --chat-bubble-typing-caret-width: var(--stroke-md);
+  --chat-bubble-typing-caret-width: initial;
 
   --chat-bubble-typing-caret-height: 1em;
 

package/dist/tokens/components/control.css

@@ -34,7 +34,7 @@
   --button-backdrop-blur-size: initial;
 
   --control-font-size: var(--font-size-base);
-  --control-border-width: var(--stroke-hairline);
+  --control-border-width: initial;
   --control-shadow: var(--shadow-xs);
   --control-icon-size: calc(var(--icon-size-md) * var(--scaling));
   --control-icon-size-sm: calc(var(--icon-size-sm) * var(--scaling));
@@ -50,7 +50,7 @@
   --control-variant-filled-hover-background-alpha: initial;
 
   --control-count-font-size: var(--font-size-sm, var(--font-size-base));
-  --control-count-color: var(--muted-foreground);
+  --control-count-color: initial;
 
   --control-count-exceeded-color: initial;
   --control-count-space-inline: var(--space-1);
@@ -58,7 +58,7 @@
   --textarea-count-inset-inline-end: var(--space-2);
 
   --input-addon-background: var(--muted);
-  --input-addon-color: var(--muted-foreground);
+  --input-addon-color: initial;
   --input-addon-padding-inline: var(--control-padding-x);
 
   --switch-content-font-size: var(
@@ -72,7 +72,7 @@
     --font-size-xs,
     calc(var(--font-size-base) / var(--font-size-ratio))
   );
-  --slider-mark-color: var(--muted-foreground);
+  --slider-mark-color: initial;
   --slider-mark-space-block-start: var(--space-2);
   --slider-dot-size: var(--slider-track-height);
   --slider-dot-background: var(--background);
@@ -89,7 +89,7 @@
   --slider-tooltip-offset-block: var(--space-2);
 
   --choice-button-background: var(--background);
-  --choice-button-color: var(--foreground);
+  --choice-button-color: initial;
   --choice-button-border-color: var(--input);
 
   --choice-button-selected-color: initial;
@@ -98,10 +98,10 @@
   --choice-button-solid-background: initial;
   --choice-button-solid-color: initial;
 
-  --toggle-focus-ring-width: var(--stroke-lg);
+  --toggle-focus-ring-width: initial;
   --toggle-focus-ring-alpha: 1;
 
-  --control-focus-ring-width: var(--stroke-hairline);
+  --control-focus-ring-width: initial;
 
   --rating-focus-ring-offset: 2px;
 
@@ -109,7 +109,7 @@
   --rating-star-empty-color: initial;
   --rating-star-empty-alpha: 0.45;
 
-  --checkbox-border-width: var(--stroke-hairline);
+  --checkbox-border-width: initial;
   --checkbox-size: calc(1rem * var(--scaling));
   --checkbox-size-compact: 0.875rem;
   --checkbox-size-comfortable: 1.125rem;
@@ -167,7 +167,7 @@
 
   --command-list-split-padding: 0;
   --command-list-split-inset: 0px;
-  --command-item-divider-width: var(--stroke-hairline);
+  --command-item-divider-width: initial;
   --command-item-divider-color: initial;
   --command-palette-width: 35rem;
   --command-palette-inset-top: calc(var(--space-6) * 4);
@@ -239,7 +239,8 @@
   --textarea-autogrow-max-height-rows: 8;
 
   --textarea-autogrow-box-inset: calc(
-    (var(--control-multiline-padding-block) + var(--control-border-width)) * 2
+    (var(--control-multiline-padding-block) + var(--control-border-width, var(--stroke-hairline))) *
+      2
   );
 
   --control-composite-field-space-gap: var(--space-2);
@@ -351,7 +352,7 @@
   --calendar-chevron-size: var(--icon-size-md);
   --calendar-footer-space-gap: var(--space-2);
   --calendar-footer-space-block-start: var(--space-2);
-  --calendar-footer-border-width: var(--stroke-hairline);
+  --calendar-footer-border-width: initial;
 
   --calendar-bordered-weekday-padding-block: var(--space-1);
 
@@ -406,7 +407,7 @@
   --button-space-block: var(--space-2);
 
   --otp-caret-block-size: 1rem;
-  --otp-caret-inline-size: var(--stroke-hairline);
+  --otp-caret-inline-size: initial;
   --otp-separator-icon-size: var(--icon-size-md);
 
   --button-count-min-width: var(--space-4);