@weasel-js/theme 1.13.0 → 1.14.1

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { o as ColorList, p as ColorSourceContext, q as TokenName, r as ResolvedTheme, a as Theme, S as Selection, s as TokenValue } from './definition-wsEi-XBr.js';
-export { t as AxisDef, A as AxisDefs, u as AxisValue, v as BAKED_THEMES, B as BakedTheme, w as ByAxis, x as ColorContext, y as ColorListItem, F as FlatTokens, G as GeneratedColors, z as GeneratedTheme, P as PinObject, e as PinValue, D as RampColors, R as RawToken, E as SerializableColorList, H as THEMES, I as THEME_SOURCES, T as ThemeDefinition, J as ThemeInput, V as Varying, K as colorCount, M as defineTheme, Q as enumerateSelections, U as fullSelection, W as isByAxis, X as rampSteps, Y as resolveTheme, Z as selectionKey, _ as themeAxes, $ as themeTints, a0 as weaselTheme } from './definition-wsEi-XBr.js';
+import { o as ColorList, p as ColorSourceContext, q as TokenName, r as ResolvedTheme, a as Theme, S as Selection, s as TokenValue } from './definition-nZbgRG7A.js';
+export { t as AxisDef, A as AxisDefs, u as AxisValue, v as BAKED_THEMES, B as BakedTheme, w as ByAxis, x as ColorContext, y as ColorListItem, F as FlatTokens, G as GeneratedColors, z as GeneratedTheme, P as PinObject, e as PinValue, D as RampColors, R as RawToken, E as SerializableColorList, H as THEMES, I as THEME_SOURCES, T as ThemeDefinition, J as ThemeInput, V as Varying, K as colorCount, M as defineTheme, Q as enumerateSelections, U as fullSelection, W as isByAxis, X as rampSteps, Y as resolveTheme, Z as selectionKey, _ as themeAxes, $ as themeTints, a0 as weaselTheme } from './definition-nZbgRG7A.js';
 export { C as ColorMode, a as ColorModePreference, i as isColorModePreference } from './colorMode-CoklZomJ.js';
 import { ColorSource, ColorLiteral } from '@weasel-js/paint';
 

package/dist/index.js

@@ -1,13 +1,13 @@
-export { TINT_REF, applyTheme, blendTheme, colorAt, colorCount, colorCssAt, colorSourceCss, colorSourceLiteral, isColorModePreference, rampSteps, resolveCurrentColor, themeTints } from './chunk-R7OXPHZJ.js';
+export { TINT_REF, applyTheme, blendTheme, colorAt, colorCount, colorCssAt, colorSourceCss, colorSourceLiteral, isColorModePreference, rampSteps, resolveCurrentColor, themeTints } from './chunk-PYRAKINY.js';
 import { AXES_EXT, overrideKey, ALPHA_EXT } from './chunk-Z675UQ26.js';
 import './chunk-S7MJPFDP.js';
-import { TOKEN_MANIFEST } from './chunk-AAQSJSVD.js';
-export { TOKEN_MANIFEST } from './chunk-AAQSJSVD.js';
+import { TOKEN_MANIFEST } from './chunk-F5ODXRE3.js';
+export { TOKEN_MANIFEST } from './chunk-F5ODXRE3.js';
 import { readCssNumber } from './chunk-M3R5MV7Q.js';
 import { themeAxes } from './chunk-32JKTYS2.js';
 export { parseTokenValue, resolveTheme, serializeTokenValue, themeAxes } from './chunk-32JKTYS2.js';
-import { weaselTheme } from './chunk-R2SSGWGZ.js';
-export { BAKED_THEMES, THEMES, THEME_SOURCES, defineTheme, weaselTheme } from './chunk-R2SSGWGZ.js';
+import { weaselTheme } from './chunk-NCAQ54LO.js';
+export { BAKED_THEMES, THEMES, THEME_SOURCES, defineTheme, weaselTheme } from './chunk-NCAQ54LO.js';
 import { mergeAxes } from './chunk-P5F3GZV6.js';
 export { enumerateSelections, fullSelection, isByAxis, selectionKey } from './chunk-P5F3GZV6.js';
 import { isPlainObject } from '@weasel-js/registry';

package/dist/prefs.d.ts

@@ -1,5 +1,5 @@
 import { PrefGroup, PrefLocus } from '@weasel-js/prefs';
-import { a as Theme, V as Varying, e as PinValue, S as Selection } from './definition-wsEi-XBr.js';
+import { a as Theme, V as Varying, e as PinValue, S as Selection } from './definition-nZbgRG7A.js';
 import '@weasel-js/paint';
 
 /** The key of the group a theme's axes are chosen in: `axis.mode` is the leaf holding the mode. */
@@ -13,7 +13,8 @@ declare const themeTokenOf: (path: string) => string;
 /**
  * `theme` as a preferences schema. Under `axis`, an `enum` for each of the
  * theme's axes, set to its default. Then a page for each token group, holding
- * a leaf for every token the theme resolves and every override hook: a
+ * a leaf for every token the theme resolves and every override hook, named
+ * without its group's prefix: a
  * `color`, a `number` in the token's unit, or a `string` of CSS text for what
  * neither holds. A leaf is at `<group>.<token>`, the token named without
  * `--wzl-`, and may be split by every axis.
@@ -23,6 +24,19 @@ declare const themeTokenOf: (path: string) => string;
  * theme as it is. {@link themeFromPrefs} turns what was written into a theme.
  */
 declare function themePrefsSchema(theme?: Theme): PrefGroup;
+/** What a token's CSS refers to, as {@link themePrefsReferences} reads it. */
+interface ThemePrefsReference {
+    /** The custom property referred to, `--` and all. */
+    readonly property: string;
+    /** The path of the leaf that edits it, where it is one of the schema's tokens. */
+    readonly path?: string;
+}
+/**
+ * Reads a token's CSS as a reference to another custom property where the whole of it is one `var()` with no
+ * fallback, and finds the leaf of `schema` that edits that property. Anything else, a `calc()` or a shadow that
+ * holds a `var()` among other text included, reads as no reference.
+ */
+declare function themePrefsReferences(schema: PrefGroup): (css: unknown) => ThemePrefsReference | undefined;
 
 /** What the bridge reads of a store over a {@link themePrefsSchema}: any `PrefsStore` is one. */
 interface ThemePrefsSource {
@@ -59,4 +73,4 @@ declare function themePrefsValues(store: ThemePrefsValuesSource, base: Theme): {
     loci: ReadonlyMap<string, PrefLocus>;
 };
 
-export { THEME_PREFS_AXIS, type ThemePrefsSource, type ThemePrefsValuesSource, themeAxisOf, themeAxisPath, themeFromPrefs, themePrefsPins, themePrefsSchema, themePrefsSelection, themePrefsValues, themeTokenOf };
+export { THEME_PREFS_AXIS, type ThemePrefsReference, type ThemePrefsSource, type ThemePrefsValuesSource, themeAxisOf, themeAxisPath, themeFromPrefs, themePrefsPins, themePrefsReferences, themePrefsSchema, themePrefsSelection, themePrefsValues, themeTokenOf };

package/dist/prefs.js

@@ -1,7 +1,7 @@
-import { TOKEN_MANIFEST } from './chunk-AAQSJSVD.js';
+import { TOKEN_MANIFEST } from './chunk-F5ODXRE3.js';
 import { readCssNumber } from './chunk-M3R5MV7Q.js';
 import { themeAxes, resolveTheme, themeChain } from './chunk-32JKTYS2.js';
-import { weaselTheme, defineTheme } from './chunk-R2SSGWGZ.js';
+import { weaselTheme, defineTheme } from './chunk-NCAQ54LO.js';
 import { selectionKey, enumerateSelections, isByAxis } from './chunk-P5F3GZV6.js';
 import { prefLeaves, isPrefLocus } from '@weasel-js/prefs';
 import { rgbaToHex, parseColor } from '@weasel-js/paint';
@@ -110,8 +110,17 @@ var themeTokenOf = (path) => path.slice(path.indexOf(".") + 1);
 var labeled = (text) => text === "" ? text : text[0].toUpperCase() + text.slice(1);
 var groupKey = (group) => group === THEME_PREFS_AXIS ? `${THEME_PREFS_AXIS}-tokens` : group;
 var locusByAxis = (axis, members) => ({ $by: themeAxisPath(axis), $of: members });
+var shortName = (row) => row.name.startsWith(`${row.group}-`) ? row.name.slice(row.group.length + 1) : row.name;
 function tokenLeaf(row, table, splitBy) {
-  const leaf = { ...tokenLeafKind(row), name: row.name, description: row.description, default: void 0, splitBy };
+  const name = shortName(row);
+  const leaf = {
+    ...tokenLeafKind(row),
+    name,
+    description: row.description,
+    default: void 0,
+    splitBy,
+    ...name === row.name ? {} : { tags: [row.name] }
+  };
   const fallback = row.css[selectionKey(table.axes, {})] ?? Object.values(row.css)[0];
   const held = foldAxes(table.axes, (selection) => prefOfCss(leaf, row.css[selectionKey(table.axes, selection)] ?? fallback), locusByAxis);
   leaf.default = prefOfCss(leaf, fallback);
@@ -139,6 +148,17 @@ function themePrefsSchema(theme = weaselTheme) {
   }
   return { name: `${labeled(theme.name)} theme`, children };
 }
+var WHOLE_VAR = /^\s*var\(\s*(--[\w-]+)\s*\)\s*$/;
+function themePrefsReferences(schema) {
+  const paths = /* @__PURE__ */ new Map();
+  for (const path of prefLeaves(schema).keys()) if (themeAxisOf(path) === void 0) paths.set(`--wzl-${themeTokenOf(path)}`, path);
+  return (css) => {
+    const property = typeof css === "string" ? WHOLE_VAR.exec(css)?.[1] : void 0;
+    if (property === void 0) return void 0;
+    const path = paths.get(property);
+    return path === void 0 ? { property } : { property, path };
+  };
+}
 function pinOf(leaf, held) {
   if (!isPrefLocus(held)) return cssOfPref(leaf, held);
   const out = { by: themeAxisOf(held.$by) ?? held.$by };
@@ -188,6 +208,6 @@ function themePrefsValues(store, base) {
   return { values, loci };
 }
 
-export { THEME_PREFS_AXIS, themeAxisOf, themeAxisPath, themeFromPrefs, themePrefsPins, themePrefsSchema, themePrefsSelection, themePrefsValues, themeTokenOf };
+export { THEME_PREFS_AXIS, themeAxisOf, themeAxisPath, themeFromPrefs, themePrefsPins, themePrefsReferences, themePrefsSchema, themePrefsSelection, themePrefsValues, themeTokenOf };
 //# sourceMappingURL=prefs.js.map
 //# sourceMappingURL=prefs.js.map

package/dist/prefs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/prefs/leaf.ts","../src/prefs/tokens.ts","../src/prefs/schema.ts","../src/prefs/pins.ts"],"names":["isPrefLocus"],"mappings":"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","file":"prefs.js","sourcesContent":["// A token as a pref leaf: which kind edits it, and its CSS text to the leaf's value and back.\n\nimport { parseColor, rgbaToHex } from '@weasel-js/paint';\nimport type { PrefLeaf, PrefLinearUnit, PrefNumber } from '@weasel-js/prefs';\nimport { readCssNumber } from '../cssNumber.ts';\nimport type { TokenRow } from './tokens.ts';\n\nconst NUMERIC_TYPES: ReadonlySet<string> = new Set(['dimension', 'number', 'duration', 'fontWeight']);\n\nfunction hexOf(css: string): string | undefined {\n  try {\n    return rgbaToHex(parseColor(css));\n  } catch {\n    return undefined;\n  }\n}\n\n/**\n * The leaf that edits `row`, less its default: a `color` where every value it\n * resolves to is a color this kit can parse, a `number` in the unit they share\n * where every one is a number, and otherwise a `string` holding the CSS text,\n * which is what a `var()`, a `calc()`, a font stack, or a shadow is edited as.\n */\nexport function tokenLeafKind(row: TokenRow): Pick<PrefNumber, 'kind' | 'unit'> | { kind: 'color'; alpha: true } | { kind: 'string' } {\n  const values = Object.values(row.css);\n  if (row.type === 'color' && values.every((css) => hexOf(css) !== undefined)) return { kind: 'color', alpha: true };\n  if (NUMERIC_TYPES.has(row.type)) {\n    const read = values.map(readCssNumber);\n    const unit = read[0]?.unit;\n    if (read.every((r) => r !== undefined && r.unit === unit)) {\n      return unit ? { kind: 'number', unit: { scale: 1, suffix: unit } } : { kind: 'number' };\n    }\n  }\n  return { kind: 'string' };\n}\n\nconst suffixOf = (leaf: PrefLeaf): string => ((leaf as PrefNumber).unit as PrefLinearUnit | undefined)?.suffix ?? '';\n\n/** What `css` reads as on `leaf`, or `undefined` for text its kind cannot hold. */\nexport function prefOfCss(leaf: PrefLeaf, css: string | undefined): unknown {\n  if (css === undefined) return undefined;\n  if (leaf.kind === 'color') return hexOf(css);\n  if (leaf.kind !== 'number') return css;\n  const read = readCssNumber(css);\n  return read && read.unit === suffixOf(leaf) ? read.value : undefined;\n}\n\n/** The CSS text of a value `leaf` holds. */\nexport function cssOfPref(leaf: PrefLeaf, value: unknown): string {\n  return leaf.kind === 'number' ? `${value as number}${suffixOf(leaf)}` : String(value);\n}\n","// Every token of a theme as the prefs bridge reads it: what it is, and the CSS it resolves to at each selection.\n\nimport { enumerateSelections, isByAxis, selectionKey, type AxisDefs, type Selection } from '../axes.ts';\nimport { TOKEN_MANIFEST, type TokenManifestEntry } from '../generated/manifest.ts';\nimport { resolveTheme, themeAxes, themeChain } from '../resolveTheme.ts';\nimport type { Theme } from '../theme.ts';\n\nconst PREFIX = '--wzl-';\n\n/** One token of a theme, named without `--wzl-`. */\nexport interface TokenRow {\n  readonly name: string;\n  readonly type: string;\n  readonly group: string;\n  readonly description: string;\n  /** The CSS it resolves to, by `selectionKey`. */\n  readonly css: Readonly<Record<string, string>>;\n}\n\n/** A theme's tokens and the axes they were resolved along. */\nexport interface TokenTable {\n  readonly axes: AxisDefs;\n  readonly rows: readonly TokenRow[];\n}\n\nconst MANIFEST = new Map<string, TokenManifestEntry>(TOKEN_MANIFEST.map((entry) => [entry.name.slice(PREFIX.length), entry]));\n\nconst groupOf = (name: string): string => (name.includes('-') ? name.slice(0, name.indexOf('-')) : name);\n\n/** The type and description each token was first declared with, root theme first. A pin's type is `unknown`. */\nfunction declared(theme: Theme): Map<string, { type: string | undefined; description: string }> {\n  const out = new Map<string, { type: string | undefined; description: string }>();\n  for (const link of themeChain(theme)) {\n    for (const [name, varying] of Object.entries(link.tokens)) {\n      let raw: unknown = varying;\n      while (isByAxis(raw)) raw = Object.entries(raw).find(([key]) => key !== 'by')?.[1];\n      const token = raw as { type?: string; description?: string } | undefined;\n      const had = out.get(name);\n      out.set(name, {\n        type: had?.type ?? (token?.type !== 'unknown' ? token?.type : undefined),\n        description: had?.description || token?.description || '',\n      });\n    }\n  }\n  return out;\n}\n\n/**\n * Every token `theme` resolves, then every override hook it leaves alone, each\n * with its CSS at every selection of the theme's axes. A hook reads as its\n * fallback at all of them.\n */\nexport function tokenTable(theme: Theme): TokenTable {\n  const axes = themeAxes(theme);\n  const resolved = enumerateSelections(axes).map(\n    (selection): [string, Record<string, string>] => [selectionKey(axes, selection), resolveTheme(theme, selection)],\n  );\n  const own = declared(theme);\n  const names = new Set<string>();\n  for (const [, tokens] of resolved) for (const name of Object.keys(tokens)) names.add(name.slice(PREFIX.length));\n\n  const rows: TokenRow[] = [];\n  for (const name of names) {\n    const listed = MANIFEST.get(name);\n    const said = own.get(name);\n    const css: Record<string, string> = {};\n    for (const [key, tokens] of resolved) {\n      const value = tokens[PREFIX + name];\n      if (value !== undefined) css[key] = value;\n    }\n    rows.push({\n      name,\n      type: said?.type ?? listed?.type ?? 'string',\n      group: listed?.group ?? groupOf(name),\n      description: said?.description || listed?.description || '',\n      css,\n    });\n  }\n  for (const [name, listed] of MANIFEST) {\n    if (!listed.hook || names.has(name)) continue;\n    const css = Object.fromEntries(resolved.map(([key]) => [key, listed.defaultValue]));\n    rows.push({ name, type: listed.type, group: listed.group, description: listed.description, css });\n  }\n  return { axes, rows };\n}\n\n/**\n * `at(selection)` over every selection of `axes`, as a value split only by\n * the axes it differs along, the first axis outermost. `split` builds one\n * level from an axis and what each of its values holds.\n */\nexport function foldAxes(\n  axes: AxisDefs,\n  at: (selection: Selection) => unknown,\n  split: (axis: string, members: Record<string, unknown>) => unknown,\n): unknown {\n  const names = Object.keys(axes);\n  const walk = (i: number, selection: Selection): unknown => {\n    if (i === names.length) return at(selection);\n    const axis = names[i]!;\n    const members = Object.keys(axes[axis]!.values).map((value): [string, unknown] => [value, walk(i + 1, { ...selection, [axis]: value })]);\n    const first = JSON.stringify(members[0]![1]);\n    return members.every(([, member]) => JSON.stringify(member) === first) ? members[0]![1] : split(axis, Object.fromEntries(members));\n  };\n  return walk(0, {});\n}\n","import { isPrefLocus, type PrefGroup, type PrefLeaf, type PrefLocus } from '@weasel-js/prefs';\nimport { selectionKey } from '../axes.ts';\nimport { weaselTheme, type Theme } from '../theme.ts';\nimport { prefOfCss, tokenLeafKind } from './leaf.ts';\nimport { foldAxes, tokenTable, type TokenRow } from './tokens.ts';\n\n/** The key of the group a theme's axes are chosen in: `axis.mode` is the leaf holding the mode. */\nexport const THEME_PREFS_AXIS = 'axis';\n\n/** The path of the leaf that holds `axis`'s value. */\nexport const themeAxisPath = (axis: string): string => `${THEME_PREFS_AXIS}.${axis}`;\n\n/** The axis a leaf at `path` holds the value of, or `undefined` for a token's leaf. */\nexport const themeAxisOf = (path: string): string | undefined =>\n  (path.startsWith(`${THEME_PREFS_AXIS}.`) ? path.slice(THEME_PREFS_AXIS.length + 1) : undefined);\n\n/** The token a leaf at `path` edits, named without `--wzl-`. */\nexport const themeTokenOf = (path: string): string => path.slice(path.indexOf('.') + 1);\n\nconst labeled = (text: string): string => (text === '' ? text : text[0]!.toUpperCase() + text.slice(1));\n\n// A token group named for the axes' own key takes another; no group's name holds a `-`.\nconst groupKey = (group: string): string => (group === THEME_PREFS_AXIS ? `${THEME_PREFS_AXIS}-tokens` : group);\n\n/** The locus of a value that differs along `axes`, each level keyed by its axis's leaf. */\nexport const locusByAxis = (axis: string, members: Record<string, unknown>): PrefLocus => ({ $by: themeAxisPath(axis), $of: members });\n\nfunction tokenLeaf(row: TokenRow, table: ReturnType<typeof tokenTable>, splitBy: readonly string[]): PrefLeaf {\n  const leaf = { ...tokenLeafKind(row), name: row.name, description: row.description, default: undefined as unknown, splitBy } as PrefLeaf;\n  const fallback = row.css[selectionKey(table.axes, {})] ?? Object.values(row.css)[0];\n  const held = foldAxes(table.axes, (selection) => prefOfCss(leaf, row.css[selectionKey(table.axes, selection)] ?? fallback), locusByAxis);\n  leaf.default = prefOfCss(leaf, fallback);\n  if (isPrefLocus(held)) leaf.defaultLocus = held;\n  return leaf;\n}\n\n/**\n * `theme` as a preferences schema. Under `axis`, an `enum` for each of the\n * theme's axes, set to its default. Then a page for each token group, holding\n * a leaf for every token the theme resolves and every override hook: a\n * `color`, a `number` in the token's unit, or a `string` of CSS text for what\n * neither holds. A leaf is at `<group>.<token>`, the token named without\n * `--wzl-`, and may be split by every axis.\n *\n * A leaf's default is what the theme resolves the token to, already split\n * along the axes it differs by, so a store nothing was written to reads the\n * theme as it is. {@link themeFromPrefs} turns what was written into a theme.\n */\nexport function themePrefsSchema(theme: Theme = weaselTheme): PrefGroup {\n  const table = tokenTable(theme);\n  const axes: Record<string, PrefLeaf> = {};\n  for (const [axis, def] of Object.entries(table.axes)) {\n    axes[axis] = {\n      kind: 'enum',\n      name: labeled(axis),\n      description: '',\n      default: def.default,\n      options: Object.keys(def.values).map((value) => ({ value, label: labeled(value) })),\n    };\n  }\n  const splitBy = Object.keys(table.axes).map(themeAxisPath);\n  const children: Record<string, PrefGroup> = { [THEME_PREFS_AXIS]: { name: 'Axes', children: axes } };\n  for (const row of table.rows) {\n    const key = groupKey(row.group);\n    children[key] ??= { name: labeled(row.group), children: {} };\n    children[key].children[row.name] = tokenLeaf(row, table, splitBy);\n  }\n  return { name: `${labeled(theme.name)} theme`, children };\n}\n","import { isPrefLocus, prefLeaves, type PrefGroup, type PrefLeaf, type PrefLocus } from '@weasel-js/prefs';\nimport { selectionKey, type Selection, type Varying } from '../axes.ts';\nimport type { PinValue } from '../definition.ts';\nimport { defineTheme, type Theme } from '../theme.ts';\nimport { cssOfPref, prefOfCss } from './leaf.ts';\nimport { locusByAxis, themeAxisOf, themeTokenOf } from './schema.ts';\nimport { foldAxes, tokenTable } from './tokens.ts';\n\n/** What the bridge reads of a store over a {@link themePrefsSchema}: any `PrefsStore` is one. */\nexport interface ThemePrefsSource {\n  schema: PrefGroup;\n  get(path: string): unknown;\n  locus(path: string): PrefLocus | undefined;\n  isSet(path: string): boolean;\n}\n\nfunction pinOf(leaf: PrefLeaf, held: unknown): Varying<PinValue> {\n  if (!isPrefLocus(held)) return cssOfPref(leaf, held);\n  const out: Record<string, unknown> = { by: themeAxisOf(held.$by) ?? held.$by };\n  for (const [value, member] of Object.entries(held.$of)) out[value] = pinOf(leaf, member);\n  return out as Varying<PinValue>;\n}\n\n/** The value of each axis as the store has it set: the selection to resolve or apply its theme at. */\nexport function themePrefsSelection(store: ThemePrefsSource): Selection {\n  const out: Record<string, string> = {};\n  for (const path of prefLeaves(store.schema).keys()) {\n    const axis = themeAxisOf(path);\n    if (axis !== undefined) out[axis] = store.get(path) as string;\n  }\n  return out;\n}\n\n/**\n * Every token leaf the store has a value of its own for, as `pins` for a\n * `ThemeDefinition`: a split value in theme's `{ by, … }` form, a color as\n * hex, a number in its unit, and a string as it is held. A leaf following its\n * default is no pin, so the token keeps its rule in the theme the pins go\n * over: an alias left alone still follows a primitive that was pinned.\n */\nexport function themePrefsPins(store: ThemePrefsSource): Record<string, Varying<PinValue>> {\n  const out: Record<string, Varying<PinValue>> = {};\n  for (const [path, leaf] of prefLeaves(store.schema)) {\n    if (themeAxisOf(path) !== undefined || !store.isSet(path)) continue;\n    out[themeTokenOf(path)] = pinOf(leaf, store.locus(path) ?? store.get(path));\n  }\n  return out;\n}\n\n/** `base` with the store's pins over it. `name` defaults to `base`'s with `-prefs` after it. */\nexport function themeFromPrefs(store: ThemePrefsSource, base: Theme, name = `${base.name}-prefs`): Theme {\n  return defineTheme({ name, extends: base, pins: themePrefsPins(store) });\n}\n\n/** What {@link themePrefsValues} reads beside the pins. */\nexport interface ThemePrefsValuesSource extends ThemePrefsSource {\n  values(): Record<string, unknown>;\n  loci(): ReadonlyMap<string, PrefLocus>;\n}\n\n/**\n * The store's values and loci as a form shows them, with every leaf that\n * follows its default read from the pinned theme, where the store reads it\n * from `base`. They differ for an alias of a token that was pinned: `accent`\n * after `accent-base` is set. Shaped as `store.values()` and `store.loci()`.\n */\nexport function themePrefsValues(\n  store: ThemePrefsValuesSource,\n  base: Theme,\n): { values: Record<string, unknown>; loci: ReadonlyMap<string, PrefLocus> } {\n  const { axes, rows } = tokenTable(themeFromPrefs(store, base));\n  const css = new Map(rows.map((row) => [row.name, row.css]));\n  const now = selectionKey(axes, themePrefsSelection(store));\n  const values: Record<string, unknown> = { ...store.values() };\n  const loci = new Map(store.loci());\n  const copied = new Set<string>();\n  for (const [path, leaf] of prefLeaves(store.schema)) {\n    if (themeAxisOf(path) !== undefined || store.isSet(path)) continue;\n    const resolved = css.get(themeTokenOf(path));\n    if (!resolved || Object.values(resolved).some((text) => prefOfCss(leaf, text) === undefined)) continue;\n    const held = foldAxes(axes, (selection) => prefOfCss(leaf, resolved[selectionKey(axes, selection)]), locusByAxis);\n    if (isPrefLocus(held)) loci.set(path, held);\n    else loci.delete(path);\n    const group = path.slice(0, path.indexOf('.'));\n    if (!copied.has(group)) {\n      copied.add(group);\n      values[group] = { ...(values[group] as Record<string, unknown>) };\n    }\n    (values[group] as Record<string, unknown>)[themeTokenOf(path)] = prefOfCss(leaf, resolved[now]);\n  }\n  return { values, loci };\n}\n"]}
+{"version":3,"sources":["../src/prefs/leaf.ts","../src/prefs/tokens.ts","../src/prefs/schema.ts","../src/prefs/pins.ts"],"names":["isPrefLocus","prefLeaves"],"mappings":"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","file":"prefs.js","sourcesContent":["// A token as a pref leaf: which kind edits it, and its CSS text to the leaf's value and back.\n\nimport { parseColor, rgbaToHex } from '@weasel-js/paint';\nimport type { PrefLeaf, PrefLinearUnit, PrefNumber } from '@weasel-js/prefs';\nimport { readCssNumber } from '../cssNumber.ts';\nimport type { TokenRow } from './tokens.ts';\n\nconst NUMERIC_TYPES: ReadonlySet<string> = new Set(['dimension', 'number', 'duration', 'fontWeight']);\n\nfunction hexOf(css: string): string | undefined {\n  try {\n    return rgbaToHex(parseColor(css));\n  } catch {\n    return undefined;\n  }\n}\n\n/**\n * The leaf that edits `row`, less its default: a `color` where every value it\n * resolves to is a color this kit can parse, a `number` in the unit they share\n * where every one is a number, and otherwise a `string` holding the CSS text,\n * which is what a `var()`, a `calc()`, a font stack, or a shadow is edited as.\n */\nexport function tokenLeafKind(row: TokenRow): Pick<PrefNumber, 'kind' | 'unit'> | { kind: 'color'; alpha: true } | { kind: 'string' } {\n  const values = Object.values(row.css);\n  if (row.type === 'color' && values.every((css) => hexOf(css) !== undefined)) return { kind: 'color', alpha: true };\n  if (NUMERIC_TYPES.has(row.type)) {\n    const read = values.map(readCssNumber);\n    const unit = read[0]?.unit;\n    if (read.every((r) => r !== undefined && r.unit === unit)) {\n      return unit ? { kind: 'number', unit: { scale: 1, suffix: unit } } : { kind: 'number' };\n    }\n  }\n  return { kind: 'string' };\n}\n\nconst suffixOf = (leaf: PrefLeaf): string => ((leaf as PrefNumber).unit as PrefLinearUnit | undefined)?.suffix ?? '';\n\n/** What `css` reads as on `leaf`, or `undefined` for text its kind cannot hold. */\nexport function prefOfCss(leaf: PrefLeaf, css: string | undefined): unknown {\n  if (css === undefined) return undefined;\n  if (leaf.kind === 'color') return hexOf(css);\n  if (leaf.kind !== 'number') return css;\n  const read = readCssNumber(css);\n  return read && read.unit === suffixOf(leaf) ? read.value : undefined;\n}\n\n/** The CSS text of a value `leaf` holds. */\nexport function cssOfPref(leaf: PrefLeaf, value: unknown): string {\n  return leaf.kind === 'number' ? `${value as number}${suffixOf(leaf)}` : String(value);\n}\n","// Every token of a theme as the prefs bridge reads it: what it is, and the CSS it resolves to at each selection.\n\nimport { enumerateSelections, isByAxis, selectionKey, type AxisDefs, type Selection } from '../axes.ts';\nimport { TOKEN_MANIFEST, type TokenManifestEntry } from '../generated/manifest.ts';\nimport { resolveTheme, themeAxes, themeChain } from '../resolveTheme.ts';\nimport type { Theme } from '../theme.ts';\n\nconst PREFIX = '--wzl-';\n\n/** One token of a theme, named without `--wzl-`. */\nexport interface TokenRow {\n  readonly name: string;\n  readonly type: string;\n  readonly group: string;\n  readonly description: string;\n  /** The CSS it resolves to, by `selectionKey`. */\n  readonly css: Readonly<Record<string, string>>;\n}\n\n/** A theme's tokens and the axes they were resolved along. */\nexport interface TokenTable {\n  readonly axes: AxisDefs;\n  readonly rows: readonly TokenRow[];\n}\n\nconst MANIFEST = new Map<string, TokenManifestEntry>(TOKEN_MANIFEST.map((entry) => [entry.name.slice(PREFIX.length), entry]));\n\nconst groupOf = (name: string): string => (name.includes('-') ? name.slice(0, name.indexOf('-')) : name);\n\n/** The type and description each token was first declared with, root theme first. A pin's type is `unknown`. */\nfunction declared(theme: Theme): Map<string, { type: string | undefined; description: string }> {\n  const out = new Map<string, { type: string | undefined; description: string }>();\n  for (const link of themeChain(theme)) {\n    for (const [name, varying] of Object.entries(link.tokens)) {\n      let raw: unknown = varying;\n      while (isByAxis(raw)) raw = Object.entries(raw).find(([key]) => key !== 'by')?.[1];\n      const token = raw as { type?: string; description?: string } | undefined;\n      const had = out.get(name);\n      out.set(name, {\n        type: had?.type ?? (token?.type !== 'unknown' ? token?.type : undefined),\n        description: had?.description || token?.description || '',\n      });\n    }\n  }\n  return out;\n}\n\n/**\n * Every token `theme` resolves, then every override hook it leaves alone, each\n * with its CSS at every selection of the theme's axes. A hook reads as its\n * fallback at all of them.\n */\nexport function tokenTable(theme: Theme): TokenTable {\n  const axes = themeAxes(theme);\n  const resolved = enumerateSelections(axes).map(\n    (selection): [string, Record<string, string>] => [selectionKey(axes, selection), resolveTheme(theme, selection)],\n  );\n  const own = declared(theme);\n  const names = new Set<string>();\n  for (const [, tokens] of resolved) for (const name of Object.keys(tokens)) names.add(name.slice(PREFIX.length));\n\n  const rows: TokenRow[] = [];\n  for (const name of names) {\n    const listed = MANIFEST.get(name);\n    const said = own.get(name);\n    const css: Record<string, string> = {};\n    for (const [key, tokens] of resolved) {\n      const value = tokens[PREFIX + name];\n      if (value !== undefined) css[key] = value;\n    }\n    rows.push({\n      name,\n      type: said?.type ?? listed?.type ?? 'string',\n      group: listed?.group ?? groupOf(name),\n      description: said?.description || listed?.description || '',\n      css,\n    });\n  }\n  for (const [name, listed] of MANIFEST) {\n    if (!listed.hook || names.has(name)) continue;\n    const css = Object.fromEntries(resolved.map(([key]) => [key, listed.defaultValue]));\n    rows.push({ name, type: listed.type, group: listed.group, description: listed.description, css });\n  }\n  return { axes, rows };\n}\n\n/**\n * `at(selection)` over every selection of `axes`, as a value split only by\n * the axes it differs along, the first axis outermost. `split` builds one\n * level from an axis and what each of its values holds.\n */\nexport function foldAxes(\n  axes: AxisDefs,\n  at: (selection: Selection) => unknown,\n  split: (axis: string, members: Record<string, unknown>) => unknown,\n): unknown {\n  const names = Object.keys(axes);\n  const walk = (i: number, selection: Selection): unknown => {\n    if (i === names.length) return at(selection);\n    const axis = names[i]!;\n    const members = Object.keys(axes[axis]!.values).map((value): [string, unknown] => [value, walk(i + 1, { ...selection, [axis]: value })]);\n    const first = JSON.stringify(members[0]![1]);\n    return members.every(([, member]) => JSON.stringify(member) === first) ? members[0]![1] : split(axis, Object.fromEntries(members));\n  };\n  return walk(0, {});\n}\n","import { isPrefLocus, prefLeaves, type PrefGroup, type PrefLeaf, type PrefLocus } from '@weasel-js/prefs';\nimport { selectionKey } from '../axes.ts';\nimport { weaselTheme, type Theme } from '../theme.ts';\nimport { prefOfCss, tokenLeafKind } from './leaf.ts';\nimport { foldAxes, tokenTable, type TokenRow } from './tokens.ts';\n\n/** The key of the group a theme's axes are chosen in: `axis.mode` is the leaf holding the mode. */\nexport const THEME_PREFS_AXIS = 'axis';\n\n/** The path of the leaf that holds `axis`'s value. */\nexport const themeAxisPath = (axis: string): string => `${THEME_PREFS_AXIS}.${axis}`;\n\n/** The axis a leaf at `path` holds the value of, or `undefined` for a token's leaf. */\nexport const themeAxisOf = (path: string): string | undefined =>\n  (path.startsWith(`${THEME_PREFS_AXIS}.`) ? path.slice(THEME_PREFS_AXIS.length + 1) : undefined);\n\n/** The token a leaf at `path` edits, named without `--wzl-`. */\nexport const themeTokenOf = (path: string): string => path.slice(path.indexOf('.') + 1);\n\nconst labeled = (text: string): string => (text === '' ? text : text[0]!.toUpperCase() + text.slice(1));\n\n// A token group named for the axes' own key takes another; no group's name holds a `-`.\nconst groupKey = (group: string): string => (group === THEME_PREFS_AXIS ? `${THEME_PREFS_AXIS}-tokens` : group);\n\n/** The locus of a value that differs along `axes`, each level keyed by its axis's leaf. */\nexport const locusByAxis = (axis: string, members: Record<string, unknown>): PrefLocus => ({ $by: themeAxisPath(axis), $of: members });\n\n// On its group's page a token's group prefix says nothing; its whole name stays a tag, so a filter still finds it.\nconst shortName = (row: TokenRow): string => (row.name.startsWith(`${row.group}-`) ? row.name.slice(row.group.length + 1) : row.name);\n\nfunction tokenLeaf(row: TokenRow, table: ReturnType<typeof tokenTable>, splitBy: readonly string[]): PrefLeaf {\n  const name = shortName(row);\n  const leaf = {\n    ...tokenLeafKind(row), name, description: row.description, default: undefined as unknown, splitBy,\n    ...(name === row.name ? {} : { tags: [row.name] }),\n  } as PrefLeaf;\n  const fallback = row.css[selectionKey(table.axes, {})] ?? Object.values(row.css)[0];\n  const held = foldAxes(table.axes, (selection) => prefOfCss(leaf, row.css[selectionKey(table.axes, selection)] ?? fallback), locusByAxis);\n  leaf.default = prefOfCss(leaf, fallback);\n  if (isPrefLocus(held)) leaf.defaultLocus = held;\n  return leaf;\n}\n\n/**\n * `theme` as a preferences schema. Under `axis`, an `enum` for each of the\n * theme's axes, set to its default. Then a page for each token group, holding\n * a leaf for every token the theme resolves and every override hook, named\n * without its group's prefix: a\n * `color`, a `number` in the token's unit, or a `string` of CSS text for what\n * neither holds. A leaf is at `<group>.<token>`, the token named without\n * `--wzl-`, and may be split by every axis.\n *\n * A leaf's default is what the theme resolves the token to, already split\n * along the axes it differs by, so a store nothing was written to reads the\n * theme as it is. {@link themeFromPrefs} turns what was written into a theme.\n */\nexport function themePrefsSchema(theme: Theme = weaselTheme): PrefGroup {\n  const table = tokenTable(theme);\n  const axes: Record<string, PrefLeaf> = {};\n  for (const [axis, def] of Object.entries(table.axes)) {\n    axes[axis] = {\n      kind: 'enum',\n      name: labeled(axis),\n      description: '',\n      default: def.default,\n      options: Object.keys(def.values).map((value) => ({ value, label: labeled(value) })),\n    };\n  }\n  const splitBy = Object.keys(table.axes).map(themeAxisPath);\n  const children: Record<string, PrefGroup> = { [THEME_PREFS_AXIS]: { name: 'Axes', children: axes } };\n  for (const row of table.rows) {\n    const key = groupKey(row.group);\n    children[key] ??= { name: labeled(row.group), children: {} };\n    children[key].children[row.name] = tokenLeaf(row, table, splitBy);\n  }\n  return { name: `${labeled(theme.name)} theme`, children };\n}\n\n/** What a token's CSS refers to, as {@link themePrefsReferences} reads it. */\nexport interface ThemePrefsReference {\n  /** The custom property referred to, `--` and all. */\n  readonly property: string;\n  /** The path of the leaf that edits it, where it is one of the schema's tokens. */\n  readonly path?: string;\n}\n\nconst WHOLE_VAR = /^\\s*var\\(\\s*(--[\\w-]+)\\s*\\)\\s*$/;\n\n/**\n * Reads a token's CSS as a reference to another custom property where the whole of it is one `var()` with no\n * fallback, and finds the leaf of `schema` that edits that property. Anything else, a `calc()` or a shadow that\n * holds a `var()` among other text included, reads as no reference.\n */\nexport function themePrefsReferences(schema: PrefGroup): (css: unknown) => ThemePrefsReference | undefined {\n  const paths = new Map<string, string>();\n  for (const path of prefLeaves(schema).keys()) if (themeAxisOf(path) === undefined) paths.set(`--wzl-${themeTokenOf(path)}`, path);\n  return (css) => {\n    const property = typeof css === 'string' ? WHOLE_VAR.exec(css)?.[1] : undefined;\n    if (property === undefined) return undefined;\n    const path = paths.get(property);\n    return path === undefined ? { property } : { property, path };\n  };\n}\n","import { isPrefLocus, prefLeaves, type PrefGroup, type PrefLeaf, type PrefLocus } from '@weasel-js/prefs';\nimport { selectionKey, type Selection, type Varying } from '../axes.ts';\nimport type { PinValue } from '../definition.ts';\nimport { defineTheme, type Theme } from '../theme.ts';\nimport { cssOfPref, prefOfCss } from './leaf.ts';\nimport { locusByAxis, themeAxisOf, themeTokenOf } from './schema.ts';\nimport { foldAxes, tokenTable } from './tokens.ts';\n\n/** What the bridge reads of a store over a {@link themePrefsSchema}: any `PrefsStore` is one. */\nexport interface ThemePrefsSource {\n  schema: PrefGroup;\n  get(path: string): unknown;\n  locus(path: string): PrefLocus | undefined;\n  isSet(path: string): boolean;\n}\n\nfunction pinOf(leaf: PrefLeaf, held: unknown): Varying<PinValue> {\n  if (!isPrefLocus(held)) return cssOfPref(leaf, held);\n  const out: Record<string, unknown> = { by: themeAxisOf(held.$by) ?? held.$by };\n  for (const [value, member] of Object.entries(held.$of)) out[value] = pinOf(leaf, member);\n  return out as Varying<PinValue>;\n}\n\n/** The value of each axis as the store has it set: the selection to resolve or apply its theme at. */\nexport function themePrefsSelection(store: ThemePrefsSource): Selection {\n  const out: Record<string, string> = {};\n  for (const path of prefLeaves(store.schema).keys()) {\n    const axis = themeAxisOf(path);\n    if (axis !== undefined) out[axis] = store.get(path) as string;\n  }\n  return out;\n}\n\n/**\n * Every token leaf the store has a value of its own for, as `pins` for a\n * `ThemeDefinition`: a split value in theme's `{ by, … }` form, a color as\n * hex, a number in its unit, and a string as it is held. A leaf following its\n * default is no pin, so the token keeps its rule in the theme the pins go\n * over: an alias left alone still follows a primitive that was pinned.\n */\nexport function themePrefsPins(store: ThemePrefsSource): Record<string, Varying<PinValue>> {\n  const out: Record<string, Varying<PinValue>> = {};\n  for (const [path, leaf] of prefLeaves(store.schema)) {\n    if (themeAxisOf(path) !== undefined || !store.isSet(path)) continue;\n    out[themeTokenOf(path)] = pinOf(leaf, store.locus(path) ?? store.get(path));\n  }\n  return out;\n}\n\n/** `base` with the store's pins over it. `name` defaults to `base`'s with `-prefs` after it. */\nexport function themeFromPrefs(store: ThemePrefsSource, base: Theme, name = `${base.name}-prefs`): Theme {\n  return defineTheme({ name, extends: base, pins: themePrefsPins(store) });\n}\n\n/** What {@link themePrefsValues} reads beside the pins. */\nexport interface ThemePrefsValuesSource extends ThemePrefsSource {\n  values(): Record<string, unknown>;\n  loci(): ReadonlyMap<string, PrefLocus>;\n}\n\n/**\n * The store's values and loci as a form shows them, with every leaf that\n * follows its default read from the pinned theme, where the store reads it\n * from `base`. They differ for an alias of a token that was pinned: `accent`\n * after `accent-base` is set. Shaped as `store.values()` and `store.loci()`.\n */\nexport function themePrefsValues(\n  store: ThemePrefsValuesSource,\n  base: Theme,\n): { values: Record<string, unknown>; loci: ReadonlyMap<string, PrefLocus> } {\n  const { axes, rows } = tokenTable(themeFromPrefs(store, base));\n  const css = new Map(rows.map((row) => [row.name, row.css]));\n  const now = selectionKey(axes, themePrefsSelection(store));\n  const values: Record<string, unknown> = { ...store.values() };\n  const loci = new Map(store.loci());\n  const copied = new Set<string>();\n  for (const [path, leaf] of prefLeaves(store.schema)) {\n    if (themeAxisOf(path) !== undefined || store.isSet(path)) continue;\n    const resolved = css.get(themeTokenOf(path));\n    if (!resolved || Object.values(resolved).some((text) => prefOfCss(leaf, text) === undefined)) continue;\n    const held = foldAxes(axes, (selection) => prefOfCss(leaf, resolved[selectionKey(axes, selection)]), locusByAxis);\n    if (isPrefLocus(held)) loci.set(path, held);\n    else loci.delete(path);\n    const group = path.slice(0, path.indexOf('.'));\n    if (!copied.has(group)) {\n      copied.add(group);\n      values[group] = { ...(values[group] as Record<string, unknown>) };\n    }\n    (values[group] as Record<string, unknown>)[themeTokenOf(path)] = prefOfCss(leaf, resolved[now]);\n  }\n  return { values, loci };\n}\n"]}

package/dist/react.d.ts

@@ -1,6 +1,6 @@
 import { Palette, ColorSource } from '@weasel-js/paint';
 import React from 'react';
-import { a as Theme, S as Selection, r as ResolvedTheme, o as ColorList } from './definition-wsEi-XBr.js';
+import { a as Theme, S as Selection, r as ResolvedTheme, o as ColorList } from './definition-nZbgRG7A.js';
 import { a as ColorModePreference, C as ColorMode } from './colorMode-CoklZomJ.js';
 export { i as isColorModePreference } from './colorMode-CoklZomJ.js';
 

package/dist/react.js

@@ -1,9 +1,9 @@
-import { isColorModePreference, themeTints, applyTheme, colorSourceCss, colorSourceLiteral } from './chunk-R7OXPHZJ.js';
-export { isColorModePreference } from './chunk-R7OXPHZJ.js';
+import { isColorModePreference, themeTints, applyTheme, colorSourceCss, colorSourceLiteral } from './chunk-PYRAKINY.js';
+export { isColorModePreference } from './chunk-PYRAKINY.js';
 import './chunk-S7MJPFDP.js';
 import './chunk-M3R5MV7Q.js';
 import { themeAxes, resolveTheme } from './chunk-32JKTYS2.js';
-import { weaselTheme } from './chunk-R2SSGWGZ.js';
+import { weaselTheme } from './chunk-NCAQ54LO.js';
 import { fullSelection, selectionKey } from './chunk-P5F3GZV6.js';
 import { colorLiteralToHex } from '@weasel-js/paint';
 import { createContext, useState, useEffect, useCallback, useRef, useMemo, useLayoutEffect, useContext } from 'react';

package/dist/themes/platinum.d.ts

@@ -1,4 +1,4 @@
-import { a as Theme } from '../definition-wsEi-XBr.js';
+import { a as Theme } from '../definition-nZbgRG7A.js';
 import '@weasel-js/paint';
 
 /**

package/dist/themes/platinum.js

@@ -1,4 +1,4 @@
-import { defineTheme, weaselTheme } from '../chunk-R2SSGWGZ.js';
+import { defineTheme, weaselTheme } from '../chunk-NCAQ54LO.js';
 import '../chunk-P5F3GZV6.js';
 
 // src/themes/mac-classic.theme.json

package/dist/themes/win9x.d.ts

@@ -1,4 +1,4 @@
-import { a as Theme } from '../definition-wsEi-XBr.js';
+import { a as Theme } from '../definition-nZbgRG7A.js';
 import '@weasel-js/paint';
 
 /**

package/dist/themes/win9x.js

@@ -1,4 +1,4 @@
-import { defineTheme, weaselTheme } from '../chunk-R2SSGWGZ.js';
+import { defineTheme, weaselTheme } from '../chunk-NCAQ54LO.js';
 import '../chunk-P5F3GZV6.js';
 
 // src/themes/win9x.theme.json

package/dist/tokens.css

@@ -199,16 +199,18 @@
   --wzl-handle-dot-size: 8px;
   /* A round handle that belongs to another point — a bezier control handle at the end of its stem. */
   --wzl-handle-dot-size-sm: 7px;
-  /* 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). */
+  /* One square of the transparency checker drawn under a paint that is empty, mixed or translucent. weasel-ui builds the checker layer once, in components/checker.module.css: compose its `checker` class and paint with var(--wzl-checker-layer). */
   --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);
+  /* Ground of a canvas app's workspace — the area around the document page: surface-raised with its tint taken out (its OKLCH chroma set to 0). */
+  --wzl-workspace-surface: #272727;
   /* 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);
+  /* The workspace as one background layer: workspace-surface struck with wide diagonal bands of workspace-line. Use it as an element's whole background. */
+  --wzl-workspace: repeating-linear-gradient(45deg, transparent 0 8px, var(--wzl-workspace-line) 8px 16px) var(--wzl-workspace-surface);
   /* 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;
   /* How much glass a boxed button and a selected segment wear, from 0 to 1: at 0 a flat fill, at 1 the full ramp, specular gloss, rim, and drop shadow. */
@@ -304,6 +306,7 @@
   --wzl-code-name: var(--wzl-swatch-rose);
   --wzl-slider-track-mix: 40%;
   --wzl-slider-thumb-mix: 100%;
+  --wzl-workspace-surface: #272727;
   --wzl-secondary-fg: var(--wzl-secondary-base);
   --wzl-panel-surface: var(--wzl-surface-raised);
   --wzl-panel-border-color: var(--wzl-border);
@@ -326,8 +329,8 @@
   --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);
+  --wzl-workspace: repeating-linear-gradient(45deg, transparent 0 8px, var(--wzl-workspace-line) 8px 16px) var(--wzl-workspace-surface);
 }
 
 [data-wzl-theme='weasel'][data-wzl-mode='light'],
@@ -361,6 +364,7 @@
   --wzl-code-name: #be123c;
   --wzl-slider-track-mix: 18%;
   --wzl-slider-thumb-mix: 70%;
+  --wzl-workspace-surface: #e7e7e7;
   --wzl-secondary-fg: var(--wzl-secondary-soft);
   --wzl-panel-surface: var(--wzl-surface-raised);
   --wzl-panel-border-color: var(--wzl-border);
@@ -383,8 +387,8 @@
   --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);
+  --wzl-workspace: repeating-linear-gradient(45deg, transparent 0 8px, var(--wzl-workspace-line) 8px 16px) var(--wzl-workspace-surface);
 }
 
 [data-wzl-theme='weasel'][data-wzl-density='compact'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@weasel-js/theme",
-  "version": "1.13.0",
+  "version": "1.14.1",
   "description": "Design tokens shared by weasel-ui and weasel-hud — CSS variables + a parallel TS export.",
   "license": "MIT",
   "type": "module",
@@ -43,9 +43,9 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@weasel-js/paint": "1.13.0",
-    "@weasel-js/prefs": "1.13.0",
-    "@weasel-js/registry": "1.13.0"
+    "@weasel-js/paint": "1.14.1",
+    "@weasel-js/prefs": "1.14.1",
+    "@weasel-js/registry": "1.14.1"
   },
   "peerDependencies": {
     "react": ">=18"