@weasel-js/theme 1.5.2 → 1.6.1

package/dist/{chunk-XFCWYN2L.js → chunk-4EIPTWJA.js}

@@ -1,4 +1,4 @@
-import { themeAxes, fullSelection, selectionKey, resolveTheme, isByAxis } from './chunk-LL2ERJPZ.js';
+import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-C3S4A65R.js';
 
 // src/generated/themes.ts
 var THEMES = {
@@ -20,6 +20,9 @@ var THEMES = {
         "--wzl-accent-soft": "#1d1454",
         "--wzl-accent-base": "#2e1f7a",
         "--wzl-accent-strong": "#5841b8",
+        "--wzl-secondary-soft": "#704e09",
+        "--wzl-secondary-base": "#dc9d15",
+        "--wzl-secondary-strong": "#f1cb8d",
         "--wzl-swatch-fuchsia": "#f641f7",
         "--wzl-swatch-green": "#48e628",
         "--wzl-swatch-sky": "#36bff2",
@@ -53,19 +56,65 @@ var THEMES = {
         "--wzl-border": "#25272c",
         "--wzl-border-strong": "#6f737b",
         "--wzl-accent-fg": "#5841b8",
+        "--wzl-secondary-fg": "#dc9d15",
         "--wzl-fg-inverse": "#0e0f12",
         "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-panel-surface": "#25272c",
+        "--wzl-panel-border-color": "#25272c",
+        "--wzl-panel-border-style": "solid",
+        "--wzl-panel-border-width": "1px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-panel-radius": "14px",
+        "--wzl-panel-pad": "14px 16px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-panel-blur": "3px",
+        "--wzl-panel-tone-mix": "14%",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-weight-light": "200",
+        "--wzl-panel-title-weight": "200",
+        "--wzl-panel-title-size": "14px",
+        "--wzl-panel-title-case": "none",
+        "--wzl-panel-title-tracking": "0.01em",
+        "--wzl-panel-title-color": "#e6e7e9",
+        "--wzl-panel-title-inset": "0",
+        "--wzl-stance-scope-border-width": "0",
+        "--wzl-stance-scope-radius": "8px",
+        "--wzl-stance-scope-tone-mix": "22%",
+        "--wzl-stance-scope-nested-radius": "6px",
+        "--wzl-stance-scope-nested-surface": "#181a1e",
+        "--wzl-stance-aside-surface": "transparent",
+        "--wzl-line-subtle": "rgba(230, 231, 233, 0.1)",
+        "--wzl-stance-aside-border-color": "rgba(230, 231, 233, 0.1)",
+        "--wzl-stance-aside-blur": "0px",
+        "--wzl-stance-aside-title-color": "#6f737b",
+        "--wzl-stance-advanced-title-color": "#6f737b",
+        "--wzl-stance-debug-border-style": "dashed",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-font": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-case": "none",
         "--wzl-danger-base": "#d94a3f",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-stance-danger-tone": "#d94a3f",
+        "--wzl-stance-danger-border-color": "#d94a3f",
+        "--wzl-stance-danger-title-color": "#d94a3f",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-stance-notice-tone": "#2e1f7a",
+        "--wzl-stance-notice-tone-mix": "8%",
+        "--wzl-stance-important-border-color": "#5841b8",
+        "--wzl-stance-important-title-color": "#5841b8",
+        "--wzl-stance-preview-pad": "0",
+        "--wzl-stance-preview-title-size": "8px",
+        "--wzl-stance-preview-title-case": "none",
+        "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--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-secondary": "#dc9d15",
         "--wzl-warning": "#d99a3f",
         "--wzl-success": "#2ec27e",
         "--wzl-focus-ring": "#5841b8",
@@ -74,7 +123,6 @@ var THEMES = {
         "--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",
@@ -91,8 +139,12 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-checker-a": "#25272c",
+        "--wzl-checker-b": "#181a1e",
+        "--wzl-checker-size": "8px",
+        "--wzl-workspace-surface": "#0e0f12",
+        "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-glass-blur": "3px",
         "--wzl-font-size": "11px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
@@ -111,10 +163,7 @@ var THEMES = {
         "--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",
@@ -137,6 +186,9 @@ var THEMES = {
         "--wzl-accent-soft": "#1d1454",
         "--wzl-accent-base": "#2e1f7a",
         "--wzl-accent-strong": "#5841b8",
+        "--wzl-secondary-soft": "#704e09",
+        "--wzl-secondary-base": "#dc9d15",
+        "--wzl-secondary-strong": "#f1cb8d",
         "--wzl-swatch-fuchsia": "#f641f7",
         "--wzl-swatch-green": "#48e628",
         "--wzl-swatch-sky": "#36bff2",
@@ -170,19 +222,65 @@ var THEMES = {
         "--wzl-border": "#25272c",
         "--wzl-border-strong": "#6f737b",
         "--wzl-accent-fg": "#5841b8",
+        "--wzl-secondary-fg": "#dc9d15",
         "--wzl-fg-inverse": "#0e0f12",
         "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-panel-surface": "#25272c",
+        "--wzl-panel-border-color": "#25272c",
+        "--wzl-panel-border-style": "solid",
+        "--wzl-panel-border-width": "1px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-panel-radius": "14px",
+        "--wzl-panel-pad": "14px 16px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-panel-blur": "3px",
+        "--wzl-panel-tone-mix": "14%",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-weight-light": "200",
+        "--wzl-panel-title-weight": "200",
+        "--wzl-panel-title-size": "16px",
+        "--wzl-panel-title-case": "none",
+        "--wzl-panel-title-tracking": "0.01em",
+        "--wzl-panel-title-color": "#e6e7e9",
+        "--wzl-panel-title-inset": "0",
+        "--wzl-stance-scope-border-width": "0",
+        "--wzl-stance-scope-radius": "8px",
+        "--wzl-stance-scope-tone-mix": "22%",
+        "--wzl-stance-scope-nested-radius": "6px",
+        "--wzl-stance-scope-nested-surface": "#181a1e",
+        "--wzl-stance-aside-surface": "transparent",
+        "--wzl-line-subtle": "rgba(230, 231, 233, 0.1)",
+        "--wzl-stance-aside-border-color": "rgba(230, 231, 233, 0.1)",
+        "--wzl-stance-aside-blur": "0px",
+        "--wzl-stance-aside-title-color": "#6f737b",
+        "--wzl-stance-advanced-title-color": "#6f737b",
+        "--wzl-stance-debug-border-style": "dashed",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-font": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-case": "none",
         "--wzl-danger-base": "#d94a3f",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-stance-danger-tone": "#d94a3f",
+        "--wzl-stance-danger-border-color": "#d94a3f",
+        "--wzl-stance-danger-title-color": "#d94a3f",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-stance-notice-tone": "#2e1f7a",
+        "--wzl-stance-notice-tone-mix": "8%",
+        "--wzl-stance-important-border-color": "#5841b8",
+        "--wzl-stance-important-title-color": "#5841b8",
+        "--wzl-stance-preview-pad": "0",
+        "--wzl-stance-preview-title-size": "10px",
+        "--wzl-stance-preview-title-case": "none",
+        "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--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-secondary": "#dc9d15",
         "--wzl-warning": "#d99a3f",
         "--wzl-success": "#2ec27e",
         "--wzl-focus-ring": "#5841b8",
@@ -191,7 +289,6 @@ var THEMES = {
         "--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",
@@ -208,8 +305,12 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-checker-a": "#25272c",
+        "--wzl-checker-b": "#181a1e",
+        "--wzl-checker-size": "8px",
+        "--wzl-workspace-surface": "#0e0f12",
+        "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-glass-blur": "3px",
         "--wzl-font-size": "13px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
@@ -228,10 +329,7 @@ var THEMES = {
         "--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",
@@ -254,6 +352,9 @@ var THEMES = {
         "--wzl-accent-soft": "#1d1454",
         "--wzl-accent-base": "#2e1f7a",
         "--wzl-accent-strong": "#5841b8",
+        "--wzl-secondary-soft": "#704e09",
+        "--wzl-secondary-base": "#dc9d15",
+        "--wzl-secondary-strong": "#f1cb8d",
         "--wzl-swatch-fuchsia": "#f641f7",
         "--wzl-swatch-green": "#48e628",
         "--wzl-swatch-sky": "#36bff2",
@@ -287,19 +388,65 @@ var THEMES = {
         "--wzl-border": "#25272c",
         "--wzl-border-strong": "#6f737b",
         "--wzl-accent-fg": "#5841b8",
+        "--wzl-secondary-fg": "#dc9d15",
         "--wzl-fg-inverse": "#0e0f12",
         "--wzl-shadow": "rgba(0, 0, 0, 0.6)",
+        "--wzl-panel-surface": "#25272c",
+        "--wzl-panel-border-color": "#25272c",
+        "--wzl-panel-border-style": "solid",
+        "--wzl-panel-border-width": "1px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-panel-radius": "14px",
+        "--wzl-panel-pad": "14px 16px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-panel-blur": "3px",
+        "--wzl-panel-tone-mix": "14%",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-weight-light": "200",
+        "--wzl-panel-title-weight": "200",
+        "--wzl-panel-title-size": "18px",
+        "--wzl-panel-title-case": "none",
+        "--wzl-panel-title-tracking": "0.01em",
+        "--wzl-panel-title-color": "#e6e7e9",
+        "--wzl-panel-title-inset": "0",
+        "--wzl-stance-scope-border-width": "0",
+        "--wzl-stance-scope-radius": "8px",
+        "--wzl-stance-scope-tone-mix": "22%",
+        "--wzl-stance-scope-nested-radius": "6px",
+        "--wzl-stance-scope-nested-surface": "#181a1e",
+        "--wzl-stance-aside-surface": "transparent",
+        "--wzl-line-subtle": "rgba(230, 231, 233, 0.1)",
+        "--wzl-stance-aside-border-color": "rgba(230, 231, 233, 0.1)",
+        "--wzl-stance-aside-blur": "0px",
+        "--wzl-stance-aside-title-color": "#6f737b",
+        "--wzl-stance-advanced-title-color": "#6f737b",
+        "--wzl-stance-debug-border-style": "dashed",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-font": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-case": "none",
         "--wzl-danger-base": "#d94a3f",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-stance-danger-tone": "#d94a3f",
+        "--wzl-stance-danger-border-color": "#d94a3f",
+        "--wzl-stance-danger-title-color": "#d94a3f",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-stance-notice-tone": "#2e1f7a",
+        "--wzl-stance-notice-tone-mix": "8%",
+        "--wzl-stance-important-border-color": "#5841b8",
+        "--wzl-stance-important-title-color": "#5841b8",
+        "--wzl-stance-preview-pad": "0",
+        "--wzl-stance-preview-title-size": "12px",
+        "--wzl-stance-preview-title-case": "none",
+        "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--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-secondary": "#dc9d15",
         "--wzl-warning": "#d99a3f",
         "--wzl-success": "#2ec27e",
         "--wzl-focus-ring": "#5841b8",
@@ -308,7 +455,6 @@ var THEMES = {
         "--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",
@@ -325,8 +471,12 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-checker-a": "#25272c",
+        "--wzl-checker-b": "#181a1e",
+        "--wzl-checker-size": "8px",
+        "--wzl-workspace-surface": "#0e0f12",
+        "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-glass-blur": "3px",
         "--wzl-font-size": "15px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
@@ -345,10 +495,7 @@ var THEMES = {
         "--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",
@@ -371,6 +518,9 @@ var THEMES = {
         "--wzl-accent-soft": "#1d1454",
         "--wzl-accent-base": "#2e1f7a",
         "--wzl-accent-strong": "#5841b8",
+        "--wzl-secondary-soft": "#016458",
+        "--wzl-secondary-base": "#3ee1cb",
+        "--wzl-secondary-strong": "#94e3d5",
         "--wzl-swatch-fuchsia": "#f641f7",
         "--wzl-swatch-green": "#48e628",
         "--wzl-swatch-sky": "#36bff2",
@@ -404,19 +554,65 @@ var THEMES = {
         "--wzl-border": "#c9cbcf",
         "--wzl-border-strong": "#4d5058",
         "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-secondary-fg": "#016458",
         "--wzl-fg-inverse": "#f5f5f6",
         "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-panel-surface": "#e6e7e9",
+        "--wzl-panel-border-color": "#c9cbcf",
+        "--wzl-panel-border-style": "solid",
+        "--wzl-panel-border-width": "1px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-panel-radius": "14px",
+        "--wzl-panel-pad": "14px 16px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-panel-blur": "3px",
+        "--wzl-panel-tone-mix": "14%",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-weight-light": "200",
+        "--wzl-panel-title-weight": "200",
+        "--wzl-panel-title-size": "14px",
+        "--wzl-panel-title-case": "none",
+        "--wzl-panel-title-tracking": "0.01em",
+        "--wzl-panel-title-color": "#0e0f12",
+        "--wzl-panel-title-inset": "0",
+        "--wzl-stance-scope-border-width": "0",
+        "--wzl-stance-scope-radius": "8px",
+        "--wzl-stance-scope-tone-mix": "22%",
+        "--wzl-stance-scope-nested-radius": "6px",
+        "--wzl-stance-scope-nested-surface": "#f5f5f6",
+        "--wzl-stance-aside-surface": "transparent",
+        "--wzl-line-subtle": "rgba(14, 15, 18, 0.1)",
+        "--wzl-stance-aside-border-color": "rgba(14, 15, 18, 0.1)",
+        "--wzl-stance-aside-blur": "0px",
+        "--wzl-stance-aside-title-color": "#4d5058",
+        "--wzl-stance-advanced-title-color": "#4d5058",
+        "--wzl-stance-debug-border-style": "dashed",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-font": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-case": "none",
         "--wzl-danger-base": "#d94a3f",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-stance-danger-tone": "#d94a3f",
+        "--wzl-stance-danger-border-color": "#d94a3f",
+        "--wzl-stance-danger-title-color": "#d94a3f",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-stance-notice-tone": "#2e1f7a",
+        "--wzl-stance-notice-tone-mix": "8%",
+        "--wzl-stance-important-border-color": "#2e1f7a",
+        "--wzl-stance-important-title-color": "#2e1f7a",
+        "--wzl-stance-preview-pad": "0",
+        "--wzl-stance-preview-title-size": "8px",
+        "--wzl-stance-preview-title-case": "none",
+        "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--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-secondary": "#3ee1cb",
         "--wzl-warning": "#d99a3f",
         "--wzl-success": "#2ec27e",
         "--wzl-focus-ring": "#5841b8",
@@ -425,7 +621,6 @@ var THEMES = {
         "--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",
@@ -442,8 +637,12 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-checker-a": "#c9cbcf",
+        "--wzl-checker-b": "#f5f5f6",
+        "--wzl-checker-size": "8px",
+        "--wzl-workspace-surface": "#c9cbcf",
+        "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-glass-blur": "3px",
         "--wzl-font-size": "11px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
@@ -462,10 +661,7 @@ var THEMES = {
         "--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",
@@ -488,6 +684,9 @@ var THEMES = {
         "--wzl-accent-soft": "#1d1454",
         "--wzl-accent-base": "#2e1f7a",
         "--wzl-accent-strong": "#5841b8",
+        "--wzl-secondary-soft": "#016458",
+        "--wzl-secondary-base": "#3ee1cb",
+        "--wzl-secondary-strong": "#94e3d5",
         "--wzl-swatch-fuchsia": "#f641f7",
         "--wzl-swatch-green": "#48e628",
         "--wzl-swatch-sky": "#36bff2",
@@ -521,19 +720,65 @@ var THEMES = {
         "--wzl-border": "#c9cbcf",
         "--wzl-border-strong": "#4d5058",
         "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-secondary-fg": "#016458",
         "--wzl-fg-inverse": "#f5f5f6",
         "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-panel-surface": "#e6e7e9",
+        "--wzl-panel-border-color": "#c9cbcf",
+        "--wzl-panel-border-style": "solid",
+        "--wzl-panel-border-width": "1px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-panel-radius": "14px",
+        "--wzl-panel-pad": "14px 16px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-panel-blur": "3px",
+        "--wzl-panel-tone-mix": "14%",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-weight-light": "200",
+        "--wzl-panel-title-weight": "200",
+        "--wzl-panel-title-size": "16px",
+        "--wzl-panel-title-case": "none",
+        "--wzl-panel-title-tracking": "0.01em",
+        "--wzl-panel-title-color": "#0e0f12",
+        "--wzl-panel-title-inset": "0",
+        "--wzl-stance-scope-border-width": "0",
+        "--wzl-stance-scope-radius": "8px",
+        "--wzl-stance-scope-tone-mix": "22%",
+        "--wzl-stance-scope-nested-radius": "6px",
+        "--wzl-stance-scope-nested-surface": "#f5f5f6",
+        "--wzl-stance-aside-surface": "transparent",
+        "--wzl-line-subtle": "rgba(14, 15, 18, 0.1)",
+        "--wzl-stance-aside-border-color": "rgba(14, 15, 18, 0.1)",
+        "--wzl-stance-aside-blur": "0px",
+        "--wzl-stance-aside-title-color": "#4d5058",
+        "--wzl-stance-advanced-title-color": "#4d5058",
+        "--wzl-stance-debug-border-style": "dashed",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-font": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-case": "none",
         "--wzl-danger-base": "#d94a3f",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-stance-danger-tone": "#d94a3f",
+        "--wzl-stance-danger-border-color": "#d94a3f",
+        "--wzl-stance-danger-title-color": "#d94a3f",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-stance-notice-tone": "#2e1f7a",
+        "--wzl-stance-notice-tone-mix": "8%",
+        "--wzl-stance-important-border-color": "#2e1f7a",
+        "--wzl-stance-important-title-color": "#2e1f7a",
+        "--wzl-stance-preview-pad": "0",
+        "--wzl-stance-preview-title-size": "10px",
+        "--wzl-stance-preview-title-case": "none",
+        "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--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-secondary": "#3ee1cb",
         "--wzl-warning": "#d99a3f",
         "--wzl-success": "#2ec27e",
         "--wzl-focus-ring": "#5841b8",
@@ -542,7 +787,6 @@ var THEMES = {
         "--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",
@@ -559,8 +803,12 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-checker-a": "#c9cbcf",
+        "--wzl-checker-b": "#f5f5f6",
+        "--wzl-checker-size": "8px",
+        "--wzl-workspace-surface": "#c9cbcf",
+        "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-glass-blur": "3px",
         "--wzl-font-size": "13px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
@@ -579,10 +827,7 @@ var THEMES = {
         "--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",
@@ -605,6 +850,9 @@ var THEMES = {
         "--wzl-accent-soft": "#1d1454",
         "--wzl-accent-base": "#2e1f7a",
         "--wzl-accent-strong": "#5841b8",
+        "--wzl-secondary-soft": "#016458",
+        "--wzl-secondary-base": "#3ee1cb",
+        "--wzl-secondary-strong": "#94e3d5",
         "--wzl-swatch-fuchsia": "#f641f7",
         "--wzl-swatch-green": "#48e628",
         "--wzl-swatch-sky": "#36bff2",
@@ -638,19 +886,65 @@ var THEMES = {
         "--wzl-border": "#c9cbcf",
         "--wzl-border-strong": "#4d5058",
         "--wzl-accent-fg": "#2e1f7a",
+        "--wzl-secondary-fg": "#016458",
         "--wzl-fg-inverse": "#f5f5f6",
         "--wzl-shadow": "rgba(0, 0, 0, 0.18)",
+        "--wzl-panel-surface": "#e6e7e9",
+        "--wzl-panel-border-color": "#c9cbcf",
+        "--wzl-panel-border-style": "solid",
+        "--wzl-panel-border-width": "1px",
+        "--wzl-radius-lg": "14px",
+        "--wzl-panel-radius": "14px",
+        "--wzl-panel-pad": "14px 16px",
+        "--wzl-glass-blur": "3px",
+        "--wzl-panel-blur": "3px",
+        "--wzl-panel-tone-mix": "14%",
+        "--wzl-font-display": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-panel-title-font": "Oswald, 'Helvetica Neue Condensed', 'Arial Narrow', system-ui, sans-serif",
+        "--wzl-font-weight-light": "200",
+        "--wzl-panel-title-weight": "200",
+        "--wzl-panel-title-size": "18px",
+        "--wzl-panel-title-case": "none",
+        "--wzl-panel-title-tracking": "0.01em",
+        "--wzl-panel-title-color": "#0e0f12",
+        "--wzl-panel-title-inset": "0",
+        "--wzl-stance-scope-border-width": "0",
+        "--wzl-stance-scope-radius": "8px",
+        "--wzl-stance-scope-tone-mix": "22%",
+        "--wzl-stance-scope-nested-radius": "6px",
+        "--wzl-stance-scope-nested-surface": "#f5f5f6",
+        "--wzl-stance-aside-surface": "transparent",
+        "--wzl-line-subtle": "rgba(14, 15, 18, 0.1)",
+        "--wzl-stance-aside-border-color": "rgba(14, 15, 18, 0.1)",
+        "--wzl-stance-aside-blur": "0px",
+        "--wzl-stance-aside-title-color": "#4d5058",
+        "--wzl-stance-advanced-title-color": "#4d5058",
+        "--wzl-stance-debug-border-style": "dashed",
+        "--wzl-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-font": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+        "--wzl-stance-debug-title-case": "none",
         "--wzl-danger-base": "#d94a3f",
+        "--wzl-danger": "#d94a3f",
+        "--wzl-stance-danger-tone": "#d94a3f",
+        "--wzl-stance-danger-border-color": "#d94a3f",
+        "--wzl-stance-danger-title-color": "#d94a3f",
+        "--wzl-accent": "#2e1f7a",
+        "--wzl-stance-notice-tone": "#2e1f7a",
+        "--wzl-stance-notice-tone-mix": "8%",
+        "--wzl-stance-important-border-color": "#2e1f7a",
+        "--wzl-stance-important-title-color": "#2e1f7a",
+        "--wzl-stance-preview-pad": "0",
+        "--wzl-stance-preview-title-size": "12px",
+        "--wzl-stance-preview-title-case": "none",
+        "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--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-secondary": "#3ee1cb",
         "--wzl-warning": "#d99a3f",
         "--wzl-success": "#2ec27e",
         "--wzl-focus-ring": "#5841b8",
@@ -659,7 +953,6 @@ var THEMES = {
         "--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",
@@ -676,8 +969,12 @@ var THEMES = {
         "--wzl-handle-size": "9px",
         "--wzl-handle-size-sm": "7px",
         "--wzl-handle-size-lg": "10px",
+        "--wzl-checker-a": "#c9cbcf",
+        "--wzl-checker-b": "#f5f5f6",
+        "--wzl-checker-size": "8px",
+        "--wzl-workspace-surface": "#c9cbcf",
+        "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-glass-blur": "3px",
         "--wzl-font-size": "15px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
@@ -696,10 +993,7 @@ var THEMES = {
         "--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",
@@ -785,6 +1079,31 @@ var THEME_SOURCES = {
           "base": "#2e1f7a"
         }
       },
+      "secondary": {
+        "kind": "lightness",
+        "steps": [
+          "soft",
+          "base",
+          "strong"
+        ],
+        "lightness": [
+          0.45,
+          0.86
+        ],
+        "curve": 0,
+        "chroma": {
+          "peak": 0.149,
+          "lightBias": 1.5,
+          "darkBias": 1.5
+        },
+        "anchor": {
+          "base": {
+            "by": "mode",
+            "dark": "#dc9d15",
+            "light": "#3ee1cb"
+          }
+        }
+      },
       "swatch": {
         "kind": "categorical",
         "steps": [
@@ -961,6 +1280,16 @@ var THEME_SOURCES = {
           "description": "Flips to the deep base in light mode, where it is the legible one."
         }
       },
+      "secondary-fg": {
+        "ramp": "secondary",
+        "contrast": {
+          "min": 4.5,
+          "against": [
+            "surface"
+          ]
+        },
+        "description": "Secondary accent for foreground use: a second voice beside the accent, such as a value the panel derived rather than one the user set. Picked from the ramp so it clears 4.5:1 on the surface in both modes."
+      },
       "fg-inverse": {
         "by": "mode",
         "dark": {
@@ -987,6 +1316,168 @@ var THEME_SOURCES = {
         }
       }
     },
+    "components": {
+      "panel-surface": {
+        "value": "{surface-raised}",
+        "type": "color",
+        "description": "Fill of a PropertyPanel."
+      },
+      "panel-border-color": {
+        "value": "{border}",
+        "type": "color"
+      },
+      "panel-border-style": {
+        "value": "solid",
+        "type": "string"
+      },
+      "panel-border-width": {
+        "value": "1px",
+        "type": "dimension"
+      },
+      "panel-radius": {
+        "value": "{radius-lg}",
+        "type": "dimension"
+      },
+      "panel-pad": {
+        "value": "14px 16px",
+        "type": "dimension",
+        "description": "A panel\u2019s padding when no density sets one."
+      },
+      "panel-blur": {
+        "value": "{glass-blur}",
+        "type": "dimension"
+      },
+      "panel-tone-mix": {
+        "value": "14%",
+        "type": "number",
+        "description": "How much of a panel\u2019s tone mixes into its surface."
+      },
+      "panel-title-font": {
+        "value": "{font-display}",
+        "type": "fontFamily"
+      },
+      "panel-title-weight": {
+        "value": "{font-weight-light}",
+        "type": "fontWeight"
+      },
+      "panel-title-size": {
+        "value": "{font-size-lg}",
+        "type": "dimension"
+      },
+      "panel-title-case": {
+        "value": "none",
+        "type": "string"
+      },
+      "panel-title-tracking": {
+        "value": "0.01em",
+        "type": "dimension"
+      },
+      "panel-title-color": {
+        "value": "{fg}",
+        "type": "color"
+      },
+      "panel-title-inset": {
+        "value": "0",
+        "type": "dimension"
+      },
+      "stance-scope-border-width": {
+        "value": "0",
+        "type": "dimension"
+      },
+      "stance-scope-radius": {
+        "value": "8px",
+        "type": "dimension"
+      },
+      "stance-scope-tone-mix": {
+        "value": "22%",
+        "type": "number"
+      },
+      "stance-scope-nested-radius": {
+        "value": "6px",
+        "type": "dimension"
+      },
+      "stance-scope-nested-surface": {
+        "value": "{surface}",
+        "type": "color",
+        "description": "A scope panel inside another sits back into it."
+      },
+      "stance-aside-surface": {
+        "value": "transparent",
+        "type": "color"
+      },
+      "stance-aside-border-color": {
+        "value": "{line-subtle}",
+        "type": "color"
+      },
+      "stance-aside-blur": {
+        "value": "0px",
+        "type": "dimension"
+      },
+      "stance-aside-title-color": {
+        "value": "{fg-subtle}",
+        "type": "color"
+      },
+      "stance-advanced-title-color": {
+        "value": "{fg-subtle}",
+        "type": "color"
+      },
+      "stance-debug-border-style": {
+        "value": "dashed",
+        "type": "string"
+      },
+      "stance-debug-title-font": {
+        "value": "{font-mono}",
+        "type": "fontFamily"
+      },
+      "stance-debug-title-case": {
+        "value": "none",
+        "type": "string"
+      },
+      "stance-danger-tone": {
+        "value": "{danger}",
+        "type": "color"
+      },
+      "stance-danger-border-color": {
+        "value": "{danger}",
+        "type": "color"
+      },
+      "stance-danger-title-color": {
+        "value": "{danger}",
+        "type": "color"
+      },
+      "stance-notice-tone": {
+        "value": "{accent}",
+        "type": "color"
+      },
+      "stance-notice-tone-mix": {
+        "value": "8%",
+        "type": "number"
+      },
+      "stance-important-border-color": {
+        "value": "{accent-fg}",
+        "type": "color"
+      },
+      "stance-important-title-color": {
+        "value": "{accent-fg}",
+        "type": "color"
+      },
+      "stance-preview-pad": {
+        "value": "0",
+        "type": "dimension"
+      },
+      "stance-preview-title-size": {
+        "value": "{font-size-xs}",
+        "type": "dimension"
+      },
+      "stance-preview-title-case": {
+        "value": "none",
+        "type": "string"
+      },
+      "stance-preview-title-inset": {
+        "value": "6px 10px 0",
+        "type": "dimension"
+      }
+    },
     "pins": {
       "gray-50": {
         "value": "#f5f5f6",
@@ -1088,6 +1579,11 @@ var THEME_SOURCES = {
         "value": "{accent-strong}",
         "type": "color"
       },
+      "secondary": {
+        "value": "{secondary-base}",
+        "type": "color",
+        "description": "Honey amber in dark mode and teal in light, where a darkened amber reads as brown. A fill; use secondary-fg for text."
+      },
       "danger": {
         "value": "{danger-base}",
         "type": "color"
@@ -1198,17 +1694,17 @@ var THEME_SOURCES = {
         "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."
+          "description": "Height of a horizontal toolbar strip (ButtonBar, 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."
+          "description": "Height of a horizontal toolbar strip (ButtonBar, 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."
+          "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
         }
       },
       "control-h-xs": {
@@ -1318,6 +1814,31 @@ var THEME_SOURCES = {
         "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."
       },
+      "checker-a": {
+        "value": "{border}",
+        "type": "color",
+        "description": "One square of the transparency checker drawn under a paint that is empty, mixed or translucent. Paint it as repeating-conic-gradient(var(--wzl-checker-a) 0% 25%, var(--wzl-checker-b) 0% 50%) 50% / var(--wzl-checker-size) var(--wzl-checker-size)."
+      },
+      "checker-b": {
+        "value": "{surface}",
+        "type": "color",
+        "description": "The other square of the transparency checker."
+      },
+      "checker-size": {
+        "value": "8px",
+        "type": "dimension",
+        "description": "Edge of one repeat of the transparency checker: two squares by two."
+      },
+      "workspace-surface": {
+        "value": "{surface-sunken}",
+        "type": "color",
+        "description": "Ground of a canvas app's workspace \u2014 the area around the document page."
+      },
+      "workspace-line": {
+        "value": "{line-subtle}",
+        "type": "color",
+        "description": "Marks drawn over workspace-surface, such as its diagonal stripes, so the page reads as the thing on top."
+      },
       "field-pad-x": {
         "value": "8px",
         "type": "dimension",
@@ -1502,6 +2023,9 @@ var THEME_SOURCES = {
         "type": "dimension",
         "description": "Alias for space-8. The t-shirt names name every other rung of the ladder."
       }
+    },
+    "tones": {
+      "ramp": "swatch"
     }
   }
 };
@@ -1584,6 +2108,39 @@ var BAKED_THEMES = {
         "type": "color",
         "value": "#5841b8"
       },
+      "secondary-soft": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "#704e09"
+        },
+        "light": {
+          "type": "color",
+          "value": "#016458"
+        }
+      },
+      "secondary-base": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "#dc9d15"
+        },
+        "light": {
+          "type": "color",
+          "value": "#3ee1cb"
+        }
+      },
+      "secondary-strong": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "#f1cb8d"
+        },
+        "light": {
+          "type": "color",
+          "value": "#94e3d5"
+        }
+      },
       "swatch-fuchsia": {
         "type": "color",
         "value": "#f641f7",
@@ -1867,6 +2424,19 @@ var BAKED_THEMES = {
           "description": "Flips to the deep base in light mode, where it is the legible one."
         }
       },
+      "secondary-fg": {
+        "by": "mode",
+        "dark": {
+          "type": "color",
+          "value": "{secondary-base}",
+          "description": "Secondary accent for foreground use: a second voice beside the accent, such as a value the panel derived rather than one the user set. Picked from the ramp so it clears 4.5:1 on the surface in both modes."
+        },
+        "light": {
+          "type": "color",
+          "value": "{secondary-soft}",
+          "description": "Secondary accent for foreground use: a second voice beside the accent, such as a value the panel derived rather than one the user set. Picked from the ramp so it clears 4.5:1 on the surface in both modes."
+        }
+      },
       "fg-inverse": {
         "by": "mode",
         "dark": {
@@ -1892,6 +2462,166 @@ var BAKED_THEMES = {
           "value": "rgba(0, 0, 0, 0.18)"
         }
       },
+      "panel-surface": {
+        "type": "color",
+        "value": "{surface-raised}",
+        "description": "Fill of a PropertyPanel."
+      },
+      "panel-border-color": {
+        "type": "color",
+        "value": "{border}"
+      },
+      "panel-border-style": {
+        "type": "string",
+        "value": "solid"
+      },
+      "panel-border-width": {
+        "type": "dimension",
+        "value": "1px"
+      },
+      "panel-radius": {
+        "type": "dimension",
+        "value": "{radius-lg}"
+      },
+      "panel-pad": {
+        "type": "dimension",
+        "value": "14px 16px",
+        "description": "A panel\u2019s padding when no density sets one."
+      },
+      "panel-blur": {
+        "type": "dimension",
+        "value": "{glass-blur}"
+      },
+      "panel-tone-mix": {
+        "type": "number",
+        "value": "14%",
+        "description": "How much of a panel\u2019s tone mixes into its surface."
+      },
+      "panel-title-font": {
+        "type": "fontFamily",
+        "value": "{font-display}"
+      },
+      "panel-title-weight": {
+        "type": "fontWeight",
+        "value": "{font-weight-light}"
+      },
+      "panel-title-size": {
+        "type": "dimension",
+        "value": "{font-size-lg}"
+      },
+      "panel-title-case": {
+        "type": "string",
+        "value": "none"
+      },
+      "panel-title-tracking": {
+        "type": "dimension",
+        "value": "0.01em"
+      },
+      "panel-title-color": {
+        "type": "color",
+        "value": "{fg}"
+      },
+      "panel-title-inset": {
+        "type": "dimension",
+        "value": "0"
+      },
+      "stance-scope-border-width": {
+        "type": "dimension",
+        "value": "0"
+      },
+      "stance-scope-radius": {
+        "type": "dimension",
+        "value": "8px"
+      },
+      "stance-scope-tone-mix": {
+        "type": "number",
+        "value": "22%"
+      },
+      "stance-scope-nested-radius": {
+        "type": "dimension",
+        "value": "6px"
+      },
+      "stance-scope-nested-surface": {
+        "type": "color",
+        "value": "{surface}",
+        "description": "A scope panel inside another sits back into it."
+      },
+      "stance-aside-surface": {
+        "type": "color",
+        "value": "transparent"
+      },
+      "stance-aside-border-color": {
+        "type": "color",
+        "value": "{line-subtle}"
+      },
+      "stance-aside-blur": {
+        "type": "dimension",
+        "value": "0px"
+      },
+      "stance-aside-title-color": {
+        "type": "color",
+        "value": "{fg-subtle}"
+      },
+      "stance-advanced-title-color": {
+        "type": "color",
+        "value": "{fg-subtle}"
+      },
+      "stance-debug-border-style": {
+        "type": "string",
+        "value": "dashed"
+      },
+      "stance-debug-title-font": {
+        "type": "fontFamily",
+        "value": "{font-mono}"
+      },
+      "stance-debug-title-case": {
+        "type": "string",
+        "value": "none"
+      },
+      "stance-danger-tone": {
+        "type": "color",
+        "value": "{danger}"
+      },
+      "stance-danger-border-color": {
+        "type": "color",
+        "value": "{danger}"
+      },
+      "stance-danger-title-color": {
+        "type": "color",
+        "value": "{danger}"
+      },
+      "stance-notice-tone": {
+        "type": "color",
+        "value": "{accent}"
+      },
+      "stance-notice-tone-mix": {
+        "type": "number",
+        "value": "8%"
+      },
+      "stance-important-border-color": {
+        "type": "color",
+        "value": "{accent-fg}"
+      },
+      "stance-important-title-color": {
+        "type": "color",
+        "value": "{accent-fg}"
+      },
+      "stance-preview-pad": {
+        "type": "dimension",
+        "value": "0"
+      },
+      "stance-preview-title-size": {
+        "type": "dimension",
+        "value": "{font-size-xs}"
+      },
+      "stance-preview-title-case": {
+        "type": "string",
+        "value": "none"
+      },
+      "stance-preview-title-inset": {
+        "type": "dimension",
+        "value": "6px 10px 0"
+      },
       "danger-base": {
         "type": "color",
         "value": "#d94a3f"
@@ -1939,6 +2669,11 @@ var BAKED_THEMES = {
         "type": "color",
         "value": "{accent-strong}"
       },
+      "secondary": {
+        "type": "color",
+        "value": "{secondary-base}",
+        "description": "Honey amber in dark mode and teal in light, where a darkened amber reads as brown. A fill; use secondary-fg for text."
+      },
       "danger": {
         "type": "color",
         "value": "{danger-base}"
@@ -2008,17 +2743,17 @@ var BAKED_THEMES = {
         "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."
+          "description": "Height of a horizontal toolbar strip (ButtonBar, 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."
+          "description": "Height of a horizontal toolbar strip (ButtonBar, 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."
+          "description": "Height of a horizontal toolbar strip (ButtonBar, OptionsBar, ToolOptionsBar). Taller than control-h so the controls inside a strip are not flush with its edges."
         }
       },
       "control-h-xs": {
@@ -2128,6 +2863,31 @@ var BAKED_THEMES = {
         "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."
       },
+      "checker-a": {
+        "type": "color",
+        "value": "{border}",
+        "description": "One square of the transparency checker drawn under a paint that is empty, mixed or translucent. Paint it as repeating-conic-gradient(var(--wzl-checker-a) 0% 25%, var(--wzl-checker-b) 0% 50%) 50% / var(--wzl-checker-size) var(--wzl-checker-size)."
+      },
+      "checker-b": {
+        "type": "color",
+        "value": "{surface}",
+        "description": "The other square of the transparency checker."
+      },
+      "checker-size": {
+        "type": "dimension",
+        "value": "8px",
+        "description": "Edge of one repeat of the transparency checker: two squares by two."
+      },
+      "workspace-surface": {
+        "type": "color",
+        "value": "{surface-sunken}",
+        "description": "Ground of a canvas app's workspace \u2014 the area around the document page."
+      },
+      "workspace-line": {
+        "type": "color",
+        "value": "{line-subtle}",
+        "description": "Marks drawn over workspace-surface, such as its diagonal stripes, so the page reads as the thing on top."
+      },
       "field-pad-x": {
         "type": "dimension",
         "value": "8px",
@@ -2312,6 +3072,45 @@ var BAKED_THEMES = {
         "value": "{space-8}",
         "description": "Alias for space-8. The t-shirt names name every other rung of the ladder."
       }
+    },
+    "ramps": {
+      "gray": [
+        "50",
+        "100",
+        "200",
+        "300",
+        "400",
+        "500",
+        "600",
+        "700",
+        "800",
+        "900"
+      ],
+      "accent": [
+        "soft",
+        "base",
+        "strong"
+      ],
+      "secondary": [
+        "soft",
+        "base",
+        "strong"
+      ],
+      "swatch": [
+        "fuchsia",
+        "green",
+        "sky",
+        "amber",
+        "teal",
+        "red",
+        "blue",
+        "citron",
+        "rose",
+        "violet"
+      ]
+    },
+    "tones": {
+      "ramp": "swatch"
     }
   }
 };
@@ -2331,7 +3130,9 @@ var weaselTheme = {
   name: "weasel",
   extends: null,
   axes: BAKED_THEMES.weasel.axes,
-  tokens: BAKED_THEMES.weasel.tokens
+  tokens: BAKED_THEMES.weasel.tokens,
+  ramps: BAKED_THEMES.weasel.ramps,
+  tones: BAKED_THEMES.weasel.tones
 };
 function defineTheme(input) {
   if (typeof input.extends === "string") {
@@ -2351,7 +3152,8 @@ function defineTheme(input) {
     name: input.name,
     extends: input.extends === void 0 ? weaselTheme : input.extends,
     axes: input.axes ?? {},
-    tokens
+    tokens,
+    ...input.tones !== void 0 ? { tones: input.tones } : {}
   };
 }
 
@@ -2396,6 +3198,58 @@ function applyTheme(el, theme, selection = {}) {
   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
+// src/colorMode.ts
+function isColorModePreference(v) {
+  return v === "auto" || v === "light" || v === "dark";
+}
+
+// src/colorList.ts
+var wrap = (i, n) => (Math.trunc(i) % n + n) % n;
+var generated = /* @__PURE__ */ new Map();
+function generatedColors({ generate: g }) {
+  const key = JSON.stringify([g.count, g.gates ?? {}]);
+  let colors = generated.get(key);
+  if (!colors) {
+    const palette = generate({ ...DEFAULT_CONSTRAINTS, ...g.gates, count: g.count, anchors: [] });
+    colors = palette.swatches.map((s) => s.hex.toLowerCase());
+    generated.set(key, colors);
+  }
+  return colors;
+}
+function rampSteps(theme, ramp) {
+  for (const t of themeChain(theme).reverse()) {
+    const steps = t.ramps?.[ramp];
+    if (steps) return steps;
+  }
+  throw new Error(`Theme "${theme.name}" has no ramp "${ramp}"`);
+}
+function themeTones(theme) {
+  for (const t of themeChain(theme).reverse()) if (t.tones) return t.tones;
+  return { ramp: "swatch" };
+}
+var fallback;
+var defaultContext = () => fallback ??= { theme: weaselTheme, resolved: resolveTheme(weaselTheme) };
+function pickStep(list, i, theme) {
+  const steps = rampSteps(theme, list.ramp);
+  return steps[wrap(i, steps.length)];
+}
+function colorAt(list, i, ctx = defaultContext()) {
+  if (typeof list === "function") return list(i);
+  if ("ramp" in list) return ctx.resolved[`--wzl-${list.ramp}-${pickStep(list, i, ctx.theme)}`];
+  const colors = "generate" in list ? generatedColors(list) : list;
+  if (colors.length === 0) throw new Error("colorAt: empty color list");
+  return colors[wrap(i, colors.length)];
+}
+function colorCssAt(list, i, ctx = defaultContext()) {
+  if (typeof list !== "function" && "ramp" in list) return `var(--wzl-${list.ramp}-${pickStep(list, i, ctx.theme)})`;
+  return colorAt(list, i, ctx);
+}
+function colorCount(list, ctx = defaultContext()) {
+  if (typeof list === "function") return void 0;
+  if ("ramp" in list) return rampSteps(ctx.theme, list.ramp).length;
+  return "generate" in list ? list.generate.count : list.length;
+}
+
+export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme };
+//# sourceMappingURL=chunk-4EIPTWJA.js.map
+//# sourceMappingURL=chunk-4EIPTWJA.js.map