@weasel-js/theme 1.5.0 → 1.5.2

package/dist/chunk-XFCWYN2L.js

@@ -0,0 +1,2401 @@
+import { themeAxes, fullSelection, selectionKey, resolveTheme, isByAxis } from './chunk-LL2ERJPZ.js';
+
+// src/generated/themes.ts
+var THEMES = {
+  "weasel": {
+    name: "weasel",
+    axes: { "mode": { "default": "dark", "values": { "dark": { "scheme": "dark" }, "light": { "scheme": "light" } } }, "density": { "default": "comfortable", "values": { "compact": {}, "comfortable": {}, "roomy": {} } } },
+    selections: {
+      "mode=dark,density=compact": {
+        "--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-swatch-fuchsia": "#f641f7",
+        "--wzl-swatch-green": "#48e628",
+        "--wzl-swatch-sky": "#36bff2",
+        "--wzl-swatch-amber": "#e69628",
+        "--wzl-swatch-teal": "#3ee1cb",
+        "--wzl-swatch-red": "#f75034",
+        "--wzl-swatch-blue": "#407ef7",
+        "--wzl-swatch-citron": "#d5d23a",
+        "--wzl-swatch-rose": "#fa4590",
+        "--wzl-swatch-violet": "#955cf9",
+        "--wzl-font-size-2xs": "7px",
+        "--wzl-font-size-xs": "8px",
+        "--wzl-font-size-sm": "9px",
+        "--wzl-font-size-md": "11px",
+        "--wzl-font-size-lg": "14px",
+        "--wzl-font-size-xl": "17px",
+        "--wzl-space-1": "2px",
+        "--wzl-space-2": "4px",
+        "--wzl-space-3": "6px",
+        "--wzl-space-4": "8px",
+        "--wzl-space-5": "10px",
+        "--wzl-space-6": "12px",
+        "--wzl-space-7": "14px",
+        "--wzl-space-8": "16px",
+        "--wzl-surface": "#181a1e",
+        "--wzl-surface-raised": "#25272c",
+        "--wzl-surface-sunken": "#0e0f12",
+        "--wzl-fg": "#e6e7e9",
+        "--wzl-fg-muted": "#9ea1a8",
+        "--wzl-fg-subtle": "#6f737b",
+        "--wzl-border": "#25272c",
+        "--wzl-border-strong": "#6f737b",
+        "--wzl-accent-fg": "#5841b8",
+        "--wzl-fg-inverse": "#0e0f12",
+        "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--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-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-radius-pill": "999px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "24px",
+        "--wzl-control-h-xs": "16px",
+        "--wzl-control-h-sm": "18px",
+        "--wzl-control-h": "20px",
+        "--wzl-icon-button-size": "20px",
+        "--wzl-slider-track-h": "4px",
+        "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-mix": "18%",
+        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-handle-size": "9px",
+        "--wzl-handle-size-sm": "7px",
+        "--wzl-handle-size-lg": "10px",
+        "--wzl-field-pad-x": "8px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "11px",
+        "--wzl-tracking-none": "0",
+        "--wzl-tracking-wide": "0.06em",
+        "--wzl-tracking-wider": "0.08em",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-leading-tight": "1",
+        "--wzl-leading-snug": "1.2",
+        "--wzl-leading": "1.4",
+        "--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-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px"
+      },
+      "mode=dark,density=comfortable": {
+        "--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-swatch-fuchsia": "#f641f7",
+        "--wzl-swatch-green": "#48e628",
+        "--wzl-swatch-sky": "#36bff2",
+        "--wzl-swatch-amber": "#e69628",
+        "--wzl-swatch-teal": "#3ee1cb",
+        "--wzl-swatch-red": "#f75034",
+        "--wzl-swatch-blue": "#407ef7",
+        "--wzl-swatch-citron": "#d5d23a",
+        "--wzl-swatch-rose": "#fa4590",
+        "--wzl-swatch-violet": "#955cf9",
+        "--wzl-font-size-2xs": "9px",
+        "--wzl-font-size-xs": "10px",
+        "--wzl-font-size-sm": "11px",
+        "--wzl-font-size-md": "13px",
+        "--wzl-font-size-lg": "16px",
+        "--wzl-font-size-xl": "20px",
+        "--wzl-space-1": "2px",
+        "--wzl-space-2": "4px",
+        "--wzl-space-3": "6px",
+        "--wzl-space-4": "8px",
+        "--wzl-space-5": "10px",
+        "--wzl-space-6": "12px",
+        "--wzl-space-7": "14px",
+        "--wzl-space-8": "16px",
+        "--wzl-surface": "#181a1e",
+        "--wzl-surface-raised": "#25272c",
+        "--wzl-surface-sunken": "#0e0f12",
+        "--wzl-fg": "#e6e7e9",
+        "--wzl-fg-muted": "#9ea1a8",
+        "--wzl-fg-subtle": "#6f737b",
+        "--wzl-border": "#25272c",
+        "--wzl-border-strong": "#6f737b",
+        "--wzl-accent-fg": "#5841b8",
+        "--wzl-fg-inverse": "#0e0f12",
+        "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--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-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-radius-pill": "999px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "28px",
+        "--wzl-control-h-xs": "18px",
+        "--wzl-control-h-sm": "20px",
+        "--wzl-control-h": "24px",
+        "--wzl-icon-button-size": "22px",
+        "--wzl-slider-track-h": "4px",
+        "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-mix": "18%",
+        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-handle-size": "9px",
+        "--wzl-handle-size-sm": "7px",
+        "--wzl-handle-size-lg": "10px",
+        "--wzl-field-pad-x": "8px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "13px",
+        "--wzl-tracking-none": "0",
+        "--wzl-tracking-wide": "0.06em",
+        "--wzl-tracking-wider": "0.08em",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-leading-tight": "1",
+        "--wzl-leading-snug": "1.2",
+        "--wzl-leading": "1.4",
+        "--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-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px"
+      },
+      "mode=dark,density=roomy": {
+        "--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-swatch-fuchsia": "#f641f7",
+        "--wzl-swatch-green": "#48e628",
+        "--wzl-swatch-sky": "#36bff2",
+        "--wzl-swatch-amber": "#e69628",
+        "--wzl-swatch-teal": "#3ee1cb",
+        "--wzl-swatch-red": "#f75034",
+        "--wzl-swatch-blue": "#407ef7",
+        "--wzl-swatch-citron": "#d5d23a",
+        "--wzl-swatch-rose": "#fa4590",
+        "--wzl-swatch-violet": "#955cf9",
+        "--wzl-font-size-2xs": "10px",
+        "--wzl-font-size-xs": "12px",
+        "--wzl-font-size-sm": "13px",
+        "--wzl-font-size-md": "15px",
+        "--wzl-font-size-lg": "18px",
+        "--wzl-font-size-xl": "23px",
+        "--wzl-space-1": "2px",
+        "--wzl-space-2": "4px",
+        "--wzl-space-3": "6px",
+        "--wzl-space-4": "8px",
+        "--wzl-space-5": "10px",
+        "--wzl-space-6": "12px",
+        "--wzl-space-7": "14px",
+        "--wzl-space-8": "16px",
+        "--wzl-surface": "#181a1e",
+        "--wzl-surface-raised": "#25272c",
+        "--wzl-surface-sunken": "#0e0f12",
+        "--wzl-fg": "#e6e7e9",
+        "--wzl-fg-muted": "#9ea1a8",
+        "--wzl-fg-subtle": "#6f737b",
+        "--wzl-border": "#25272c",
+        "--wzl-border-strong": "#6f737b",
+        "--wzl-accent-fg": "#5841b8",
+        "--wzl-fg-inverse": "#0e0f12",
+        "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--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-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-radius-pill": "999px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "32px",
+        "--wzl-control-h-xs": "22px",
+        "--wzl-control-h-sm": "24px",
+        "--wzl-control-h": "28px",
+        "--wzl-icon-button-size": "26px",
+        "--wzl-slider-track-h": "4px",
+        "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-mix": "18%",
+        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-handle-size": "9px",
+        "--wzl-handle-size-sm": "7px",
+        "--wzl-handle-size-lg": "10px",
+        "--wzl-field-pad-x": "8px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "15px",
+        "--wzl-tracking-none": "0",
+        "--wzl-tracking-wide": "0.06em",
+        "--wzl-tracking-wider": "0.08em",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-leading-tight": "1",
+        "--wzl-leading-snug": "1.2",
+        "--wzl-leading": "1.4",
+        "--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-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px"
+      },
+      "mode=light,density=compact": {
+        "--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-swatch-fuchsia": "#f641f7",
+        "--wzl-swatch-green": "#48e628",
+        "--wzl-swatch-sky": "#36bff2",
+        "--wzl-swatch-amber": "#e69628",
+        "--wzl-swatch-teal": "#3ee1cb",
+        "--wzl-swatch-red": "#f75034",
+        "--wzl-swatch-blue": "#407ef7",
+        "--wzl-swatch-citron": "#d5d23a",
+        "--wzl-swatch-rose": "#fa4590",
+        "--wzl-swatch-violet": "#955cf9",
+        "--wzl-font-size-2xs": "7px",
+        "--wzl-font-size-xs": "8px",
+        "--wzl-font-size-sm": "9px",
+        "--wzl-font-size-md": "11px",
+        "--wzl-font-size-lg": "14px",
+        "--wzl-font-size-xl": "17px",
+        "--wzl-space-1": "2px",
+        "--wzl-space-2": "4px",
+        "--wzl-space-3": "6px",
+        "--wzl-space-4": "8px",
+        "--wzl-space-5": "10px",
+        "--wzl-space-6": "12px",
+        "--wzl-space-7": "14px",
+        "--wzl-space-8": "16px",
+        "--wzl-surface": "#f5f5f6",
+        "--wzl-surface-raised": "#e6e7e9",
+        "--wzl-surface-sunken": "#c9cbcf",
+        "--wzl-fg": "#0e0f12",
+        "--wzl-fg-muted": "#383b42",
+        "--wzl-fg-subtle": "#4d5058",
+        "--wzl-border": "#c9cbcf",
+        "--wzl-border-strong": "#4d5058",
+        "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-fg-inverse": "#f5f5f6",
+        "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--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-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-radius-pill": "999px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "24px",
+        "--wzl-control-h-xs": "16px",
+        "--wzl-control-h-sm": "18px",
+        "--wzl-control-h": "20px",
+        "--wzl-icon-button-size": "20px",
+        "--wzl-slider-track-h": "4px",
+        "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-mix": "18%",
+        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-handle-size": "9px",
+        "--wzl-handle-size-sm": "7px",
+        "--wzl-handle-size-lg": "10px",
+        "--wzl-field-pad-x": "8px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "11px",
+        "--wzl-tracking-none": "0",
+        "--wzl-tracking-wide": "0.06em",
+        "--wzl-tracking-wider": "0.08em",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-leading-tight": "1",
+        "--wzl-leading-snug": "1.2",
+        "--wzl-leading": "1.4",
+        "--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-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px"
+      },
+      "mode=light,density=comfortable": {
+        "--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-swatch-fuchsia": "#f641f7",
+        "--wzl-swatch-green": "#48e628",
+        "--wzl-swatch-sky": "#36bff2",
+        "--wzl-swatch-amber": "#e69628",
+        "--wzl-swatch-teal": "#3ee1cb",
+        "--wzl-swatch-red": "#f75034",
+        "--wzl-swatch-blue": "#407ef7",
+        "--wzl-swatch-citron": "#d5d23a",
+        "--wzl-swatch-rose": "#fa4590",
+        "--wzl-swatch-violet": "#955cf9",
+        "--wzl-font-size-2xs": "9px",
+        "--wzl-font-size-xs": "10px",
+        "--wzl-font-size-sm": "11px",
+        "--wzl-font-size-md": "13px",
+        "--wzl-font-size-lg": "16px",
+        "--wzl-font-size-xl": "20px",
+        "--wzl-space-1": "2px",
+        "--wzl-space-2": "4px",
+        "--wzl-space-3": "6px",
+        "--wzl-space-4": "8px",
+        "--wzl-space-5": "10px",
+        "--wzl-space-6": "12px",
+        "--wzl-space-7": "14px",
+        "--wzl-space-8": "16px",
+        "--wzl-surface": "#f5f5f6",
+        "--wzl-surface-raised": "#e6e7e9",
+        "--wzl-surface-sunken": "#c9cbcf",
+        "--wzl-fg": "#0e0f12",
+        "--wzl-fg-muted": "#383b42",
+        "--wzl-fg-subtle": "#4d5058",
+        "--wzl-border": "#c9cbcf",
+        "--wzl-border-strong": "#4d5058",
+        "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-fg-inverse": "#f5f5f6",
+        "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--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-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-radius-pill": "999px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "28px",
+        "--wzl-control-h-xs": "18px",
+        "--wzl-control-h-sm": "20px",
+        "--wzl-control-h": "24px",
+        "--wzl-icon-button-size": "22px",
+        "--wzl-slider-track-h": "4px",
+        "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-mix": "18%",
+        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-handle-size": "9px",
+        "--wzl-handle-size-sm": "7px",
+        "--wzl-handle-size-lg": "10px",
+        "--wzl-field-pad-x": "8px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "13px",
+        "--wzl-tracking-none": "0",
+        "--wzl-tracking-wide": "0.06em",
+        "--wzl-tracking-wider": "0.08em",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-leading-tight": "1",
+        "--wzl-leading-snug": "1.2",
+        "--wzl-leading": "1.4",
+        "--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-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px"
+      },
+      "mode=light,density=roomy": {
+        "--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-swatch-fuchsia": "#f641f7",
+        "--wzl-swatch-green": "#48e628",
+        "--wzl-swatch-sky": "#36bff2",
+        "--wzl-swatch-amber": "#e69628",
+        "--wzl-swatch-teal": "#3ee1cb",
+        "--wzl-swatch-red": "#f75034",
+        "--wzl-swatch-blue": "#407ef7",
+        "--wzl-swatch-citron": "#d5d23a",
+        "--wzl-swatch-rose": "#fa4590",
+        "--wzl-swatch-violet": "#955cf9",
+        "--wzl-font-size-2xs": "10px",
+        "--wzl-font-size-xs": "12px",
+        "--wzl-font-size-sm": "13px",
+        "--wzl-font-size-md": "15px",
+        "--wzl-font-size-lg": "18px",
+        "--wzl-font-size-xl": "23px",
+        "--wzl-space-1": "2px",
+        "--wzl-space-2": "4px",
+        "--wzl-space-3": "6px",
+        "--wzl-space-4": "8px",
+        "--wzl-space-5": "10px",
+        "--wzl-space-6": "12px",
+        "--wzl-space-7": "14px",
+        "--wzl-space-8": "16px",
+        "--wzl-surface": "#f5f5f6",
+        "--wzl-surface-raised": "#e6e7e9",
+        "--wzl-surface-sunken": "#c9cbcf",
+        "--wzl-fg": "#0e0f12",
+        "--wzl-fg-muted": "#383b42",
+        "--wzl-fg-subtle": "#4d5058",
+        "--wzl-border": "#c9cbcf",
+        "--wzl-border-strong": "#4d5058",
+        "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-fg-inverse": "#f5f5f6",
+        "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-danger-base": "#d94a3f",
+        "--wzl-warning-base": "#d99a3f",
+        "--wzl-success-base": "#2ec27e",
+        "--wzl-fg-on-accent": "#f5f5f6",
+        "--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-radius-sm": "3px",
+        "--wzl-radius-md": "5px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-radius-pill": "999px",
+        "--wzl-border-w": "1px",
+        "--wzl-line-width": "2px",
+        "--wzl-curve-width": "3px",
+        "--wzl-tb-height": "32px",
+        "--wzl-control-h-xs": "22px",
+        "--wzl-control-h-sm": "24px",
+        "--wzl-control-h": "28px",
+        "--wzl-icon-button-size": "26px",
+        "--wzl-slider-track-h": "4px",
+        "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-mix": "18%",
+        "--wzl-slider-thumb-mix": "70%",
+        "--wzl-handle-size": "9px",
+        "--wzl-handle-size-sm": "7px",
+        "--wzl-handle-size-lg": "10px",
+        "--wzl-field-pad-x": "8px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-font-size": "15px",
+        "--wzl-tracking-none": "0",
+        "--wzl-tracking-wide": "0.06em",
+        "--wzl-tracking-wider": "0.08em",
+        "--wzl-z-toolbar": "10",
+        "--wzl-z-overlay": "20",
+        "--wzl-z-modal": "30",
+        "--wzl-leading-tight": "1",
+        "--wzl-leading-snug": "1.2",
+        "--wzl-leading": "1.4",
+        "--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-space-xs": "4px",
+        "--wzl-space-sm": "8px",
+        "--wzl-space-md": "12px",
+        "--wzl-space-lg": "16px"
+      }
+    }
+  }
+};
+var THEME_SOURCES = {
+  "weasel": {
+    "name": "weasel",
+    "axes": {
+      "mode": {
+        "default": "dark",
+        "values": {
+          "dark": {
+            "scheme": "dark"
+          },
+          "light": {
+            "scheme": "light"
+          }
+        }
+      },
+      "density": {
+        "default": "comfortable",
+        "values": {
+          "compact": {},
+          "comfortable": {},
+          "roomy": {}
+        }
+      }
+    },
+    "seeds": {
+      "ui-base": {
+        "by": "density",
+        "compact": 11,
+        "comfortable": 13,
+        "roomy": 15
+      }
+    },
+    "ramps": {
+      "gray": {
+        "kind": "lightness",
+        "steps": [
+          "50",
+          "100",
+          "200",
+          "300",
+          "400",
+          "500",
+          "600",
+          "700",
+          "800",
+          "900"
+        ],
+        "lightness": [
+          0.973,
+          0.163
+        ],
+        "curve": 0.41,
+        "hue": 266,
+        "chroma": {
+          "peak": 0.0116,
+          "darkBias": 0.84
+        }
+      },
+      "accent": {
+        "kind": "lightness",
+        "steps": [
+          "soft",
+          "base",
+          "strong"
+        ],
+        "lightness": [
+          0.252,
+          0.471
+        ],
+        "curve": 0,
+        "anchor": {
+          "base": "#2e1f7a"
+        }
+      },
+      "swatch": {
+        "kind": "categorical",
+        "steps": [
+          "fuchsia",
+          "green",
+          "sky",
+          "amber",
+          "teal",
+          "red",
+          "blue",
+          "citron",
+          "rose",
+          "violet"
+        ],
+        "gates": {
+          "hueFloor": 0.9,
+          "minContrast": 4,
+          "surface": "#181a1e",
+          "lightnessTarget": 0.72,
+          "lightnessPull": 0.4,
+          "chromaFraction": 0.95,
+          "equalize": 0,
+          "minSurfaceDistance": 0.25,
+          "minDistance": 0.22,
+          "order": "farthest"
+        }
+      }
+    },
+    "scales": {
+      "font-size": {
+        "steps": [
+          "2xs",
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl"
+        ],
+        "base": "{seeds.ui-base}",
+        "factors": [
+          0.66,
+          0.77,
+          0.85,
+          1,
+          1.23,
+          1.54
+        ],
+        "description": "Chrome type ramp. Hand-tuned factors rather than a ratio: the small end is compressed because chrome text stops being legible before a geometric ramp stops shrinking.",
+        "describe": {
+          "2xs": "Shortcut keys and index badges. The floor for chrome text.",
+          "xs": "Tool-button labels under an icon.",
+          "sm": "Chrome labels, status readouts, section headings.",
+          "md": "Controls and body text.",
+          "lg": "Panel and dialog titles.",
+          "xl": "The largest chrome text \u2014 a lab or app title."
+        }
+      },
+      "space": {
+        "steps": [
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7",
+          "8"
+        ],
+        "base": 2,
+        "step": 2,
+        "description": "Spacing ladder, 2px rungs. Invariant across density: the rungs are finer than any density factor could resolve without rounding two of them onto the same pixel."
+      }
+    },
+    "semantics": {
+      "surface": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-800",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-50",
+          "type": "color"
+        }
+      },
+      "surface-raised": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-700",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-100",
+          "type": "color"
+        }
+      },
+      "surface-sunken": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-900",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-200",
+          "type": "color"
+        }
+      },
+      "fg": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-100",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-900",
+          "type": "color"
+        }
+      },
+      "fg-muted": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-300",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-600",
+          "type": "color"
+        }
+      },
+      "fg-subtle": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-400",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-500",
+          "type": "color"
+        }
+      },
+      "border": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-700",
+          "type": "color"
+        },
+        "light": {
+          "ref": "gray-200",
+          "type": "color"
+        }
+      },
+      "border-strong": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-400",
+          "type": "color",
+          "description": "The line that has to be seen: a control's edge, a raised surface's outline. Clears WCAG 1.4.11's 3:1 against every surface in both modes."
+        },
+        "light": {
+          "ref": "gray-500",
+          "type": "color"
+        }
+      },
+      "accent-fg": {
+        "by": "mode",
+        "dark": {
+          "ref": "accent-strong",
+          "type": "color",
+          "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."
+        },
+        "light": {
+          "ref": "accent-base",
+          "type": "color",
+          "description": "Flips to the deep base in light mode, where it is the legible one."
+        }
+      },
+      "fg-inverse": {
+        "by": "mode",
+        "dark": {
+          "ref": "gray-900",
+          "type": "color",
+          "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": {
+          "ref": "gray-50",
+          "type": "color",
+          "description": "Flips with the mode \u2014 see the dark layer."
+        }
+      },
+      "shadow": {
+        "by": "mode",
+        "dark": {
+          "value": "rgba(0, 0, 0, 0.6)",
+          "type": "color",
+          "description": "Elevation. Always darker than any surface \u2014 never derived from fg, which is near-white on dark."
+        },
+        "light": {
+          "value": "rgba(0, 0, 0, 0.18)",
+          "type": "color"
+        }
+      }
+    },
+    "pins": {
+      "gray-50": {
+        "value": "#f5f5f6",
+        "type": "color"
+      },
+      "gray-100": {
+        "value": "#e6e7e9",
+        "type": "color"
+      },
+      "gray-200": {
+        "value": "#c9cbcf",
+        "type": "color"
+      },
+      "gray-300": {
+        "value": "#9ea1a8",
+        "type": "color"
+      },
+      "gray-400": {
+        "value": "#6f737b",
+        "type": "color"
+      },
+      "gray-500": {
+        "value": "#4d5058",
+        "type": "color"
+      },
+      "gray-600": {
+        "value": "#383b42",
+        "type": "color"
+      },
+      "gray-700": {
+        "value": "#25272c",
+        "type": "color"
+      },
+      "gray-800": {
+        "value": "#181a1e",
+        "type": "color"
+      },
+      "gray-900": {
+        "value": "#0e0f12",
+        "type": "color"
+      },
+      "accent-soft": {
+        "value": "#1d1454",
+        "type": "color"
+      },
+      "accent-base": {
+        "value": "#2e1f7a",
+        "type": "color",
+        "description": "Midnight blue-violet. Deep and saturated; anchors primary actions on light and dark surfaces alike."
+      },
+      "accent-strong": {
+        "value": "#5841b8",
+        "type": "color"
+      },
+      "danger-base": {
+        "value": "#d94a3f",
+        "type": "color"
+      },
+      "warning-base": {
+        "value": "#d99a3f",
+        "type": "color"
+      },
+      "success-base": {
+        "value": "#2ec27e",
+        "type": "color"
+      },
+      "fg-on-accent": {
+        "value": "{gray-50}",
+        "type": "color"
+      },
+      "line-subtle": {
+        "value": "{fg}",
+        "type": "color",
+        "alpha": 0.1,
+        "description": "Barely-there separators (table rows)."
+      },
+      "line": {
+        "value": "{fg}",
+        "type": "color",
+        "alpha": 0.2,
+        "description": "Primary gridlines on sunken surfaces."
+      },
+      "line-strong": {
+        "value": "{fg}",
+        "type": "color",
+        "alpha": 0.4,
+        "description": "Axes and emphasized dividers."
+      },
+      "curve-color": {
+        "value": "{accent-strong}",
+        "type": "color",
+        "description": "Drawn data curves. Routes through the bright accent because accent-base is too dim on sunken surfaces."
+      },
+      "accent": {
+        "value": "{accent-base}",
+        "type": "color"
+      },
+      "accent-hover": {
+        "value": "{accent-strong}",
+        "type": "color"
+      },
+      "danger": {
+        "value": "{danger-base}",
+        "type": "color"
+      },
+      "warning": {
+        "value": "{warning-base}",
+        "type": "color"
+      },
+      "success": {
+        "value": "{success-base}",
+        "type": "color"
+      },
+      "focus-ring": {
+        "value": "{accent-strong}",
+        "type": "color"
+      },
+      "glass-tint": {
+        "value": "{accent}",
+        "type": "color",
+        "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": {
+        "value": "{fg}",
+        "type": "color",
+        "alpha": 0.1,
+        "description": "Hover wash over a raised surface. Same formula as line-subtle, different job \u2014 do not collapse them."
+      },
+      "surface-pressed": {
+        "value": "{fg}",
+        "type": "color",
+        "alpha": 0.18,
+        "description": "Pressed wash over a raised surface."
+      },
+      "swatch-fuchsia": {
+        "value": "#f641f7",
+        "type": "color",
+        "description": "First of ten categorical spot colors for plotting, status and data viz. Take them in sequence: the order is farthest-point over hue, so the first N are as separated as N colors can be (first three 87\xB0 apart, all ten 32\xB0). Mode-invariant on purpose \u2014 a series keeps its color when the mode flips, which is why they are tuned for a dark surface and clear only 1.5:1 on a light one."
+      },
+      "swatch-green": {
+        "value": "#48e628",
+        "type": "color"
+      },
+      "swatch-sky": {
+        "value": "#36bff2",
+        "type": "color"
+      },
+      "swatch-amber": {
+        "value": "#e69628",
+        "type": "color"
+      },
+      "swatch-teal": {
+        "value": "#3ee1cb",
+        "type": "color"
+      },
+      "swatch-red": {
+        "value": "#f75034",
+        "type": "color"
+      },
+      "swatch-blue": {
+        "value": "#407ef7",
+        "type": "color"
+      },
+      "swatch-citron": {
+        "value": "#d5d23a",
+        "type": "color"
+      },
+      "swatch-rose": {
+        "value": "#fa4590",
+        "type": "color"
+      },
+      "swatch-violet": {
+        "value": "#955cf9",
+        "type": "color"
+      },
+      "radius-sm": {
+        "value": "3px",
+        "type": "dimension"
+      },
+      "radius-md": {
+        "value": "5px",
+        "type": "dimension"
+      },
+      "radius-lg": {
+        "value": "14px",
+        "type": "dimension"
+      },
+      "radius-pill": {
+        "value": "999px",
+        "type": "dimension",
+        "description": "Fully rounded ends \u2014 segmented controls, progress tracks."
+      },
+      "border-w": {
+        "value": "1px",
+        "type": "dimension"
+      },
+      "line-width": {
+        "value": "2px",
+        "type": "dimension",
+        "description": "Structural lines \u2014 gridlines, dividers, axes."
+      },
+      "curve-width": {
+        "value": "3px",
+        "type": "dimension",
+        "description": "Drawn data curves. Heavier than structural lines so data reads as primary content."
+      },
+      "tb-height": {
+        "by": "density",
+        "compact": {
+          "value": "24px",
+          "type": "dimension",
+          "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
+        },
+        "comfortable": {
+          "value": "28px",
+          "type": "dimension",
+          "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
+        },
+        "roomy": {
+          "value": "32px",
+          "type": "dimension",
+          "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
+        }
+      },
+      "control-h-xs": {
+        "by": "density",
+        "compact": {
+          "value": "16px",
+          "type": "dimension",
+          "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
+        },
+        "comfortable": {
+          "value": "18px",
+          "type": "dimension",
+          "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
+        },
+        "roomy": {
+          "value": "22px",
+          "type": "dimension",
+          "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
+        }
+      },
+      "control-h-sm": {
+        "by": "density",
+        "compact": {
+          "value": "18px",
+          "type": "dimension",
+          "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
+        },
+        "comfortable": {
+          "value": "20px",
+          "type": "dimension",
+          "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
+        },
+        "roomy": {
+          "value": "24px",
+          "type": "dimension",
+          "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
+        }
+      },
+      "control-h": {
+        "by": "density",
+        "compact": {
+          "value": "20px",
+          "type": "dimension",
+          "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
+        },
+        "comfortable": {
+          "value": "24px",
+          "type": "dimension",
+          "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
+        },
+        "roomy": {
+          "value": "28px",
+          "type": "dimension",
+          "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
+        }
+      },
+      "icon-button-size": {
+        "by": "density",
+        "compact": {
+          "value": "20px",
+          "type": "dimension",
+          "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
+        },
+        "comfortable": {
+          "value": "22px",
+          "type": "dimension",
+          "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
+        },
+        "roomy": {
+          "value": "26px",
+          "type": "dimension",
+          "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
+        }
+      },
+      "slider-track-h": {
+        "value": "4px",
+        "type": "dimension",
+        "description": "Height of a linear range track. The kit's single-thumb ranges all wear this; Slider's default 24px canvas track does not."
+      },
+      "slider-thumb-size": {
+        "value": "8px",
+        "type": "dimension",
+        "description": "Diameter of a linear range thumb."
+      },
+      "slider-track-mix": {
+        "value": "18%",
+        "type": "dimension",
+        "description": "Accent proportion in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property."
+      },
+      "slider-thumb-mix": {
+        "value": "70%",
+        "type": "dimension",
+        "description": "Accent proportion in a range thumb, as a color-mix percentage \u2014 not a color."
+      },
+      "handle-size": {
+        "value": "9px",
+        "type": "dimension",
+        "description": "Edge of a draggable handle on a plot or timeline \u2014 a keyframe diamond, a timeline key, an event mark. The default rank; -sm and -lg are the two deliberate departures from it."
+      },
+      "handle-size-sm": {
+        "value": "7px",
+        "type": "dimension",
+        "description": "A handle that is drawn but not draggable \u2014 a locked or pinned point. Smaller so it reads as inert next to a live one."
+      },
+      "handle-size-lg": {
+        "value": "10px",
+        "type": "dimension",
+        "description": "A handle that is a category of its own rather than one of a row \u2014 a curve's endpoint. Larger so it separates from the handles it sits in line with."
+      },
+      "field-pad-x": {
+        "value": "8px",
+        "type": "dimension",
+        "description": "Horizontal padding inside a boxed field. Pairs with --wzl-field-h, which is a container override and has no :root default."
+      },
+      "glass-blur": {
+        "value": "3px",
+        "type": "dimension",
+        "description": "Backdrop blur radius for frosted surfaces. Pairs with glass-tint."
+      },
+      "font-size": {
+        "value": "{font-size-md}",
+        "type": "dimension",
+        "description": "Controls and body text."
+      },
+      "tracking-none": {
+        "value": "0",
+        "type": "dimension"
+      },
+      "tracking-wide": {
+        "value": "0.06em",
+        "type": "dimension",
+        "description": "Uppercase section headings."
+      },
+      "tracking-wider": {
+        "value": "0.08em",
+        "type": "dimension",
+        "description": "Uppercase at 11px and below."
+      },
+      "z-toolbar": {
+        "value": 10,
+        "type": "number"
+      },
+      "z-overlay": {
+        "value": 20,
+        "type": "number"
+      },
+      "z-modal": {
+        "value": 30,
+        "type": "number"
+      },
+      "leading-tight": {
+        "value": 1,
+        "type": "number",
+        "description": "Single-line controls; the box sets the height."
+      },
+      "leading-snug": {
+        "value": 1.2,
+        "type": "number",
+        "description": "Headings and two-line labels."
+      },
+      "leading": {
+        "value": 1.4,
+        "type": "number",
+        "description": "Body and anything that wraps."
+      },
+      "backdrop": {
+        "value": "none",
+        "type": "gradient",
+        "description": "Layered backdrop fill for a page or lab root. `none` here; a theme with a signature background sets it."
+      },
+      "motion-fast": {
+        "value": "120ms",
+        "type": "duration",
+        "description": "Micro-interactions \u2014 hover, focus, pressed."
+      },
+      "motion-medium": {
+        "value": "240ms",
+        "type": "duration",
+        "description": "Entrances and exits \u2014 toasts, popovers, panels."
+      },
+      "ease-in-cubic": {
+        "value": [
+          0.32,
+          0,
+          0.67,
+          0
+        ],
+        "type": "cubicBezier"
+      },
+      "ease-out-cubic": {
+        "value": [
+          0.33,
+          1,
+          0.68,
+          1
+        ],
+        "type": "cubicBezier"
+      },
+      "ease-in-out-cubic": {
+        "value": [
+          0.65,
+          0,
+          0.35,
+          1
+        ],
+        "type": "cubicBezier"
+      },
+      "ease-out-back": {
+        "value": [
+          0.34,
+          1.56,
+          0.64,
+          1
+        ],
+        "type": "cubicBezier"
+      },
+      "font-ui": {
+        "value": [
+          "Oswald",
+          "Helvetica Neue Condensed",
+          "Arial Narrow",
+          "system-ui",
+          "sans-serif"
+        ],
+        "type": "fontFamily",
+        "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": {
+        "value": [
+          "Oswald",
+          "Helvetica Neue Condensed",
+          "Arial Narrow",
+          "system-ui",
+          "sans-serif"
+        ],
+        "type": "fontFamily"
+      },
+      "font-body": {
+        "value": [
+          "Inter",
+          "system-ui",
+          "-apple-system",
+          "Segoe UI",
+          "sans-serif"
+        ],
+        "type": "fontFamily"
+      },
+      "font-mono": {
+        "value": [
+          "ui-monospace",
+          "SFMono-Regular",
+          "Menlo",
+          "Consolas",
+          "monospace"
+        ],
+        "type": "fontFamily"
+      },
+      "font-weight-light": {
+        "value": 200,
+        "type": "fontWeight"
+      },
+      "font-weight-normal": {
+        "value": 300,
+        "type": "fontWeight"
+      },
+      "font-weight-medium": {
+        "value": 350,
+        "type": "fontWeight"
+      },
+      "font-weight-bold": {
+        "value": 400,
+        "type": "fontWeight"
+      },
+      "space-xs": {
+        "value": "{space-2}",
+        "type": "dimension",
+        "description": "Alias for space-2. The t-shirt names name every other rung of the ladder."
+      },
+      "space-sm": {
+        "value": "{space-4}",
+        "type": "dimension",
+        "description": "Alias for space-4. The t-shirt names name every other rung of the ladder."
+      },
+      "space-md": {
+        "value": "{space-6}",
+        "type": "dimension",
+        "description": "Alias for space-6. The t-shirt names name every other rung of the ladder."
+      },
+      "space-lg": {
+        "value": "{space-8}",
+        "type": "dimension",
+        "description": "Alias for space-8. The t-shirt names name every other rung of the ladder."
+      }
+    }
+  }
+};
+var BAKED_THEMES = {
+  "weasel": {
+    "name": "weasel",
+    "extends": null,
+    "axes": {
+      "mode": {
+        "default": "dark",
+        "values": {
+          "dark": {
+            "scheme": "dark"
+          },
+          "light": {
+            "scheme": "light"
+          }
+        }
+      },
+      "density": {
+        "default": "comfortable",
+        "values": {
+          "compact": {},
+          "comfortable": {},
+          "roomy": {}
+        }
+      }
+    },
+    "tokens": {
+      "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"
+      },
+      "swatch-fuchsia": {
+        "type": "color",
+        "value": "#f641f7",
+        "description": "First of ten categorical spot colors for plotting, status and data viz. Take them in sequence: the order is farthest-point over hue, so the first N are as separated as N colors can be (first three 87\xB0 apart, all ten 32\xB0). Mode-invariant on purpose \u2014 a series keeps its color when the mode flips, which is why they are tuned for a dark surface and clear only 1.5:1 on a light one."
+      },
+      "swatch-green": {
+        "type": "color",
+        "value": "#48e628"
+      },
+      "swatch-sky": {
+        "type": "color",
+        "value": "#36bff2"
+      },
+      "swatch-amber": {
+        "type": "color",
+        "value": "#e69628"
+      },
+      "swatch-teal": {
+        "type": "color",
+        "value": "#3ee1cb"
+      },
+      "swatch-red": {
+        "type": "color",
+        "value": "#f75034"
+      },
+      "swatch-blue": {
+        "type": "color",
+        "value": "#407ef7"
+      },
+      "swatch-citron": {
+        "type": "color",
+        "value": "#d5d23a"
+      },
+      "swatch-rose": {
+        "type": "color",
+        "value": "#fa4590"
+      },
+      "swatch-violet": {
+        "type": "color",
+        "value": "#955cf9"
+      },
+      "font-size-2xs": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "7px",
+          "description": "Shortcut keys and index badges. The floor for chrome text."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "9px",
+          "description": "Shortcut keys and index badges. The floor for chrome text."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "10px",
+          "description": "Shortcut keys and index badges. The floor for chrome text."
+        }
+      },
+      "font-size-xs": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "8px",
+          "description": "Tool-button labels under an icon."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "10px",
+          "description": "Tool-button labels under an icon."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "12px",
+          "description": "Tool-button labels under an icon."
+        }
+      },
+      "font-size-sm": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "9px",
+          "description": "Chrome labels, status readouts, section headings."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "11px",
+          "description": "Chrome labels, status readouts, section headings."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "13px",
+          "description": "Chrome labels, status readouts, section headings."
+        }
+      },
+      "font-size-md": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "11px",
+          "description": "Controls and body text."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "13px",
+          "description": "Controls and body text."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "15px",
+          "description": "Controls and body text."
+        }
+      },
+      "font-size-lg": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "14px",
+          "description": "Panel and dialog titles."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "16px",
+          "description": "Panel and dialog titles."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "18px",
+          "description": "Panel and dialog titles."
+        }
+      },
+      "font-size-xl": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "17px",
+          "description": "The largest chrome text \u2014 a lab or app title."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "20px",
+          "description": "The largest chrome text \u2014 a lab or app title."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "23px",
+          "description": "The largest chrome text \u2014 a lab or app title."
+        }
+      },
+      "space-1": {
+        "type": "dimension",
+        "value": "2px"
+      },
+      "space-2": {
+        "type": "dimension",
+        "value": "4px"
+      },
+      "space-3": {
+        "type": "dimension",
+        "value": "6px"
+      },
+      "space-4": {
+        "type": "dimension",
+        "value": "8px"
+      },
+      "space-5": {
+        "type": "dimension",
+        "value": "10px"
+      },
+      "space-6": {
+        "type": "dimension",
+        "value": "12px"
+      },
+      "space-7": {
+        "type": "dimension",
+        "value": "14px"
+      },
+      "space-8": {
+        "type": "dimension",
+        "value": "16px"
+      },
+      "surface": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-800}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-50}"
+        }
+      },
+      "surface-raised": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-700}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-100}"
+        }
+      },
+      "surface-sunken": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-900}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-200}"
+        }
+      },
+      "fg": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-100}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-900}"
+        }
+      },
+      "fg-muted": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-300}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-600}"
+        }
+      },
+      "fg-subtle": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-400}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-500}"
+        }
+      },
+      "border": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-700}"
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-200}"
+        }
+      },
+      "border-strong": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{gray-400}",
+          "description": "The line that has to be seen: a control's edge, a raised surface's outline. Clears WCAG 1.4.11's 3:1 against every surface in both modes."
+        },
+        "light": {
+          "type": "color",
+          "value": "{gray-500}"
+        }
+      },
+      "accent-fg": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{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."
+        },
+        "light": {
+          "type": "color",
+          "value": "{accent-base}",
+          "description": "Flips to the deep base in light mode, where it is the legible one."
+        }
+      },
+      "fg-inverse": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{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": {
+          "type": "color",
+          "value": "{gray-50}",
+          "description": "Flips with the mode \u2014 see the dark layer."
+        }
+      },
+      "shadow": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "rgba(0, 0, 0, 0.6)",
+          "description": "Elevation. Always darker than any surface \u2014 never derived from fg, which is near-white on dark."
+        },
+        "light": {
+          "type": "color",
+          "value": "rgba(0, 0, 0, 0.18)"
+        }
+      },
+      "danger-base": {
+        "type": "color",
+        "value": "#d94a3f"
+      },
+      "warning-base": {
+        "type": "color",
+        "value": "#d99a3f"
+      },
+      "success-base": {
+        "type": "color",
+        "value": "#2ec27e"
+      },
+      "fg-on-accent": {
+        "type": "color",
+        "value": "{gray-50}"
+      },
+      "line-subtle": {
+        "type": "color",
+        "value": "{fg}",
+        "alpha": 0.1,
+        "description": "Barely-there separators (table rows)."
+      },
+      "line": {
+        "type": "color",
+        "value": "{fg}",
+        "alpha": 0.2,
+        "description": "Primary gridlines on sunken surfaces."
+      },
+      "line-strong": {
+        "type": "color",
+        "value": "{fg}",
+        "alpha": 0.4,
+        "description": "Axes and emphasized dividers."
+      },
+      "curve-color": {
+        "type": "color",
+        "value": "{accent-strong}",
+        "description": "Drawn data curves. Routes through the bright accent because accent-base is too dim on sunken surfaces."
+      },
+      "accent": {
+        "type": "color",
+        "value": "{accent-base}"
+      },
+      "accent-hover": {
+        "type": "color",
+        "value": "{accent-strong}"
+      },
+      "danger": {
+        "type": "color",
+        "value": "{danger-base}"
+      },
+      "warning": {
+        "type": "color",
+        "value": "{warning-base}"
+      },
+      "success": {
+        "type": "color",
+        "value": "{success-base}"
+      },
+      "focus-ring": {
+        "type": "color",
+        "value": "{accent-strong}"
+      },
+      "glass-tint": {
+        "type": "color",
+        "value": "{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": "{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": "{fg}",
+        "alpha": 0.18,
+        "description": "Pressed wash over a raised surface."
+      },
+      "radius-sm": {
+        "type": "dimension",
+        "value": "3px"
+      },
+      "radius-md": {
+        "type": "dimension",
+        "value": "5px"
+      },
+      "radius-lg": {
+        "type": "dimension",
+        "value": "14px"
+      },
+      "radius-pill": {
+        "type": "dimension",
+        "value": "999px",
+        "description": "Fully rounded ends \u2014 segmented controls, progress tracks."
+      },
+      "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": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "24px",
+          "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "28px",
+          "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "32px",
+          "description": "Height of a horizontal toolbar strip (ActionsBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
+        }
+      },
+      "control-h-xs": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "16px",
+          "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "18px",
+          "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "22px",
+          "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
+        }
+      },
+      "control-h-sm": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "18px",
+          "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "20px",
+          "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "24px",
+          "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
+        }
+      },
+      "control-h": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "20px",
+          "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "24px",
+          "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "28px",
+          "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
+        }
+      },
+      "icon-button-size": {
+        "by": "density",
+        "compact": {
+          "type": "dimension",
+          "value": "20px",
+          "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
+        },
+        "comfortable": {
+          "type": "dimension",
+          "value": "22px",
+          "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
+        },
+        "roomy": {
+          "type": "dimension",
+          "value": "26px",
+          "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
+        }
+      },
+      "slider-track-h": {
+        "type": "dimension",
+        "value": "4px",
+        "description": "Height of a linear range track. The kit's single-thumb ranges all wear this; Slider's default 24px canvas track does not."
+      },
+      "slider-thumb-size": {
+        "type": "dimension",
+        "value": "8px",
+        "description": "Diameter of a linear range thumb."
+      },
+      "slider-track-mix": {
+        "type": "dimension",
+        "value": "18%",
+        "description": "Accent proportion in a range track, as a color-mix percentage \u2014 not a color. Mixed into a real property, never into another custom property."
+      },
+      "slider-thumb-mix": {
+        "type": "dimension",
+        "value": "70%",
+        "description": "Accent proportion in a range thumb, as a color-mix percentage \u2014 not a color."
+      },
+      "handle-size": {
+        "type": "dimension",
+        "value": "9px",
+        "description": "Edge of a draggable handle on a plot or timeline \u2014 a keyframe diamond, a timeline key, an event mark. The default rank; -sm and -lg are the two deliberate departures from it."
+      },
+      "handle-size-sm": {
+        "type": "dimension",
+        "value": "7px",
+        "description": "A handle that is drawn but not draggable \u2014 a locked or pinned point. Smaller so it reads as inert next to a live one."
+      },
+      "handle-size-lg": {
+        "type": "dimension",
+        "value": "10px",
+        "description": "A handle that is a category of its own rather than one of a row \u2014 a curve's endpoint. Larger so it separates from the handles it sits in line with."
+      },
+      "field-pad-x": {
+        "type": "dimension",
+        "value": "8px",
+        "description": "Horizontal padding inside a boxed field. Pairs with --wzl-field-h, which is a container override and has no :root default."
+      },
+      "glass-blur": {
+        "type": "dimension",
+        "value": "3px",
+        "description": "Backdrop blur radius for frosted surfaces. Pairs with glass-tint."
+      },
+      "font-size": {
+        "type": "dimension",
+        "value": "{font-size-md}",
+        "description": "Controls and body text."
+      },
+      "tracking-none": {
+        "type": "dimension",
+        "value": "0"
+      },
+      "tracking-wide": {
+        "type": "dimension",
+        "value": "0.06em",
+        "description": "Uppercase section headings."
+      },
+      "tracking-wider": {
+        "type": "dimension",
+        "value": "0.08em",
+        "description": "Uppercase at 11px and below."
+      },
+      "z-toolbar": {
+        "type": "number",
+        "value": 10
+      },
+      "z-overlay": {
+        "type": "number",
+        "value": 20
+      },
+      "z-modal": {
+        "type": "number",
+        "value": 30
+      },
+      "leading-tight": {
+        "type": "number",
+        "value": 1,
+        "description": "Single-line controls; the box sets the height."
+      },
+      "leading-snug": {
+        "type": "number",
+        "value": 1.2,
+        "description": "Headings and two-line labels."
+      },
+      "leading": {
+        "type": "number",
+        "value": 1.4,
+        "description": "Body and anything that wraps."
+      },
+      "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
+      },
+      "space-xs": {
+        "type": "dimension",
+        "value": "{space-2}",
+        "description": "Alias for space-2. The t-shirt names name every other rung of the ladder."
+      },
+      "space-sm": {
+        "type": "dimension",
+        "value": "{space-4}",
+        "description": "Alias for space-4. The t-shirt names name every other rung of the ladder."
+      },
+      "space-md": {
+        "type": "dimension",
+        "value": "{space-6}",
+        "description": "Alias for space-6. The t-shirt names name every other rung of the ladder."
+      },
+      "space-lg": {
+        "type": "dimension",
+        "value": "{space-8}",
+        "description": "Alias for space-8. The t-shirt names name every other rung of the ladder."
+      }
+    }
+  }
+};
+
+// src/theme.ts
+var isPinObject = (v) => typeof v === "object" && v !== null && !Array.isArray(v) && "value" in v;
+function toRaw(v) {
+  if (isByAxis(v)) {
+    const out = { by: v.by };
+    for (const [k, x] of Object.entries(v)) if (k !== "by") out[k] = toRaw(x);
+    return out;
+  }
+  const obj = isPinObject(v) ? v : { value: v };
+  return { type: obj.type ?? "unknown", value: obj.value, alpha: obj.alpha, description: obj.description };
+}
+var weaselTheme = {
+  name: "weasel",
+  extends: null,
+  axes: BAKED_THEMES.weasel.axes,
+  tokens: BAKED_THEMES.weasel.tokens
+};
+function defineTheme(input) {
+  if (typeof input.extends === "string") {
+    throw new Error(
+      `Theme "${input.name}" extends "${input.extends}" by name; defineTheme needs the Theme itself (e.g. weaselTheme), not a definition's name.`
+    );
+  }
+  const rules = ["seeds", "ramps", "scales", "semantics"].filter((k) => Object.keys(input[k] ?? {}).length > 0);
+  if (rules.length > 0) {
+    throw new Error(
+      `Theme "${input.name}" has ${rules.join(", ")}, which need deriving. Bake it with \`bake\` from @weasel-js/theme/engine.`
+    );
+  }
+  const tokens = {};
+  for (const [name, v] of Object.entries({ ...input.components, ...input.pins })) tokens[name] = toRaw(v);
+  return {
+    name: input.name,
+    extends: input.extends === void 0 ? weaselTheme : input.extends,
+    axes: input.axes ?? {},
+    tokens
+  };
+}
+
+// src/applyTheme.ts
+var STYLE_ID = "wzl-themes";
+var emitted = /* @__PURE__ */ new Map();
+var sheet = null;
+var styleEl = null;
+function canAdopt() {
+  return typeof CSSStyleSheet !== "undefined" && "replaceSync" in CSSStyleSheet.prototype && Array.isArray(document.adoptedStyleSheets);
+}
+function flushRules() {
+  const css = [...emitted.values()].join("\n");
+  if (canAdopt()) {
+    if (!sheet) {
+      sheet = new CSSStyleSheet();
+      document.adoptedStyleSheets = [...document.adoptedStyleSheets, sheet];
+    }
+    sheet.replaceSync(css);
+    return;
+  }
+  if (!styleEl) {
+    styleEl = document.createElement("style");
+    styleEl.id = STYLE_ID;
+    document.head.appendChild(styleEl);
+  }
+  styleEl.textContent = css;
+}
+function applyTheme(el, theme, selection = {}) {
+  if (typeof document === "undefined") return;
+  const axes = themeAxes(theme);
+  const sel = fullSelection(axes, selection);
+  const key = `${theme.name}::${selectionKey(axes, sel)}`;
+  const body = Object.entries(resolveTheme(theme, sel)).map(([name, value]) => `${name}: ${value};`).join(" ");
+  const attrs = Object.keys(axes).map((a) => `[data-wzl-${a}='${sel[a]}']`).join("");
+  const rule = `[data-wzl-theme='${theme.name}']${attrs} { ${body} }`;
+  if (emitted.get(key) !== rule) {
+    emitted.set(key, rule);
+    flushRules();
+  }
+  el.setAttribute("data-wzl-theme", theme.name);
+  for (const a of Object.keys(axes)) el.setAttribute(`data-wzl-${a}`, sel[a]);
+}
+
+export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, defineTheme, weaselTheme };
+//# sourceMappingURL=chunk-XFCWYN2L.js.map
+//# sourceMappingURL=chunk-XFCWYN2L.js.map