@weasel-js/theme 0.7.2 → 1.0.0

package/dist/chunk-RATE4LL3.js

@@ -0,0 +1,786 @@
+// src/generated/themes.ts
+var THEMES = {
+  "weasel": {
+    name: "weasel",
+    defaultMode: "dark",
+    modes: {
+      "dark": {
+        "--wzl-gray-50": "#f5f5f6",
+        "--wzl-gray-100": "#e6e7e9",
+        "--wzl-gray-200": "#c9cbcf",
+        "--wzl-gray-300": "#9ea1a8",
+        "--wzl-gray-400": "#6f737b",
+        "--wzl-gray-500": "#4d5058",
+        "--wzl-gray-600": "#383b42",
+        "--wzl-gray-700": "#25272c",
+        "--wzl-gray-800": "#181a1e",
+        "--wzl-gray-900": "#0e0f12",
+        "--wzl-accent-soft": "#1d1454",
+        "--wzl-accent-base": "#2e1f7a",
+        "--wzl-accent-strong": "#5841b8",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--wzl-fg": "#e6e7e9",
+        "--wzl-line-subtle": "rgba(230, 231, 233, 0.1)",
+        "--wzl-line": "rgba(230, 231, 233, 0.2)",
+        "--wzl-line-strong": "rgba(230, 231, 233, 0.4)",
+        "--wzl-curve-color": "#5841b8",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-accent-hover": "#5841b8",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-warning": "#d99a3f",
+        "--wzl-success": "#2ec27e",
+        "--wzl-focus-ring": "#5841b8",
+        "--wzl-glass-tint": "#2e1f7a",
+        "--wzl-surface-hover": "rgba(230, 231, 233, 0.1)",
+        "--wzl-surface-pressed": "rgba(230, 231, 233, 0.18)",
+        "--wzl-swatch-green": "#2fdd18",
+        "--wzl-swatch-pink": "#ff5885",
+        "--wzl-swatch-cyan": "#00dfff",
+        "--wzl-swatch-gold": "#dcb700",
+        "--wzl-swatch-amber": "#ff8c00",
+        "--wzl-swatch-violet": "#a497ff",
+        "--wzl-swatch-mint": "#00e7af",
+        "--wzl-swatch-sky": "#00b8ff",
+        "--wzl-swatch-orange": "#ff6b00",
+        "--wzl-swatch-magenta": "#ff6eff",
+        "--wzl-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "28px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-control-h": "28px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "13px",
+        "--wzl-font-size-sm": "11px",
+        "--wzl-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-backdrop": "none",
+        "--wzl-motion-fast": "120ms",
+        "--wzl-motion-medium": "240ms",
+        "--wzl-ease-in-cubic": "cubic-bezier(0.32, 0, 0.67, 0)",
+        "--wzl-ease-out-cubic": "cubic-bezier(0.33, 1, 0.68, 1)",
+        "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
+        "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+        "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-font-weight-light": "200",
+        "--wzl-font-weight-normal": "300",
+        "--wzl-font-weight-medium": "350",
+        "--wzl-font-weight-bold": "400",
+        "--wzl-surface": "#181a1e",
+        "--wzl-surface-raised": "#25272c",
+        "--wzl-surface-sunken": "#0e0f12",
+        "--wzl-fg-muted": "#9ea1a8",
+        "--wzl-fg-subtle": "#6f737b",
+        "--wzl-border": "#25272c",
+        "--wzl-border-strong": "#383b42",
+        "--wzl-accent-fg": "#5841b8",
+        "--wzl-fg-inverse": "#0e0f12"
+      },
+      "light": {
+        "--wzl-gray-50": "#f5f5f6",
+        "--wzl-gray-100": "#e6e7e9",
+        "--wzl-gray-200": "#c9cbcf",
+        "--wzl-gray-300": "#9ea1a8",
+        "--wzl-gray-400": "#6f737b",
+        "--wzl-gray-500": "#4d5058",
+        "--wzl-gray-600": "#383b42",
+        "--wzl-gray-700": "#25272c",
+        "--wzl-gray-800": "#181a1e",
+        "--wzl-gray-900": "#0e0f12",
+        "--wzl-accent-soft": "#1d1454",
+        "--wzl-accent-base": "#2e1f7a",
+        "--wzl-accent-strong": "#5841b8",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--wzl-fg": "#0e0f12",
+        "--wzl-line-subtle": "rgba(14, 15, 18, 0.1)",
+        "--wzl-line": "rgba(14, 15, 18, 0.2)",
+        "--wzl-line-strong": "rgba(14, 15, 18, 0.4)",
+        "--wzl-curve-color": "#5841b8",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-accent-hover": "#5841b8",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-warning": "#d99a3f",
+        "--wzl-success": "#2ec27e",
+        "--wzl-focus-ring": "#5841b8",
+        "--wzl-glass-tint": "#2e1f7a",
+        "--wzl-surface-hover": "rgba(14, 15, 18, 0.1)",
+        "--wzl-surface-pressed": "rgba(14, 15, 18, 0.18)",
+        "--wzl-swatch-green": "#2fdd18",
+        "--wzl-swatch-pink": "#ff5885",
+        "--wzl-swatch-cyan": "#00dfff",
+        "--wzl-swatch-gold": "#dcb700",
+        "--wzl-swatch-amber": "#ff8c00",
+        "--wzl-swatch-violet": "#a497ff",
+        "--wzl-swatch-mint": "#00e7af",
+        "--wzl-swatch-sky": "#00b8ff",
+        "--wzl-swatch-orange": "#ff6b00",
+        "--wzl-swatch-magenta": "#ff6eff",
+        "--wzl-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "28px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-control-h": "28px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "13px",
+        "--wzl-font-size-sm": "11px",
+        "--wzl-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-backdrop": "none",
+        "--wzl-motion-fast": "120ms",
+        "--wzl-motion-medium": "240ms",
+        "--wzl-ease-in-cubic": "cubic-bezier(0.32, 0, 0.67, 0)",
+        "--wzl-ease-out-cubic": "cubic-bezier(0.33, 1, 0.68, 1)",
+        "--wzl-ease-in-out-cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
+        "--wzl-ease-out-back": "cubic-bezier(0.34, 1.56, 0.64, 1)",
+        "--wzl-font-ui": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-font-weight-light": "200",
+        "--wzl-font-weight-normal": "300",
+        "--wzl-font-weight-medium": "350",
+        "--wzl-font-weight-bold": "400",
+        "--wzl-surface": "#f5f5f6",
+        "--wzl-surface-raised": "#e6e7e9",
+        "--wzl-surface-sunken": "#c9cbcf",
+        "--wzl-fg-muted": "#383b42",
+        "--wzl-fg-subtle": "#4d5058",
+        "--wzl-border": "#c9cbcf",
+        "--wzl-border-strong": "#9ea1a8",
+        "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-fg-inverse": "#f5f5f6"
+      }
+    }
+  }
+};
+var THEME_SOURCES = {
+  "weasel": {
+    "primitives": {
+      "gray-50": {
+        "type": "color",
+        "value": "#f5f5f6"
+      },
+      "gray-100": {
+        "type": "color",
+        "value": "#e6e7e9"
+      },
+      "gray-200": {
+        "type": "color",
+        "value": "#c9cbcf"
+      },
+      "gray-300": {
+        "type": "color",
+        "value": "#9ea1a8"
+      },
+      "gray-400": {
+        "type": "color",
+        "value": "#6f737b"
+      },
+      "gray-500": {
+        "type": "color",
+        "value": "#4d5058"
+      },
+      "gray-600": {
+        "type": "color",
+        "value": "#383b42"
+      },
+      "gray-700": {
+        "type": "color",
+        "value": "#25272c"
+      },
+      "gray-800": {
+        "type": "color",
+        "value": "#181a1e"
+      },
+      "gray-900": {
+        "type": "color",
+        "value": "#0e0f12"
+      },
+      "accent-soft": {
+        "type": "color",
+        "value": "#1d1454"
+      },
+      "accent-base": {
+        "type": "color",
+        "value": "#2e1f7a",
+        "description": "Midnight blue-violet. Deep and saturated; anchors primary actions on light and dark surfaces alike."
+      },
+      "accent-strong": {
+        "type": "color",
+        "value": "#5841b8"
+      },
+      "danger-base": {
+        "type": "color",
+        "value": "#d94a3f"
+      },
+      "warning-base": {
+        "type": "color",
+        "value": "#d99a3f"
+      },
+      "success-base": {
+        "type": "color",
+        "value": "#2ec27e"
+      },
+      "fg-on-accent": {
+        "type": "color",
+        "value": "{color.gray-50}"
+      },
+      "line-subtle": {
+        "type": "color",
+        "value": "{color.fg}",
+        "alpha": 0.1,
+        "description": "Barely-there separators (table rows)."
+      },
+      "line": {
+        "type": "color",
+        "value": "{color.fg}",
+        "alpha": 0.2,
+        "description": "Primary gridlines on sunken surfaces."
+      },
+      "line-strong": {
+        "type": "color",
+        "value": "{color.fg}",
+        "alpha": 0.4,
+        "description": "Axes and emphasized dividers."
+      },
+      "curve-color": {
+        "type": "color",
+        "value": "{color.accent-strong}",
+        "description": "Drawn data curves. Routes through the bright accent because accent-base is too dim on sunken surfaces."
+      },
+      "accent": {
+        "type": "color",
+        "value": "{color.accent-base}"
+      },
+      "accent-hover": {
+        "type": "color",
+        "value": "{color.accent-strong}"
+      },
+      "danger": {
+        "type": "color",
+        "value": "{color.danger-base}"
+      },
+      "warning": {
+        "type": "color",
+        "value": "{color.warning-base}"
+      },
+      "success": {
+        "type": "color",
+        "value": "{color.success-base}"
+      },
+      "focus-ring": {
+        "type": "color",
+        "value": "{color.accent-strong}"
+      },
+      "glass-tint": {
+        "type": "color",
+        "value": "{color.accent}",
+        "description": "Frosted-glass tint. Components compose it as color-mix(in srgb, var(--wzl-glass-tint) 78%, transparent) with backdrop-filter: blur(3px)."
+      },
+      "surface-hover": {
+        "type": "color",
+        "value": "{color.fg}",
+        "alpha": 0.1,
+        "description": "Hover wash over a raised surface. Same formula as line-subtle, different job \u2014 do not collapse them."
+      },
+      "surface-pressed": {
+        "type": "color",
+        "value": "{color.fg}",
+        "alpha": 0.18,
+        "description": "Pressed wash over a raised surface."
+      },
+      "swatch-green": {
+        "type": "color",
+        "value": "#2fdd18",
+        "description": "First of ten categorical spot colors for plotting, status and data viz. Ordered \u2014 take them in sequence. Mode-invariant on purpose: a series keeps its color when the mode flips."
+      },
+      "swatch-pink": {
+        "type": "color",
+        "value": "#ff5885"
+      },
+      "swatch-cyan": {
+        "type": "color",
+        "value": "#00dfff"
+      },
+      "swatch-gold": {
+        "type": "color",
+        "value": "#dcb700"
+      },
+      "swatch-amber": {
+        "type": "color",
+        "value": "#ff8c00"
+      },
+      "swatch-violet": {
+        "type": "color",
+        "value": "#a497ff"
+      },
+      "swatch-mint": {
+        "type": "color",
+        "value": "#00e7af"
+      },
+      "swatch-sky": {
+        "type": "color",
+        "value": "#00b8ff"
+      },
+      "swatch-orange": {
+        "type": "color",
+        "value": "#ff6b00"
+      },
+      "swatch-magenta": {
+        "type": "color",
+        "value": "#ff6eff"
+      },
+      "radius-sm": {
+        "type": "dimension",
+        "value": "3px"
+      },
+      "radius-md": {
+        "type": "dimension",
+        "value": "5px"
+      },
+      "border-w": {
+        "type": "dimension",
+        "value": "1px"
+      },
+      "line-width": {
+        "type": "dimension",
+        "value": "2px",
+        "description": "Structural lines \u2014 gridlines, dividers, axes."
+      },
+      "curve-width": {
+        "type": "dimension",
+        "value": "3px",
+        "description": "Drawn data curves. Heavier than structural lines so data reads as primary content."
+      },
+      "tb-height": {
+        "type": "dimension",
+        "value": "28px",
+        "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToggleBar, ToolOptionsBar)."
+      },
+      "radius-lg": {
+        "type": "dimension",
+        "value": "14px"
+      },
+      "control-h": {
+        "type": "dimension",
+        "value": "28px",
+        "description": "Height of an interactive control \u2014 button, input, select. Distinct from tb-height, which sizes the strip a row of them sits in."
+      },
+      "glass-blur": {
+        "type": "dimension",
+        "value": "3px",
+        "description": "Backdrop blur radius for frosted surfaces. Pairs with glass-tint."
+      },
+      "font-size": {
+        "type": "dimension",
+        "value": "13px"
+      },
+      "font-size-sm": {
+        "type": "dimension",
+        "value": "11px"
+      },
+      "space-xs": {
+        "type": "dimension",
+        "value": "4px"
+      },
+      "space-sm": {
+        "type": "dimension",
+        "value": "8px"
+      },
+      "space-md": {
+        "type": "dimension",
+        "value": "12px"
+      },
+      "space-lg": {
+        "type": "dimension",
+        "value": "16px"
+      },
+      "z-toolbar": {
+        "type": "number",
+        "value": 10
+      },
+      "z-overlay": {
+        "type": "number",
+        "value": 20
+      },
+      "z-modal": {
+        "type": "number",
+        "value": 30
+      },
+      "backdrop": {
+        "type": "gradient",
+        "value": "none",
+        "description": "Layered backdrop fill for a page or lab root. `none` here; a theme with a signature background sets it."
+      },
+      "motion-fast": {
+        "type": "duration",
+        "value": "120ms",
+        "description": "Micro-interactions \u2014 hover, focus, pressed."
+      },
+      "motion-medium": {
+        "type": "duration",
+        "value": "240ms",
+        "description": "Entrances and exits \u2014 toasts, popovers, panels."
+      },
+      "ease-in-cubic": {
+        "type": "cubicBezier",
+        "value": [
+          0.32,
+          0,
+          0.67,
+          0
+        ]
+      },
+      "ease-out-cubic": {
+        "type": "cubicBezier",
+        "value": [
+          0.33,
+          1,
+          0.68,
+          1
+        ]
+      },
+      "ease-in-out-cubic": {
+        "type": "cubicBezier",
+        "value": [
+          0.65,
+          0,
+          0.35,
+          1
+        ]
+      },
+      "ease-out-back": {
+        "type": "cubicBezier",
+        "value": [
+          0.34,
+          1.56,
+          0.64,
+          1
+        ]
+      },
+      "font-ui": {
+        "type": "fontFamily",
+        "value": [
+          "Oswald",
+          "Helvetica Neue Condensed",
+          "Arial Narrow",
+          "system-ui",
+          "sans-serif"
+        ],
+        "description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
+      },
+      "font-display": {
+        "type": "fontFamily",
+        "value": [
+          "Oswald",
+          "Helvetica Neue Condensed",
+          "Arial Narrow",
+          "system-ui",
+          "sans-serif"
+        ]
+      },
+      "font-body": {
+        "type": "fontFamily",
+        "value": [
+          "Inter",
+          "system-ui",
+          "-apple-system",
+          "Segoe UI",
+          "sans-serif"
+        ]
+      },
+      "font-mono": {
+        "type": "fontFamily",
+        "value": [
+          "ui-monospace",
+          "SFMono-Regular",
+          "Menlo",
+          "Consolas",
+          "monospace"
+        ]
+      },
+      "font-weight-light": {
+        "type": "fontWeight",
+        "value": 200
+      },
+      "font-weight-normal": {
+        "type": "fontWeight",
+        "value": 300
+      },
+      "font-weight-medium": {
+        "type": "fontWeight",
+        "value": 350
+      },
+      "font-weight-bold": {
+        "type": "fontWeight",
+        "value": 400
+      }
+    },
+    "modes": {
+      "dark": {
+        "surface": {
+          "type": "color",
+          "value": "{color.gray-800}"
+        },
+        "surface-raised": {
+          "type": "color",
+          "value": "{color.gray-700}"
+        },
+        "surface-sunken": {
+          "type": "color",
+          "value": "{color.gray-900}"
+        },
+        "fg": {
+          "type": "color",
+          "value": "{color.gray-100}"
+        },
+        "fg-muted": {
+          "type": "color",
+          "value": "{color.gray-300}"
+        },
+        "fg-subtle": {
+          "type": "color",
+          "value": "{color.gray-400}"
+        },
+        "border": {
+          "type": "color",
+          "value": "{color.gray-700}"
+        },
+        "border-strong": {
+          "type": "color",
+          "value": "{color.gray-600}"
+        },
+        "accent-fg": {
+          "type": "color",
+          "value": "{color.accent-strong}",
+          "description": "Accent for foreground use \u2014 text, icons, selected labels drawn on a surface. accent is a fill; the midnight base is too dim to read as text on dark surfaces."
+        },
+        "fg-inverse": {
+          "type": "color",
+          "value": "{color.gray-900}",
+          "description": "Text drawn on a filled foreground-colored element (e.g. a slider thumb). Flips with the mode, so it is a semantic, not an alias to a primitive."
+        }
+      },
+      "light": {
+        "surface": {
+          "type": "color",
+          "value": "{color.gray-50}"
+        },
+        "surface-raised": {
+          "type": "color",
+          "value": "{color.gray-100}"
+        },
+        "surface-sunken": {
+          "type": "color",
+          "value": "{color.gray-200}"
+        },
+        "fg": {
+          "type": "color",
+          "value": "{color.gray-900}"
+        },
+        "fg-muted": {
+          "type": "color",
+          "value": "{color.gray-600}"
+        },
+        "fg-subtle": {
+          "type": "color",
+          "value": "{color.gray-500}"
+        },
+        "border": {
+          "type": "color",
+          "value": "{color.gray-200}"
+        },
+        "border-strong": {
+          "type": "color",
+          "value": "{color.gray-300}"
+        },
+        "accent-fg": {
+          "type": "color",
+          "value": "{color.accent-base}",
+          "description": "Flips to the deep base in light mode, where it is the legible one."
+        },
+        "fg-inverse": {
+          "type": "color",
+          "value": "{color.gray-50}",
+          "description": "Flips with the mode \u2014 see the dark layer."
+        }
+      }
+    }
+  }
+};
+
+// src/theme.ts
+function normalize(input) {
+  const out = {};
+  for (const [name, v] of Object.entries(input)) {
+    out[name] = typeof v === "object" ? v : { type: "unknown", value: v, alpha: void 0, description: void 0 };
+  }
+  return out;
+}
+var weaselTheme = {
+  name: "weasel",
+  extends: null,
+  defaultMode: "dark",
+  tokens: THEME_SOURCES.weasel.primitives,
+  modes: THEME_SOURCES.weasel.modes
+};
+function defineTheme(input) {
+  const base = input.extends === void 0 ? weaselTheme : input.extends;
+  const modes = {};
+  for (const [mode, tokens] of Object.entries(input.modes)) modes[mode] = normalize(tokens);
+  return {
+    name: input.name,
+    extends: base,
+    defaultMode: input.defaultMode ?? base?.defaultMode ?? "dark",
+    tokens: normalize(input.tokens ?? {}),
+    modes
+  };
+}
+
+// src/dtcg/color.ts
+function hexToRgba(hex, alpha) {
+  const m = /^#([0-9a-f]{3}|[0-9a-f]{6})$/i.exec(hex.trim());
+  if (!m) throw new Error(`Expected a hex color, got "${hex}"`);
+  const body = m[1];
+  const full = body.length === 3 ? body.replace(/./g, (c) => c + c) : body;
+  const r = Number.parseInt(full.slice(0, 2), 16);
+  const g = Number.parseInt(full.slice(2, 4), 16);
+  const b = Number.parseInt(full.slice(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+
+// src/dtcg/resolve.ts
+var REF = /^\{([^}]+)\}$/;
+function refTarget(value) {
+  if (typeof value !== "string") return null;
+  const m = REF.exec(value.trim());
+  if (!m) return null;
+  const path = m[1];
+  const dot = path.indexOf(".");
+  return dot === -1 ? path : path.slice(dot + 1);
+}
+function fontStack(value) {
+  return value.map((f) => typeof f === "string" && /\s/.test(f) ? `'${f}'` : String(f)).join(", ");
+}
+function serialize(type, value) {
+  if (Array.isArray(value)) {
+    if (type === "cubicBezier") return `cubic-bezier(${value.join(", ")})`;
+    if (type === "fontFamily") return fontStack(value);
+    return value.join(", ");
+  }
+  return String(value);
+}
+function resolveTokens(tokens) {
+  const out = {};
+  const inProgress = /* @__PURE__ */ new Set();
+  const resolveOne = (name) => {
+    const cached = out[name];
+    if (cached !== void 0) return cached;
+    const token = tokens[name];
+    if (!token) throw new Error(`Unknown token "${name}"`);
+    if (inProgress.has(name)) {
+      throw new Error(`Reference cycle at token "${name}" (${[...inProgress].join(" \u2192 ")})`);
+    }
+    inProgress.add(name);
+    const target = refTarget(token.value);
+    let value;
+    if (target === null) {
+      value = serialize(token.type, token.value);
+    } else if (!tokens[target]) {
+      throw new Error(`Token "${name}" references "${target}", which is not defined`);
+    } else {
+      value = resolveOne(target);
+    }
+    if (token.alpha !== void 0) value = hexToRgba(value, token.alpha);
+    inProgress.delete(name);
+    out[name] = value;
+    return value;
+  };
+  for (const name of Object.keys(tokens)) resolveOne(name);
+  return out;
+}
+
+// src/resolveTheme.ts
+function chain(theme) {
+  const out = [];
+  for (let t = theme; t; t = t.extends) out.unshift(t);
+  return out;
+}
+function resolveTheme(theme, mode) {
+  const themes = chain(theme);
+  const effectiveMode = themes.some((t) => mode in t.modes) ? mode : theme.defaultMode;
+  let merged = {};
+  for (const t of themes) {
+    merged = { ...merged, ...t.tokens, ...t.modes[effectiveMode] ?? {} };
+  }
+  const resolved = resolveTokens(merged);
+  const out = {};
+  for (const [name, value] of Object.entries(resolved)) out[`--wzl-${name}`] = value;
+  return out;
+}
+
+// src/applyTheme.ts
+var STYLE_ID = "wzl-themes";
+var emitted = /* @__PURE__ */ new Set();
+var sheet = null;
+var styleEl = null;
+function canAdopt() {
+  return typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype && Array.isArray(document.adoptedStyleSheets);
+}
+function appendRule(css) {
+  if (canAdopt()) {
+    if (!sheet) {
+      sheet = new CSSStyleSheet();
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    }
+    sheet.insertRule(css, sheet.cssRules.length);
+    return;
+  }
+  if (!styleEl) {
+    styleEl = document.createElement("style");
+    styleEl.id = STYLE_ID;
+    document.head.appendChild(styleEl);
+  }
+  styleEl.textContent += `${css}
+`;
+}
+function applyTheme(el, theme, mode) {
+  if (typeof document === "undefined") return;
+  const key = `${theme.name}::${mode}`;
+  if (!emitted.has(key)) {
+    const resolved = resolveTheme(theme, mode);
+    const body = Object.entries(resolved).map(([name, value]) => `${name}: ${value};`).join(" ");
+    appendRule(`[data-wzl-theme='${theme.name}'][data-wzl-mode='${mode}'] { ${body} }`);
+    emitted.add(key);
+  }
+  el.setAttribute("data-wzl-theme", theme.name);
+  el.setAttribute("data-wzl-mode", mode);
+}
+
+export { THEMES, THEME_SOURCES, applyTheme, defineTheme, resolveTheme, weaselTheme };
+//# sourceMappingURL=chunk-RATE4LL3.js.map
+//# sourceMappingURL=chunk-RATE4LL3.js.map