@weasel-js/theme 1.6.0 → 1.7.0

package/dist/{themes-bTfTZjCh.d.ts → definition-Dqt5o6LR.d.ts}

@@ -39,195 +39,6 @@ interface RawToken {
  *  prefix). Still unresolved — see `ResolvedTokenMap` for the output side. */
 type FlatTokens = Record<string, RawToken>;
 
-/**
- * A theme ready to resolve: its axes and its tokens, each plain or varying by
- * axis, references intact. A `by` that leaves a value out contributes nothing
- * for that selection, so the theme it extends supplies it.
- */
-interface Theme {
-    readonly name: string;
-    readonly extends: Theme | null;
-    readonly axes: AxisDefs;
-    readonly tokens: Readonly<Record<string, Varying<RawToken>>>;
-    /** Ramp name → step names in order, for the ramps this theme declares itself. */
-    readonly ramps?: Readonly<Record<string, readonly string[]>>;
-    /** The colors a `tone` index picks from. Absent: the nearest theme it extends that has one. */
-    readonly tones?: SerializableColorList;
-}
-/** What `defineTheme` accepts: a definition whose `extends` is a `Theme`, holding pins and components only. */
-type ThemeInput = Omit<ThemeDefinition, 'extends'> & {
-    readonly extends?: Theme | null;
-};
-/** The built-in theme, from the baked output of themes/weasel.json. */
-declare const weaselTheme: Theme;
-/**
- * Build a theme from pins. Unless `extends` says otherwise the result layers
- * onto `weaselTheme`, so a theme only names what it changes. A definition with
- * seeds, ramps, scales or semantics needs deriving first.
- */
-declare function defineTheme(input: ThemeInput): Theme;
-
-/** The output of `resolveTheme`: every token of a theme, for one selection, keyed
- *  by CSS custom-property name and flattened to a final CSS value. */
-type ResolvedTheme = Readonly<Record<TokenName, string>>;
-/** Every axis the chain declares. An axis declared more than once keeps every value; a descendant's value entries and default win. */
-declare function themeAxes(theme: Theme): AxisDefs;
-/**
- * Merge the extends chain at a selection, resolve every alias, and key the
- * result by CSS custom-property name. A missing or unknown axis value takes the
- * axis default.
- *
- * Pure — no DOM. An unresolvable reference throws rather than falling back.
- */
-declare function resolveTheme(theme: Theme, selection?: Selection): ResolvedTheme;
-
-/** The categorical generator the swatch ramp uses, asked for `count` colors. */
-interface GeneratedColors {
-    readonly generate: {
-        readonly count: number;
-        readonly gates?: CategoricalRampDef['gates'];
-    };
-}
-/** A ramp of the active theme, by name — `{ ramp: 'swatch' }` walks its steps in order. */
-interface RampColors {
-    readonly ramp: string;
-}
-/** The forms a theme definition can hold: everything but a function. */
-type SerializableColorList = readonly string[] | GeneratedColors | RampColors;
-/**
- * Several colors, read by index with `colorAt`, wrapping. Literals; the swatch
- * ramp's generator; a ramp of the active theme, which follows the mode; or a
- * function of the index.
- */
-type ColorList = SerializableColorList | ((i: number) => string);
-/** What a `ColorList` resolves against. `useTheme()`'s value is one. */
-interface ColorContext {
-    readonly theme: Theme;
-    readonly resolved: ResolvedTheme;
-}
-/** A ramp's step names, from the nearest theme in the chain that declares it. */
-declare function rampSteps(theme: Theme, ramp: string): readonly string[];
-/** The tone list a theme declares, from the nearest theme in its chain that has one. */
-declare function themeTones(theme: Theme): ColorList;
-/** The `i`th color of `list`, wrapping. A ramp list reads the resolved theme, so the answer follows its mode. */
-declare function colorAt(list: ColorList, i: number, ctx?: ColorContext): string;
-/**
- * As `colorAt`, but a ramp list answers with its custom property —
- * `var(--wzl-swatch-sky)` — so a color written into CSS follows a mode change
- * without re-rendering, provider or not.
- */
-declare function colorCssAt(list: ColorList, i: number, ctx?: ColorContext): string;
-/** How many distinct colors `list` holds before it wraps; `undefined` for a function, which never does. */
-declare function colorCount(list: ColorList, ctx?: ColorContext): number | undefined;
-
-/** A number, or `{seeds.name}`. */
-type NumberParam = Varying<number | string>;
-interface PinObject {
-    readonly value: TokenValue;
-    readonly type?: string;
-    readonly description?: string;
-    readonly alpha?: number;
-}
-/** A bare value or `{ value, type?, description?, alpha? }`. The value may be a `{token}` reference. */
-type PinValue = TokenValue | PinObject;
-interface LightnessRampDef {
-    readonly kind: 'lightness';
-    readonly steps: Varying<readonly string[]>;
-    /** First and last step's OKLCH lightness. */
-    readonly lightness: Varying<readonly [NumberParam, NumberParam]>;
-    /** 0 walks evenly; 1 follows a smoothstep S. */
-    readonly curve?: NumberParam;
-    /** Degrees. Ignored when an anchor is given. */
-    readonly hue?: NumberParam;
-    readonly chroma?: Varying<{
-        readonly peak: NumberParam;
-        readonly lightBias?: NumberParam;
-        readonly darkBias?: NumberParam;
-    }>;
-    /**
-     * Step name → exact hex (or `{seeds.name}`). An anchor's hue and chroma replace `hue` and `chroma.peak`; with several,
-     * both blend by step between consecutive anchors, and steps outside them take the nearest anchor's.
-     */
-    readonly anchor?: Varying<Readonly<Record<string, Varying<string>>>>;
-    readonly description?: string;
-    readonly describe?: Readonly<Record<string, string>>;
-}
-interface CategoricalRampDef {
-    readonly kind: 'categorical';
-    readonly steps: Varying<readonly string[]>;
-    /** Any of the palette generator's `Constraints` except `count` and `anchors`. */
-    readonly gates?: Varying<Readonly<Record<string, Varying<number | string>>>>;
-    readonly anchors?: readonly {
-        readonly name: string;
-        readonly hue: number;
-        readonly lightness: number;
-        readonly chroma?: number;
-    }[];
-    readonly description?: string;
-    readonly describe?: Readonly<Record<string, string>>;
-}
-type RampDef = LightnessRampDef | CategoricalRampDef;
-interface ScaleDef {
-    readonly steps: Varying<readonly string[]>;
-    readonly base: NumberParam;
-    /** Linear: `base + step × i`. */
-    readonly step?: NumberParam;
-    /** Geometric: `base × ratio^i`. */
-    readonly ratio?: NumberParam;
-    /** Explicit: `base × factors[i]`, one per step. For a ramp no single rule fits. */
-    readonly factors?: Varying<readonly NumberParam[]>;
-    readonly description?: string;
-    readonly describe?: Readonly<Record<string, string>>;
-}
-interface SemanticCommon {
-    readonly type?: string;
-    readonly description?: string;
-    /** Audited, never applied. */
-    readonly check?: {
-        readonly contrast: number;
-        readonly against: readonly string[];
-    };
-}
-type StepRule = SemanticCommon & {
-    readonly ramp: string;
-    readonly step: Varying<string>;
-};
-type OffsetRule = SemanticCommon & {
-    readonly from: string;
-    readonly offset: number;
-    readonly dir: 'lighter' | 'darker' | 'away';
-};
-type ContrastRule = SemanticCommon & {
-    readonly ramp: string;
-    readonly contrast: {
-        readonly min: number;
-        readonly against: readonly string[];
-    };
-};
-type RefRule = SemanticCommon & {
-    readonly ref: string;
-    readonly alpha?: number;
-};
-type LiteralRule = SemanticCommon & {
-    readonly value: TokenValue;
-};
-type SemanticRule = StepRule | OffsetRule | ContrastRule | RefRule | LiteralRule;
-interface ThemeDefinition {
-    readonly name: string;
-    /** Another definition's name. Absent or null: extends nothing. */
-    readonly extends?: string | null;
-    readonly description?: string;
-    readonly axes?: AxisDefs;
-    readonly seeds?: Readonly<Record<string, Varying<number | string>>>;
-    readonly ramps?: Readonly<Record<string, RampDef>>;
-    readonly scales?: Readonly<Record<string, ScaleDef>>;
-    readonly semantics?: Readonly<Record<string, Varying<SemanticRule>>>;
-    readonly components?: Readonly<Record<string, Varying<PinValue>>>;
-    readonly pins?: Readonly<Record<string, Varying<PinValue>>>;
-    /** The colors a `tone` index picks from. Absent: the nearest theme it extends that has one, else the swatch ramp. */
-    readonly tones?: SerializableColorList;
-}
-
 type Lookup = (name: string) => ThemeDefinition | undefined;
 /** The definition with its whole `extends` chain folded in, child entries winning. */
 declare function mergeChain(def: ThemeDefinition, lookup?: Lookup, seen?: ReadonlySet<string>): ThemeDefinition;
@@ -302,9 +113,9 @@ declare const THEMES: {
                 readonly '--wzl-gray-700': "#25272c";
                 readonly '--wzl-gray-800': "#181a1e";
                 readonly '--wzl-gray-900': "#0e0f12";
-                readonly '--wzl-accent-soft': "#1d1454";
-                readonly '--wzl-accent-base': "#2e1f7a";
-                readonly '--wzl-accent-strong': "#5841b8";
+                readonly '--wzl-accent-soft': "#262a66";
+                readonly '--wzl-accent-base': "#5b63c9";
+                readonly '--wzl-accent-strong': "#8c94ee";
                 readonly '--wzl-secondary-soft': "#704e09";
                 readonly '--wzl-secondary-base': "#dc9d15";
                 readonly '--wzl-secondary-strong': "#f1cb8d";
@@ -340,7 +151,7 @@ declare const THEMES: {
                 readonly '--wzl-fg-subtle': "#6f737b";
                 readonly '--wzl-border': "#25272c";
                 readonly '--wzl-border-strong': "#6f737b";
-                readonly '--wzl-accent-fg': "#5841b8";
+                readonly '--wzl-accent-fg': "#8c94ee";
                 readonly '--wzl-secondary-fg': "#dc9d15";
                 readonly '--wzl-fg-inverse': "#0e0f12";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
@@ -383,11 +194,11 @@ declare const THEMES: {
                 readonly '--wzl-stance-danger-tone': "#d94a3f";
                 readonly '--wzl-stance-danger-border-color': "#d94a3f";
                 readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#2e1f7a";
-                readonly '--wzl-stance-notice-tone': "#2e1f7a";
+                readonly '--wzl-accent': "#5b63c9";
+                readonly '--wzl-stance-notice-tone': "#5b63c9";
                 readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#5841b8";
-                readonly '--wzl-stance-important-title-color': "#5841b8";
+                readonly '--wzl-stance-important-border-color': "#8c94ee";
+                readonly '--wzl-stance-important-title-color': "#8c94ee";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "8px";
                 readonly '--wzl-stance-preview-title-case': "none";
@@ -397,13 +208,13 @@ declare const THEMES: {
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
                 readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
-                readonly '--wzl-curve-color': "#5841b8";
-                readonly '--wzl-accent-hover': "#5841b8";
+                readonly '--wzl-curve-color': "#8c94ee";
+                readonly '--wzl-accent-hover': "#8c94ee";
                 readonly '--wzl-secondary': "#dc9d15";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
-                readonly '--wzl-focus-ring': "#5841b8";
-                readonly '--wzl-glass-tint': "#2e1f7a";
+                readonly '--wzl-focus-ring': "#8c94ee";
+                readonly '--wzl-glass-tint': "#5b63c9";
                 readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
                 readonly '--wzl-radius-sm': "3px";
@@ -468,9 +279,9 @@ declare const THEMES: {
                 readonly '--wzl-gray-700': "#25272c";
                 readonly '--wzl-gray-800': "#181a1e";
                 readonly '--wzl-gray-900': "#0e0f12";
-                readonly '--wzl-accent-soft': "#1d1454";
-                readonly '--wzl-accent-base': "#2e1f7a";
-                readonly '--wzl-accent-strong': "#5841b8";
+                readonly '--wzl-accent-soft': "#262a66";
+                readonly '--wzl-accent-base': "#5b63c9";
+                readonly '--wzl-accent-strong': "#8c94ee";
                 readonly '--wzl-secondary-soft': "#704e09";
                 readonly '--wzl-secondary-base': "#dc9d15";
                 readonly '--wzl-secondary-strong': "#f1cb8d";
@@ -506,7 +317,7 @@ declare const THEMES: {
                 readonly '--wzl-fg-subtle': "#6f737b";
                 readonly '--wzl-border': "#25272c";
                 readonly '--wzl-border-strong': "#6f737b";
-                readonly '--wzl-accent-fg': "#5841b8";
+                readonly '--wzl-accent-fg': "#8c94ee";
                 readonly '--wzl-secondary-fg': "#dc9d15";
                 readonly '--wzl-fg-inverse': "#0e0f12";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
@@ -549,11 +360,11 @@ declare const THEMES: {
                 readonly '--wzl-stance-danger-tone': "#d94a3f";
                 readonly '--wzl-stance-danger-border-color': "#d94a3f";
                 readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#2e1f7a";
-                readonly '--wzl-stance-notice-tone': "#2e1f7a";
+                readonly '--wzl-accent': "#5b63c9";
+                readonly '--wzl-stance-notice-tone': "#5b63c9";
                 readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#5841b8";
-                readonly '--wzl-stance-important-title-color': "#5841b8";
+                readonly '--wzl-stance-important-border-color': "#8c94ee";
+                readonly '--wzl-stance-important-title-color': "#8c94ee";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "10px";
                 readonly '--wzl-stance-preview-title-case': "none";
@@ -563,13 +374,13 @@ declare const THEMES: {
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
                 readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
-                readonly '--wzl-curve-color': "#5841b8";
-                readonly '--wzl-accent-hover': "#5841b8";
+                readonly '--wzl-curve-color': "#8c94ee";
+                readonly '--wzl-accent-hover': "#8c94ee";
                 readonly '--wzl-secondary': "#dc9d15";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
-                readonly '--wzl-focus-ring': "#5841b8";
-                readonly '--wzl-glass-tint': "#2e1f7a";
+                readonly '--wzl-focus-ring': "#8c94ee";
+                readonly '--wzl-glass-tint': "#5b63c9";
                 readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
                 readonly '--wzl-radius-sm': "3px";
@@ -634,9 +445,9 @@ declare const THEMES: {
                 readonly '--wzl-gray-700': "#25272c";
                 readonly '--wzl-gray-800': "#181a1e";
                 readonly '--wzl-gray-900': "#0e0f12";
-                readonly '--wzl-accent-soft': "#1d1454";
-                readonly '--wzl-accent-base': "#2e1f7a";
-                readonly '--wzl-accent-strong': "#5841b8";
+                readonly '--wzl-accent-soft': "#262a66";
+                readonly '--wzl-accent-base': "#5b63c9";
+                readonly '--wzl-accent-strong': "#8c94ee";
                 readonly '--wzl-secondary-soft': "#704e09";
                 readonly '--wzl-secondary-base': "#dc9d15";
                 readonly '--wzl-secondary-strong': "#f1cb8d";
@@ -672,7 +483,7 @@ declare const THEMES: {
                 readonly '--wzl-fg-subtle': "#6f737b";
                 readonly '--wzl-border': "#25272c";
                 readonly '--wzl-border-strong': "#6f737b";
-                readonly '--wzl-accent-fg': "#5841b8";
+                readonly '--wzl-accent-fg': "#8c94ee";
                 readonly '--wzl-secondary-fg': "#dc9d15";
                 readonly '--wzl-fg-inverse': "#0e0f12";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.6)";
@@ -715,11 +526,11 @@ declare const THEMES: {
                 readonly '--wzl-stance-danger-tone': "#d94a3f";
                 readonly '--wzl-stance-danger-border-color': "#d94a3f";
                 readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#2e1f7a";
-                readonly '--wzl-stance-notice-tone': "#2e1f7a";
+                readonly '--wzl-accent': "#5b63c9";
+                readonly '--wzl-stance-notice-tone': "#5b63c9";
                 readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#5841b8";
-                readonly '--wzl-stance-important-title-color': "#5841b8";
+                readonly '--wzl-stance-important-border-color': "#8c94ee";
+                readonly '--wzl-stance-important-title-color': "#8c94ee";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "12px";
                 readonly '--wzl-stance-preview-title-case': "none";
@@ -729,13 +540,13 @@ declare const THEMES: {
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(230, 231, 233, 0.2)";
                 readonly '--wzl-line-strong': "rgba(230, 231, 233, 0.4)";
-                readonly '--wzl-curve-color': "#5841b8";
-                readonly '--wzl-accent-hover': "#5841b8";
+                readonly '--wzl-curve-color': "#8c94ee";
+                readonly '--wzl-accent-hover': "#8c94ee";
                 readonly '--wzl-secondary': "#dc9d15";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
-                readonly '--wzl-focus-ring': "#5841b8";
-                readonly '--wzl-glass-tint': "#2e1f7a";
+                readonly '--wzl-focus-ring': "#8c94ee";
+                readonly '--wzl-glass-tint': "#5b63c9";
                 readonly '--wzl-surface-hover': "rgba(230, 231, 233, 0.1)";
                 readonly '--wzl-surface-pressed': "rgba(230, 231, 233, 0.18)";
                 readonly '--wzl-radius-sm': "3px";
@@ -800,9 +611,9 @@ declare const THEMES: {
                 readonly '--wzl-gray-700': "#25272c";
                 readonly '--wzl-gray-800': "#181a1e";
                 readonly '--wzl-gray-900': "#0e0f12";
-                readonly '--wzl-accent-soft': "#1d1454";
-                readonly '--wzl-accent-base': "#2e1f7a";
-                readonly '--wzl-accent-strong': "#5841b8";
+                readonly '--wzl-accent-soft': "#312e81";
+                readonly '--wzl-accent-base': "#4338ca";
+                readonly '--wzl-accent-strong': "#6366f1";
                 readonly '--wzl-secondary-soft': "#016458";
                 readonly '--wzl-secondary-base': "#3ee1cb";
                 readonly '--wzl-secondary-strong': "#94e3d5";
@@ -838,7 +649,7 @@ declare const THEMES: {
                 readonly '--wzl-fg-subtle': "#4d5058";
                 readonly '--wzl-border': "#c9cbcf";
                 readonly '--wzl-border-strong': "#4d5058";
-                readonly '--wzl-accent-fg': "#2e1f7a";
+                readonly '--wzl-accent-fg': "#4338ca";
                 readonly '--wzl-secondary-fg': "#016458";
                 readonly '--wzl-fg-inverse': "#f5f5f6";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
@@ -881,11 +692,11 @@ declare const THEMES: {
                 readonly '--wzl-stance-danger-tone': "#d94a3f";
                 readonly '--wzl-stance-danger-border-color': "#d94a3f";
                 readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#2e1f7a";
-                readonly '--wzl-stance-notice-tone': "#2e1f7a";
+                readonly '--wzl-accent': "#4338ca";
+                readonly '--wzl-stance-notice-tone': "#4338ca";
                 readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#2e1f7a";
-                readonly '--wzl-stance-important-title-color': "#2e1f7a";
+                readonly '--wzl-stance-important-border-color': "#4338ca";
+                readonly '--wzl-stance-important-title-color': "#4338ca";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "8px";
                 readonly '--wzl-stance-preview-title-case': "none";
@@ -895,13 +706,13 @@ declare const THEMES: {
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
                 readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
-                readonly '--wzl-curve-color': "#5841b8";
-                readonly '--wzl-accent-hover': "#5841b8";
+                readonly '--wzl-curve-color': "#6366f1";
+                readonly '--wzl-accent-hover': "#6366f1";
                 readonly '--wzl-secondary': "#3ee1cb";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
-                readonly '--wzl-focus-ring': "#5841b8";
-                readonly '--wzl-glass-tint': "#2e1f7a";
+                readonly '--wzl-focus-ring': "#6366f1";
+                readonly '--wzl-glass-tint': "#4338ca";
                 readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
                 readonly '--wzl-radius-sm': "3px";
@@ -966,9 +777,9 @@ declare const THEMES: {
                 readonly '--wzl-gray-700': "#25272c";
                 readonly '--wzl-gray-800': "#181a1e";
                 readonly '--wzl-gray-900': "#0e0f12";
-                readonly '--wzl-accent-soft': "#1d1454";
-                readonly '--wzl-accent-base': "#2e1f7a";
-                readonly '--wzl-accent-strong': "#5841b8";
+                readonly '--wzl-accent-soft': "#312e81";
+                readonly '--wzl-accent-base': "#4338ca";
+                readonly '--wzl-accent-strong': "#6366f1";
                 readonly '--wzl-secondary-soft': "#016458";
                 readonly '--wzl-secondary-base': "#3ee1cb";
                 readonly '--wzl-secondary-strong': "#94e3d5";
@@ -1004,7 +815,7 @@ declare const THEMES: {
                 readonly '--wzl-fg-subtle': "#4d5058";
                 readonly '--wzl-border': "#c9cbcf";
                 readonly '--wzl-border-strong': "#4d5058";
-                readonly '--wzl-accent-fg': "#2e1f7a";
+                readonly '--wzl-accent-fg': "#4338ca";
                 readonly '--wzl-secondary-fg': "#016458";
                 readonly '--wzl-fg-inverse': "#f5f5f6";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
@@ -1047,11 +858,11 @@ declare const THEMES: {
                 readonly '--wzl-stance-danger-tone': "#d94a3f";
                 readonly '--wzl-stance-danger-border-color': "#d94a3f";
                 readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#2e1f7a";
-                readonly '--wzl-stance-notice-tone': "#2e1f7a";
+                readonly '--wzl-accent': "#4338ca";
+                readonly '--wzl-stance-notice-tone': "#4338ca";
                 readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#2e1f7a";
-                readonly '--wzl-stance-important-title-color': "#2e1f7a";
+                readonly '--wzl-stance-important-border-color': "#4338ca";
+                readonly '--wzl-stance-important-title-color': "#4338ca";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "10px";
                 readonly '--wzl-stance-preview-title-case': "none";
@@ -1061,13 +872,13 @@ declare const THEMES: {
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
                 readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
-                readonly '--wzl-curve-color': "#5841b8";
-                readonly '--wzl-accent-hover': "#5841b8";
+                readonly '--wzl-curve-color': "#6366f1";
+                readonly '--wzl-accent-hover': "#6366f1";
                 readonly '--wzl-secondary': "#3ee1cb";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
-                readonly '--wzl-focus-ring': "#5841b8";
-                readonly '--wzl-glass-tint': "#2e1f7a";
+                readonly '--wzl-focus-ring': "#6366f1";
+                readonly '--wzl-glass-tint': "#4338ca";
                 readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
                 readonly '--wzl-radius-sm': "3px";
@@ -1132,9 +943,9 @@ declare const THEMES: {
                 readonly '--wzl-gray-700': "#25272c";
                 readonly '--wzl-gray-800': "#181a1e";
                 readonly '--wzl-gray-900': "#0e0f12";
-                readonly '--wzl-accent-soft': "#1d1454";
-                readonly '--wzl-accent-base': "#2e1f7a";
-                readonly '--wzl-accent-strong': "#5841b8";
+                readonly '--wzl-accent-soft': "#312e81";
+                readonly '--wzl-accent-base': "#4338ca";
+                readonly '--wzl-accent-strong': "#6366f1";
                 readonly '--wzl-secondary-soft': "#016458";
                 readonly '--wzl-secondary-base': "#3ee1cb";
                 readonly '--wzl-secondary-strong': "#94e3d5";
@@ -1170,7 +981,7 @@ declare const THEMES: {
                 readonly '--wzl-fg-subtle': "#4d5058";
                 readonly '--wzl-border': "#c9cbcf";
                 readonly '--wzl-border-strong': "#4d5058";
-                readonly '--wzl-accent-fg': "#2e1f7a";
+                readonly '--wzl-accent-fg': "#4338ca";
                 readonly '--wzl-secondary-fg': "#016458";
                 readonly '--wzl-fg-inverse': "#f5f5f6";
                 readonly '--wzl-shadow': "rgba(0, 0, 0, 0.18)";
@@ -1213,11 +1024,11 @@ declare const THEMES: {
                 readonly '--wzl-stance-danger-tone': "#d94a3f";
                 readonly '--wzl-stance-danger-border-color': "#d94a3f";
                 readonly '--wzl-stance-danger-title-color': "#d94a3f";
-                readonly '--wzl-accent': "#2e1f7a";
-                readonly '--wzl-stance-notice-tone': "#2e1f7a";
+                readonly '--wzl-accent': "#4338ca";
+                readonly '--wzl-stance-notice-tone': "#4338ca";
                 readonly '--wzl-stance-notice-tone-mix': "8%";
-                readonly '--wzl-stance-important-border-color': "#2e1f7a";
-                readonly '--wzl-stance-important-title-color': "#2e1f7a";
+                readonly '--wzl-stance-important-border-color': "#4338ca";
+                readonly '--wzl-stance-important-title-color': "#4338ca";
                 readonly '--wzl-stance-preview-pad': "0";
                 readonly '--wzl-stance-preview-title-size': "12px";
                 readonly '--wzl-stance-preview-title-case': "none";
@@ -1227,13 +1038,13 @@ declare const THEMES: {
                 readonly '--wzl-fg-on-accent': "#f5f5f6";
                 readonly '--wzl-line': "rgba(14, 15, 18, 0.2)";
                 readonly '--wzl-line-strong': "rgba(14, 15, 18, 0.4)";
-                readonly '--wzl-curve-color': "#5841b8";
-                readonly '--wzl-accent-hover': "#5841b8";
+                readonly '--wzl-curve-color': "#6366f1";
+                readonly '--wzl-accent-hover': "#6366f1";
                 readonly '--wzl-secondary': "#3ee1cb";
                 readonly '--wzl-warning': "#d99a3f";
                 readonly '--wzl-success': "#2ec27e";
-                readonly '--wzl-focus-ring': "#5841b8";
-                readonly '--wzl-glass-tint': "#2e1f7a";
+                readonly '--wzl-focus-ring': "#6366f1";
+                readonly '--wzl-glass-tint': "#4338ca";
                 readonly '--wzl-surface-hover': "rgba(14, 15, 18, 0.1)";
                 readonly '--wzl-surface-pressed': "rgba(14, 15, 18, 0.18)";
                 readonly '--wzl-radius-sm': "3px";
@@ -1296,4 +1107,193 @@ declare const THEME_SOURCES: Readonly<Record<string, ThemeDefinition>>;
  *  what `weaselTheme` is built from, so the runtime entry bundles no generator. */
 declare const BAKED_THEMES: Readonly<Record<string, BakedTheme>>;
 
-export { mergeChain as $, type AxisDef as A, BAKED_THEMES as B, type ColorContext as C, themeAxes as D, themeTones as E, type FlatTokens as F, type GeneratedColors as G, weaselTheme as H, type CategoricalRampDef as I, type ContrastRule as J, type LightnessRampDef as K, type Lookup as L, type LiteralRule as M, type NumberParam as N, type OffsetRule as O, type PinObject as P, type RampDef as Q, type ResolvedTheme as R, type Selection as S, type TokenName as T, type RefRule as U, type Varying as V, type ScaleDef as W, type SemanticRule as X, type StepRule as Y, bake as Z, bakeChain as _, type Theme as a, type TokenValue as b, type AxisDefs as c, type AxisValue as d, type BakedTheme as e, type ByAxis as f, type ColorList as g, type GeneratedTheme as h, type PinValue as i, type RampColors as j, type RawToken as k, type SerializableColorList as l, THEMES as m, THEME_SOURCES as n, type ThemeDefinition as o, type ThemeInput as p, colorAt as q, colorCount as r, colorCssAt as s, defineTheme as t, enumerateSelections as u, fullSelection as v, isByAxis as w, rampSteps as x, resolveTheme as y, selectionKey as z };
+/**
+ * A theme ready to resolve: its axes and its tokens, each plain or varying by
+ * axis, references intact. A `by` that leaves a value out contributes nothing
+ * for that selection, so the theme it extends supplies it.
+ */
+interface Theme {
+    readonly name: string;
+    readonly extends: Theme | null;
+    readonly axes: AxisDefs;
+    readonly tokens: Readonly<Record<string, Varying<RawToken>>>;
+    /** Ramp name → step names in order, for the ramps this theme declares itself. */
+    readonly ramps?: Readonly<Record<string, readonly string[]>>;
+    /** The colors a `tone` index picks from. Absent: the nearest theme it extends that has one. */
+    readonly tones?: SerializableColorList;
+}
+/** What `defineTheme` accepts: a definition whose `extends` is a `Theme`, holding pins and components only. */
+type ThemeInput = Omit<ThemeDefinition, 'extends'> & {
+    readonly extends?: Theme | null;
+};
+/** The built-in theme, from the baked output of themes/weasel.json. */
+declare const weaselTheme: Theme;
+/**
+ * Build a theme from pins. Unless `extends` says otherwise the result layers
+ * onto `weaselTheme`, so a theme only names what it changes. A definition with
+ * seeds, ramps, scales or semantics needs deriving first.
+ */
+declare function defineTheme(input: ThemeInput): Theme;
+
+/** The output of `resolveTheme`: every token of a theme, for one selection, keyed
+ *  by CSS custom-property name and flattened to a final CSS value. */
+type ResolvedTheme = Readonly<Record<TokenName, string>>;
+/** Every axis the chain declares. An axis declared more than once keeps every value; a descendant's value entries and default win. */
+declare function themeAxes(theme: Theme): AxisDefs;
+/**
+ * Merge the extends chain at a selection, resolve every alias, and key the
+ * result by CSS custom-property name. A missing or unknown axis value takes the
+ * axis default.
+ *
+ * Pure — no DOM. An unresolvable reference throws rather than falling back.
+ */
+declare function resolveTheme(theme: Theme, selection?: Selection): ResolvedTheme;
+
+/** The categorical generator the swatch ramp uses, asked for `count` colors. */
+interface GeneratedColors {
+    readonly generate: {
+        readonly count: number;
+        readonly gates?: CategoricalRampDef['gates'];
+    };
+}
+/** A ramp of the active theme, by name — `{ ramp: 'swatch' }` walks its steps in order. */
+interface RampColors {
+    readonly ramp: string;
+}
+/** The forms a theme definition can hold: everything but a function. */
+type SerializableColorList = readonly string[] | GeneratedColors | RampColors;
+/**
+ * Several colors, read by index with `colorAt`, wrapping. Literals; the swatch
+ * ramp's generator; a ramp of the active theme, which follows the mode; or a
+ * function of the index.
+ */
+type ColorList = SerializableColorList | ((i: number) => string);
+/** What a `ColorList` resolves against. `useTheme()`'s value is one. */
+interface ColorContext {
+    readonly theme: Theme;
+    readonly resolved: ResolvedTheme;
+}
+/** A ramp's step names, from the nearest theme in the chain that declares it. */
+declare function rampSteps(theme: Theme, ramp: string): readonly string[];
+/** The tone list a theme declares, from the nearest theme in its chain that has one. */
+declare function themeTones(theme: Theme): ColorList;
+/** The `i`th color of `list`, wrapping. A ramp list reads the resolved theme, so the answer follows its mode. */
+declare function colorAt(list: ColorList, i: number, ctx?: ColorContext): string;
+/**
+ * As `colorAt`, but a ramp list answers with its custom property —
+ * `var(--wzl-swatch-sky)` — so a color written into CSS follows a mode change
+ * without re-rendering, provider or not.
+ */
+declare function colorCssAt(list: ColorList, i: number, ctx?: ColorContext): string;
+/** How many distinct colors `list` holds before it wraps; `undefined` for a function, which never does. */
+declare function colorCount(list: ColorList, ctx?: ColorContext): number | undefined;
+
+/** A number, or `{seeds.name}`. */
+type NumberParam = Varying<number | string>;
+interface PinObject {
+    readonly value: TokenValue;
+    readonly type?: string;
+    readonly description?: string;
+    readonly alpha?: number;
+}
+/** A bare value or `{ value, type?, description?, alpha? }`. The value may be a `{token}` reference. */
+type PinValue = TokenValue | PinObject;
+interface LightnessRampDef {
+    readonly kind: 'lightness';
+    readonly steps: Varying<readonly string[]>;
+    /** First and last step's OKLCH lightness. */
+    readonly lightness: Varying<readonly [NumberParam, NumberParam]>;
+    /** 0 walks evenly; 1 follows a smoothstep S. */
+    readonly curve?: NumberParam;
+    /** Degrees. Ignored when an anchor is given. */
+    readonly hue?: NumberParam;
+    readonly chroma?: Varying<{
+        readonly peak: NumberParam;
+        readonly lightBias?: NumberParam;
+        readonly darkBias?: NumberParam;
+    }>;
+    /**
+     * Step name → exact hex (or `{seeds.name}`). An anchor's hue and chroma replace `hue` and `chroma.peak`; with several,
+     * both blend by step between consecutive anchors, and steps outside them take the nearest anchor's.
+     */
+    readonly anchor?: Varying<Readonly<Record<string, Varying<string>>>>;
+    readonly description?: string;
+    readonly describe?: Readonly<Record<string, string>>;
+}
+interface CategoricalRampDef {
+    readonly kind: 'categorical';
+    readonly steps: Varying<readonly string[]>;
+    /** Any of the palette generator's `Constraints` except `count` and `anchors`. */
+    readonly gates?: Varying<Readonly<Record<string, Varying<number | string>>>>;
+    readonly anchors?: readonly {
+        readonly name: string;
+        readonly hue: number;
+        readonly lightness: number;
+        readonly chroma?: number;
+    }[];
+    readonly description?: string;
+    readonly describe?: Readonly<Record<string, string>>;
+}
+type RampDef = LightnessRampDef | CategoricalRampDef;
+interface ScaleDef {
+    readonly steps: Varying<readonly string[]>;
+    readonly base: NumberParam;
+    /** Linear: `base + step × i`. */
+    readonly step?: NumberParam;
+    /** Geometric: `base × ratio^i`. */
+    readonly ratio?: NumberParam;
+    /** Explicit: `base × factors[i]`, one per step. For a ramp no single rule fits. */
+    readonly factors?: Varying<readonly NumberParam[]>;
+    readonly description?: string;
+    readonly describe?: Readonly<Record<string, string>>;
+}
+interface SemanticCommon {
+    readonly type?: string;
+    readonly description?: string;
+    /** Audited, never applied. */
+    readonly check?: {
+        readonly contrast: number;
+        readonly against: readonly string[];
+    };
+}
+type StepRule = SemanticCommon & {
+    readonly ramp: string;
+    readonly step: Varying<string>;
+};
+type OffsetRule = SemanticCommon & {
+    readonly from: string;
+    readonly offset: number;
+    readonly dir: 'lighter' | 'darker' | 'away';
+};
+type ContrastRule = SemanticCommon & {
+    readonly ramp: string;
+    readonly contrast: {
+        readonly min: number;
+        readonly against: readonly string[];
+    };
+};
+type RefRule = SemanticCommon & {
+    readonly ref: string;
+    readonly alpha?: number;
+};
+type LiteralRule = SemanticCommon & {
+    readonly value: TokenValue;
+};
+type SemanticRule = StepRule | OffsetRule | ContrastRule | RefRule | LiteralRule;
+interface ThemeDefinition {
+    readonly name: string;
+    /** Another definition's name. Absent or null: extends nothing. */
+    readonly extends?: string | null;
+    readonly description?: string;
+    readonly axes?: AxisDefs;
+    readonly seeds?: Readonly<Record<string, Varying<number | string>>>;
+    readonly ramps?: Readonly<Record<string, RampDef>>;
+    readonly scales?: Readonly<Record<string, ScaleDef>>;
+    readonly semantics?: Readonly<Record<string, Varying<SemanticRule>>>;
+    readonly components?: Readonly<Record<string, Varying<PinValue>>>;
+    readonly pins?: Readonly<Record<string, Varying<PinValue>>>;
+    /** The colors a `tone` index picks from. Absent: the nearest theme it extends that has one, else the swatch ramp. */
+    readonly tones?: SerializableColorList;
+}
+
+export { weaselTheme as $, type AxisDefs as A, type BakedTheme as B, type CategoricalRampDef as C, THEME_SOURCES as D, type ThemeInput as E, type FlatTokens as F, type GeneratedColors as G, colorAt as H, colorCount as I, colorCssAt as J, defineTheme as K, type Lookup as L, enumerateSelections as M, type NumberParam as N, type OffsetRule as O, type PinObject as P, fullSelection as Q, type RawToken as R, type Selection as S, type ThemeDefinition as T, isByAxis as U, type Varying as V, rampSteps as W, resolveTheme as X, selectionKey as Y, themeAxes as Z, themeTones as _, type Theme as a, type ContrastRule as b, type LightnessRampDef as c, type LiteralRule as d, type PinValue as e, type RampDef as f, type RefRule as g, type ScaleDef as h, type SemanticRule as i, type StepRule as j, bake as k, bakeChain as l, mergeChain as m, type TokenName as n, type ResolvedTheme as o, type TokenValue as p, type AxisDef as q, type AxisValue as r, BAKED_THEMES as s, type ByAxis as t, type ColorContext as u, type ColorList as v, type GeneratedTheme as w, type RampColors as x, type SerializableColorList as y, THEMES as z };