@weasel-js/theme 1.5.2 → 1.6.1

package/dist/tokens.css

@@ -18,6 +18,9 @@
   /* Midnight blue-violet. Deep and saturated; anchors primary actions on light and dark surfaces alike. */
   --wzl-accent-base: #2e1f7a;
   --wzl-accent-strong: #5841b8;
+  --wzl-secondary-soft: #704e09;
+  --wzl-secondary-base: #dc9d15;
+  --wzl-secondary-strong: #f1cb8d;
   /* 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° apart, all ten 32°). Mode-invariant on purpose — 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. */
   --wzl-swatch-fuchsia: #f641f7;
   --wzl-swatch-green: #48e628;
@@ -60,10 +63,55 @@
   --wzl-border-strong: var(--wzl-gray-400);
   /* Accent for foreground use — 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. */
   --wzl-accent-fg: var(--wzl-accent-strong);
+  /* 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. */
+  --wzl-secondary-fg: var(--wzl-secondary-base);
   /* 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. */
   --wzl-fg-inverse: var(--wzl-gray-900);
   /* Elevation. Always darker than any surface — never derived from fg, which is near-white on dark. */
   --wzl-shadow: rgba(0, 0, 0, 0.6);
+  /* Fill of a PropertyPanel. */
+  --wzl-panel-surface: var(--wzl-surface-raised);
+  --wzl-panel-border-color: var(--wzl-border);
+  --wzl-panel-border-style: solid;
+  --wzl-panel-border-width: 1px;
+  --wzl-panel-radius: var(--wzl-radius-lg);
+  /* A panel’s padding when no density sets one. */
+  --wzl-panel-pad: 14px 16px;
+  --wzl-panel-blur: var(--wzl-glass-blur);
+  /* How much of a panel’s tone mixes into its surface. */
+  --wzl-panel-tone-mix: 14%;
+  --wzl-panel-title-font: var(--wzl-font-display);
+  --wzl-panel-title-weight: var(--wzl-font-weight-light);
+  --wzl-panel-title-size: var(--wzl-font-size-lg);
+  --wzl-panel-title-case: none;
+  --wzl-panel-title-tracking: 0.01em;
+  --wzl-panel-title-color: var(--wzl-fg);
+  --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;
+  /* A scope panel inside another sits back into it. */
+  --wzl-stance-scope-nested-surface: var(--wzl-surface);
+  --wzl-stance-aside-surface: transparent;
+  --wzl-stance-aside-border-color: var(--wzl-line-subtle);
+  --wzl-stance-aside-blur: 0px;
+  --wzl-stance-aside-title-color: var(--wzl-fg-subtle);
+  --wzl-stance-advanced-title-color: var(--wzl-fg-subtle);
+  --wzl-stance-debug-border-style: dashed;
+  --wzl-stance-debug-title-font: var(--wzl-font-mono);
+  --wzl-stance-debug-title-case: none;
+  --wzl-stance-danger-tone: var(--wzl-danger);
+  --wzl-stance-danger-border-color: var(--wzl-danger);
+  --wzl-stance-danger-title-color: var(--wzl-danger);
+  --wzl-stance-notice-tone: var(--wzl-accent);
+  --wzl-stance-notice-tone-mix: 8%;
+  --wzl-stance-important-border-color: var(--wzl-accent-fg);
+  --wzl-stance-important-title-color: var(--wzl-accent-fg);
+  --wzl-stance-preview-pad: 0;
+  --wzl-stance-preview-title-size: var(--wzl-font-size-xs);
+  --wzl-stance-preview-title-case: none;
+  --wzl-stance-preview-title-inset: 6px 10px 0;
   --wzl-danger-base: #d94a3f;
   --wzl-warning-base: #d99a3f;
   --wzl-success-base: #2ec27e;
@@ -78,6 +126,8 @@
   --wzl-curve-color: var(--wzl-accent-strong);
   --wzl-accent: var(--wzl-accent-base);
   --wzl-accent-hover: var(--wzl-accent-strong);
+  /* Honey amber in dark mode and teal in light, where a darkened amber reads as brown. A fill; use secondary-fg for text. */
+  --wzl-secondary: var(--wzl-secondary-base);
   --wzl-danger: var(--wzl-danger-base);
   --wzl-warning: var(--wzl-warning-base);
   --wzl-success: var(--wzl-success-base);
@@ -98,7 +148,7 @@
   --wzl-line-width: 2px;
   /* Drawn data curves. Heavier than structural lines so data reads as primary content. */
   --wzl-curve-width: 3px;
-  /* 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. */
+  /* 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. */
   --wzl-tb-height: 28px;
   /* Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm. */
   --wzl-control-h-xs: 18px;
@@ -122,6 +172,16 @@
   --wzl-handle-size-sm: 7px;
   /* A handle that is a category of its own rather than one of a row — a curve's endpoint. Larger so it separates from the handles it sits in line with. */
   --wzl-handle-size-lg: 10px;
+  /* 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). */
+  --wzl-checker-a: var(--wzl-border);
+  /* The other square of the transparency checker. */
+  --wzl-checker-b: var(--wzl-surface);
+  /* Edge of one repeat of the transparency checker: two squares by two. */
+  --wzl-checker-size: 8px;
+  /* Ground of a canvas app's workspace — the area around the document page. */
+  --wzl-workspace-surface: var(--wzl-surface-sunken);
+  /* Marks drawn over workspace-surface, such as its diagonal stripes, so the page reads as the thing on top. */
+  --wzl-workspace-line: var(--wzl-line-subtle);
   /* Horizontal padding inside a boxed field. Pairs with --wzl-field-h, which is a container override and has no :root default. */
   --wzl-field-pad-x: 8px;
   /* Backdrop blur radius for frosted surfaces. Pairs with glass-tint. */
@@ -174,6 +234,9 @@
 [data-wzl-theme='weasel'][data-wzl-mode='dark'],
 [data-wzl-mode='dark'] {
   color-scheme: dark;
+  --wzl-secondary-soft: #704e09;
+  --wzl-secondary-base: #dc9d15;
+  --wzl-secondary-strong: #f1cb8d;
   --wzl-surface: var(--wzl-gray-800);
   --wzl-surface-raised: var(--wzl-gray-700);
   --wzl-surface-sunken: var(--wzl-gray-900);
@@ -185,16 +248,34 @@
   --wzl-accent-fg: var(--wzl-accent-strong);
   --wzl-fg-inverse: var(--wzl-gray-900);
   --wzl-shadow: rgba(0, 0, 0, 0.6);
+  --wzl-secondary-fg: var(--wzl-secondary-base);
+  --wzl-panel-surface: var(--wzl-surface-raised);
+  --wzl-panel-border-color: var(--wzl-border);
+  --wzl-panel-title-color: var(--wzl-fg);
+  --wzl-stance-scope-nested-surface: var(--wzl-surface);
+  --wzl-stance-aside-border-color: var(--wzl-line-subtle);
+  --wzl-stance-aside-title-color: var(--wzl-fg-subtle);
+  --wzl-stance-advanced-title-color: var(--wzl-fg-subtle);
+  --wzl-stance-important-border-color: var(--wzl-accent-fg);
+  --wzl-stance-important-title-color: var(--wzl-accent-fg);
   --wzl-line-subtle: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
   --wzl-line: color-mix(in srgb, var(--wzl-fg) 20%, transparent);
   --wzl-line-strong: color-mix(in srgb, var(--wzl-fg) 40%, transparent);
+  --wzl-secondary: var(--wzl-secondary-base);
   --wzl-surface-hover: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
   --wzl-surface-pressed: color-mix(in srgb, var(--wzl-fg) 18%, transparent);
+  --wzl-checker-a: var(--wzl-border);
+  --wzl-checker-b: var(--wzl-surface);
+  --wzl-workspace-surface: var(--wzl-surface-sunken);
+  --wzl-workspace-line: var(--wzl-line-subtle);
 }
 
 [data-wzl-theme='weasel'][data-wzl-mode='light'],
 [data-wzl-mode='light'] {
   color-scheme: light;
+  --wzl-secondary-soft: #016458;
+  --wzl-secondary-base: #3ee1cb;
+  --wzl-secondary-strong: #94e3d5;
   --wzl-surface: var(--wzl-gray-50);
   --wzl-surface-raised: var(--wzl-gray-100);
   --wzl-surface-sunken: var(--wzl-gray-200);
@@ -206,11 +287,26 @@
   --wzl-accent-fg: var(--wzl-accent-base);
   --wzl-fg-inverse: var(--wzl-gray-50);
   --wzl-shadow: rgba(0, 0, 0, 0.18);
+  --wzl-secondary-fg: var(--wzl-secondary-soft);
+  --wzl-panel-surface: var(--wzl-surface-raised);
+  --wzl-panel-border-color: var(--wzl-border);
+  --wzl-panel-title-color: var(--wzl-fg);
+  --wzl-stance-scope-nested-surface: var(--wzl-surface);
+  --wzl-stance-aside-border-color: var(--wzl-line-subtle);
+  --wzl-stance-aside-title-color: var(--wzl-fg-subtle);
+  --wzl-stance-advanced-title-color: var(--wzl-fg-subtle);
+  --wzl-stance-important-border-color: var(--wzl-accent-fg);
+  --wzl-stance-important-title-color: var(--wzl-accent-fg);
   --wzl-line-subtle: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
   --wzl-line: color-mix(in srgb, var(--wzl-fg) 20%, transparent);
   --wzl-line-strong: color-mix(in srgb, var(--wzl-fg) 40%, transparent);
+  --wzl-secondary: var(--wzl-secondary-base);
   --wzl-surface-hover: color-mix(in srgb, var(--wzl-fg) 10%, transparent);
   --wzl-surface-pressed: color-mix(in srgb, var(--wzl-fg) 18%, transparent);
+  --wzl-checker-a: var(--wzl-border);
+  --wzl-checker-b: var(--wzl-surface);
+  --wzl-workspace-surface: var(--wzl-surface-sunken);
+  --wzl-workspace-line: var(--wzl-line-subtle);
 }
 
 [data-wzl-theme='weasel'][data-wzl-density='compact'],
@@ -226,6 +322,8 @@
   --wzl-control-h-sm: 18px;
   --wzl-control-h: 20px;
   --wzl-icon-button-size: 20px;
+  --wzl-panel-title-size: var(--wzl-font-size-lg);
+  --wzl-stance-preview-title-size: var(--wzl-font-size-xs);
   --wzl-font-size: var(--wzl-font-size-md);
 }
 
@@ -242,6 +340,8 @@
   --wzl-control-h-sm: 20px;
   --wzl-control-h: 24px;
   --wzl-icon-button-size: 22px;
+  --wzl-panel-title-size: var(--wzl-font-size-lg);
+  --wzl-stance-preview-title-size: var(--wzl-font-size-xs);
   --wzl-font-size: var(--wzl-font-size-md);
 }
 
@@ -258,5 +358,7 @@
   --wzl-control-h-sm: 24px;
   --wzl-control-h: 28px;
   --wzl-icon-button-size: 26px;
+  --wzl-panel-title-size: var(--wzl-font-size-lg);
+  --wzl-stance-preview-title-size: var(--wzl-font-size-xs);
   --wzl-font-size: var(--wzl-font-size-md);
 }

package/fonts/README.md

@@ -8,11 +8,11 @@ third-party host at runtime.
 | `oswald-latin-variable.woff2` | `--wzl-font-ui`, `--wzl-font-display` | condensed UI/display face, variable `wght 200–700` |
 | `inter-latin.woff2` | `--wzl-font-body` | body/prose face, weight 400 |
 
-Loading them is opt-in: `import '@weasel-js/theme/fonts.css'`. Skip it and the
-token font stacks fall back to `system-ui`.
+Loading them is opt-in: `import '@weasel-js/theme/fonts.css'`, or
+`faces.css` for the `@font-face` rules without the `:root` font. Skip both and
+the token font stacks fall back to `system-ui`.
 
-**Not opt-in through labkit.** `@weasel-js/labkit` concatenates these
-`@font-face` rules into its one `dist/styles.css` and copies both `.woff2`
+**Not opt-in through labkit.** `@weasel-js/labkit` concatenates `faces.css` into its one `dist/styles.css` and copies both `.woff2`
 files to `dist/fonts/`, so a lab renders in them without importing anything
 here. Renaming or dropping a face changes what a consumer's text looks like
 with no error anywhere.
@@ -32,8 +32,7 @@ python3 -m venv /tmp/fontvenv
 
 Upstream `fonts/variable/Oswald[wght].ttf` from
 https://github.com/googlefonts/OswaldFont, subset to the Google Fonts `latin`
-range plus the three combining marks labkit's `@font-face` declares
-(`U+0304`, `U+0308`, `U+0329`):
+range plus three combining marks (`U+0304`, `U+0308`, `U+0329`):
 
 ```sh
 /tmp/fontvenv/bin/pyftsubset "Oswald[wght].ttf" \

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/theme",
-  "version": "1.5.2",
+  "version": "1.6.1",
   "description": "Design tokens shared by weasel-ui and weasel-hud — CSS variables + a parallel TS export.",
   "license": "MIT",
   "type": "module",
@@ -25,10 +25,11 @@
     },
     "./tokens.css": "./dist/tokens.css",
     "./fonts.css": "./dist/fonts.css",
+    "./faces.css": "./dist/faces.css",
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/paint": "1.5.2"
+    "@weasel-js/paint": "1.6.1"
   },
   "peerDependencies": {
     "react": ">=18"
@@ -60,7 +61,7 @@
   ],
   "scripts": {
     "gen:tokens": "tsx scripts/build-tokens.ts",
-    "build": "npm run gen:tokens && tsup && cp src/generated/tokens.css dist/tokens.css && cp src/fonts.css dist/fonts.css"
+    "build": "npm run gen:tokens && tsup && cp src/generated/tokens.css dist/tokens.css && cp src/fonts.css src/faces.css dist/"
   },
   "publishConfig": {
     "access": "public",

package/dist/chunk-LL2ERJPZ.js

@@ -1,175 +0,0 @@
-// src/axes.ts
-function isByAxis(v) {
-  return typeof v === "object" && v !== null && !Array.isArray(v) && typeof v.by === "string";
-}
-function fullSelection(axes, selection = {}) {
-  const out = {};
-  for (const [name, def] of Object.entries(axes)) {
-    const v = selection[name];
-    out[name] = v !== void 0 && v in def.values ? v : def.default;
-  }
-  return out;
-}
-function mergeAxes(parent, child) {
-  const out = { ...parent };
-  for (const [name, def] of Object.entries(child)) {
-    out[name] = { ...def, values: { ...parent[name]?.values, ...def.values } };
-  }
-  return out;
-}
-function enumerateSelections(axes) {
-  let out = [{}];
-  for (const [name, def] of Object.entries(axes)) {
-    out = out.flatMap((s) => Object.keys(def.values).map((v) => ({ ...s, [name]: v })));
-  }
-  return out;
-}
-function selectionKey(axes, selection) {
-  const full = fullSelection(axes, selection);
-  return Object.keys(axes).map((a) => `${a}=${full[a]}`).join(",");
-}
-function pick(v, selection) {
-  let cur = v;
-  while (isByAxis(cur)) {
-    const axis = cur.by;
-    const value = selection[axis];
-    if (value === void 0 || value === "by" || !(value in cur)) return { ok: false, axis, value: value ?? "" };
-    cur = cur[value];
-  }
-  return { ok: true, value: cur };
-}
-function pickAll(record, selection) {
-  const out = {};
-  for (const [name, v] of Object.entries(record)) {
-    const picked = pick(v, selection);
-    if (picked.ok) out[name] = picked.value;
-  }
-  return out;
-}
-
-// src/dtcg/value.ts
-function fontStack(value) {
-  return value.map((f) => typeof f === "string" && /\s/.test(f) ? `'${f}'` : String(f)).join(", ");
-}
-function serializeTokenValue(type, value) {
-  if (Array.isArray(value)) {
-    if (type === "cubicBezier") return `cubic-bezier(${value.join(", ")})`;
-    if (type === "fontFamily") return fontStack(value);
-    return value.join(", ");
-  }
-  return String(value);
-}
-var BEZIER = /^cubic-bezier\(\s*([^)]*)\)$/i;
-function parseTokenValue(type, text) {
-  const raw = text.trim();
-  if (type === "cubicBezier") {
-    const inner = BEZIER.exec(raw)?.[1] ?? raw;
-    const parts = inner.split(",").map((p) => Number(p.trim()));
-    return parts.length === 4 && parts.every((n) => Number.isFinite(n)) ? parts : raw;
-  }
-  if (type === "fontFamily") {
-    const families = raw.split(",").map((f) => f.trim().replace(/^['"]|['"]$/g, "").trim()).filter((f) => f !== "");
-    return families.length > 0 ? families : raw;
-  }
-  return raw;
-}
-
-// src/dtcg/color.ts
-function withAlpha(color, alpha) {
-  const rgba = parseRgba(color.trim());
-  if (!rgba) return `color-mix(in srgb, ${color.trim()} ${round(alpha * 100, 4)}%, transparent)`;
-  const [r, g, b, a] = rgba;
-  return `rgba(${r}, ${g}, ${b}, ${round(a * alpha, 3)})`;
-}
-function round(n, places) {
-  return Number(n.toFixed(places));
-}
-function parseRgba(s) {
-  if (s.toLowerCase() === "transparent") return [0, 0, 0, 0];
-  return parseHex(s) ?? parseRgbFn(s);
-}
-function parseHex(s) {
-  const m = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(s);
-  if (!m) return null;
-  const body = m[1];
-  const full = body.length <= 4 ? body.replace(/./g, (c) => c + c) : body;
-  const byte = (i) => Number.parseInt(full.slice(i, i + 2), 16);
-  return [byte(0), byte(2), byte(4), full.length === 8 ? byte(6) / 255 : 1];
-}
-function parseRgbFn(s) {
-  const m = /^rgba?\(([^()]*)\)$/i.exec(s);
-  if (!m) return null;
-  const [channels, alphaPart, extra] = m[1].split("/");
-  if (extra !== void 0) return null;
-  const parts = channels.trim().split(/\s*,\s*|\s+/);
-  if (alphaPart !== void 0) parts.push(alphaPart.trim());
-  if (parts.length !== 3 && parts.length !== 4) return null;
-  const channel = (p) => p.endsWith("%") ? Number.parseFloat(p) / 100 * 255 : Number(p);
-  const alpha = (p) => p.endsWith("%") ? Number.parseFloat(p) / 100 : Number(p);
-  const [r, g, b] = parts.slice(0, 3).map(channel);
-  const a = parts[3] === void 0 ? 1 : alpha(parts[3]);
-  if (![r, g, b, a].every(Number.isFinite)) return null;
-  return [Math.round(r), Math.round(g), Math.round(b), a];
-}
-
-// src/dtcg/resolve.ts
-var REF = /^\{([^}]+)\}$/;
-function refTarget(value) {
-  if (typeof value !== "string") return null;
-  const m = REF.exec(value.trim());
-  if (!m) return null;
-  const path = m[1];
-  const dot = path.indexOf(".");
-  return dot === -1 ? path : path.slice(dot + 1);
-}
-function resolveTokens(tokens) {
-  const out = {};
-  const inProgress = /* @__PURE__ */ new Set();
-  const resolveOne = (name) => {
-    const cached = out[name];
-    if (cached !== void 0) return cached;
-    const token = tokens[name];
-    if (!token) throw new Error(`Unknown token "${name}"`);
-    if (inProgress.has(name)) {
-      throw new Error(`Reference cycle at token "${name}" (${[...inProgress].join(" \u2192 ")})`);
-    }
-    inProgress.add(name);
-    const target = refTarget(token.value);
-    let value;
-    if (target === null) {
-      value = serializeTokenValue(token.type, token.value);
-    } else if (!tokens[target]) {
-      throw new Error(`Token "${name}" references "${target}", which is not defined`);
-    } else {
-      value = resolveOne(target);
-    }
-    if (token.alpha !== void 0) value = withAlpha(value, token.alpha);
-    inProgress.delete(name);
-    out[name] = value;
-    return value;
-  };
-  for (const name of Object.keys(tokens)) resolveOne(name);
-  return out;
-}
-
-// src/resolveTheme.ts
-function themeChain(theme) {
-  const out = [];
-  for (let t = theme; t; t = t.extends) out.unshift(t);
-  return out;
-}
-function themeAxes(theme) {
-  return themeChain(theme).reduce((axes, t) => mergeAxes(axes, t.axes), {});
-}
-function resolveTheme(theme, selection = {}) {
-  const sel = fullSelection(themeAxes(theme), selection);
-  let merged = {};
-  for (const t of themeChain(theme)) merged = { ...merged, ...pickAll(t.tokens, sel) };
-  const out = {};
-  for (const [name, value] of Object.entries(resolveTokens(merged))) out[`--wzl-${name}`] = value;
-  return out;
-}
-
-export { enumerateSelections, fullSelection, isByAxis, mergeAxes, parseTokenValue, pick, pickAll, resolveTheme, resolveTokens, selectionKey, serializeTokenValue, themeAxes };
-//# sourceMappingURL=chunk-LL2ERJPZ.js.map
-//# sourceMappingURL=chunk-LL2ERJPZ.js.map

package/dist/chunk-LL2ERJPZ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/axes.ts","../src/dtcg/value.ts","../src/dtcg/color.ts","../src/dtcg/resolve.ts","../src/resolveTheme.ts"],"names":[],"mappings":"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","file":"chunk-LL2ERJPZ.js","sourcesContent":["/** One value of an axis. `scheme` becomes `color-scheme` in that value's CSS blocks. */\nexport interface AxisValue {\n  readonly scheme?: 'dark' | 'light';\n}\n\nexport interface AxisDef {\n  readonly default: string;\n  readonly values: Readonly<Record<string, AxisValue>>;\n}\n\n/** Key order is declaration order, which selectors and selection keys follow. */\nexport type AxisDefs = Readonly<Record<string, AxisDef>>;\n\n/** A partial choice of axis values, e.g. `{ mode: 'light' }`. */\nexport type Selection = Readonly<Record<string, string>>;\n\n/** `{ by: 'mode', dark: …, light: … }`: a value that differs per axis value. */\nexport interface ByAxis<T> {\n  readonly by: string;\n  readonly [axisValue: string]: Varying<T> | string;\n}\n\nexport type Varying<T> = T | ByAxis<T>;\n\nexport type Picked<T> = { ok: true; value: T } | { ok: false; axis: string; value: string };\n\nexport function isByAxis(v: unknown): v is ByAxis<unknown> {\n  return typeof v === 'object' && v !== null && !Array.isArray(v) && typeof (v as { by?: unknown }).by === 'string';\n}\n\n/** Every axis given a known value; anything missing or unknown takes its default. */\nexport function fullSelection(axes: AxisDefs, selection: Selection = {}): Selection {\n  const out: Record<string, string> = {};\n  for (const [name, def] of Object.entries(axes)) {\n    const v = selection[name];\n    out[name] = v !== undefined && v in def.values ? v : def.default;\n  }\n  return out;\n}\n\n/** A child's axes over its parent's: an axis both declare keeps both sets of values, the child's entries and default winning. */\nexport function mergeAxes(parent: AxisDefs, child: AxisDefs): AxisDefs {\n  const out: Record<string, AxisDef> = { ...parent };\n  for (const [name, def] of Object.entries(child)) {\n    out[name] = { ...def, values: { ...parent[name]?.values, ...def.values } };\n  }\n  return out;\n}\n\nexport function enumerateSelections(axes: AxisDefs): Selection[] {\n  let out: Record<string, string>[] = [{}];\n  for (const [name, def] of Object.entries(axes)) {\n    out = out.flatMap((s) => Object.keys(def.values).map((v) => ({ ...s, [name]: v })));\n  }\n  return out;\n}\n\n/** `mode=dark,density=compact`, axes in declaration order. */\nexport function selectionKey(axes: AxisDefs, selection: Selection): string {\n  const full = fullSelection(axes, selection);\n  return Object.keys(axes).map((a) => `${a}=${full[a]}`).join(',');\n}\n\nexport function pick<T>(v: Varying<T>, selection: Selection): Picked<T> {\n  let cur: unknown = v;\n  while (isByAxis(cur)) {\n    const axis = cur.by;\n    const value = selection[axis];\n    if (value === undefined || value === 'by' || !(value in cur)) return { ok: false, axis, value: value ?? '' };\n    cur = cur[value];\n  }\n  return { ok: true, value: cur as T };\n}\n\n/** Every entry of a varying record that has a value for this selection, in record order. */\nexport function pickAll<T>(record: Readonly<Record<string, Varying<T>>>, selection: Selection): Record<string, T> {\n  const out: Record<string, T> = {};\n  for (const [name, v] of Object.entries(record)) {\n    const picked = pick(v, selection);\n    if (picked.ok) out[name] = picked.value;\n  }\n  return out;\n}\n","import type { TokenValue } from './types';\n\n/**\n * Quote family names containing whitespace; leave everything else bare.\n * Generic keywords (`sans-serif`) and hyphen-prefixed identifiers\n * (`-apple-system`) break if quoted, and neither contains a space.\n */\nfunction fontStack(value: readonly (string | number)[]): string {\n  return value.map((f) => (typeof f === 'string' && /\\s/.test(f) ? `'${f}'` : String(f))).join(', ');\n}\n\n/**\n * A token's value as CSS renders it. A DTCG value is not always a string: a\n * `fontFamily` is a list of names and a `cubicBezier` is four numbers, and both\n * have a spelling that belongs in a stylesheet rather than in JSON.\n */\nexport function serializeTokenValue(type: string, value: TokenValue): string {\n  if (Array.isArray(value)) {\n    if (type === 'cubicBezier') return `cubic-bezier(${value.join(', ')})`;\n    if (type === 'fontFamily') return fontStack(value);\n    return value.join(', ');\n  }\n  return String(value);\n}\n\nconst BEZIER = /^cubic-bezier\\(\\s*([^)]*)\\)$/i;\n\n/**\n * The inverse of {@link serializeTokenValue}: text a person edited, back in the\n * shape a definition stores. Text that does not parse for its type is kept as\n * text rather than thrown away, so a half-typed value stays editable.\n */\nexport function parseTokenValue(type: string, text: string): TokenValue {\n  const raw = text.trim();\n  if (type === 'cubicBezier') {\n    const inner = BEZIER.exec(raw)?.[1] ?? raw;\n    const parts = inner.split(',').map((p) => Number(p.trim()));\n    return parts.length === 4 && parts.every((n) => Number.isFinite(n)) ? parts : raw;\n  }\n  if (type === 'fontFamily') {\n    const families = raw\n      .split(',')\n      .map((f) => f.trim().replace(/^['\"]|['\"]$/g, '').trim())\n      .filter((f) => f !== '');\n    return families.length > 0 ? families : raw;\n  }\n  return raw;\n}\n","/**\n * A resolved color at `alpha`, multiplied into any alpha it already carries. The\n * JS side of the alpha extension; the CSS side emits `color-mix()` instead so DOM\n * chrome keeps tracking a downstream override of the referenced token.\n *\n * Hex and `rgb()`/`rgba()` become an `rgba()` literal. Anything else — a named\n * color, `hsl()`, `oklch()`, a `var()` — becomes the same `color-mix()` the CSS\n * side writes, which the browser resolves.\n */\nexport function withAlpha(color: string, alpha: number): string {\n  const rgba = parseRgba(color.trim());\n  if (!rgba) return `color-mix(in srgb, ${color.trim()} ${round(alpha * 100, 4)}%, transparent)`;\n  const [r, g, b, a] = rgba;\n  return `rgba(${r}, ${g}, ${b}, ${round(a * alpha, 3)})`;\n}\n\ntype Rgba = [number, number, number, number];\n\nfunction round(n: number, places: number): number {\n  return Number(n.toFixed(places));\n}\n\nfunction parseRgba(s: string): Rgba | null {\n  if (s.toLowerCase() === 'transparent') return [0, 0, 0, 0];\n  return parseHex(s) ?? parseRgbFn(s);\n}\n\nfunction parseHex(s: string): Rgba | null {\n  const m = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i.exec(s);\n  if (!m) return null;\n  const body = m[1];\n  const full = body.length <= 4 ? body.replace(/./g, (c) => c + c) : body;\n  const byte = (i: number) => Number.parseInt(full.slice(i, i + 2), 16);\n  return [byte(0), byte(2), byte(4), full.length === 8 ? byte(6) / 255 : 1];\n}\n\nfunction parseRgbFn(s: string): Rgba | null {\n  const m = /^rgba?\\(([^()]*)\\)$/i.exec(s);\n  if (!m) return null;\n  const [channels, alphaPart, extra] = m[1].split('/');\n  if (extra !== undefined) return null;\n  const parts = channels.trim().split(/\\s*,\\s*|\\s+/);\n  if (alphaPart !== undefined) parts.push(alphaPart.trim());\n  if (parts.length !== 3 && parts.length !== 4) return null;\n\n  const channel = (p: string) => (p.endsWith('%') ? (Number.parseFloat(p) / 100) * 255 : Number(p));\n  const alpha = (p: string) => (p.endsWith('%') ? Number.parseFloat(p) / 100 : Number(p));\n  const [r, g, b] = parts.slice(0, 3).map(channel);\n  const a = parts[3] === undefined ? 1 : alpha(parts[3]);\n  if (![r, g, b, a].every(Number.isFinite)) return null;\n  return [Math.round(r), Math.round(g), Math.round(b), a];\n}\n","import { withAlpha } from './color';\nimport type { FlatTokens, ResolvedTokenMap, TokenValue } from './types';\nimport { serializeTokenValue } from './value';\n\n/** `{color.gray-100}` → `gray-100`. The type group is dropped, per the naming rule. */\nconst REF = /^\\{([^}]+)\\}$/;\n\nfunction refTarget(value: TokenValue): string | null {\n  if (typeof value !== 'string') return null;\n  const m = REF.exec(value.trim());\n  if (!m) return null;\n  const path = m[1];\n  const dot = path.indexOf('.');\n  return dot === -1 ? path : path.slice(dot + 1);\n}\n\n/**\n * Resolve flat tokens to final CSS-ready strings.\n *\n * Merge modes before calling: this function has no notion of modes, only of a\n * complete token set.\n */\nexport function resolveTokens(tokens: FlatTokens): ResolvedTokenMap {\n  const out: ResolvedTokenMap = {};\n  const inProgress = new Set<string>();\n\n  const resolveOne = (name: string): string => {\n    const cached = out[name];\n    if (cached !== undefined) return cached;\n\n    const token = tokens[name];\n    if (!token) throw new Error(`Unknown token \"${name}\"`);\n\n    if (inProgress.has(name)) {\n      throw new Error(`Reference cycle at token \"${name}\" (${[...inProgress].join(' → ')})`);\n    }\n    inProgress.add(name);\n\n    const target = refTarget(token.value);\n    let value: string;\n    if (target === null) {\n      value = serializeTokenValue(token.type, token.value);\n    } else if (!tokens[target]) {\n      throw new Error(`Token \"${name}\" references \"${target}\", which is not defined`);\n    } else {\n      value = resolveOne(target);\n    }\n\n    if (token.alpha !== undefined) value = withAlpha(value, token.alpha);\n\n    inProgress.delete(name);\n    out[name] = value;\n    return value;\n  };\n\n  for (const name of Object.keys(tokens)) resolveOne(name);\n  return out;\n}\n\n/** Merge a mode's tokens over the mode-invariant set. Later wins. */\nexport function mergeTokens(base: FlatTokens, mode: FlatTokens): FlatTokens {\n  return { ...base, ...mode };\n}\n","import { fullSelection, mergeAxes, pickAll, type AxisDefs, type Selection } from './axes';\nimport { resolveTokens } from './dtcg/resolve';\nimport type { FlatTokens } from './dtcg/types';\nimport type { TokenName } from './generated/themes';\nimport type { Theme } from './theme';\n\n/** The output of `resolveTheme`: every token of a theme, for one selection, keyed\n *  by CSS custom-property name and flattened to a final CSS value. */\nexport type ResolvedTheme = Readonly<Record<TokenName, string>>;\n\n/** Root-first, so the leaf theme's tokens land last. */\nexport function themeChain(theme: Theme): Theme[] {\n  const out: Theme[] = [];\n  for (let t: Theme | null = theme; t; t = t.extends) out.unshift(t);\n  return out;\n}\n\n/** Every axis the chain declares. An axis declared more than once keeps every value; a descendant's value entries and default win. */\nexport function themeAxes(theme: Theme): AxisDefs {\n  return themeChain(theme).reduce<AxisDefs>((axes, t) => mergeAxes(axes, t.axes), {});\n}\n\n/**\n * Merge the extends chain at a selection, resolve every alias, and key the\n * result by CSS custom-property name. A missing or unknown axis value takes the\n * axis default.\n *\n * Pure — no DOM. An unresolvable reference throws rather than falling back.\n */\nexport function resolveTheme(theme: Theme, selection: Selection = {}): ResolvedTheme {\n  const sel = fullSelection(themeAxes(theme), selection);\n  let merged: FlatTokens = {};\n  for (const t of themeChain(theme)) merged = { ...merged, ...pickAll(t.tokens, sel) };\n  const out: Record<string, string> = {};\n  for (const [name, value] of Object.entries(resolveTokens(merged))) out[`--wzl-${name}`] = value;\n  return out as ResolvedTheme;\n}\n"]}

package/dist/chunk-PJMTWM34.js

@@ -1,6 +0,0 @@
-// src/dtcg/types.ts
-var ALPHA_EXT = "com.weasel.alpha";
-
-export { ALPHA_EXT };
-//# sourceMappingURL=chunk-PJMTWM34.js.map
-//# sourceMappingURL=chunk-PJMTWM34.js.map

package/dist/chunk-PJMTWM34.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/dtcg/types.ts"],"names":[],"mappings":";AACO,IAAM,SAAA,GAAY","file":"chunk-PJMTWM34.js","sourcesContent":["/** The one `$extensions` key this kit defines. */\nexport const ALPHA_EXT = 'com.weasel.alpha';\n\nexport type TokenValue = string | number | readonly (string | number)[];\n\n/**\n * A single design token as authored, before aliases are resolved: a DTCG-shaped\n * `{ type, value }` pair where `value` may still be a `{ref}` to another token.\n */\nexport interface RawToken {\n  readonly type: string;\n  readonly value: TokenValue;\n  /** Render the referenced color at this alpha, 0–1. */\n  readonly alpha?: number | undefined;\n  readonly description?: string | undefined;\n}\n\n/** A token graph flattened to one level, keyed by token name (no `--wzl-`\n *  prefix). Still unresolved — see `ResolvedTokenMap` for the output side. */\nexport type FlatTokens = Record<string, RawToken>;\n\n/** A resolved theme: every token name mapped to its final CSS-ready string.\n *  Named ...Map, not ...Tokens, to stay distinct from hud's public `ResolvedTokens`. */\nexport type ResolvedTokenMap = Record<string, string>;\n"]}