@sigx/zero-daisyui 0.2.0-beta.4 → 0.2.0-beta.5

package/dist/lynx/components/checkbox.css

@@ -25,6 +25,7 @@
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
     padding: var(--checkbox-pad);
+    border: var(--border) solid var(--checkbox-accent);
     border-radius: var(--radius-selector);
     color: var(--checkbox-on-accent);
     box-shadow: 0 1px var(--depth-shade) inset, 0 0 #0000 inset, 0 0 #0000;
@@ -78,7 +79,7 @@
     height: 100%;
     opacity: 0;
     rotate: 45deg;
-    background-color: currentColor;
+    background-color: var(--checkbox-on-accent);
     clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
     box-shadow: 0 3px 0 0 var(--depth-sheen) inset;
     font-size: 1rem;

package/dist/lynx/components/radio-group.css

@@ -39,6 +39,7 @@
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
     padding: var(--radio-pad);
+    border: var(--border) solid var(--radio-accent);
     border-radius: 9999px;
     color: var(--radio-accent);
     background-color: var(--color-base-100);
@@ -67,7 +68,7 @@
 }
 
 .zx-radio-group__item-control.zx-s-checked {
-    border-color: currentColor;
+    border-color: var(--radio-accent);
     animation: var(--duration-fast) var(--ease-standard) zero-daisy-radio;
 }
 
@@ -88,7 +89,7 @@
 }
 
 .zx-radio-group__item-indicator.zx-s-checked {
-    background-color: currentColor;
+    background-color: var(--radio-accent);
     box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
 }
 

package/dist/lynx/components/tabs.css

@@ -21,6 +21,7 @@
     cursor: pointer;
     position: relative;
     transition: background var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);
+    --tab-active-ink: var(--color-base-content);
 }
 
 .zx-root .zx-tabs__tab {
@@ -85,6 +86,26 @@
     --tab-px: var(--space-2xl);
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #fb8a62;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-primary.zx-s-active {
     color: #3f2bcb;
 }
@@ -105,6 +126,26 @@
     color: #fb8a62;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #e68aac;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-secondary.zx-s-active {
     color: #ad316f;
 }
@@ -125,6 +166,26 @@
     color: #e68aac;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #ab9fe8;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-accent.zx-s-active {
     color: #2b786d;
 }
@@ -145,6 +206,26 @@
     color: #ab9fe8;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #667a8a;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-neutral.zx-s-active {
     color: #121214;
 }
@@ -165,6 +246,26 @@
     color: #667a8a;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #91d4e3;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-info.zx-s-active {
     color: #2685b3;
 }
@@ -185,6 +286,26 @@
     color: #91d4e3;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #a6cebe;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-success.zx-s-active {
     color: #2a7858;
 }
@@ -205,6 +326,26 @@
     color: #a6cebe;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #c5c1b7;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-warning.zx-s-active {
     color: #755a2b;
 }
@@ -225,6 +366,26 @@
     color: #c5c1b7;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #f2bbc0;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-error.zx-s-active {
     color: #d9576d;
 }
@@ -251,7 +412,7 @@
 }
 
 .zx-tabs__tab.zx-a-variant-border.zx-s-active {
-    border-bottom-color: currentColor;
+    border-bottom-color: var(--tab-active-ink);
 }
 
 .zx-tabs__tab.zx-a-variant-lift {

package/dist/lynx/index.css

@@ -462,6 +462,7 @@
     cursor: pointer;
     position: relative;
     transition: background var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard);
+    --tab-active-ink: var(--color-base-content);
 }
 
 .zx-root .zx-tabs__tab {
@@ -526,6 +527,26 @@
     --tab-px: var(--space-2xl);
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #3f2bcb;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #6567ff;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #a0e791;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #5c7da6;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-primary {
+    --tab-active-ink: #fb8a62;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-primary.zx-s-active {
     color: #3f2bcb;
 }
@@ -546,6 +567,26 @@
     color: #fb8a62;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #ad316f;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #fa7cb6;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #ed9984;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #677e98;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-secondary {
+    --tab-active-ink: #e68aac;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-secondary.zx-s-active {
     color: #ad316f;
 }
@@ -566,6 +607,26 @@
     color: #e68aac;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #2b786d;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #93e5d9;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #bfade1;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #5e7d8c;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-accent {
+    --tab-active-ink: #ab9fe8;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-accent.zx-s-active {
     color: #2b786d;
 }
@@ -586,6 +647,26 @@
     color: #ab9fe8;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #121214;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #878e92;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #71828c;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #3a4150;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-neutral {
+    --tab-active-ink: #667a8a;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-neutral.zx-s-active {
     color: #121214;
 }
@@ -606,6 +687,26 @@
     color: #667a8a;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #2685b3;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #70ceff;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #6ce2f3;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #89728a;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-info {
+    --tab-active-ink: #91d4e3;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-info.zx-s-active {
     color: #2685b3;
 }
@@ -626,6 +727,26 @@
     color: #91d4e3;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #2a7858;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #92e5c2;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #8ee0c9;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #6b7d6a;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-success {
+    --tab-active-ink: #a6cebe;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-success.zx-s-active {
     color: #2a7858;
 }
@@ -646,6 +767,26 @@
     color: #a6cebe;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #755a2b;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #f5ddac;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #cecfa6;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #7d7463;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-warning {
+    --tab-active-ink: #c5c1b7;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-warning.zx-s-active {
     color: #755a2b;
 }
@@ -666,6 +807,26 @@
     color: #c5c1b7;
 }
 
+.zx-root .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #d9576d;
+}
+
+.zx-root.zx-theme-dark .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #ff7d90;
+}
+
+.zx-root.zx-theme-dim .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #f5b3a4;
+}
+
+.zx-root.zx-theme-nord .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #a85b64;
+}
+
+.zx-root.zx-theme-sunset .zx-tabs__tab.zx-a-color-error {
+    --tab-active-ink: #f2bbc0;
+}
+
 .zx-root .zx-tabs__tab.zx-a-color-error.zx-s-active {
     color: #d9576d;
 }
@@ -692,7 +853,7 @@
 }
 
 .zx-tabs__tab.zx-a-variant-border.zx-s-active {
-    border-bottom-color: currentColor;
+    border-bottom-color: var(--tab-active-ink);
 }
 
 .zx-tabs__tab.zx-a-variant-lift {
@@ -2373,6 +2534,7 @@
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
     padding: var(--checkbox-pad);
+    border: var(--border) solid var(--checkbox-accent);
     border-radius: var(--radius-selector);
     color: var(--checkbox-on-accent);
     box-shadow: 0 1px var(--depth-shade) inset, 0 0 #0000 inset, 0 0 #0000;
@@ -2426,7 +2588,7 @@
     height: 100%;
     opacity: 0;
     rotate: 45deg;
-    background-color: currentColor;
+    background-color: var(--checkbox-on-accent);
     clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%);
     box-shadow: 0 3px 0 0 var(--depth-sheen) inset;
     font-size: 1rem;
@@ -2572,6 +2734,7 @@
     width: calc(var(--size-selector) * 6);
     height: calc(var(--size-selector) * 6);
     padding: var(--radio-pad);
+    border: var(--border) solid var(--radio-accent);
     border-radius: 9999px;
     color: var(--radio-accent);
     background-color: var(--color-base-100);
@@ -2600,7 +2763,7 @@
 }
 
 .zx-radio-group__item-control.zx-s-checked {
-    border-color: currentColor;
+    border-color: var(--radio-accent);
     animation: var(--duration-fast) var(--ease-standard) zero-daisy-radio;
 }
 
@@ -2621,7 +2784,7 @@
 }
 
 .zx-radio-group__item-indicator.zx-s-checked {
-    background-color: currentColor;
+    background-color: var(--radio-accent);
     box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
 }
 

package/dist/lynx/manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://signalxjs.github.io/zero/schemas/lynx-manifest.schema.json",
   "manifestVersion": 1,
-  "zeroVersion": "0.2.0-beta.4",
+  "zeroVersion": "0.2.0-beta.5",
   "name": "daisyui",
   "themes": [
     {
@@ -1803,6 +1803,6 @@
   "classGrammarVersion": 1,
   "capabilities": {
     "translated": 60,
-    "dropped": 227
+    "dropped": 225
   }
 }

package/dist/manifest.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://signalxjs.github.io/zero/schemas/ds-manifest.schema.json",
   "manifestVersion": 1,
-  "zeroVersion": "0.2.0-beta.4",
+  "zeroVersion": "0.2.0-beta.5",
   "name": "daisyui",
   "themes": [
     {

package/dist/recipes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../src/recipes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"recipes.d.ts","sourceRoot":"","sources":["../src/recipes.ts"],"names":[],"mappings":"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"}

package/dist/recipes.js

@@ -436,18 +436,33 @@ export const tabs = {
     defaultVariants: { size: 'md', variant: 'border' },
     targets: {
         lynx: {
+            parts: {
+                // The default active ink — base-content, exactly what the
+                // shared `states.active.color` paints. One class, so any
+                // color-axis definition below (host + two classes, baked per
+                // theme) wins on specificity.
+                tab: { base: { '--tab-active-ink': 'var(--color-base-content)' } },
+            },
             variants: {
+                // `currentColor` never resolves on lynx (measured on device
+                // on both platforms, signalxjs/lynx#1079 — the underline was
+                // transparent everywhere), so the color axis restates its
+                // active ink as a plain custom property. `roleInk` reads
+                // theme colors through color-mix(), which the emitter bakes
+                // once per theme — the same per-color/per-theme literal the
+                // active `color:` rules already land as.
+                color: Object.fromEntries(ROLES.map((c) => [c, { tab: { base: { '--tab-active-ink': roleInk(c) } } }])),
                 variant: {
                     // The underline is a ::before on the web, which lynx
                     // drops — redrawn as a real bottom border on the tab
                     // itself (transparent at rest so activation never moves
-                    // the row). `currentColor` keeps it following the color
-                    // axis ink, the same mechanism switch's shared border
-                    // already relies on for lynx.
+                    // the row). The active ink rides `--tab-active-ink`
+                    // above — a plain var() chain, device-proven — instead
+                    // of `currentColor`, which lynx never resolves.
                     border: {
                         tab: {
                             base: { borderBottom: '3px solid transparent' },
-                            states: { active: { borderBottomColor: 'currentColor' } },
+                            states: { active: { borderBottomColor: 'var(--tab-active-ink)' } },
                         },
                     },
                     // `min()` does not exist on lynx (signalxjs/lynx#1066) and
@@ -1427,6 +1442,29 @@ export const checkbox = {
     // control and its text. Declared rather than left implicit so the
     // delegation reads as a decision.
     skipStates: { root: ['focus-visible'] },
+    // `currentColor` never resolves on lynx (measured on device on both
+    // platforms, signalxjs/lynx#1079), so the tick shipped invisible and the
+    // ring's color-mix-over-currentColor fallback dropped the whole border.
+    // Both restated with the named accents the web spellings resolve to —
+    // plain var() chains, the switch's device-proven #380 mechanism.
+    targets: {
+        lynx: {
+            parts: {
+                control: {
+                    // The web fallback (`color-mix(in oklab, … currentColor …)`)
+                    // exists for consumers that unset the accent; this package
+                    // always defines it, so the plain accent IS the ring.
+                    base: { border: 'var(--border) solid var(--checkbox-accent)' },
+                },
+                indicator: {
+                    // The tick's fill: the control's `color:` names
+                    // `--checkbox-on-accent`, and `currentColor` was that
+                    // ink by inheritance — spend it directly.
+                    base: { backgroundColor: 'var(--checkbox-on-accent)' },
+                },
+            },
+        },
+    },
 };
 // --------------------------------------------------------------------------
 // 3. radioGroup — replace the whole export
@@ -1542,6 +1580,25 @@ export const radioGroup = {
     // wraps it. Declared rather than left implicit so the delegation reads
     // as a decision.
     skipStates: { item: ['focus-visible'] },
+    // `currentColor` never resolves on lynx (measured on device on both
+    // platforms, signalxjs/lynx#1079), so the checked ring and dot shipped
+    // invisible, and the unchecked ring's color-mix-over-currentColor
+    // fallback dropped the whole border. All three restated with the accent
+    // the control's own `color:` names — plain var() chains, the switch's
+    // device-proven #380 mechanism.
+    targets: {
+        lynx: {
+            parts: {
+                'item-control': {
+                    base: { border: 'var(--border) solid var(--radio-accent)' },
+                    states: { checked: { borderColor: 'var(--radio-accent)' } },
+                },
+                'item-indicator': {
+                    states: { checked: { backgroundColor: 'var(--radio-accent)' } },
+                },
+            },
+        },
+    },
 };
 // --------------------------------------------------------------------------
 // 4. progress — replace the whole export (only the two radius lines move)