@weasel-js/theme 1.7.0 → 1.7.2

package/dist/{chunk-3KMZGDV5.js → chunk-HO2AM2OB.js}

@@ -1,4 +1,4 @@
-import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-C3S4A65R.js';
+import { themeAxes, fullSelection, selectionKey, resolveTheme, themeChain, isByAxis, generate, DEFAULT_CONSTRAINTS } from './chunk-AN5JVL2S.js';
 
 // src/generated/themes.ts
 var THEMES = {
@@ -33,12 +33,12 @@ var THEMES = {
         "--wzl-swatch-citron": "#d5d23a",
         "--wzl-swatch-rose": "#fa4590",
         "--wzl-swatch-violet": "#955cf9",
-        "--wzl-font-size-2xs": "7px",
-        "--wzl-font-size-xs": "8px",
-        "--wzl-font-size-sm": "9px",
-        "--wzl-font-size-md": "11px",
-        "--wzl-font-size-lg": "14px",
-        "--wzl-font-size-xl": "17px",
+        "--wzl-font-size-2xs": "9px",
+        "--wzl-font-size-xs": "10px",
+        "--wzl-font-size-sm": "11px",
+        "--wzl-font-size-md": "13px",
+        "--wzl-font-size-lg": "16px",
+        "--wzl-font-size-xl": "20px",
         "--wzl-space-1": "2px",
         "--wzl-space-2": "4px",
         "--wzl-space-3": "6px",
@@ -73,7 +73,7 @@ var THEMES = {
         "--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-size": "16px",
         "--wzl-panel-title-case": "none",
         "--wzl-panel-title-tracking": "0.01em",
         "--wzl-panel-title-color": "#e6e7e9",
@@ -104,7 +104,7 @@ var THEMES = {
         "--wzl-stance-important-border-color": "#8c94ee",
         "--wzl-stance-important-title-color": "#8c94ee",
         "--wzl-stance-preview-pad": "0",
-        "--wzl-stance-preview-title-size": "8px",
+        "--wzl-stance-preview-title-size": "10px",
         "--wzl-stance-preview-title-case": "none",
         "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--wzl-warning-base": "#d99a3f",
@@ -127,13 +127,15 @@ var THEMES = {
         "--wzl-border-w": "1px",
         "--wzl-line-width": "2px",
         "--wzl-curve-width": "3px",
-        "--wzl-tb-height": "24px",
-        "--wzl-control-h-xs": "16px",
-        "--wzl-control-h-sm": "18px",
-        "--wzl-control-h": "20px",
-        "--wzl-icon-button-size": "20px",
+        "--wzl-tb-height": "28px",
+        "--wzl-control-h-xs": "18px",
+        "--wzl-control-h-sm": "20px",
+        "--wzl-control-h": "24px",
+        "--wzl-icon-button-size": "22px",
         "--wzl-slider-track-h": "4px",
         "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-slop": "6px",
+        "--wzl-slider-thumb-slop": "6px",
         "--wzl-slider-track-mix": "18%",
         "--wzl-slider-thumb-mix": "70%",
         "--wzl-handle-size": "9px",
@@ -145,7 +147,7 @@ var THEMES = {
         "--wzl-workspace-surface": "#0e0f12",
         "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-font-size": "11px",
+        "--wzl-font-size": "13px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
@@ -163,6 +165,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-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
         "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
         "--wzl-font-weight-normal": "300",
         "--wzl-font-weight-medium": "350",
@@ -199,12 +202,12 @@ var THEMES = {
         "--wzl-swatch-citron": "#d5d23a",
         "--wzl-swatch-rose": "#fa4590",
         "--wzl-swatch-violet": "#955cf9",
-        "--wzl-font-size-2xs": "9px",
-        "--wzl-font-size-xs": "10px",
-        "--wzl-font-size-sm": "11px",
-        "--wzl-font-size-md": "13px",
-        "--wzl-font-size-lg": "16px",
-        "--wzl-font-size-xl": "20px",
+        "--wzl-font-size-2xs": "10px",
+        "--wzl-font-size-xs": "12px",
+        "--wzl-font-size-sm": "13px",
+        "--wzl-font-size-md": "15px",
+        "--wzl-font-size-lg": "18px",
+        "--wzl-font-size-xl": "23px",
         "--wzl-space-1": "2px",
         "--wzl-space-2": "4px",
         "--wzl-space-3": "6px",
@@ -239,7 +242,7 @@ var THEMES = {
         "--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-size": "18px",
         "--wzl-panel-title-case": "none",
         "--wzl-panel-title-tracking": "0.01em",
         "--wzl-panel-title-color": "#e6e7e9",
@@ -270,7 +273,7 @@ var THEMES = {
         "--wzl-stance-important-border-color": "#8c94ee",
         "--wzl-stance-important-title-color": "#8c94ee",
         "--wzl-stance-preview-pad": "0",
-        "--wzl-stance-preview-title-size": "10px",
+        "--wzl-stance-preview-title-size": "12px",
         "--wzl-stance-preview-title-case": "none",
         "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--wzl-warning-base": "#d99a3f",
@@ -293,13 +296,15 @@ var THEMES = {
         "--wzl-border-w": "1px",
         "--wzl-line-width": "2px",
         "--wzl-curve-width": "3px",
-        "--wzl-tb-height": "28px",
-        "--wzl-control-h-xs": "18px",
-        "--wzl-control-h-sm": "20px",
-        "--wzl-control-h": "24px",
-        "--wzl-icon-button-size": "22px",
+        "--wzl-tb-height": "32px",
+        "--wzl-control-h-xs": "22px",
+        "--wzl-control-h-sm": "24px",
+        "--wzl-control-h": "28px",
+        "--wzl-icon-button-size": "26px",
         "--wzl-slider-track-h": "4px",
         "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-slop": "6px",
+        "--wzl-slider-thumb-slop": "6px",
         "--wzl-slider-track-mix": "18%",
         "--wzl-slider-thumb-mix": "70%",
         "--wzl-handle-size": "9px",
@@ -311,7 +316,7 @@ var THEMES = {
         "--wzl-workspace-surface": "#0e0f12",
         "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-font-size": "13px",
+        "--wzl-font-size": "15px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
@@ -329,6 +334,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-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
         "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
         "--wzl-font-weight-normal": "300",
         "--wzl-font-weight-medium": "350",
@@ -365,12 +371,12 @@ var THEMES = {
         "--wzl-swatch-citron": "#d5d23a",
         "--wzl-swatch-rose": "#fa4590",
         "--wzl-swatch-violet": "#955cf9",
-        "--wzl-font-size-2xs": "10px",
-        "--wzl-font-size-xs": "12px",
-        "--wzl-font-size-sm": "13px",
-        "--wzl-font-size-md": "15px",
-        "--wzl-font-size-lg": "18px",
-        "--wzl-font-size-xl": "23px",
+        "--wzl-font-size-2xs": "12px",
+        "--wzl-font-size-xs": "14px",
+        "--wzl-font-size-sm": "15px",
+        "--wzl-font-size-md": "18px",
+        "--wzl-font-size-lg": "22px",
+        "--wzl-font-size-xl": "28px",
         "--wzl-space-1": "2px",
         "--wzl-space-2": "4px",
         "--wzl-space-3": "6px",
@@ -405,7 +411,7 @@ var THEMES = {
         "--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-size": "22px",
         "--wzl-panel-title-case": "none",
         "--wzl-panel-title-tracking": "0.01em",
         "--wzl-panel-title-color": "#e6e7e9",
@@ -436,7 +442,7 @@ var THEMES = {
         "--wzl-stance-important-border-color": "#8c94ee",
         "--wzl-stance-important-title-color": "#8c94ee",
         "--wzl-stance-preview-pad": "0",
-        "--wzl-stance-preview-title-size": "12px",
+        "--wzl-stance-preview-title-size": "14px",
         "--wzl-stance-preview-title-case": "none",
         "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--wzl-warning-base": "#d99a3f",
@@ -459,13 +465,15 @@ var THEMES = {
         "--wzl-border-w": "1px",
         "--wzl-line-width": "2px",
         "--wzl-curve-width": "3px",
-        "--wzl-tb-height": "32px",
-        "--wzl-control-h-xs": "22px",
-        "--wzl-control-h-sm": "24px",
-        "--wzl-control-h": "28px",
-        "--wzl-icon-button-size": "26px",
+        "--wzl-tb-height": "38px",
+        "--wzl-control-h-xs": "26px",
+        "--wzl-control-h-sm": "28px",
+        "--wzl-control-h": "34px",
+        "--wzl-icon-button-size": "32px",
         "--wzl-slider-track-h": "4px",
         "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-slop": "6px",
+        "--wzl-slider-thumb-slop": "6px",
         "--wzl-slider-track-mix": "18%",
         "--wzl-slider-thumb-mix": "70%",
         "--wzl-handle-size": "9px",
@@ -477,7 +485,7 @@ var THEMES = {
         "--wzl-workspace-surface": "#0e0f12",
         "--wzl-workspace-line": "rgba(230, 231, 233, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-font-size": "15px",
+        "--wzl-font-size": "18px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
@@ -495,6 +503,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-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
         "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
         "--wzl-font-weight-normal": "300",
         "--wzl-font-weight-medium": "350",
@@ -531,12 +540,12 @@ var THEMES = {
         "--wzl-swatch-citron": "#d5d23a",
         "--wzl-swatch-rose": "#fa4590",
         "--wzl-swatch-violet": "#955cf9",
-        "--wzl-font-size-2xs": "7px",
-        "--wzl-font-size-xs": "8px",
-        "--wzl-font-size-sm": "9px",
-        "--wzl-font-size-md": "11px",
-        "--wzl-font-size-lg": "14px",
-        "--wzl-font-size-xl": "17px",
+        "--wzl-font-size-2xs": "9px",
+        "--wzl-font-size-xs": "10px",
+        "--wzl-font-size-sm": "11px",
+        "--wzl-font-size-md": "13px",
+        "--wzl-font-size-lg": "16px",
+        "--wzl-font-size-xl": "20px",
         "--wzl-space-1": "2px",
         "--wzl-space-2": "4px",
         "--wzl-space-3": "6px",
@@ -571,7 +580,7 @@ var THEMES = {
         "--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-size": "16px",
         "--wzl-panel-title-case": "none",
         "--wzl-panel-title-tracking": "0.01em",
         "--wzl-panel-title-color": "#0e0f12",
@@ -602,7 +611,7 @@ var THEMES = {
         "--wzl-stance-important-border-color": "#4338ca",
         "--wzl-stance-important-title-color": "#4338ca",
         "--wzl-stance-preview-pad": "0",
-        "--wzl-stance-preview-title-size": "8px",
+        "--wzl-stance-preview-title-size": "10px",
         "--wzl-stance-preview-title-case": "none",
         "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--wzl-warning-base": "#d99a3f",
@@ -625,13 +634,15 @@ var THEMES = {
         "--wzl-border-w": "1px",
         "--wzl-line-width": "2px",
         "--wzl-curve-width": "3px",
-        "--wzl-tb-height": "24px",
-        "--wzl-control-h-xs": "16px",
-        "--wzl-control-h-sm": "18px",
-        "--wzl-control-h": "20px",
-        "--wzl-icon-button-size": "20px",
+        "--wzl-tb-height": "28px",
+        "--wzl-control-h-xs": "18px",
+        "--wzl-control-h-sm": "20px",
+        "--wzl-control-h": "24px",
+        "--wzl-icon-button-size": "22px",
         "--wzl-slider-track-h": "4px",
         "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-slop": "6px",
+        "--wzl-slider-thumb-slop": "6px",
         "--wzl-slider-track-mix": "18%",
         "--wzl-slider-thumb-mix": "70%",
         "--wzl-handle-size": "9px",
@@ -643,7 +654,7 @@ var THEMES = {
         "--wzl-workspace-surface": "#c9cbcf",
         "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-font-size": "11px",
+        "--wzl-font-size": "13px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
@@ -661,6 +672,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-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
         "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
         "--wzl-font-weight-normal": "300",
         "--wzl-font-weight-medium": "350",
@@ -697,12 +709,12 @@ var THEMES = {
         "--wzl-swatch-citron": "#d5d23a",
         "--wzl-swatch-rose": "#fa4590",
         "--wzl-swatch-violet": "#955cf9",
-        "--wzl-font-size-2xs": "9px",
-        "--wzl-font-size-xs": "10px",
-        "--wzl-font-size-sm": "11px",
-        "--wzl-font-size-md": "13px",
-        "--wzl-font-size-lg": "16px",
-        "--wzl-font-size-xl": "20px",
+        "--wzl-font-size-2xs": "10px",
+        "--wzl-font-size-xs": "12px",
+        "--wzl-font-size-sm": "13px",
+        "--wzl-font-size-md": "15px",
+        "--wzl-font-size-lg": "18px",
+        "--wzl-font-size-xl": "23px",
         "--wzl-space-1": "2px",
         "--wzl-space-2": "4px",
         "--wzl-space-3": "6px",
@@ -737,7 +749,7 @@ var THEMES = {
         "--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-size": "18px",
         "--wzl-panel-title-case": "none",
         "--wzl-panel-title-tracking": "0.01em",
         "--wzl-panel-title-color": "#0e0f12",
@@ -768,7 +780,7 @@ var THEMES = {
         "--wzl-stance-important-border-color": "#4338ca",
         "--wzl-stance-important-title-color": "#4338ca",
         "--wzl-stance-preview-pad": "0",
-        "--wzl-stance-preview-title-size": "10px",
+        "--wzl-stance-preview-title-size": "12px",
         "--wzl-stance-preview-title-case": "none",
         "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--wzl-warning-base": "#d99a3f",
@@ -791,13 +803,15 @@ var THEMES = {
         "--wzl-border-w": "1px",
         "--wzl-line-width": "2px",
         "--wzl-curve-width": "3px",
-        "--wzl-tb-height": "28px",
-        "--wzl-control-h-xs": "18px",
-        "--wzl-control-h-sm": "20px",
-        "--wzl-control-h": "24px",
-        "--wzl-icon-button-size": "22px",
+        "--wzl-tb-height": "32px",
+        "--wzl-control-h-xs": "22px",
+        "--wzl-control-h-sm": "24px",
+        "--wzl-control-h": "28px",
+        "--wzl-icon-button-size": "26px",
         "--wzl-slider-track-h": "4px",
         "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-slop": "6px",
+        "--wzl-slider-thumb-slop": "6px",
         "--wzl-slider-track-mix": "18%",
         "--wzl-slider-thumb-mix": "70%",
         "--wzl-handle-size": "9px",
@@ -809,7 +823,7 @@ var THEMES = {
         "--wzl-workspace-surface": "#c9cbcf",
         "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-font-size": "13px",
+        "--wzl-font-size": "15px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
@@ -827,6 +841,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-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
         "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
         "--wzl-font-weight-normal": "300",
         "--wzl-font-weight-medium": "350",
@@ -863,12 +878,12 @@ var THEMES = {
         "--wzl-swatch-citron": "#d5d23a",
         "--wzl-swatch-rose": "#fa4590",
         "--wzl-swatch-violet": "#955cf9",
-        "--wzl-font-size-2xs": "10px",
-        "--wzl-font-size-xs": "12px",
-        "--wzl-font-size-sm": "13px",
-        "--wzl-font-size-md": "15px",
-        "--wzl-font-size-lg": "18px",
-        "--wzl-font-size-xl": "23px",
+        "--wzl-font-size-2xs": "12px",
+        "--wzl-font-size-xs": "14px",
+        "--wzl-font-size-sm": "15px",
+        "--wzl-font-size-md": "18px",
+        "--wzl-font-size-lg": "22px",
+        "--wzl-font-size-xl": "28px",
         "--wzl-space-1": "2px",
         "--wzl-space-2": "4px",
         "--wzl-space-3": "6px",
@@ -903,7 +918,7 @@ var THEMES = {
         "--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-size": "22px",
         "--wzl-panel-title-case": "none",
         "--wzl-panel-title-tracking": "0.01em",
         "--wzl-panel-title-color": "#0e0f12",
@@ -934,7 +949,7 @@ var THEMES = {
         "--wzl-stance-important-border-color": "#4338ca",
         "--wzl-stance-important-title-color": "#4338ca",
         "--wzl-stance-preview-pad": "0",
-        "--wzl-stance-preview-title-size": "12px",
+        "--wzl-stance-preview-title-size": "14px",
         "--wzl-stance-preview-title-case": "none",
         "--wzl-stance-preview-title-inset": "6px 10px 0",
         "--wzl-warning-base": "#d99a3f",
@@ -957,13 +972,15 @@ var THEMES = {
         "--wzl-border-w": "1px",
         "--wzl-line-width": "2px",
         "--wzl-curve-width": "3px",
-        "--wzl-tb-height": "32px",
-        "--wzl-control-h-xs": "22px",
-        "--wzl-control-h-sm": "24px",
-        "--wzl-control-h": "28px",
-        "--wzl-icon-button-size": "26px",
+        "--wzl-tb-height": "38px",
+        "--wzl-control-h-xs": "26px",
+        "--wzl-control-h-sm": "28px",
+        "--wzl-control-h": "34px",
+        "--wzl-icon-button-size": "32px",
         "--wzl-slider-track-h": "4px",
         "--wzl-slider-thumb-size": "8px",
+        "--wzl-slider-track-slop": "6px",
+        "--wzl-slider-thumb-slop": "6px",
         "--wzl-slider-track-mix": "18%",
         "--wzl-slider-thumb-mix": "70%",
         "--wzl-handle-size": "9px",
@@ -975,7 +992,7 @@ var THEMES = {
         "--wzl-workspace-surface": "#c9cbcf",
         "--wzl-workspace-line": "rgba(14, 15, 18, 0.1)",
         "--wzl-field-pad-x": "8px",
-        "--wzl-font-size": "15px",
+        "--wzl-font-size": "18px",
         "--wzl-tracking-none": "0",
         "--wzl-tracking-wide": "0.06em",
         "--wzl-tracking-wider": "0.08em",
@@ -993,6 +1010,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-numeric": "'Oswald Tabular', var(--wzl-font-ui)",
         "--wzl-font-body": "Inter, system-ui, -apple-system, 'Segoe UI', sans-serif",
         "--wzl-font-weight-normal": "300",
         "--wzl-font-weight-medium": "350",
@@ -1032,9 +1050,9 @@ var THEME_SOURCES = {
     "seeds": {
       "ui-base": {
         "by": "density",
-        "compact": 11,
-        "comfortable": 13,
-        "roomy": 15
+        "compact": 13,
+        "comfortable": 15,
+        "roomy": 18
       }
     },
     "ramps": {
@@ -1718,17 +1736,17 @@ var THEME_SOURCES = {
       "tb-height": {
         "by": "density",
         "compact": {
-          "value": "24px",
+          "value": "28px",
           "type": "dimension",
           "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",
+          "value": "32px",
           "type": "dimension",
           "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",
+          "value": "38px",
           "type": "dimension",
           "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."
         }
@@ -1736,17 +1754,17 @@ var THEME_SOURCES = {
       "control-h-xs": {
         "by": "density",
         "compact": {
-          "value": "16px",
+          "value": "18px",
           "type": "dimension",
           "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
         },
         "comfortable": {
-          "value": "18px",
+          "value": "22px",
           "type": "dimension",
           "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
         },
         "roomy": {
-          "value": "22px",
+          "value": "26px",
           "type": "dimension",
           "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
         }
@@ -1754,17 +1772,17 @@ var THEME_SOURCES = {
       "control-h-sm": {
         "by": "density",
         "compact": {
-          "value": "18px",
+          "value": "20px",
           "type": "dimension",
           "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
         },
         "comfortable": {
-          "value": "20px",
+          "value": "24px",
           "type": "dimension",
           "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
         },
         "roomy": {
-          "value": "24px",
+          "value": "28px",
           "type": "dimension",
           "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
         }
@@ -1772,17 +1790,17 @@ var THEME_SOURCES = {
       "control-h": {
         "by": "density",
         "compact": {
-          "value": "20px",
+          "value": "24px",
           "type": "dimension",
           "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
         },
         "comfortable": {
-          "value": "24px",
+          "value": "28px",
           "type": "dimension",
           "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
         },
         "roomy": {
-          "value": "28px",
+          "value": "34px",
           "type": "dimension",
           "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
         }
@@ -1790,17 +1808,17 @@ var THEME_SOURCES = {
       "icon-button-size": {
         "by": "density",
         "compact": {
-          "value": "20px",
+          "value": "22px",
           "type": "dimension",
           "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
         },
         "comfortable": {
-          "value": "22px",
+          "value": "26px",
           "type": "dimension",
           "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
         },
         "roomy": {
-          "value": "26px",
+          "value": "32px",
           "type": "dimension",
           "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
         }
@@ -1815,6 +1833,16 @@ var THEME_SOURCES = {
         "type": "dimension",
         "description": "Diameter of a linear range thumb."
       },
+      "slider-track-slop": {
+        "value": "6px",
+        "type": "dimension",
+        "description": "How far past a range track's edge a press still lands on it. Invisible, and overlaps whatever sits beside the track rather than taking layout space."
+      },
+      "slider-thumb-slop": {
+        "value": "6px",
+        "type": "dimension",
+        "description": "How far past a range thumb's edge a press still grabs the thumb rather than landing on the track. Sits over the track's own slop."
+      },
       "slider-track-mix": {
         "value": "18%",
         "type": "dimension",
@@ -1983,6 +2011,11 @@ var THEME_SOURCES = {
         "type": "fontFamily",
         "description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
       },
+      "font-numeric": {
+        "value": "'Oswald Tabular', var(--wzl-font-ui)",
+        "type": "fontFamily",
+        "description": "The UI face with equal-width digits, for numbers read down a column or updated in place. Oswald Tabular carries only 0-9 and the figure space (U+2007); every other character falls through to the UI face."
+      },
       "font-display": {
         "value": [
           "Oswald",
@@ -2234,17 +2267,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "7px",
+          "value": "9px",
           "description": "Shortcut keys and index badges. The floor for chrome text."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "9px",
+          "value": "10px",
           "description": "Shortcut keys and index badges. The floor for chrome text."
         },
         "roomy": {
           "type": "dimension",
-          "value": "10px",
+          "value": "12px",
           "description": "Shortcut keys and index badges. The floor for chrome text."
         }
       },
@@ -2252,17 +2285,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "8px",
+          "value": "10px",
           "description": "Tool-button labels under an icon."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "10px",
+          "value": "12px",
           "description": "Tool-button labels under an icon."
         },
         "roomy": {
           "type": "dimension",
-          "value": "12px",
+          "value": "14px",
           "description": "Tool-button labels under an icon."
         }
       },
@@ -2270,17 +2303,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "9px",
+          "value": "11px",
           "description": "Chrome labels, status readouts, section headings."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "11px",
+          "value": "13px",
           "description": "Chrome labels, status readouts, section headings."
         },
         "roomy": {
           "type": "dimension",
-          "value": "13px",
+          "value": "15px",
           "description": "Chrome labels, status readouts, section headings."
         }
       },
@@ -2288,17 +2321,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "11px",
+          "value": "13px",
           "description": "Controls and body text."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "13px",
+          "value": "15px",
           "description": "Controls and body text."
         },
         "roomy": {
           "type": "dimension",
-          "value": "15px",
+          "value": "18px",
           "description": "Controls and body text."
         }
       },
@@ -2306,17 +2339,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "14px",
+          "value": "16px",
           "description": "Panel and dialog titles."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "16px",
+          "value": "18px",
           "description": "Panel and dialog titles."
         },
         "roomy": {
           "type": "dimension",
-          "value": "18px",
+          "value": "22px",
           "description": "Panel and dialog titles."
         }
       },
@@ -2324,17 +2357,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "17px",
+          "value": "20px",
           "description": "The largest chrome text \u2014 a lab or app title."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "20px",
+          "value": "23px",
           "description": "The largest chrome text \u2014 a lab or app title."
         },
         "roomy": {
           "type": "dimension",
-          "value": "23px",
+          "value": "28px",
           "description": "The largest chrome text \u2014 a lab or app title."
         }
       },
@@ -2790,17 +2823,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "24px",
+          "value": "28px",
           "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",
+          "value": "32px",
           "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",
+          "value": "38px",
           "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."
         }
       },
@@ -2808,17 +2841,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "16px",
+          "value": "18px",
           "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "18px",
+          "value": "22px",
           "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
         },
         "roomy": {
           "type": "dimension",
-          "value": "22px",
+          "value": "26px",
           "description": "Height of the smallest interactive control -- a stepper, a keycap, a swatch button in a dense row. The rank below control-h-sm."
         }
       },
@@ -2826,17 +2859,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "18px",
+          "value": "20px",
           "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "20px",
+          "value": "24px",
           "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
         },
         "roomy": {
           "type": "dimension",
-          "value": "24px",
+          "value": "28px",
           "description": "Height of a control in a dense inspector -- a Properties field, a small Button. The rank below control-h, which sizes a standalone control."
         }
       },
@@ -2844,17 +2877,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "20px",
+          "value": "24px",
           "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "24px",
+          "value": "28px",
           "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
         },
         "roomy": {
           "type": "dimension",
-          "value": "28px",
+          "value": "34px",
           "description": "Height of an interactive control \u2014 button, input, select, segmented control. Distinct from tb-height, which sizes the strip a row of them sits in."
         }
       },
@@ -2862,17 +2895,17 @@ var BAKED_THEMES = {
         "by": "density",
         "compact": {
           "type": "dimension",
-          "value": "20px",
+          "value": "22px",
           "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
         },
         "comfortable": {
           "type": "dimension",
-          "value": "22px",
+          "value": "26px",
           "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
         },
         "roomy": {
           "type": "dimension",
-          "value": "26px",
+          "value": "32px",
           "description": "Side of a square icon button -- a dialog close, a row remove, a field clear. Smaller than control-h because it carries a glyph rather than a label, and square, so it sizes both axes."
         }
       },
@@ -2886,6 +2919,16 @@ var BAKED_THEMES = {
         "value": "8px",
         "description": "Diameter of a linear range thumb."
       },
+      "slider-track-slop": {
+        "type": "dimension",
+        "value": "6px",
+        "description": "How far past a range track's edge a press still lands on it. Invisible, and overlaps whatever sits beside the track rather than taking layout space."
+      },
+      "slider-thumb-slop": {
+        "type": "dimension",
+        "value": "6px",
+        "description": "How far past a range thumb's edge a press still grabs the thumb rather than landing on the track. Sits over the track's own slop."
+      },
       "slider-track-mix": {
         "type": "dimension",
         "value": "18%",
@@ -3054,6 +3097,11 @@ var BAKED_THEMES = {
         ],
         "description": "Condensed UI/display face. The heavier cuts get blocky at any size, so the weight tokens stay in the 200-400 range."
       },
+      "font-numeric": {
+        "type": "fontFamily",
+        "value": "'Oswald Tabular', var(--wzl-font-ui)",
+        "description": "The UI face with equal-width digits, for numbers read down a column or updated in place. Oswald Tabular carries only 0-9 and the figure space (U+2007); every other character falls through to the UI face."
+      },
       "font-display": {
         "type": "fontFamily",
         "value": [
@@ -3299,5 +3347,5 @@ function colorCount(list, ctx = defaultContext()) {
 }
 
 export { BAKED_THEMES, THEMES, THEME_SOURCES, applyTheme, colorAt, colorCount, colorCssAt, defineTheme, isColorModePreference, rampSteps, themeTones, weaselTheme };
-//# sourceMappingURL=chunk-3KMZGDV5.js.map
-//# sourceMappingURL=chunk-3KMZGDV5.js.map
+//# sourceMappingURL=chunk-HO2AM2OB.js.map
+//# sourceMappingURL=chunk-HO2AM2OB.js.map