@bitrise/bitkit-v2 0.3.155 → 0.3.156

package/dist/theme/semantic-tokens/semanticColors.js

@@ -1,1817 +1,449 @@
-import { defineSemanticTokens as e } from "@chakra-ui/react/styled-system";
-import { withSlashes as s } from "../themeUtils.js";
-const a = e.colors(
-  s({
-    brand: {
-      primary: {
-        value: {
-          base: "{colors.purple.30}"
-        }
-      }
+import { withSlashes as e } from "../themeUtils.js";
+import { defineSemanticTokens as s } from "@chakra-ui/react/styled-system";
+var a = s.colors(e({
+  brand: { primary: { value: { base: "{colors.purple.30}" } } },
+  separator: { primary: { value: { base: "{colors.neutral.90}" } } },
+  sys: {
+    fg: {
+      base: { value: { _light: "{colors.neutral.10}" } },
+      primary: { value: { _light: "{colors.purple.10}" } },
+      secondary: { value: { _light: "{colors.neutral.40}" } },
+      tertiary: { value: { _light: "{colors.neutral.60}" } },
+      subtle: { value: { _light: "{colors.neutral.70}" } },
+      minimal: { value: { _light: "{colors.neutral.80}" } },
+      positive: { value: { _light: "{colors.green.50}" } },
+      negative: { value: { _light: "{colors.red.50}" } },
+      "on-color": { value: { _light: "{colors.neutral.100}" } },
+      "on-contrast": { value: { _light: "{colors.neutral.95}" } },
+      "on-disabled": { value: { _light: "{colors.neutral.70}" } },
+      disabled: { value: { _light: "{colors.neutral.80}" } }
     },
-    separator: {
-      primary: {
-        value: {
-          base: "{colors.neutral.90}"
-        }
-      }
+    bg: {
+      surface: { value: { _light: "{colors.neutral.100}" } },
+      contrast: { value: { _light: "{colors.neutral.10}" } },
+      moderate: { value: { _light: "{colors.neutral.90}" } },
+      subtle: { value: { _light: "{colors.neutral.93}" } },
+      minimal: { value: { _light: "{colors.neutral.95}" } },
+      disabled: { value: { _light: "{colors.neutral.95}" } }
     },
-    sys: {
+    border: {
+      minimal: { value: { _light: "{colors.neutral.93}" } },
+      subtle: { value: { _light: "{colors.neutral.90}" } },
+      strong: { value: { _light: "{colors.neutral.80}" } },
+      emphasized: { value: { _light: "{colors.neutral.70}" } },
+      critical: { value: { _light: "{colors.red.50}" } },
+      inverse: { value: { _light: "{colors.neutral.100}" } },
+      "on-contrast": { value: { _light: "{colors.neutral.95}" } },
+      disabled: { value: { _light: "{colors.neutral.90}" } }
+    },
+    primary: {
+      base: { value: { _light: "{colors.purple.40}" } },
+      emphasized: { value: { _light: "{colors.purple.30}" } },
+      contrast: { value: { _light: "{colors.purple.10}" } },
+      muted: { value: { _light: "{colors.purple.80}" } },
+      subtle: { value: { _light: "{colors.purple.93}" } },
+      disabled: { value: { _light: "{colors.neutral.90}" } }
+    },
+    interactive: {
+      base: { value: { _light: "{colors.purple.50}" } },
+      strong: { value: { _light: "{colors.purple.40}" } },
+      highlight: { value: { _light: "{colors.purple.70}" } },
+      disabled: { value: { _light: "{colors.neutral.90}" } }
+    },
+    purple: {
+      base: { value: { _light: "{colors.purple.50}" } },
+      strong: { value: { _light: "{colors.purple.40}" } },
+      bold: { value: { _light: "{colors.purple.60}" } },
+      highlight: { value: { _light: "{colors.purple.70}" } },
+      muted: { value: { _light: "{colors.purple.80}" } },
+      moderate: { value: { _light: "{colors.purple.90}" } },
+      subtle: { value: { _light: "{colors.purple.93}" } },
+      minimal: { value: { _light: "{colors.purple.95}" } },
+      disabled: { value: { _light: "{colors.neutral.90}" } }
+    },
+    indigo: {
+      base: { value: { _light: "{colors.indigo.50}" } },
+      dark: { value: { _light: "{colors.indigo.20}" } },
+      emphasized: { value: { _light: "{colors.indigo.30}" } },
+      strong: { value: { _light: "{colors.indigo.40}" } },
+      bold: { value: { _light: "{colors.indigo.60}" } },
+      muted: { value: { _light: "{colors.indigo.80}" } },
+      moderate: { value: { _light: "{colors.indigo.90}" } },
+      subtle: { value: { _light: "{colors.indigo.93}" } },
+      minimal: { value: { _light: "{colors.indigo.95}" } }
+    },
+    blue: {
+      base: { value: { _light: "{colors.blue.50}" } },
+      strong: { value: { _light: "{colors.blue.40}" } },
+      bold: { value: { _light: "{colors.blue.60}" } },
+      muted: { value: { _light: "{colors.blue.80}" } },
+      moderate: { value: { _light: "{colors.blue.90}" } },
+      subtle: { value: { _light: "{colors.blue.93}" } },
+      minimal: { value: { _light: "{colors.blue.95}" } }
+    },
+    green: {
+      base: { value: { _light: "{colors.green.50}" } },
+      strong: { value: { _light: "{colors.green.40}" } },
+      bold: { value: { _light: "{colors.green.60}" } },
+      muted: { value: { _light: "{colors.green.80}" } },
+      moderate: { value: { _light: "{colors.green.90}" } },
+      subtle: { value: { _light: "{colors.green.93}" } },
+      minimal: { value: { _light: "{colors.green.95}" } }
+    },
+    yellow: {
+      base: { value: { _light: "{colors.yellow.50}" } },
+      strong: { value: { _light: "{colors.yellow.40}" } },
+      bold: { value: { _light: "{colors.yellow.60}" } },
+      muted: { value: { _light: "{colors.yellow.80}" } },
+      moderate: { value: { _light: "{colors.yellow.90}" } },
+      subtle: { value: { _light: "{colors.yellow.93}" } },
+      minimal: { value: { _light: "{colors.yellow.95}" } }
+    },
+    red: {
+      base: { value: { _light: "{colors.red.50}" } },
+      dark: { value: { _light: "{colors.red.20}" } },
+      strong: { value: { _light: "{colors.red.40}" } },
+      bold: { value: { _light: "{colors.red.60}" } },
+      muted: { value: { _light: "{colors.red.80}" } },
+      moderate: { value: { _light: "{colors.red.90}" } },
+      subtle: { value: { _light: "{colors.red.93}" } },
+      minimal: { value: { _light: "{colors.red.95}" } }
+    },
+    neutral: {
+      base: { value: { _light: "{colors.neutral.50}" } },
+      strong: { value: { _light: "{colors.neutral.40}" } },
+      bold: { value: { _light: "{colors.neutral.60}" } },
+      muted: { value: { _light: "{colors.neutral.80}" } },
+      moderate: { value: { _light: "{colors.neutral.90}" } },
+      subtle: { value: { _light: "{colors.neutral.93}" } },
+      minimal: { value: { _light: "{colors.neutral.95}" } }
+    },
+    orange: {
+      base: { value: { _light: "{colors.orange.50}" } },
+      strong: { value: { _light: "{colors.orange.40}" } },
+      bold: { value: { _light: "{colors.orange.60}" } },
+      muted: { value: { _light: "{colors.orange.80}" } },
+      moderate: { value: { _light: "{colors.orange.90}" } },
+      subtle: { value: { _light: "{colors.orange.93}" } },
+      minimal: { value: { _light: "{colors.orange.95}" } }
+    },
+    turquoise: {
+      base: { value: { _light: "{colors.turquoise.50}" } },
+      dark: { value: { _light: "{colors.turquoise.20}" } },
+      emphasized: { value: { _light: "{colors.turquoise.30}" } },
+      strong: { value: { _light: "{colors.turquoise.40}" } },
+      bold: { value: { _light: "{colors.turquoise.60}" } },
+      muted: { value: { _light: "{colors.turquoise.80}" } },
+      moderate: { value: { _light: "{colors.turquoise.90}" } },
+      subtle: { value: { _light: "{colors.turquoise.93}" } },
+      minimal: { value: { _light: "{colors.turquoise.95}" } }
+    },
+    white: {
+      a0: { value: { _light: "rgba(255, 255, 255, 0)" } },
+      a10: { value: { _light: "rgba(255, 255, 255, 0.1)" } },
+      a15: { value: { _light: "rgba(255, 255, 255, 0.15)" } },
+      a20: { value: { _light: "rgba(255, 255, 255, 0.2)" } },
+      a30: { value: { _light: "rgba(255, 255, 255, 0.3)" } },
+      a50: { value: { _light: "rgba(255, 255, 255, 0.5)" } },
+      a80: { value: { _light: "rgba(255, 255, 255, 0.8)" } },
+      a90: { value: { _light: "rgba(255, 255, 255, 0.9)" } },
+      a100: { value: { _light: "rgb(255, 255, 255)" } }
+    },
+    "ai-gradient": {
+      base: { value: { _light: "linear-gradient(90deg, {colors.sys.purple} 0%, {colors.sys.indigo} 50%, {colors.sys.blue} 100%)" } },
+      bold: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.bold} 0%, {colors.sys.indigo.bold} 50%, {colors.sys.blue.bold} 100%)" } },
+      minimal: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } },
+      moderate: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.moderate} 0%, {colors.sys.indigo.moderate} 50%, {colors.sys.blue.moderate} 100%)" } },
+      muted: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)" } },
+      subtle: { value: { _light: "linear-gradient(90deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)" } }
+    }
+  },
+  background: {
+    primary: { value: { base: "{colors.sys.bg.surface}" } },
+    secondary: { value: { base: "{colors.sys.bg.minimal}" } },
+    tertiary: { value: { base: "{colors.sys.bg.subtle}" } },
+    hover: { value: { base: "{colors.sys.bg.subtle}" } },
+    active: { value: { base: "{colors.sys.bg.moderate}" } },
+    selected: { value: { base: "{colors.sys.purple.minimal}" } },
+    "selected-hover": { value: { base: "{colors.sys.purple.subtle}" } },
+    contrast: { value: { base: "{colors.sys.bg.contrast}" } },
+    disabled: { value: { base: "{colors.sys.bg.disabled}" } }
+  },
+  border: {
+    regular: { value: { base: "{colors.sys.border.subtle}" } },
+    minimal: { value: { base: "{colors.sys.border.minimal}" } },
+    strong: { value: { base: "{colors.sys.border.strong}" } },
+    hover: { value: { base: "{colors.sys.border.emphasized}" } },
+    focus: { value: { base: "{colors.sys.interactive.highlight}" } },
+    selected: { value: { base: "{colors.sys.interactive}" } },
+    error: { value: { base: "{colors.sys.border.critical}" } },
+    inverse: { value: { base: "{colors.sys.border.inverse}" } },
+    "on-contrast": { value: { base: "{colors.sys.border.on-contrast}" } },
+    disabled: { value: { base: "{colors.sys.border.disabled}" } }
+  },
+  text: {
+    primary: { value: { base: "{colors.sys.fg.primary}" } },
+    secondary: { value: { base: "{colors.sys.fg.secondary}" } },
+    tertiary: { value: { base: "{colors.sys.fg.tertiary}" } },
+    body: { value: { base: "{colors.sys.fg}" } },
+    helper: { value: { base: "{colors.sys.fg.secondary}" } },
+    link: { value: { base: "{colors.sys.interactive}" } },
+    "link-hover": { value: { base: "{colors.sys.interactive.strong}" } },
+    selected: { value: { base: "{colors.sys.interactive}" } },
+    positive: { value: { base: "{colors.sys.fg.positive}" } },
+    negative: { value: { base: "{colors.sys.fg.negative}" } },
+    "on-color": { value: { base: "{colors.sys.fg.on-color}" } },
+    "on-contrast": { value: { base: "{colors.sys.fg.on-contrast}" } },
+    "on-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } },
+    disabled: { value: { base: "{colors.sys.fg.disabled}" } }
+  },
+  icon: {
+    primary: { value: { base: "{colors.sys.fg.primary}" } },
+    secondary: { value: { base: "{colors.sys.fg.secondary}" } },
+    tertiary: { value: { base: "{colors.sys.fg.tertiary}" } },
+    interactive: { value: { base: "{colors.sys.interactive}" } },
+    "interactive-hover": { value: { base: "{colors.sys.interactive.strong}" } },
+    positive: { value: { base: "{colors.sys.fg.positive}" } },
+    negative: { value: { base: "{colors.sys.fg.negative}" } },
+    "on-color": { value: { base: "{colors.sys.fg.on-color}" } },
+    "on-contrast": { value: { base: "{colors.sys.fg.on-contrast}" } },
+    "on-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } },
+    disabled: { value: { base: "{colors.sys.fg.disabled}" } }
+  },
+  button: {
+    primary: {
+      bg: { value: { base: "{colors.sys.primary}" } },
+      "bg-hover": { value: { base: "{colors.sys.primary.emphasized}" } },
+      "bg-active": { value: { base: "{colors.sys.fg.primary}" } },
+      "bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
+      fg: { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
+    },
+    secondary: {
+      bg: { value: { base: "{colors.sys.bg.surface}" } },
+      "bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
+      "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
       fg: {
-        base: {
-          value: {
-            _light: "{colors.neutral.10}"
-          }
-        },
-        primary: {
-          value: {
-            _light: "{colors.purple.10}"
-          }
-        },
-        secondary: {
-          value: {
-            _light: "{colors.neutral.40}"
-          }
-        },
-        tertiary: {
-          value: {
-            _light: "{colors.neutral.60}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.neutral.70}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.neutral.80}"
-          }
-        },
-        positive: {
-          value: {
-            _light: "{colors.green.50}"
-          }
-        },
-        negative: {
-          value: {
-            _light: "{colors.red.50}"
-          }
-        },
-        "on-color": {
-          value: {
-            _light: "{colors.neutral.100}"
-          }
-        },
-        "on-contrast": {
-          value: {
-            _light: "{colors.neutral.95}"
-          }
-        },
-        "on-disabled": {
-          value: {
-            _light: "{colors.neutral.70}"
-          }
-        },
-        disabled: {
-          value: {
-            _light: "{colors.neutral.80}"
-          }
-        }
-      },
-      bg: {
-        surface: {
-          value: {
-            _light: "{colors.neutral.100}"
-          }
-        },
-        contrast: {
-          value: {
-            _light: "{colors.neutral.10}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.neutral.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.neutral.95}"
-          }
-        },
-        disabled: {
-          value: {
-            _light: "{colors.neutral.95}"
-          }
-        }
-      },
-      border: {
-        minimal: {
-          value: {
-            _light: "{colors.neutral.93}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.neutral.80}"
-          }
-        },
-        emphasized: {
-          value: {
-            _light: "{colors.neutral.70}"
-          }
-        },
-        critical: {
-          value: {
-            _light: "{colors.red.50}"
-          }
-        },
-        inverse: {
-          value: {
-            _light: "{colors.neutral.100}"
-          }
-        },
-        "on-contrast": {
-          value: {
-            _light: "{colors.neutral.95}"
-          }
-        },
-        disabled: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        }
-      },
-      primary: {
-        base: {
-          value: {
-            _light: "{colors.purple.40}"
-          }
-        },
-        emphasized: {
-          value: {
-            _light: "{colors.purple.30}"
-          }
-        },
-        contrast: {
-          value: {
-            _light: "{colors.purple.10}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.purple.80}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.purple.93}"
-          }
-        },
-        disabled: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        }
-      },
-      interactive: {
-        base: {
-          value: {
-            _light: "{colors.purple.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.purple.40}"
-          }
-        },
-        highlight: {
-          value: {
-            _light: "{colors.purple.70}"
-          }
-        },
-        disabled: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        }
-      },
-      purple: {
-        base: {
-          value: {
-            _light: "{colors.purple.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.purple.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.purple.60}"
-          }
-        },
-        highlight: {
-          value: {
-            _light: "{colors.purple.70}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.purple.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.purple.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.purple.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.purple.95}"
-          }
-        },
-        disabled: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        }
-      },
-      indigo: {
-        base: {
-          value: {
-            _light: "{colors.indigo.50}"
-          }
-        },
-        dark: {
-          value: {
-            _light: "{colors.indigo.20}"
-          }
-        },
-        emphasized: {
-          value: {
-            _light: "{colors.indigo.30}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.indigo.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.indigo.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.indigo.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.indigo.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.indigo.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.indigo.95}"
-          }
-        }
-      },
-      blue: {
-        base: {
-          value: {
-            _light: "{colors.blue.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.blue.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.blue.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.blue.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.blue.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.blue.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.blue.95}"
-          }
-        }
-      },
-      green: {
-        base: {
-          value: {
-            _light: "{colors.green.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.green.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.green.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.green.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.green.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.green.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.green.95}"
-          }
-        }
-      },
-      yellow: {
-        base: {
-          value: {
-            _light: "{colors.yellow.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.yellow.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.yellow.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.yellow.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.yellow.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.yellow.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.yellow.95}"
-          }
-        }
-      },
-      red: {
-        base: {
-          value: {
-            _light: "{colors.red.50}"
-          }
-        },
-        dark: {
-          value: {
-            _light: "{colors.red.20}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.red.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.red.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.red.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.red.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.red.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.red.95}"
-          }
-        }
-      },
-      neutral: {
-        base: {
-          value: {
-            _light: "{colors.neutral.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.neutral.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.neutral.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.neutral.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.neutral.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.neutral.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.neutral.95}"
-          }
-        }
-      },
-      orange: {
-        base: {
-          value: {
-            _light: "{colors.orange.50}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.orange.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.orange.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.orange.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.orange.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.orange.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.orange.95}"
-          }
-        }
-      },
-      turquoise: {
-        base: {
-          value: {
-            _light: "{colors.turquoise.50}"
-          }
-        },
-        dark: {
-          value: {
-            _light: "{colors.turquoise.20}"
-          }
-        },
-        emphasized: {
-          value: {
-            _light: "{colors.turquoise.30}"
-          }
-        },
-        strong: {
-          value: {
-            _light: "{colors.turquoise.40}"
-          }
-        },
-        bold: {
-          value: {
-            _light: "{colors.turquoise.60}"
-          }
-        },
-        muted: {
-          value: {
-            _light: "{colors.turquoise.80}"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "{colors.turquoise.90}"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "{colors.turquoise.93}"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "{colors.turquoise.95}"
-          }
-        }
-      },
-      white: {
-        a0: {
-          value: {
-            _light: "rgba(255, 255, 255, 0)"
-          }
-        },
-        a10: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.1)"
-          }
-        },
-        a15: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.15)"
-          }
-        },
-        a20: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.2)"
-          }
-        },
-        a30: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.3)"
-          }
-        },
-        a50: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.5)"
-          }
-        },
-        a80: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.8)"
-          }
-        },
-        a90: {
-          value: {
-            _light: "rgba(255, 255, 255, 0.9)"
-          }
-        },
-        a100: {
-          value: {
-            _light: "rgb(255, 255, 255)"
-          }
-        }
-      },
-      "ai-gradient": {
-        base: {
-          value: {
-            _light: "linear-gradient(90deg, {colors.sys.purple} 0%, {colors.sys.indigo} 50%, {colors.sys.blue} 100%)"
-          }
-        },
-        bold: {
-          value: {
-            _light: "linear-gradient(90deg, {colors.sys.purple.bold} 0%, {colors.sys.indigo.bold} 50%, {colors.sys.blue.bold} 100%)"
-          }
-        },
-        minimal: {
-          value: {
-            _light: "linear-gradient(90deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)"
-          }
-        },
-        moderate: {
-          value: {
-            _light: "linear-gradient(90deg, {colors.sys.purple.moderate} 0%, {colors.sys.indigo.moderate} 50%, {colors.sys.blue.moderate} 100%)"
-          }
-        },
-        muted: {
-          value: {
-            _light: "linear-gradient(90deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)"
-          }
-        },
-        subtle: {
-          value: {
-            _light: "linear-gradient(90deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)"
-          }
-        }
-      }
+        base: { value: { base: "{colors.sys.fg.primary}" } },
+        text: { value: { base: "{colors.sys.fg.primary}" } },
+        icon: { value: { base: "{colors.sys.fg.secondary}" } }
+      },
+      "fg-hover": { value: { base: "{colors.sys.fg.primary}" } },
+      "fg-active": { value: { base: "{colors.sys.fg.primary}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
+      border: { value: { base: "{colors.sys.border.strong}" } },
+      "border-hover": { value: { base: "{colors.sys.border.emphasized}" } },
+      "border-active": { value: { base: "{colors.sys.border.emphasized}" } },
+      "border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
     },
-    background: {
-      primary: {
-        value: {
-          base: "{colors.sys.bg.surface}"
-        }
-      },
-      secondary: {
-        value: {
-          base: "{colors.sys.bg.minimal}"
-        }
-      },
-      tertiary: {
-        value: {
-          base: "{colors.sys.bg.subtle}"
-        }
-      },
-      hover: {
-        value: {
-          base: "{colors.sys.bg.subtle}"
-        }
-      },
-      active: {
-        value: {
-          base: "{colors.sys.bg.moderate}"
-        }
-      },
-      selected: {
-        value: {
-          base: "{colors.sys.purple.minimal}"
-        }
-      },
-      "selected-hover": {
-        value: {
-          base: "{colors.sys.purple.subtle}"
-        }
-      },
-      contrast: {
-        value: {
-          base: "{colors.sys.bg.contrast}"
-        }
-      },
-      disabled: {
-        value: {
-          base: "{colors.sys.bg.disabled}"
-        }
-      }
+    tertiary: {
+      bg: { value: { base: "transparent" } },
+      "bg-hover": { value: { base: "{colors.sys.bg.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.bg.moderate}" } },
+      "bg-disabled": { value: { base: "transparent" } },
+      fg: { value: { base: "{colors.sys.interactive}" } },
+      "fg-hover": { value: { base: "{colors.sys.interactive.strong}" } },
+      "fg-active": { value: { base: "{colors.sys.fg.primary}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
     },
-    border: {
-      regular: {
-        value: {
-          base: "{colors.sys.border.subtle}"
-        }
-      },
-      minimal: {
-        value: {
-          base: "{colors.sys.border.minimal}"
-        }
-      },
-      strong: {
-        value: {
-          base: "{colors.sys.border.strong}"
-        }
-      },
-      hover: {
-        value: {
-          base: "{colors.sys.border.emphasized}"
-        }
-      },
-      focus: {
-        value: {
-          base: "{colors.sys.interactive.highlight}"
-        }
-      },
-      selected: {
-        value: {
-          base: "{colors.sys.interactive}"
-        }
-      },
-      error: {
-        value: {
-          base: "{colors.sys.border.critical}"
-        }
-      },
-      inverse: {
-        value: {
-          base: "{colors.sys.border.inverse}"
-        }
-      },
-      "on-contrast": {
-        value: {
-          base: "{colors.sys.border.on-contrast}"
-        }
-      },
-      disabled: {
-        value: {
-          base: "{colors.sys.border.disabled}"
-        }
-      }
+    "danger-primary": {
+      bg: { value: { base: "{colors.sys.red}" } },
+      "bg-hover": { value: { base: "{colors.sys.red.strong}" } },
+      "bg-active": { value: { base: "{colors.sys.red.dark}" } },
+      "bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
+      fg: { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
+    },
+    "danger-secondary": {
+      bg: { value: { base: "{colors.sys.bg.surface}" } },
+      "bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
+      "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
+      "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
+      fg: { value: { base: "{colors.sys.red}" } },
+      "fg-hover": { value: { base: "{colors.sys.red}" } },
+      "fg-active": { value: { base: "{colors.sys.red.strong}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
+      border: { value: { base: "{colors.sys.red.muted}" } },
+      "border-hover": { value: { base: "{colors.sys.red.muted}" } },
+      "border-active": { value: { base: "{colors.sys.red}" } },
+      "border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
     },
+    "danger-tertiary": {
+      bg: { value: { base: "transparent" } },
+      "bg-hover": { value: { base: "{colors.sys.red.minimal}" } },
+      "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
+      "bg-disabled": { value: { base: "transparent" } },
+      fg: { value: { base: "{colors.sys.red}" } },
+      "fg-hover": { value: { base: "{colors.sys.red}" } },
+      "fg-active": { value: { base: "{colors.sys.red.strong}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
+    },
+    "ai-primary": {
+      bg: { value: { base: "{colors.sys.indigo}" } },
+      "bg-hover": { value: { base: "{colors.sys.indigo.emphasized}" } },
+      "bg-active": { value: { base: "{colors.sys.indigo.dark}" } },
+      "bg-disabled": { value: { base: "{colors.sys.primary.disabled}" } },
+      fg: { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-hover": { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-active": { value: { base: "{colors.sys.fg.on-color}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.on-disabled}" } }
+    },
+    "ai-secondary": {
+      bg: { value: { base: "{colors.sys.bg.surface}" } },
+      "bg-hover": { value: { base: "{colors.sys.indigo.minimal}" } },
+      "bg-active": { value: { base: "{colors.sys.indigo.moderate}" } },
+      "bg-disabled": { value: { base: "{colors.sys.bg.minimal}" } },
+      fg: { value: { base: "{colors.sys.indigo}" } },
+      "fg-hover": { value: { base: "{colors.sys.indigo}" } },
+      "fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } },
+      border: { value: { base: "{colors.sys.indigo.muted}" } },
+      "border-hover": { value: { base: "{colors.sys.indigo.muted}" } },
+      "border-active": { value: { base: "{colors.sys.indigo}" } },
+      "border-disabled": { value: { base: "{colors.sys.border.disabled}" } }
+    },
+    "ai-tertiary": {
+      bg: { value: { base: "transparent" } },
+      "bg-hover": { value: { base: "{colors.sys.indigo.minimal}" } },
+      "bg-active": { value: { base: "{colors.sys.indigo.moderate}" } },
+      "bg-disabled": { value: { base: "transparent" } },
+      fg: { value: { base: "{colors.sys.indigo}" } },
+      "fg-hover": { value: { base: "{colors.sys.indigo}" } },
+      "fg-active": { value: { base: "{colors.sys.indigo.strong}" } },
+      "fg-disabled": { value: { base: "{colors.sys.fg.disabled}" } }
+    }
+  },
+  "ui-header": {
+    bg: { value: { base: "{colors.sys.white.a0}" } },
+    "bg-hover": { value: { base: "{colors.sys.white.a10}" } },
+    "bg-active": { value: { base: "{colors.sys.white.a20}" } },
+    "bg-selected": { value: { base: "{colors.sys.white.a20}" } },
+    "bg-selected-hover": { value: { base: "{colors.sys.white.a10}" } }
+  },
+  input: {
     text: {
-      primary: {
-        value: {
-          base: "{colors.sys.fg.primary}"
-        }
-      },
-      secondary: {
-        value: {
-          base: "{colors.sys.fg.secondary}"
-        }
-      },
-      tertiary: {
-        value: {
-          base: "{colors.sys.fg.tertiary}"
-        }
-      },
-      body: {
-        value: {
-          base: "{colors.sys.fg}"
-        }
-      },
-      helper: {
-        value: {
-          base: "{colors.sys.fg.secondary}"
-        }
-      },
-      link: {
-        value: {
-          base: "{colors.sys.interactive}"
-        }
-      },
-      "link-hover": {
-        value: {
-          base: "{colors.sys.interactive.strong}"
-        }
-      },
-      selected: {
-        value: {
-          base: "{colors.sys.interactive}"
-        }
-      },
-      positive: {
-        value: {
-          base: "{colors.sys.fg.positive}"
-        }
-      },
-      negative: {
-        value: {
-          base: "{colors.sys.fg.negative}"
-        }
-      },
-      "on-color": {
-        value: {
-          base: "{colors.sys.fg.on-color}"
-        }
-      },
-      "on-contrast": {
-        value: {
-          base: "{colors.sys.fg.on-contrast}"
-        }
-      },
-      "on-disabled": {
-        value: {
-          base: "{colors.sys.fg.on-disabled}"
-        }
-      },
-      disabled: {
-        value: {
-          base: "{colors.sys.fg.disabled}"
-        }
-      }
+      label: { value: { base: "{colors.sys.fg.primary}" } },
+      inputValue: { value: { base: "{colors.sys.fg}" } },
+      placeholder: { value: { base: "{colors.sys.fg.subtle}" } },
+      helper: { value: { base: "{colors.sys.fg.secondary}" } },
+      error: { value: { base: "{colors.sys.fg.negative}" } }
     },
-    icon: {
-      primary: {
-        value: {
-          base: "{colors.sys.fg.primary}"
-        }
-      },
-      secondary: {
-        value: {
-          base: "{colors.sys.fg.secondary}"
-        }
-      },
-      tertiary: {
-        value: {
-          base: "{colors.sys.fg.tertiary}"
-        }
-      },
-      interactive: {
-        value: {
-          base: "{colors.sys.interactive}"
-        }
-      },
-      "interactive-hover": {
-        value: {
-          base: "{colors.sys.interactive.strong}"
-        }
-      },
-      positive: {
-        value: {
-          base: "{colors.sys.fg.positive}"
-        }
-      },
-      negative: {
-        value: {
-          base: "{colors.sys.fg.negative}"
-        }
-      },
-      "on-color": {
-        value: {
-          base: "{colors.sys.fg.on-color}"
-        }
-      },
-      "on-contrast": {
-        value: {
-          base: "{colors.sys.fg.on-contrast}"
-        }
-      },
-      "on-disabled": {
-        value: {
-          base: "{colors.sys.fg.on-disabled}"
-        }
-      },
-      disabled: {
-        value: {
-          base: "{colors.sys.fg.disabled}"
-        }
-      }
+    checkbox: {
+      selection: { value: { base: "{colors.sys.interactive}" } },
+      "selection-disabled": { value: { base: "{colors.sys.interactive.disabled}" } }
     },
-    button: {
-      primary: {
-        bg: {
-          value: {
-            base: "{colors.sys.primary}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.primary.emphasized}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.fg.primary}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "{colors.sys.primary.disabled}"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.on-disabled}"
-          }
-        }
-      },
-      secondary: {
-        bg: {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.bg.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.bg.moderate}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "{colors.sys.bg.minimal}"
-          }
-        },
-        fg: {
-          base: {
-            value: {
-              base: "{colors.sys.fg.primary}"
-            }
-          },
-          text: {
-            value: {
-              base: "{colors.sys.fg.primary}"
-            }
-          },
-          icon: {
-            value: {
-              base: "{colors.sys.fg.secondary}"
-            }
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.fg.primary}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.fg.primary}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.disabled}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.border.strong}"
-          }
-        },
-        "border-hover": {
-          value: {
-            base: "{colors.sys.border.emphasized}"
-          }
-        },
-        "border-active": {
-          value: {
-            base: "{colors.sys.border.emphasized}"
-          }
-        },
-        "border-disabled": {
-          value: {
-            base: "{colors.sys.border.disabled}"
-          }
-        }
-      },
-      tertiary: {
-        bg: {
-          value: {
-            base: "transparent"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.bg.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.bg.moderate}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "transparent"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.interactive}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.interactive.strong}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.fg.primary}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.disabled}"
-          }
-        }
-      },
-      "danger-primary": {
-        bg: {
-          value: {
-            base: "{colors.sys.red}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.red.strong}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.red.dark}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "{colors.sys.primary.disabled}"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.on-disabled}"
-          }
-        }
-      },
-      "danger-secondary": {
-        bg: {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.red.minimal}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.red.moderate}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "{colors.sys.bg.minimal}"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.red}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.red}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.red.strong}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.disabled}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.red.muted}"
-          }
-        },
-        "border-hover": {
-          value: {
-            base: "{colors.sys.red.muted}"
-          }
-        },
-        "border-active": {
-          value: {
-            base: "{colors.sys.red}"
-          }
-        },
-        "border-disabled": {
-          value: {
-            base: "{colors.sys.border.disabled}"
-          }
-        }
-      },
-      "danger-tertiary": {
-        bg: {
-          value: {
-            base: "transparent"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.red.minimal}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.red.moderate}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "transparent"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.red}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.red}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.red.strong}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.disabled}"
-          }
-        }
-      },
-      "ai-primary": {
-        bg: {
-          value: {
-            base: "{colors.sys.indigo}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.indigo.emphasized}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.indigo.dark}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "{colors.sys.primary.disabled}"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.fg.on-color}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.on-disabled}"
-          }
-        }
-      },
-      "ai-secondary": {
-        bg: {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.indigo.minimal}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.indigo.moderate}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "{colors.sys.bg.minimal}"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.indigo}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.indigo}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.indigo.strong}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.disabled}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.indigo.muted}"
-          }
-        },
-        "border-hover": {
-          value: {
-            base: "{colors.sys.indigo.muted}"
-          }
-        },
-        "border-active": {
-          value: {
-            base: "{colors.sys.indigo}"
-          }
-        },
-        "border-disabled": {
-          value: {
-            base: "{colors.sys.border.disabled}"
-          }
-        }
-      },
-      "ai-tertiary": {
-        bg: {
-          value: {
-            base: "transparent"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.indigo.minimal}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.indigo.moderate}"
-          }
-        },
-        "bg-disabled": {
-          value: {
-            base: "transparent"
-          }
-        },
-        fg: {
-          value: {
-            base: "{colors.sys.indigo}"
-          }
-        },
-        "fg-hover": {
-          value: {
-            base: "{colors.sys.indigo}"
-          }
-        },
-        "fg-active": {
-          value: {
-            base: "{colors.sys.indigo.strong}"
-          }
-        },
-        "fg-disabled": {
-          value: {
-            base: "{colors.sys.fg.disabled}"
-          }
-        }
-      }
+    toggle: {
+      frameOn: { value: { base: "{colors.sys.green.bold}" } },
+      "frameOn-disabled": { value: { base: "{colors.sys.green.bold/50}" } },
+      frameOff: { value: { base: "{colors.sys.neutral.bold}" } },
+      "frameOff-disabled": { value: { base: "{colors.sys.neutral.bold/50}" } },
+      slideOn: { value: { base: "{colors.sys.bg.surface}" } },
+      "slideOn-disabled": { value: { base: "{colors.sys.bg.surface}" } },
+      slideOff: { value: { base: "{colors.sys.bg.surface}" } },
+      "slideOff-disabled": { value: { base: "{colors.sys.bg.surface}" } }
+    }
+  },
+  interactive: {
+    base: { value: { base: "{colors.sys.purple}" } },
+    bold: { value: { base: "{colors.sys.purple.bold}" } },
+    highlight: { value: { base: "{colors.sys.interactive.highlight}" } },
+    muted: { value: { base: "{colors.sys.purple.muted}" } },
+    moderate: { value: { base: "{colors.sys.purple.moderate}" } },
+    subtle: { value: { base: "{colors.sys.purple.subtle}" } },
+    minimal: { value: { base: "{colors.sys.purple.minimal}" } },
+    disabled: { value: { base: "{colors.sys.neutral.subtle}" } }
+  },
+  status: {
+    info: {
+      bg: { value: { base: "{colors.sys.blue.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.blue.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.blue.moderate}" } },
+      border: { value: { base: "{colors.sys.blue.muted}" } },
+      icon: { value: { base: "{colors.sys.blue.strong}" } },
+      text: { value: { base: "{colors.sys.blue.strong}" } }
     },
-    "ui-header": {
-      bg: {
-        value: {
-          base: "{colors.sys.white.a0}"
-        }
-      },
-      "bg-hover": {
-        value: {
-          base: "{colors.sys.white.a10}"
-        }
-      },
-      "bg-active": {
-        value: {
-          base: "{colors.sys.white.a20}"
-        }
-      },
-      "bg-selected": {
-        value: {
-          base: "{colors.sys.white.a20}"
-        }
-      },
-      "bg-selected-hover": {
-        value: {
-          base: "{colors.sys.white.a10}"
-        }
-      }
+    success: {
+      bg: { value: { base: "{colors.sys.green.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.green.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.green.moderate}" } },
+      border: { value: { base: "{colors.sys.green.muted}" } },
+      icon: { value: { base: "{colors.sys.green.strong}" } },
+      text: { value: { base: "{colors.sys.green.strong}" } }
     },
-    input: {
-      text: {
-        label: {
-          value: {
-            base: "{colors.sys.fg.primary}"
-          }
-        },
-        inputValue: {
-          value: {
-            base: "{colors.sys.fg}"
-          }
-        },
-        placeholder: {
-          value: {
-            base: "{colors.sys.fg.subtle}"
-          }
-        },
-        helper: {
-          value: {
-            base: "{colors.sys.fg.secondary}"
-          }
-        },
-        error: {
-          value: {
-            base: "{colors.sys.fg.negative}"
-          }
-        }
-      },
-      checkbox: {
-        selection: {
-          value: {
-            base: "{colors.sys.interactive}"
-          }
-        },
-        "selection-disabled": {
-          value: {
-            base: "{colors.sys.interactive.disabled}"
-          }
-        }
-      },
-      toggle: {
-        frameOn: {
-          value: {
-            base: "{colors.sys.green.bold}"
-          }
-        },
-        "frameOn-disabled": {
-          value: {
-            base: "{colors.sys.green.bold/50}"
-          }
-        },
-        frameOff: {
-          value: {
-            base: "{colors.sys.neutral.bold}"
-          }
-        },
-        "frameOff-disabled": {
-          value: {
-            base: "{colors.sys.neutral.bold/50}"
-          }
-        },
-        slideOn: {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        },
-        "slideOn-disabled": {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        },
-        slideOff: {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        },
-        "slideOff-disabled": {
-          value: {
-            base: "{colors.sys.bg.surface}"
-          }
-        }
-      }
+    warning: {
+      bg: { value: { base: "{colors.sys.yellow.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.yellow.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.yellow.moderate}" } },
+      border: { value: { base: "{colors.sys.yellow.muted}" } },
+      icon: { value: { base: "{colors.sys.yellow.strong}" } },
+      text: { value: { base: "{colors.sys.yellow.strong}" } }
     },
-    interactive: {
-      base: {
-        value: {
-          base: "{colors.sys.purple}"
-        }
-      },
-      bold: {
-        value: {
-          base: "{colors.sys.purple.bold}"
-        }
-      },
-      highlight: {
-        value: {
-          base: "{colors.sys.interactive.highlight}"
-        }
-      },
-      muted: {
-        value: {
-          base: "{colors.sys.purple.muted}"
-        }
-      },
-      moderate: {
-        value: {
-          base: "{colors.sys.purple.moderate}"
-        }
-      },
-      subtle: {
-        value: {
-          base: "{colors.sys.purple.subtle}"
-        }
-      },
-      minimal: {
-        value: {
-          base: "{colors.sys.purple.minimal}"
-        }
-      },
-      disabled: {
-        value: {
-          base: "{colors.sys.neutral.subtle}"
-        }
-      }
+    critical: {
+      bg: { value: { base: "{colors.sys.red.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.red.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.red.moderate}" } },
+      border: { value: { base: "{colors.sys.red.muted}" } },
+      icon: { value: { base: "{colors.sys.red.strong}" } },
+      text: { value: { base: "{colors.sys.red.strong}" } }
     },
-    status: {
-      info: {
-        bg: {
-          value: {
-            base: "{colors.sys.blue.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.blue.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.blue.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.blue.muted}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.blue.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.blue.strong}"
-          }
-        }
-      },
-      success: {
-        bg: {
-          value: {
-            base: "{colors.sys.green.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.green.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.green.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.green.muted}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.green.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.green.strong}"
-          }
-        }
-      },
-      warning: {
-        bg: {
-          value: {
-            base: "{colors.sys.yellow.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.yellow.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.yellow.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.yellow.muted}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.yellow.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.yellow.strong}"
-          }
-        }
-      },
-      critical: {
-        bg: {
-          value: {
-            base: "{colors.sys.red.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.red.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.red.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.red.muted}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.red.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.red.strong}"
-          }
-        }
-      },
-      progress: {
-        bg: {
-          value: {
-            base: "{colors.sys.purple.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.purple.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.purple.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.purple.muted}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.interactive.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.interactive.strong}"
-          }
-        }
-      },
-      neutral: {
-        bg: {
-          value: {
-            base: "{colors.sys.neutral.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.neutral.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.neutral.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.sys.neutral.muted}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.neutral.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.neutral.strong}"
-          }
-        }
-      },
-      ai: {
-        bg: {
-          value: {
-            base: "{colors.sys.ai-gradient.minimal}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.ai-gradient.subtle}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.ai-gradient.moderate}"
-          }
-        },
-        border: {
-          value: {
-            base: "{colors.ai.border.strong}"
-          }
-        },
-        icon: {
-          value: {
-            base: "{colors.sys.indigo.strong}"
-          }
-        },
-        text: {
-          value: {
-            base: "{colors.sys.indigo.strong}"
-          }
-        }
-      }
+    progress: {
+      bg: { value: { base: "{colors.sys.purple.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.purple.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.purple.moderate}" } },
+      border: { value: { base: "{colors.sys.purple.muted}" } },
+      icon: { value: { base: "{colors.sys.interactive.strong}" } },
+      text: { value: { base: "{colors.sys.interactive.strong}" } }
     },
-    ai: {
-      background: {
-        minimal: {
-          value: {
-            base: "{colors.sys.ai-gradient.minimal}"
-          }
-        },
-        subtle: {
-          value: {
-            base: "{colors.sys.ai-gradient.subtle}"
-          }
-        },
-        moderate: {
-          value: {
-            base: "{colors.sys.ai-gradient.moderate}"
-          }
-        },
-        "minimal-vertical": {
-          value: {
-            base: "linear-gradient(180deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)"
-          }
-        }
-      },
-      border: {
-        regular: {
-          value: {
-            base: "linear-gradient(135deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)"
-          }
-        },
-        minimal: {
-          value: {
-            base: "linear-gradient(135deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)"
-          }
-        },
-        strong: {
-          value: {
-            base: "linear-gradient(135deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)"
-          }
-        }
-      }
+    neutral: {
+      bg: { value: { base: "{colors.sys.neutral.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.neutral.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.neutral.moderate}" } },
+      border: { value: { base: "{colors.sys.neutral.muted}" } },
+      icon: { value: { base: "{colors.sys.neutral.strong}" } },
+      text: { value: { base: "{colors.sys.neutral.strong}" } }
     },
-    utilities: {
-      overlay: {
-        value: {
-          base: "{colors.sys.bg.contrast/50}"
-        }
-      },
-      "overlay-side": {
-        value: {
-          base: "linear-gradient(90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)"
-        }
-      },
-      "overlay-light": {
-        value: {
-          base: "{colors.sys.bg.contrast/16}"
-        }
-      },
-      skeleton: {
-        value: {
-          base: "{colors.sys.bg.subtle}"
-        }
-      },
-      "skeleton-strong": {
-        value: {
-          base: "{colors.sys.fg.minimal}"
-        }
-      }
+    ai: {
+      bg: { value: { base: "{colors.sys.ai-gradient.minimal}" } },
+      "bg-hover": { value: { base: "{colors.sys.ai-gradient.subtle}" } },
+      "bg-active": { value: { base: "{colors.sys.ai-gradient.moderate}" } },
+      border: { value: { base: "{colors.ai.border.strong}" } },
+      icon: { value: { base: "{colors.sys.indigo.strong}" } },
+      text: { value: { base: "{colors.sys.indigo.strong}" } }
+    }
+  },
+  ai: {
+    background: {
+      minimal: { value: { base: "{colors.sys.ai-gradient.minimal}" } },
+      subtle: { value: { base: "{colors.sys.ai-gradient.subtle}" } },
+      moderate: { value: { base: "{colors.sys.ai-gradient.moderate}" } },
+      "minimal-vertical": { value: { base: "linear-gradient(180deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } }
     },
-    ui: {
-      "header-action": {
-        bg: {
-          value: {
-            base: "{colors.sys.bg.surface/0}"
-          }
-        },
-        "bg-hover": {
-          value: {
-            base: "{colors.sys.bg.surface/20}"
-          }
-        },
-        "bg-active": {
-          value: {
-            base: "{colors.sys.bg.surface/20}"
-          }
-        },
-        "bg-selected": {
-          value: {
-            base: "{colors.sys.bg.surface/20}"
-          }
-        },
-        "bg-selected-hover": {
-          value: {
-            base: "{colors.sys.bg.surface/10}"
-          }
-        }
-      }
+    border: {
+      regular: { value: { base: "linear-gradient(135deg, {colors.sys.purple.subtle} 0%, {colors.sys.indigo.subtle} 50%, {colors.sys.blue.subtle} 100%)" } },
+      minimal: { value: { base: "linear-gradient(135deg, {colors.sys.purple.minimal} 0%, {colors.sys.indigo.minimal} 50%, {colors.sys.blue.minimal} 100%)" } },
+      strong: { value: { base: "linear-gradient(135deg, {colors.sys.purple.muted} 0%, {colors.sys.indigo.muted} 50%, {colors.sys.blue.muted} 100%)" } }
     }
-  })
-);
+  },
+  utilities: {
+    overlay: { value: { base: "{colors.sys.bg.contrast/50}" } },
+    "overlay-side": { value: { base: "linear-gradient(90deg, {colors.sys.bg.contrast/0} 0%, {colors.sys.bg.contrast/32} 100%)" } },
+    "overlay-light": { value: { base: "{colors.sys.bg.contrast/16}" } },
+    skeleton: { value: { base: "{colors.sys.bg.subtle}" } },
+    "skeleton-strong": { value: { base: "{colors.sys.fg.minimal}" } }
+  },
+  ui: { "header-action": {
+    bg: { value: { base: "{colors.sys.bg.surface/0}" } },
+    "bg-hover": { value: { base: "{colors.sys.bg.surface/20}" } },
+    "bg-active": { value: { base: "{colors.sys.bg.surface/20}" } },
+    "bg-selected": { value: { base: "{colors.sys.bg.surface/20}" } },
+    "bg-selected-hover": { value: { base: "{colors.sys.bg.surface/10}" } }
+  } }
+}));
 export {
   a as default
 };