@ttoss/fsl-theme 1.1.13 → 1.1.15

package/dist/createTheme-Cv6RP9D6.cjs

@@ -0,0 +1,1825 @@
+/** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
+const require_helpers = require('./helpers-4p4-QVt_.cjs');
+
+//#region src/baseTheme.ts
+/**
+* **Foundation** — Neutral baseline theme.
+*
+* System fonts, gray palette, and balanced proportions. Serves as the
+* canonical base that all other themes extend via `createTheme`.
+*/
+const baseTheme = {
+  core: {
+    colors: {
+      brand: {
+        50: "#eff6ff",
+        100: "#dbeafe",
+        200: "#bfdbfe",
+        300: "#60a5fa",
+        400: "#2b87f5",
+        500: "#0469e3",
+        600: "#035fca",
+        700: "#034da6",
+        800: "#023d85",
+        900: "#022e63"
+      },
+      neutral: {
+        0: "#ffffff",
+        50: "#f8fafc",
+        100: "#f1f5f9",
+        200: "#e2e8f0",
+        300: "#cbd5e1",
+        400: "#94a3b8",
+        500: "#64748b",
+        700: "#334155",
+        900: "#0f172a",
+        1e3: "#020617"
+      },
+      red: {
+        100: "#fee2e2",
+        300: "#fca5a5",
+        500: "#ef4444",
+        700: "#b91c1c",
+        900: "#7f1d1d"
+      },
+      orange: {
+        100: "#ffedd5",
+        300: "#fdba74",
+        500: "#f97316",
+        700: "#c2410c",
+        900: "#7c2d12"
+      },
+      green: {
+        100: "#dcfce7",
+        300: "#86efac",
+        500: "#22c55e",
+        700: "#15803d",
+        900: "#14532d"
+      },
+      yellow: {
+        100: "#fef9c3",
+        300: "#fde047",
+        500: "#eab308",
+        700: "#a16207",
+        900: "#713f12"
+      },
+      teal: {
+        100: "#ccfbf1",
+        300: "#5eead4",
+        500: "#14b8a6",
+        700: "#0f766e",
+        900: "#134e4a"
+      },
+      purple: {
+        100: "#f3e8ff",
+        300: "#d8b4fe",
+        500: "#a855f7",
+        700: "#7e22ce",
+        900: "#581c87"
+      },
+      pink: {
+        100: "#fce7f3",
+        300: "#f9a8d4",
+        500: "#ec4899",
+        700: "#be185d",
+        900: "#831843"
+      }
+    },
+    elevation: {
+      level: {
+        0: "none",
+        1: "0 1px 2px rgba(0,0,0,0.06), 0 1px 1px rgba(0,0,0,0.04)",
+        2: "0 4px 8px rgba(0,0,0,0.08), 0 2px 4px rgba(0,0,0,0.06)",
+        3: "0 8px 16px rgba(0,0,0,0.10), 0 4px 8px rgba(0,0,0,0.08)",
+        4: "0 16px 32px rgba(0,0,0,0.14), 0 8px 16px rgba(0,0,0,0.10)"
+      },
+      emphatic: {
+        0: "none",
+        1: "0 1px 2px rgba(0,0,0,0.20), 0 1px 1px rgba(0,0,0,0.14)",
+        2: "0 4px 8px rgba(0,0,0,0.24), 0 2px 4px rgba(0,0,0,0.18)",
+        3: "0 8px 16px rgba(0,0,0,0.28), 0 4px 8px rgba(0,0,0,0.22)",
+        4: "0 16px 32px rgba(0,0,0,0.34), 0 8px 16px rgba(0,0,0,0.28)"
+      }
+    },
+    font: {
+      family: {
+        sans: "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
+        serif: "ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif",
+        mono: "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace"
+      },
+      weight: {
+        regular: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700
+      },
+      leading: {
+        tight: 1.15,
+        snug: 1.25,
+        normal: 1.5,
+        relaxed: 1.7
+      },
+      tracking: {
+        tight: "-0.02em",
+        normal: "0em",
+        wide: "0.04em"
+      },
+      optical: {
+        auto: "auto",
+        none: "none"
+      },
+      numeric: {
+        proportional: "proportional-nums",
+        tabular: "tabular-nums",
+        lining: "lining-nums",
+        oldstyle: "oldstyle-nums",
+        slashedZero: "slashed-zero",
+        ordinal: "ordinal",
+        normal: "normal"
+      },
+      scale: {
+        text: {
+          1: "clamp(12px, calc(0.6cqi + 10px), 14px)",
+          2: "clamp(14px, calc(0.7cqi + 11px), 16px)",
+          3: "clamp(16px, calc(0.8cqi + 12px), 18px)",
+          4: "clamp(18px, calc(0.9cqi + 13px), 20px)",
+          5: "clamp(20px, calc(1.0cqi + 14px), 24px)",
+          6: "clamp(24px, calc(1.2cqi + 16px), 28px)"
+        },
+        display: {
+          1: "clamp(20px, calc(1.2cqi + 16px), 28px)",
+          2: "clamp(24px, calc(1.4cqi + 18px), 32px)",
+          3: "clamp(28px, calc(1.6cqi + 20px), 40px)",
+          4: "clamp(32px, calc(1.8cqi + 22px), 48px)",
+          5: "clamp(40px, calc(2.2cqi + 26px), 64px)",
+          6: "clamp(48px, calc(2.6cqi + 30px), 80px)"
+        }
+      }
+    },
+    spacing: {
+      engine: {
+        unit: "clamp(4px, 0.25cqi + 3px, 6px)"
+      },
+      0: "0px",
+      1: "calc(1 * var(--tt-core-spacing-engine-unit))",
+      2: "calc(2 * var(--tt-core-spacing-engine-unit))",
+      3: "calc(3 * var(--tt-core-spacing-engine-unit))",
+      4: "calc(4 * var(--tt-core-spacing-engine-unit))",
+      6: "calc(6 * var(--tt-core-spacing-engine-unit))",
+      8: "calc(8 * var(--tt-core-spacing-engine-unit))",
+      12: "calc(12 * var(--tt-core-spacing-engine-unit))",
+      16: "calc(16 * var(--tt-core-spacing-engine-unit))"
+    },
+    sizing: {
+      ramp: {
+        ui: {
+          1: "clamp(12px, 0.6cqi + 10px, 16px)",
+          2: "clamp(14px, 0.8cqi + 11px, 20px)",
+          3: "clamp(16px, 1.0cqi + 12px, 24px)",
+          4: "clamp(20px, 1.2cqi + 14px, 32px)",
+          5: "clamp(24px, 1.5cqi + 16px, 40px)",
+          6: "clamp(32px, 1.8cqi + 20px, 56px)",
+          7: "clamp(40px, 2.2cqi + 24px, 72px)",
+          8: "clamp(48px, 2.6cqi + 28px, 96px)"
+        },
+        layout: {
+          1: "clamp(320px, 40cqi, 480px)",
+          2: "clamp(384px, 50cqi, 640px)",
+          3: "clamp(480px, 60cqi, 800px)",
+          4: "clamp(560px, 70cqi, 960px)",
+          5: "clamp(640px, 80cqi, 1120px)",
+          6: "clamp(768px, 90cqi, 1280px)"
+        }
+      },
+      relative: {
+        em: "1em",
+        rem: "1rem"
+      },
+      behavior: {
+        auto: "auto",
+        full: "100%",
+        fit: "fit-content",
+        min: "min-content",
+        max: "max-content"
+      },
+      viewport: {
+        height: {
+          full: "100dvh"
+        },
+        width: {
+          full: "100dvw"
+        }
+      },
+      hit: {
+        fine: {
+          min: "clamp(28px, 1.75rem, 32px)",
+          base: "clamp(32px, 2rem, 40px)",
+          prominent: "clamp(40px, 2.5rem, 48px)"
+        },
+        coarse: {
+          min: "32px",
+          base: "48px",
+          prominent: "56px"
+        }
+      }
+    },
+    radii: {
+      none: "0px",
+      sm: "4px",
+      md: "8px",
+      lg: "12px",
+      xl: "16px",
+      full: "9999px"
+    },
+    border: {
+      width: {
+        none: "0px",
+        default: "1px",
+        selected: "2px",
+        focused: "2px"
+      },
+      style: {
+        solid: "solid",
+        dashed: "dashed",
+        dotted: "dotted",
+        none: "none"
+      }
+    },
+    opacity: {
+      100: 1,
+      75: .75,
+      50: .5,
+      25: .25,
+      0: 0
+    },
+    motion: {
+      duration: {
+        none: "0ms",
+        xs: "50ms",
+        sm: "100ms",
+        md: "200ms",
+        lg: "300ms",
+        xl: "500ms"
+      },
+      easing: {
+        standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+        enter: "cubic-bezier(0, 0, 0.2, 1)",
+        exit: "cubic-bezier(0.4, 0, 1, 1)",
+        linear: "linear"
+      }
+    },
+    zIndex: {
+      level: {
+        0: 0,
+        1: 100,
+        2: 200,
+        3: 300,
+        4: 400
+      }
+    },
+    breakpoints: {
+      sm: "30rem",
+      md: "48rem",
+      lg: "64rem",
+      xl: "80rem",
+      "2xl": "96rem"
+    }
+  },
+  semantic: {
+    colors: {
+      action: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.1000}",
+            hover: "{core.colors.neutral.900}",
+            active: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.200}",
+            droptarget: "{core.colors.neutral.100}",
+            pressed: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.900}"
+          },
+          border: {
+            default: "{core.colors.neutral.1000}",
+            hover: "{core.colors.neutral.900}",
+            active: "{core.colors.neutral.700}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            pressed: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.900}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.500}",
+            droptarget: "{core.colors.neutral.900}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.400}",
+            disabled: "{core.colors.neutral.100}",
+            droptarget: "{core.colors.neutral.50}",
+            pressed: "{core.colors.neutral.400}",
+            expanded: "{core.colors.neutral.200}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.400}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            pressed: "{core.colors.neutral.400}",
+            expanded: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        accent: {
+          background: {
+            default: "{core.colors.brand.500}",
+            hover: "{core.colors.brand.700}",
+            active: "{core.colors.brand.900}",
+            disabled: "{core.colors.neutral.200}",
+            droptarget: "{core.colors.brand.50}",
+            pressed: "{core.colors.brand.900}",
+            expanded: "{core.colors.brand.700}"
+          },
+          border: {
+            default: "{core.colors.brand.500}",
+            hover: "{core.colors.brand.700}",
+            active: "{core.colors.brand.900}",
+            focused: "{core.colors.brand.700}",
+            disabled: "{core.colors.neutral.200}",
+            pressed: "{core.colors.brand.900}",
+            expanded: "{core.colors.brand.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.500}",
+            droptarget: "{core.colors.neutral.900}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.red.500}",
+            hover: "{core.colors.red.700}",
+            active: "{core.colors.red.900}",
+            disabled: "{core.colors.neutral.200}",
+            droptarget: "{core.colors.red.100}",
+            pressed: "{core.colors.red.900}",
+            expanded: "{core.colors.red.700}"
+          },
+          border: {
+            default: "{core.colors.red.500}",
+            hover: "{core.colors.red.700}",
+            active: "{core.colors.red.900}",
+            focused: "{core.colors.red.700}",
+            disabled: "{core.colors.neutral.200}",
+            pressed: "{core.colors.red.900}",
+            expanded: "{core.colors.red.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.500}",
+            droptarget: "{core.colors.neutral.900}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.100}",
+            disabled: "{core.colors.neutral.100}",
+            droptarget: "{core.colors.neutral.50}",
+            pressed: "{core.colors.neutral.100}",
+            expanded: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            pressed: "{core.colors.neutral.300}",
+            expanded: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.900}",
+            active: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            pressed: "{core.colors.neutral.900}",
+            expanded: "{core.colors.neutral.900}"
+          }
+        }
+      },
+      input: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.50}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.50}",
+            droptarget: "{core.colors.neutral.50}",
+            checked: "{core.colors.brand.500}",
+            indeterminate: "{core.colors.brand.300}",
+            pressed: "{core.colors.neutral.100}",
+            expanded: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.300}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.brand.500}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.brand.500}",
+            checked: "{core.colors.brand.500}",
+            indeterminate: "{core.colors.brand.300}",
+            pressed: "{core.colors.neutral.500}",
+            expanded: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.0}",
+            indeterminate: "{core.colors.neutral.900}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.100}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.50}",
+            droptarget: "{core.colors.neutral.50}",
+            checked: "{core.colors.brand.500}",
+            indeterminate: "{core.colors.brand.300}",
+            pressed: "{core.colors.neutral.100}",
+            expanded: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.brand.500}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.brand.500}",
+            checked: "{core.colors.brand.500}",
+            indeterminate: "{core.colors.brand.300}",
+            pressed: "{core.colors.neutral.300}",
+            expanded: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.0}",
+            indeterminate: "{core.colors.neutral.900}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.red.100}",
+            disabled: "{core.colors.neutral.100}",
+            checked: "{core.colors.red.700}",
+            indeterminate: "{core.colors.red.300}"
+          },
+          border: {
+            default: "{core.colors.red.500}",
+            active: "{core.colors.red.700}",
+            focused: "{core.colors.red.700}",
+            disabled: "{core.colors.neutral.200}",
+            indeterminate: "{core.colors.red.300}",
+            pressed: "{core.colors.red.700}",
+            expanded: "{core.colors.red.700}"
+          },
+          text: {
+            default: "{core.colors.red.700}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.0}"
+          }
+        },
+        positive: {
+          background: {
+            default: "{core.colors.green.100}",
+            disabled: "{core.colors.neutral.100}",
+            checked: "{core.colors.green.700}",
+            indeterminate: "{core.colors.green.300}"
+          },
+          border: {
+            default: "{core.colors.green.500}",
+            active: "{core.colors.green.700}",
+            focused: "{core.colors.green.700}",
+            disabled: "{core.colors.neutral.200}",
+            indeterminate: "{core.colors.green.300}",
+            pressed: "{core.colors.green.700}",
+            expanded: "{core.colors.green.700}"
+          },
+          text: {
+            default: "{core.colors.green.700}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.0}"
+          }
+        },
+        caution: {
+          background: {
+            default: "{core.colors.yellow.100}",
+            disabled: "{core.colors.neutral.100}",
+            checked: "{core.colors.yellow.500}",
+            indeterminate: "{core.colors.yellow.300}"
+          },
+          border: {
+            default: "{core.colors.yellow.500}",
+            active: "{core.colors.yellow.700}",
+            focused: "{core.colors.yellow.700}",
+            disabled: "{core.colors.neutral.200}",
+            indeterminate: "{core.colors.yellow.300}",
+            pressed: "{core.colors.yellow.700}",
+            expanded: "{core.colors.yellow.700}"
+          },
+          text: {
+            default: "{core.colors.yellow.900}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.900}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.100}",
+            active: "{core.colors.neutral.200}",
+            selected: "{core.colors.neutral.200}",
+            checked: "{core.colors.neutral.500}",
+            indeterminate: "{core.colors.neutral.300}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.500}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.500}",
+            indeterminate: "{core.colors.neutral.300}",
+            pressed: "{core.colors.neutral.500}",
+            expanded: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.0}"
+          }
+        }
+      },
+      informational: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.100}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.50}",
+            droptarget: "{core.colors.brand.50}",
+            visited: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.300}",
+            droptarget: "{core.colors.brand.300}"
+          },
+          text: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            visited: "{core.colors.neutral.700}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.50}",
+            hover: "{core.colors.neutral.100}",
+            active: "{core.colors.neutral.200}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.50}",
+            droptarget: "{core.colors.neutral.100}",
+            visited: "{core.colors.neutral.100}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.300}"
+          },
+          text: {
+            default: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            visited: "{core.colors.neutral.700}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.100}",
+            hover: "{core.colors.neutral.200}",
+            active: "{core.colors.neutral.300}",
+            selected: "{core.colors.neutral.200}",
+            droptarget: "{core.colors.neutral.200}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.500}",
+            focused: "{core.colors.brand.500}",
+            selected: "{core.colors.neutral.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.300}",
+            selected: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.neutral.700}"
+          }
+        },
+        positive: {
+          background: {
+            default: "{core.colors.green.100}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.green.300}"
+          },
+          border: {
+            default: "{core.colors.green.500}",
+            active: "{core.colors.green.700}",
+            focused: "{core.colors.green.700}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.green.700}"
+          },
+          text: {
+            default: "{core.colors.green.900}",
+            disabled: "{core.colors.neutral.500}",
+            visited: "{core.colors.green.700}"
+          }
+        },
+        caution: {
+          background: {
+            default: "{core.colors.yellow.100}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.yellow.300}"
+          },
+          border: {
+            default: "{core.colors.yellow.500}",
+            active: "{core.colors.yellow.700}",
+            focused: "{core.colors.yellow.700}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.yellow.700}"
+          },
+          text: {
+            default: "{core.colors.yellow.900}",
+            disabled: "{core.colors.neutral.500}",
+            visited: "{core.colors.yellow.700}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.red.100}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.red.300}"
+          },
+          border: {
+            default: "{core.colors.red.500}",
+            active: "{core.colors.red.700}",
+            focused: "{core.colors.red.700}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.red.700}"
+          },
+          text: {
+            default: "{core.colors.red.900}",
+            disabled: "{core.colors.neutral.500}",
+            visited: "{core.colors.red.700}"
+          }
+        },
+        accent: {
+          background: {
+            default: "{core.colors.brand.50}",
+            hover: "{core.colors.brand.100}",
+            active: "{core.colors.brand.200}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.500}"
+          },
+          border: {
+            default: "{core.colors.brand.400}",
+            hover: "{core.colors.brand.500}",
+            active: "{core.colors.brand.600}",
+            focused: "{core.colors.brand.700}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.brand.600}"
+          },
+          text: {
+            default: "{core.colors.brand.700}",
+            hover: "{core.colors.brand.900}",
+            active: "{core.colors.brand.900}",
+            disabled: "{core.colors.neutral.500}",
+            selected: "{core.colors.neutral.0}",
+            visited: "{core.colors.brand.700}"
+          }
+        }
+      },
+      feedback: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.100}"
+          },
+          border: {
+            default: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        positive: {
+          background: {
+            default: "{core.colors.green.100}"
+          },
+          border: {
+            default: "{core.colors.green.500}",
+            focused: "{core.colors.green.700}"
+          },
+          text: {
+            default: "{core.colors.green.900}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        caution: {
+          background: {
+            default: "{core.colors.yellow.100}"
+          },
+          border: {
+            default: "{core.colors.yellow.500}",
+            focused: "{core.colors.yellow.700}"
+          },
+          text: {
+            default: "{core.colors.yellow.900}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.red.100}"
+          },
+          border: {
+            default: "{core.colors.red.500}",
+            focused: "{core.colors.red.700}"
+          },
+          text: {
+            default: "{core.colors.red.900}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        }
+      },
+      navigation: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.100}",
+            disabled: "{core.colors.neutral.0}",
+            current: "{core.colors.neutral.50}",
+            visited: "{core.colors.neutral.0}",
+            expanded: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.0}",
+            focused: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.brand.700}",
+            hover: "{core.colors.brand.900}",
+            active: "{core.colors.brand.900}",
+            disabled: "{core.colors.neutral.500}",
+            current: "{core.colors.brand.900}",
+            visited: "{core.colors.neutral.500}",
+            expanded: "{core.colors.brand.900}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.50}",
+            hover: "{core.colors.neutral.100}",
+            active: "{core.colors.neutral.200}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.50}",
+            droptarget: "{core.colors.neutral.100}",
+            current: "{core.colors.brand.100}",
+            visited: "{core.colors.neutral.100}",
+            expanded: "{core.colors.neutral.100}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.brand.400}",
+            current: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            selected: "{core.colors.brand.700}",
+            current: "{core.colors.brand.700}",
+            visited: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.900}"
+          }
+        },
+        accent: {
+          background: {
+            default: "{core.colors.brand.50}",
+            hover: "{core.colors.brand.100}",
+            active: "{core.colors.brand.200}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.brand.700}",
+            current: "{core.colors.brand.700}",
+            expanded: "{core.colors.brand.100}"
+          },
+          border: {
+            default: "{core.colors.brand.400}",
+            hover: "{core.colors.brand.500}",
+            active: "{core.colors.brand.600}",
+            focused: "{core.colors.brand.700}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.brand.700}",
+            current: "{core.colors.brand.700}"
+          },
+          text: {
+            default: "{core.colors.brand.700}",
+            hover: "{core.colors.brand.900}",
+            disabled: "{core.colors.neutral.500}",
+            selected: "{core.colors.neutral.0}",
+            current: "{core.colors.neutral.0}",
+            visited: "{core.colors.brand.500}",
+            expanded: "{core.colors.brand.900}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.100}",
+            disabled: "{core.colors.neutral.100}",
+            selected: "{core.colors.neutral.100}",
+            current: "{core.colors.neutral.100}",
+            expanded: "{core.colors.neutral.50}"
+          },
+          border: {
+            default: "{core.colors.neutral.200}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.200}",
+            selected: "{core.colors.neutral.500}",
+            current: "{core.colors.brand.400}"
+          },
+          text: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.300}",
+            selected: "{core.colors.neutral.900}",
+            current: "{core.colors.brand.700}",
+            visited: "{core.colors.neutral.500}",
+            expanded: "{core.colors.neutral.700}"
+          }
+        }
+      }
+    },
+    elevation: {
+      surface: {
+        flat: "{core.elevation.level.0}",
+        raised: "{core.elevation.level.2}",
+        overlay: "{core.elevation.level.3}",
+        blocking: "{core.elevation.level.4}"
+      }
+    },
+    text: {
+      display: {
+        lg: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.display.5}",
+          fontWeight: "{core.font.weight.bold}",
+          lineHeight: "{core.font.leading.tight}",
+          letterSpacing: "{core.font.tracking.tight}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        md: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.display.4}",
+          fontWeight: "{core.font.weight.bold}",
+          lineHeight: "{core.font.leading.tight}",
+          letterSpacing: "{core.font.tracking.tight}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        sm: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.display.3}",
+          fontWeight: "{core.font.weight.semibold}",
+          lineHeight: "{core.font.leading.tight}",
+          letterSpacing: "{core.font.tracking.tight}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        }
+      },
+      headline: {
+        lg: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.display.3}",
+          fontWeight: "{core.font.weight.semibold}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        md: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.display.2}",
+          fontWeight: "{core.font.weight.semibold}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        sm: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.display.1}",
+          fontWeight: "{core.font.weight.semibold}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        }
+      },
+      title: {
+        lg: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.6}",
+          fontWeight: "{core.font.weight.semibold}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        md: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.5}",
+          fontWeight: "{core.font.weight.semibold}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        sm: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.4}",
+          fontWeight: "{core.font.weight.medium}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        }
+      },
+      body: {
+        lg: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.4}",
+          fontWeight: "{core.font.weight.regular}",
+          lineHeight: "{core.font.leading.normal}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        md: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.3}",
+          fontWeight: "{core.font.weight.regular}",
+          lineHeight: "{core.font.leading.normal}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        sm: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.2}",
+          fontWeight: "{core.font.weight.regular}",
+          lineHeight: "{core.font.leading.normal}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        }
+      },
+      label: {
+        lg: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.3}",
+          fontWeight: "{core.font.weight.medium}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        md: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.2}",
+          fontWeight: "{core.font.weight.medium}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        },
+        sm: {
+          fontFamily: "{core.font.family.sans}",
+          fontSize: "{core.font.scale.text.1}",
+          fontWeight: "{core.font.weight.medium}",
+          lineHeight: "{core.font.leading.snug}",
+          letterSpacing: "{core.font.tracking.wide}",
+          fontOpticalSizing: "{core.font.optical.auto}"
+        }
+      },
+      code: {
+        md: {
+          fontFamily: "{core.font.family.mono}",
+          fontSize: "{core.font.scale.text.2}",
+          fontWeight: "{core.font.weight.regular}",
+          lineHeight: "{core.font.leading.normal}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontVariantNumeric: "{core.font.numeric.tabular}"
+        },
+        sm: {
+          fontFamily: "{core.font.family.mono}",
+          fontSize: "{core.font.scale.text.1}",
+          fontWeight: "{core.font.weight.regular}",
+          lineHeight: "{core.font.leading.normal}",
+          letterSpacing: "{core.font.tracking.normal}",
+          fontVariantNumeric: "{core.font.numeric.tabular}"
+        }
+      }
+    },
+    spacing: {
+      inset: {
+        control: {
+          sm: "{core.spacing.2}",
+          md: "{core.spacing.3}",
+          lg: "{core.spacing.4}"
+        },
+        surface: {
+          sm: "{core.spacing.3}",
+          md: "{core.spacing.4}",
+          lg: "{core.spacing.6}"
+        }
+      },
+      gap: {
+        stack: {
+          xs: "{core.spacing.2}",
+          sm: "{core.spacing.3}",
+          md: "{core.spacing.4}",
+          lg: "{core.spacing.6}",
+          xl: "{core.spacing.8}"
+        },
+        inline: {
+          xs: "{core.spacing.1}",
+          sm: "{core.spacing.2}",
+          md: "{core.spacing.3}",
+          lg: "{core.spacing.4}",
+          xl: "{core.spacing.6}"
+        }
+      },
+      gutter: {
+        page: "clamp({core.spacing.4}, {core.spacing.6}, {core.spacing.12})",
+        section: "clamp({core.spacing.3}, {core.spacing.4}, {core.spacing.12})"
+      },
+      separation: {
+        interactive: {
+          min: "clamp(8px, {core.spacing.2}, 12px)"
+        }
+      }
+    },
+    sizing: {
+      hit: {
+        min: "{core.sizing.hit.fine.min}",
+        base: "{core.sizing.hit.fine.base}",
+        prominent: "{core.sizing.hit.fine.prominent}"
+      },
+      icon: {
+        sm: "{core.sizing.ramp.ui.2}",
+        md: "{core.sizing.ramp.ui.3}",
+        lg: "{core.sizing.ramp.ui.4}"
+      },
+      identity: {
+        sm: "{core.sizing.ramp.ui.5}",
+        md: "{core.sizing.ramp.ui.6}",
+        lg: "{core.sizing.ramp.ui.7}",
+        xl: "{core.sizing.ramp.ui.8}"
+      },
+      measure: {
+        reading: "clamp(45ch, 60ch, 75ch)"
+      },
+      surface: {
+        maxWidth: "{core.sizing.ramp.layout.5}"
+      },
+      viewport: {
+        height: {
+          full: "{core.sizing.viewport.height.full}"
+        },
+        width: {
+          full: "{core.sizing.viewport.width.full}"
+        }
+      }
+    },
+    radii: {
+      control: "{core.radii.md}",
+      surface: "{core.radii.lg}",
+      round: "{core.radii.full}"
+    },
+    border: {
+      divider: {
+        width: "{core.border.width.default}",
+        style: "{core.border.style.solid}"
+      },
+      outline: {
+        surface: {
+          width: "{core.border.width.default}",
+          style: "{core.border.style.solid}"
+        },
+        control: {
+          width: "{core.border.width.default}",
+          style: "{core.border.style.solid}"
+        },
+        selected: {
+          width: "{core.border.width.selected}",
+          style: "{core.border.style.solid}"
+        }
+      }
+    },
+    focus: {
+      ring: {
+        width: "{core.border.width.focused}",
+        style: "{core.border.style.solid}",
+        color: "{semantic.colors.action.accent.border.focused}"
+      }
+    },
+    overlay: {
+      scrim: "rgba(0, 0, 0, {semantic.opacity.scrim})"
+    },
+    opacity: {
+      scrim: "{core.opacity.50}",
+      loading: "{core.opacity.50}",
+      disabled: "{core.opacity.50}"
+    },
+    motion: {
+      feedback: {
+        duration: "{core.motion.duration.sm}",
+        easing: "{core.motion.easing.standard}"
+      },
+      transition: {
+        enter: {
+          duration: "{core.motion.duration.md}",
+          easing: "{core.motion.easing.enter}"
+        },
+        exit: {
+          duration: "{core.motion.duration.sm}",
+          easing: "{core.motion.easing.exit}"
+        }
+      },
+      emphasis: {
+        duration: "{core.motion.duration.lg}",
+        easing: "{core.motion.easing.standard}"
+      },
+      decorative: {
+        duration: "{core.motion.duration.xl}",
+        easing: "{core.motion.easing.linear}"
+      }
+    },
+    zIndex: {
+      layer: {
+        base: "{core.zIndex.level.0}",
+        sticky: "{core.zIndex.level.1}",
+        overlay: "{core.zIndex.level.2}",
+        blocking: "{core.zIndex.level.3}",
+        transient: "{core.zIndex.level.4}"
+      }
+    }
+  }
+};
+const darkAlternate = {
+  semantic: {
+    colors: {
+      action: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.100}",
+            active: "{core.colors.neutral.200}",
+            pressed: "{core.colors.neutral.200}",
+            expanded: "{core.colors.neutral.100}",
+            disabled: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.0}",
+            hover: "{core.colors.neutral.100}",
+            active: "{core.colors.neutral.200}",
+            focused: "{core.colors.brand.300}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.500}",
+            droptarget: "{core.colors.neutral.0}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.300}",
+            disabled: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.500}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.100}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.50}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.500}",
+            disabled: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.neutral.700}",
+            pressed: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.500}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.50}",
+            disabled: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.0}",
+            active: "{core.colors.neutral.0}",
+            pressed: "{core.colors.neutral.0}",
+            expanded: "{core.colors.neutral.0}"
+          }
+        },
+        negative: {
+          background: {
+            disabled: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.neutral.700}"
+          },
+          border: {
+            disabled: "{core.colors.neutral.700}"
+          },
+          text: {
+            droptarget: "{core.colors.neutral.0}"
+          }
+        },
+        accent: {
+          background: {
+            disabled: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.brand.900}"
+          },
+          border: {
+            focused: "{core.colors.brand.300}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          text: {
+            droptarget: "{core.colors.neutral.0}"
+          }
+        }
+      },
+      input: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.500}",
+            disabled: "{core.colors.neutral.900}",
+            selected: "{core.colors.brand.700}",
+            droptarget: "{core.colors.neutral.700}",
+            pressed: "{core.colors.neutral.500}",
+            expanded: "{core.colors.neutral.500}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.300}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.500}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.500}",
+            disabled: "{core.colors.neutral.900}",
+            selected: "{core.colors.brand.700}",
+            droptarget: "{core.colors.neutral.700}",
+            pressed: "{core.colors.neutral.500}",
+            expanded: "{core.colors.neutral.500}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.brand.500}",
+            focused: "{core.colors.brand.500}",
+            disabled: "{core.colors.neutral.700}",
+            selected: "{core.colors.brand.500}",
+            checked: "{core.colors.brand.500}",
+            indeterminate: "{core.colors.brand.300}",
+            pressed: "{core.colors.neutral.300}",
+            expanded: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.500}",
+            checked: "{core.colors.neutral.0}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.red.500}"
+          },
+          text: {
+            default: "{core.colors.red.300}"
+          }
+        },
+        positive: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.green.500}"
+          },
+          text: {
+            default: "{core.colors.green.300}"
+          }
+        },
+        caution: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.yellow.500}"
+          },
+          text: {
+            default: "{core.colors.yellow.300}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.500}",
+            selected: "{core.colors.neutral.500}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.300}",
+            selected: "{core.colors.neutral.300}"
+          },
+          text: {
+            default: "{core.colors.neutral.300}"
+          }
+        }
+      },
+      informational: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.700}",
+            selected: "{core.colors.brand.900}",
+            droptarget: "{core.colors.neutral.700}",
+            visited: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}",
+            visited: "{core.colors.neutral.300}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.500}",
+            disabled: "{core.colors.neutral.700}",
+            selected: "{core.colors.brand.900}",
+            droptarget: "{core.colors.neutral.700}",
+            visited: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.50}",
+            active: "{core.colors.neutral.0}",
+            visited: "{core.colors.neutral.300}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.300}",
+            selected: "{core.colors.neutral.300}",
+            droptarget: "{core.colors.neutral.300}"
+          },
+          border: {
+            default: "{core.colors.neutral.700}"
+          },
+          text: {
+            default: "{core.colors.neutral.300}"
+          }
+        },
+        positive: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.green.500}"
+          },
+          text: {
+            default: "{core.colors.green.300}"
+          }
+        },
+        caution: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.yellow.500}"
+          },
+          text: {
+            default: "{core.colors.yellow.300}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.red.500}"
+          },
+          text: {
+            default: "{core.colors.red.300}"
+          }
+        },
+        accent: {
+          background: {
+            default: "{core.colors.brand.900}",
+            hover: "{core.colors.brand.700}",
+            active: "{core.colors.brand.700}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.brand.300}",
+            hover: "{core.colors.brand.400}",
+            active: "{core.colors.brand.400}",
+            focused: "{core.colors.brand.100}",
+            disabled: "{core.colors.neutral.700}",
+            selected: "{core.colors.brand.400}"
+          },
+          text: {
+            default: "{core.colors.brand.300}",
+            hover: "{core.colors.brand.100}",
+            active: "{core.colors.brand.100}",
+            visited: "{core.colors.brand.300}"
+          }
+        }
+      },
+      feedback: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.0}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.300}"
+          }
+        },
+        positive: {
+          background: {
+            default: "{core.colors.neutral.900}"
+          },
+          border: {
+            default: "{core.colors.green.500}"
+          },
+          text: {
+            default: "{core.colors.green.300}"
+          }
+        },
+        caution: {
+          background: {
+            default: "{core.colors.neutral.900}"
+          },
+          border: {
+            default: "{core.colors.yellow.500}"
+          },
+          text: {
+            default: "{core.colors.yellow.300}"
+          }
+        },
+        negative: {
+          background: {
+            default: "{core.colors.neutral.900}"
+          },
+          border: {
+            default: "{core.colors.red.500}"
+          },
+          text: {
+            default: "{core.colors.red.300}"
+          }
+        }
+      },
+      navigation: {
+        primary: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.900}",
+            current: "{core.colors.neutral.700}",
+            visited: "{core.colors.neutral.900}",
+            expanded: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.900}",
+            focused: "{core.colors.brand.400}"
+          },
+          text: {
+            default: "{core.colors.brand.300}",
+            hover: "{core.colors.brand.100}",
+            active: "{core.colors.brand.100}",
+            disabled: "{core.colors.neutral.500}",
+            current: "{core.colors.brand.100}",
+            visited: "{core.colors.neutral.300}",
+            expanded: "{core.colors.brand.100}"
+          }
+        },
+        secondary: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.700}",
+            selected: "{core.colors.brand.900}",
+            current: "{core.colors.brand.900}",
+            visited: "{core.colors.neutral.900}",
+            expanded: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.700}",
+            droptarget: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.500}",
+            focused: "{core.colors.brand.400}",
+            selected: "{core.colors.brand.500}",
+            current: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.300}",
+            hover: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.500}",
+            selected: "{core.colors.brand.300}",
+            current: "{core.colors.brand.300}",
+            visited: "{core.colors.neutral.300}",
+            expanded: "{core.colors.neutral.50}"
+          }
+        },
+        accent: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.700}",
+            selected: "{core.colors.brand.700}",
+            current: "{core.colors.brand.700}",
+            expanded: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.brand.500}",
+            hover: "{core.colors.brand.400}",
+            active: "{core.colors.brand.300}",
+            focused: "{core.colors.brand.400}",
+            selected: "{core.colors.brand.400}",
+            current: "{core.colors.brand.400}"
+          },
+          text: {
+            default: "{core.colors.brand.300}",
+            hover: "{core.colors.brand.100}",
+            disabled: "{core.colors.neutral.500}",
+            selected: "{core.colors.neutral.0}",
+            current: "{core.colors.neutral.0}",
+            visited: "{core.colors.brand.500}",
+            expanded: "{core.colors.brand.200}"
+          }
+        },
+        muted: {
+          background: {
+            default: "{core.colors.neutral.900}",
+            hover: "{core.colors.neutral.700}",
+            active: "{core.colors.neutral.700}",
+            selected: "{core.colors.neutral.700}",
+            current: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.700}",
+            disabled: "{core.colors.neutral.700}"
+          },
+          border: {
+            default: "{core.colors.neutral.700}",
+            hover: "{core.colors.neutral.500}",
+            active: "{core.colors.neutral.500}",
+            focused: "{core.colors.brand.400}",
+            selected: "{core.colors.neutral.300}",
+            current: "{core.colors.brand.500}"
+          },
+          text: {
+            default: "{core.colors.neutral.500}",
+            hover: "{core.colors.neutral.300}",
+            active: "{core.colors.neutral.0}",
+            disabled: "{core.colors.neutral.700}",
+            selected: "{core.colors.neutral.0}",
+            current: "{core.colors.brand.300}",
+            visited: "{core.colors.neutral.700}",
+            expanded: "{core.colors.neutral.300}"
+          }
+        }
+      }
+    },
+    elevation: {
+      surface: {
+        flat: "{core.elevation.emphatic.0}",
+        raised: "{core.elevation.emphatic.2}",
+        overlay: "{core.elevation.emphatic.3}",
+        blocking: "{core.elevation.emphatic.4}"
+      }
+    }
+  }
+};
+
+//#endregion
+//#region src/createTheme.ts
+/**
+* Creates a fully resolved `ThemeTokens` by merging partial overrides into a base.
+* Internal engine — consumers should use `createTheme` which returns `ThemeBundle`.
+*
+* @internal
+*/
+const buildTheme = ({
+  base = baseTheme,
+  overrides = {}
+} = {}) => {
+  const merged = require_helpers.deepMerge(base, overrides);
+  if (process.env.NODE_ENV !== "production") require_helpers.validateRefs(merged);
+  return structuredClone(merged);
+};
+const resolveAlternate = (alternate, parentBundle) => {
+  if (alternate === null) return void 0;
+  if (alternate !== void 0) return alternate;
+  return parentBundle?.alternate ?? darkAlternate;
+};
+/**
+* Creates a theme bundle with an optional alternate color mode.
+*
+* The `extends` param is the idiomatic way to build on a built-in theme:
+* it inherits the base tokens **and** the dark-mode alternate automatically.
+*
+* @param params.extends - Parent bundle to inherit from. `base`, `baseMode`, and
+*   `alternate` default to the parent's values when this is provided.
+* @param params.baseMode - Which mode the base represents. Defaults to `'light'`.
+* @param params.base - Base theme to extend. Defaults to `extends.base` or `baseTheme`.
+* @param params.overrides - Brand overrides applied to the base theme.
+* @param params.alternate - Semantic remapping overrides for the opposite color mode.
+*   Defaults to `darkAlternate` (built-in dark mode) when neither `alternate` nor
+*   `extends` is provided. Inherits from `extends.alternate` when `extends` is given.
+*   Pass `null` to explicitly opt out of any alternate (single-mode theme).
+*   Core tokens are immutable — only semantic references change between modes.
+*
+* @example
+* ```ts
+* // Path A — default foundation (light base + dark alternate included)
+* const myTheme = createTheme();
+* <ThemeProvider theme={myTheme} />
+*
+* // Path B — custom brand overrides (dark mode still included)
+* const myTheme = createTheme({
+*   overrides: { core: { colors: { brand: { 500: '#FF0000' } } } },
+* });
+*
+* // Path C — custom semantic dark alternate
+* const myTheme = createTheme({
+*   overrides: { core: { colors: { brand: { 500: '#FF0000' } } } },
+*   alternate: {
+*     semantic: {
+*       colors: { informational: { primary: { background: { default: '{core.colors.neutral.900}' } } } },
+*     },
+*   },
+* });
+*
+* // Path D — single-mode theme (no dark alternate)
+* const myTheme = createTheme({ alternate: null });
+* ```
+*/
+const createTheme = ({
+  extends: parentBundle,
+  baseMode,
+  base,
+  overrides,
+  alternate
+} = {}) => {
+  const resolvedBase = base ?? parentBundle?.base;
+  const resolvedBaseMode = baseMode ?? parentBundle?.baseMode ?? "light";
+  const resolvedAlternate = resolveAlternate(alternate, parentBundle);
+  return {
+    baseMode: resolvedBaseMode,
+    base: buildTheme({
+      base: resolvedBase,
+      overrides
+    }),
+    alternate: resolvedAlternate
+  };
+};
+
+//#endregion
+Object.defineProperty(exports, 'baseTheme', {
+  enumerable: true,
+  get: function () {
+    return baseTheme;
+  }
+});
+Object.defineProperty(exports, 'buildTheme', {
+  enumerable: true,
+  get: function () {
+    return buildTheme;
+  }
+});
+Object.defineProperty(exports, 'createTheme', {
+  enumerable: true,
+  get: function () {
+    return createTheme;
+  }
+});
+Object.defineProperty(exports, 'darkAlternate', {
+  enumerable: true,
+  get: function () {
+    return darkAlternate;
+  }
+});