@kanzo-tech/ui 0.14.0 → 0.15.1

package/dist/analytics.d.ts

@@ -31,5 +31,5 @@ export { asc, desc } from '@kanzo-tech/mosaic';
 export { axisX, axisY, axisFx, axisFy, gridFx, gridFy } from '@uwdata/vgplot';
 export { MosaicClient, makeClient, clausePoint, clausePoints, clauseInterval, clauseIntervals, clauseMatch, } from '@kanzo-tech/mosaic';
 export type { SelectionClause, FilterExpr } from '@kanzo-tech/mosaic';
-export { column, fillColumn, numbers, type NumericArray } from '@kanzo-tech/mosaic';
+export { column, numbers } from '@kanzo-tech/mosaic';
 //# sourceMappingURL=analytics.d.ts.map

package/dist/analytics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../src/analytics.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AACrG,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAE3F,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAC7F,YAAY,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhF,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGjG,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,EACL,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAChD,SAAS,EAAE,UAAU,EAAE,UAAU,EACjC,SAAS,EAAE,UAAU,EAAE,UAAU,EACjC,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,UAAU,EACrE,SAAS,EAAE,UAAU,EAAE,UAAU,EACjC,SAAS,EAAE,UAAU,EAAE,UAAU,EACjC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAC9C,SAAS,EAAE,UAAU,EAAE,UAAU,EACjC,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAC1E,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EACxE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,gBAAgB,EACzE,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,SAAS,EAC/E,QAAQ,EAAE,WAAW,EAAE,cAAc,EACrC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,YAAY,EAChD,QAAQ,GACT,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAI7E,OAAO,EACL,cAAc,EAAE,cAAc,EAAE,eAAe,EAC/C,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAG5C,UAAU,EAAE,UAAU,EAAE,cAAc,EACtC,WAAW,EAAE,WAAW,EAAE,YAAY,EACtC,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,cAAc,EAAE,YAAY,GAC1C,MAAM,+BAA+B,CAAC;AACvC,YAAY,EACV,oBAAoB,EAAE,mBAAmB,EAAE,iBAAiB,GAC7D,MAAM,+BAA+B,CAAC;AAIvC,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1F,YAAY,EACV,eAAe,EAAE,eAAe,EAAE,gBAAgB,EAAE,gBAAgB,GACrE,MAAM,wBAAwB,CAAC;AAIhC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACjF,YAAY,EACV,gBAAgB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,gBAAgB,GACxE,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAGrF,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AACzE,YAAY,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAIxF,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAUtG,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,YAAY,EACV,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,wBAAwB,EAC3F,uBAAuB,EAAE,iBAAiB,EAAE,gBAAgB,EAC5D,gBAAgB,EAAE,WAAW,EAAE,iBAAiB,EAAE,eAAe,GAClE,MAAM,wBAAwB,CAAC;AAkChC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,EACL,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa,GACxE,MAAM,oBAAoB,CAAC;AAQ5B,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrG,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGpD,YAAY,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAcpD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAO/C,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAM9E,OAAO,EACL,YAAY,EAAE,UAAU,EACxB,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,eAAe,EAAE,WAAW,GACxE,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAOtE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../src/analytics.ts"],"names":[],"mappings":"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"}

package/dist/analytics.js

@@ -1,7 +1,7 @@
 import { MosaicProvider as a, useCrossfilter as e, useMosaic as C, useSelected as h } from "./charts/mosaic-provider.js";
 import { ChartRoot as i, useChartContext as l, useChartContextOptional as s } from "./charts/chart-root.js";
 import { chartSeriesColor as c } from "./charts/chart-config.js";
-import { ChartArea as x, ChartAreaX as m, ChartAreaY as Y, ChartArrow as X, ChartBarX as d, ChartBarY as p, ChartCell as f, ChartCellX as g, ChartCellY as R, ChartCircle as S, ChartContour as D, ChartDelaunayLink as k, ChartDelaunayMesh as y, ChartDenseLine as T, ChartDensity as v, ChartDensityX as F, ChartDensityY as L, ChartDot as P, ChartDotX as I, ChartDotY as M, ChartErrorbarX as b, ChartErrorbarY as A, ChartFrame as H, ChartGeo as V, ChartGraticule as B, ChartGridX as G, ChartGridY as q, ChartHeatmap as E, ChartHexagon as N, ChartHexbin as O, ChartHexgrid as w, ChartHull as Q, ChartImage as W, ChartLine as j, ChartLineX as J, ChartLineY as Z, ChartLink as z, ChartRaster as K, ChartRasterTile as U, ChartRaw as _, ChartRect as $, ChartRectX as rr, ChartRectY as tr, ChartRegressionY as ar, ChartRuleX as er, ChartRuleY as Cr, ChartSphere as hr, ChartSpike as or, ChartText as ir, ChartTextX as lr, ChartTextY as sr, ChartTickX as nr, ChartTickY as cr, ChartVector as ur, ChartVectorX as xr, ChartVectorY as mr, ChartVoronoi as Yr, ChartVoronoiMesh as Xr, ChartWaffleX as dr, ChartWaffleY as pr } from "./charts/chart-marks.js";
+import { ChartArea as u, ChartAreaX as m, ChartAreaY as Y, ChartArrow as X, ChartBarX as d, ChartBarY as p, ChartCell as f, ChartCellX as g, ChartCellY as R, ChartCircle as S, ChartContour as D, ChartDelaunayLink as k, ChartDelaunayMesh as y, ChartDenseLine as T, ChartDensity as v, ChartDensityX as F, ChartDensityY as L, ChartDot as P, ChartDotX as I, ChartDotY as M, ChartErrorbarX as b, ChartErrorbarY as A, ChartFrame as H, ChartGeo as V, ChartGraticule as B, ChartGridX as G, ChartGridY as q, ChartHeatmap as E, ChartHexagon as N, ChartHexbin as O, ChartHexgrid as w, ChartHull as Q, ChartImage as W, ChartLine as j, ChartLineX as J, ChartLineY as Z, ChartLink as z, ChartRaster as K, ChartRasterTile as U, ChartRaw as _, ChartRect as $, ChartRectX as rr, ChartRectY as tr, ChartRegressionY as ar, ChartRuleX as er, ChartRuleY as Cr, ChartSphere as hr, ChartSpike as or, ChartText as ir, ChartTextX as lr, ChartTextY as sr, ChartTickX as nr, ChartTickY as cr, ChartVector as xr, ChartVectorX as ur, ChartVectorY as mr, ChartVoronoi as Yr, ChartVoronoiMesh as Xr, ChartWaffleX as dr, ChartWaffleY as pr } from "./charts/chart-marks.js";
 import { ChartBrushX as gr, ChartBrushXY as Rr, ChartBrushY as Sr, ChartHighlight as Dr, ChartIntervalX as kr, ChartIntervalXY as yr, ChartIntervalY as Tr, ChartNearestX as vr, ChartNearestY as Fr, ChartPanZoom as Lr, ChartPickColor as Pr, ChartPickX as Ir, ChartPickY as Mr, ChartRegion as br, ChartToggleColor as Ar, ChartToggleX as Hr, ChartToggleY as Vr } from "./charts/chart-interactors.js";
 import { ChartAxisX as Gr, ChartAxisY as qr, ChartFacetX as Er, ChartFacetY as Nr } from "./charts/chart-axes.js";
 import { ChartFilter as wr, ChartSearch as Qr, ChartSlider as Wr, useMosaicInput as jr } from "./charts/chart-inputs.js";
@@ -9,11 +9,11 @@ import { ChartColorLegend as Zr, ChartLegend as zr } from "./charts/chart-legend
 import { ChartStat as Ur } from "./charts/chart-stat.js";
 import { useChartQuery as $r } from "./charts/use-chart-query.js";
 import { chartDescriptor as tt } from "./charts/chart-spec.js";
-import { Coordinator as et, MosaicClient as Ct, Selection as ht, asc as ot, clauseInterval as it, clauseIntervals as lt, clauseMatch as st, clausePoint as nt, clausePoints as ct, column as ut, desc as xt, engine as mt, fillColumn as Yt, loadCSV as Xt, loadExtension as dt, loadJSON as pt, loadObjects as ft, loadParquet as gt, loadSpatial as Rt, makeClient as St, numbers as Dt } from "@kanzo-tech/mosaic";
-import { avg as yt, axisFx as Tt, axisFy as vt, axisX as Ft, axisY as Lt, bin as Pt, count as It, gridFx as Mt, gridFy as bt, max as At, median as Ht, min as Vt, mode as Bt, quantile as Gt, sql as qt, stddev as Et, sum as Nt } from "@uwdata/vgplot";
-import { Query as wt } from "@uwdata/mosaic-sql";
+import { Coordinator as et, MosaicClient as Ct, Selection as ht, asc as ot, clauseInterval as it, clauseIntervals as lt, clauseMatch as st, clausePoint as nt, clausePoints as ct, column as xt, desc as ut, engine as mt, loadCSV as Yt, loadExtension as Xt, loadJSON as dt, loadObjects as pt, loadParquet as ft, loadSpatial as gt, makeClient as Rt, numbers as St } from "@kanzo-tech/mosaic";
+import { avg as kt, axisFx as yt, axisFy as Tt, axisX as vt, axisY as Ft, bin as Lt, count as Pt, gridFx as It, gridFy as Mt, max as bt, median as At, min as Ht, mode as Vt, quantile as Bt, sql as Gt, stddev as qt, sum as Et } from "@uwdata/vgplot";
+import { Query as Ot } from "@uwdata/mosaic-sql";
 export {
-  x as ChartArea,
+  u as ChartArea,
   m as ChartAreaX,
   Y as ChartAreaY,
   X as ChartArrow,
@@ -94,8 +94,8 @@ export {
   Ar as ChartToggleColor,
   Hr as ChartToggleX,
   Vr as ChartToggleY,
-  ur as ChartVector,
-  xr as ChartVectorX,
+  xr as ChartVector,
+  ur as ChartVectorX,
   mr as ChartVectorY,
   Yr as ChartVoronoi,
   Xr as ChartVoronoiMesh,
@@ -104,15 +104,15 @@ export {
   et as Coordinator,
   Ct as MosaicClient,
   a as MosaicProvider,
-  wt as Query,
+  Ot as Query,
   ht as Selection,
   ot as asc,
-  yt as avg,
-  Tt as axisFx,
-  vt as axisFy,
-  Ft as axisX,
-  Lt as axisY,
-  Pt as bin,
+  kt as avg,
+  yt as axisFx,
+  Tt as axisFy,
+  vt as axisX,
+  Ft as axisY,
+  Lt as bin,
   tt as chartDescriptor,
   c as chartSeriesColor,
   it as clauseInterval,
@@ -120,29 +120,28 @@ export {
   st as clauseMatch,
   nt as clausePoint,
   ct as clausePoints,
-  ut as column,
-  It as count,
-  xt as desc,
+  xt as column,
+  Pt as count,
+  ut as desc,
   mt as engine,
-  Yt as fillColumn,
-  Mt as gridFx,
-  bt as gridFy,
-  Xt as loadCSV,
-  dt as loadExtension,
-  pt as loadJSON,
-  ft as loadObjects,
-  gt as loadParquet,
-  Rt as loadSpatial,
-  St as makeClient,
-  At as max,
-  Ht as median,
-  Vt as min,
-  Bt as mode,
-  Dt as numbers,
-  Gt as quantile,
-  qt as sql,
-  Et as stddev,
-  Nt as sum,
+  It as gridFx,
+  Mt as gridFy,
+  Yt as loadCSV,
+  Xt as loadExtension,
+  dt as loadJSON,
+  pt as loadObjects,
+  ft as loadParquet,
+  gt as loadSpatial,
+  Rt as makeClient,
+  bt as max,
+  At as median,
+  Ht as min,
+  Vt as mode,
+  St as numbers,
+  Bt as quantile,
+  Gt as sql,
+  qt as stddev,
+  Et as sum,
   l as useChartContext,
   s as useChartContextOptional,
   $r as useChartQuery,

package/dist/composites/CodeEditor.d.ts

@@ -14,7 +14,7 @@ import { HighlightStyle } from '@codemirror/language';
  * There were thirteen `--syntax-*` tokens; six of them were duplicating a tint the ramp
  * already publishes.
  *
- * The seven that remain are derived per tenant and graded against `--editor-active-line`, so a
+ * The seven that remain are authored per theme and graded against the active line (`--muted`), so a
  * palette finally repaints keywords: Dracula's pink, Nord's purple, Catppuccin's mauve. Every
  * document used to declare Kanzo's.
  */

package/dist/composites/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/composites/CodeEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAwC,KAAK,SAAS,EAAY,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAGL,UAAU,EAaX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,cAAc,EAMf,MAAM,sBAAsB,CAAC;AAuB9B;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,gBAiC9B,CAAC;AAEH,8DAA8D;AAC9D,eAAO,MAAM,iBAAiB,EAAE,SAAuE,CAAC;AAyXxG,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;oFACgF;IAChF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;yCAEqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;4CACwC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,+BAiN5C"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/composites/CodeEditor.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAwC,KAAK,SAAS,EAAY,MAAM,mBAAmB,CAAC;AACnG,OAAO,EAGL,UAAU,EAaX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,cAAc,EAMf,MAAM,sBAAsB,CAAC;AAuB9B;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,mBAAmB,gBAiC9B,CAAC;AAEH,8DAA8D;AAC9D,eAAO,MAAM,iBAAiB,EAAE,SAAuE,CAAC;AA0XxG,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;oFACgF;IAChF,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;yCAEqC;IACrC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,gFAAgF;IAChF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;4CACwC;IACxC,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;CAC5C;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,eAAe,+BAiN5C"}

package/dist/composites/CodeEditor.js

@@ -1,15 +1,15 @@
 "use client";
 var j = Object.defineProperty;
-var J = (e, t, n) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var x = (e, t, n) => J(e, typeof t != "symbol" ? t + "" : t, n);
+var J = (o, t, n) => t in o ? j(o, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : o[t] = n;
+var x = (o, t, n) => J(o, typeof t != "symbol" ? t + "" : t, n);
 import { jsx as k } from "react/jsx-runtime";
-import { useRef as l, useState as E, useEffect as g } from "react";
+import { useRef as l, useState as M, useEffect as g } from "react";
 import { createPortal as Q } from "react-dom";
-import { cn as M } from "../lib/cn.js";
+import { cn as E } from "../lib/cn.js";
 import { kanzoSearch as U } from "./code-editor-search.js";
 import { useKanzoThemeOptional as X } from "../theme/theme-context.js";
 import { Compartment as y, EditorState as v, Annotation as Y, RangeSet as Z } from "@codemirror/state";
-import { EditorView as d, keymap as _, drawSelection as $, dropCursor as rr, highlightSpecialChars as er, rectangularSelection as or, crosshairCursor as tr, lineNumbers as ar, placeholder as nr, ViewPlugin as cr, gutterLineClass as ir, Decoration as G, GutterMarker as lr } from "@codemirror/view";
+import { EditorView as d, keymap as _, drawSelection as $, dropCursor as rr, highlightSpecialChars as or, rectangularSelection as er, crosshairCursor as tr, lineNumbers as ar, placeholder as nr, ViewPlugin as cr, gutterLineClass as ir, Decoration as R, GutterMarker as lr } from "@codemirror/view";
 import { history as dr, defaultKeymap as sr, historyKeymap as mr } from "@codemirror/commands";
 import { foldKeymap as ur, bracketMatching as gr, indentOnInput as pr, foldGutter as fr, syntaxHighlighting as vr, HighlightStyle as br } from "@codemirror/language";
 import { closeBracketsKeymap as hr, completionKeymap as xr, autocompletion as kr, closeBrackets as yr } from "@codemirror/autocomplete";
@@ -23,7 +23,7 @@ const K = Y.define(), Sr = br.define([
   // as plain text mid-string. `t.escape`'s parent is `literal`, which was unmapped.
   { tag: [r.escape, r.special(r.brace)], color: "var(--syntax-number)" },
   { tag: [r.number, r.integer, r.float, r.unit], color: "var(--syntax-number)" },
-  { tag: [r.comment, r.lineComment, r.blockComment, r.docComment], color: "var(--faint)", fontStyle: "italic" },
+  { tag: [r.comment, r.lineComment, r.blockComment, r.docComment], color: "var(--faint, var(--muted-foreground))", fontStyle: "italic" },
   // Object keys and attribute names. These used to be grouped with `variableName`, which
   // resolved to a token byte-identical to --foreground — so every key in a JSON document
   // rendered as unstyled text and the whole sample looked near-monochrome.
@@ -34,7 +34,7 @@ const K = Y.define(), Sr = br.define([
   { tag: [r.operator, r.derefOperator, r.arithmeticOperator, r.logicOperator, r.bitwiseOperator, r.compareOperator, r.updateOperator], color: "var(--foreground)" },
   { tag: [r.punctuation, r.separator, r.bracket, r.angleBracket, r.squareBracket, r.paren, r.brace], color: "var(--muted-foreground)" },
   { tag: [r.typeName, r.className, r.namespace, r.tagName, r.labelName], color: "var(--syntax-type)" },
-  { tag: [r.meta, r.annotation, r.processingInstruction, r.documentMeta], color: "var(--faint)" },
+  { tag: [r.meta, r.annotation, r.processingInstruction, r.documentMeta], color: "var(--faint, var(--muted-foreground))" },
   { tag: [r.url, r.link], color: "var(--syntax-function)", textDecoration: "underline" },
   // Markdown: only `heading` was mapped, so prose rendered flat.
   { tag: r.heading, color: "var(--syntax-keyword)", fontWeight: "bold" },
@@ -42,47 +42,47 @@ const K = Y.define(), Sr = br.define([
   { tag: r.strong, fontWeight: "bold" },
   { tag: r.strikethrough, textDecoration: "line-through" },
   { tag: [r.monospace, r.list], color: "var(--syntax-string)" },
-  { tag: r.quote, color: "var(--faint)" },
+  { tag: r.quote, color: "var(--faint, var(--muted-foreground))" },
   // Diff.
   { tag: r.inserted, color: "var(--success)" },
   { tag: r.deleted, color: "var(--destructive)" },
   { tag: r.changed, color: "var(--warning)" },
   { tag: r.invalid, color: "var(--destructive-foreground)" }
-]), Nr = vr(Sr, { fallback: !0 }), Hr = G.line({ class: "cm-activeLine" }), Ir = new class extends lr {
+]), Nr = vr(Sr, { fallback: !0 }), Hr = R.line({ class: "cm-activeLine" }), Ir = new class extends lr {
   constructor() {
     super(...arguments);
     x(this, "elementClass", "cm-activeLineGutter");
   }
-}(), R = (e) => {
-  if (e.selection.ranges.some((s) => !s.empty)) return [];
+}(), G = (o) => {
+  if (o.selection.ranges.some((s) => !s.empty)) return [];
   const t = [];
   let n = -1;
-  for (const s of e.selection.ranges) {
-    const { from: m } = e.doc.lineAt(s.head);
+  for (const s of o.selection.ranges) {
+    const { from: m } = o.doc.lineAt(s.head);
     m > n && (t.push(m), n = m);
   }
   return t;
 }, Lr = cr.fromClass(
   class {
-    constructor(e) {
+    constructor(o) {
       x(this, "decorations");
-      this.decorations = z(e.state);
+      this.decorations = z(o.state);
     }
-    update(e) {
-      (e.docChanged || e.selectionSet) && (this.decorations = z(e.state));
+    update(o) {
+      (o.docChanged || o.selectionSet) && (this.decorations = z(o.state));
     }
   },
-  { decorations: (e) => e.decorations }
-), z = (e) => G.set(R(e).map((t) => Hr.range(t))), Or = ir.compute(
+  { decorations: (o) => o.decorations }
+), z = (o) => R.set(G(o).map((t) => Hr.range(t))), Or = ir.compute(
   ["selection", "doc"],
-  (e) => Z.of(R(e).map((t) => Ir.range(t)))
+  (o) => Z.of(G(o).map((t) => Ir.range(t)))
 ), Br = d.theme({
   // `flex: 1`, not `height: 100%`: the chrome surface sizes with `min-height`/`max-height`, and
   // a percentage height does not resolve against a `min-height`'d parent — so the editor stayed
   // at content height and the field's extra `min-height` showed as dead space below the last
   // line. As a flex child of the flex-column surface it fills the field; `min-height: 0` lets it
   // shrink so `.cm-scroller` scrolls once content passes `max-height`.
-  "&": { fontSize: "var(--kanzo-font-size-base, 14px)", backgroundColor: "transparent", flex: "1 1 auto", minHeight: 0 },
+  "&": { fontSize: "var(--kanzo-font-size-base)", backgroundColor: "transparent", flex: "1 1 auto", minHeight: 0 },
   // NO PADDING AT ALL any more, and that is the fix for a gap somebody could see: the vertical
   // padding used to live here, and `.cm-line` sits INSIDE it — so the active-line highlight on the
   // first line started half a rem below the top of the field and read as a bar floating in a
@@ -162,7 +162,7 @@ const K = Y.define(), Sr = br.define([
     // low — verified back when the padding was on `.cm-content`: a constant 9px below its line.
     background: "var(--muted)",
     border: "none",
-    color: "var(--faint)"
+    color: "var(--faint, var(--muted-foreground))"
   },
   // Line numbers: tabular figures (no jitter across 9→10→100), right-aligned with breathing
   // room from the border edge, and a comfortable minimum width.
@@ -180,7 +180,7 @@ const K = Y.define(), Sr = br.define([
   // Quieter than the active line on purpose: this is a hover affordance, and at equal
   // strength the two read as the same state and the column flickers as the pointer moves.
   ".cm-lineNumbers .cm-gutterElement:hover": {
-    backgroundColor: "color-mix(in srgb, var(--editor-active-line, var(--muted)) 60%, transparent)",
+    backgroundColor: "color-mix(in oklab, var(--muted) 60%, transparent)",
     color: "var(--foreground)"
   },
   ".cm-foldGutter .cm-gutterElement:hover": { color: "var(--foreground)" },
@@ -195,8 +195,8 @@ const K = Y.define(), Sr = br.define([
   // the moment an editor is more than a text box, that is where the theme visibly
   // breaks. These read from the same tokens as `popover` / `menu`.
   ".cm-tooltip": {
-    background: "var(--popover)",
-    color: "var(--popover-foreground)",
+    background: "var(--popover, var(--card))",
+    color: "var(--foreground)",
     border: "1px solid var(--border)",
     borderRadius: "var(--radius-md)",
     boxShadow: "0 4px 12px rgb(0 0 0 / 0.08)",
@@ -208,9 +208,9 @@ const K = Y.define(), Sr = br.define([
   // covers a light page. Found by `codemirror-dark-parity.test.ts`, not by looking.
   ".cm-tooltip-section:not(:first-child)": { borderTop: "1px solid var(--border)" },
   ".cm-tooltip .cm-tooltip-arrow:before": { borderTopColor: "var(--border)" },
-  ".cm-tooltip .cm-tooltip-arrow:after": { borderTopColor: "var(--popover)" },
+  ".cm-tooltip .cm-tooltip-arrow:after": { borderTopColor: "var(--popover, var(--card))" },
   ".cm-tooltip-autocomplete > ul": {
-    fontFamily: "var(--font-mono, ui-monospace, monospace)",
+    fontFamily: "var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace)",
     maxHeight: "16rem"
   },
   ".cm-tooltip-autocomplete > ul > li": {
@@ -219,7 +219,7 @@ const K = Y.define(), Sr = br.define([
   },
   ".cm-tooltip-autocomplete > ul > li[aria-selected]": {
     background: "var(--accent)",
-    color: "var(--accent-foreground)"
+    color: "var(--accent-foreground, var(--foreground))"
   },
   ".cm-completionLabel": { color: "inherit" },
   ".cm-completionMatchedText": {
@@ -235,7 +235,7 @@ const K = Y.define(), Sr = br.define([
   ".cm-completionIcon": { opacity: 0.64, paddingInlineEnd: "0.5rem" },
   ".cm-panels": {
     background: "var(--card)",
-    color: "var(--card-foreground)",
+    color: "var(--foreground)",
     borderColor: "var(--border)"
   },
   ".cm-panels.cm-panels-top": { borderBottom: "1px solid var(--border)" },
@@ -263,7 +263,7 @@ const K = Y.define(), Sr = br.define([
   ".cm-textfield": {
     background: "var(--background)",
     color: "var(--foreground)",
-    border: "1px solid var(--input)",
+    border: "1px solid var(--input, var(--border))",
     borderRadius: "var(--radius-sm)",
     padding: "0.125rem 0.375rem",
     outline: "none"
@@ -274,7 +274,7 @@ const K = Y.define(), Sr = br.define([
   },
   ".cm-button": {
     background: "var(--secondary)",
-    color: "var(--secondary-foreground)",
+    color: "var(--secondary-foreground, var(--foreground))",
     border: "1px solid transparent",
     borderRadius: "var(--radius-sm)",
     backgroundImage: "none",
@@ -283,19 +283,19 @@ const K = Y.define(), Sr = br.define([
   },
   ".cm-button:hover": { background: "var(--accent)" },
   ".cm-button:active": { backgroundImage: "none" },
-  ".cm-dialog": { padding: "0.375rem 0.5rem", fontSize: "var(--kanzo-font-size-small, 12px)" },
+  ".cm-dialog": { padding: "0.375rem 0.5rem", fontSize: "var(--kanzo-font-size-small)" },
   ".cm-dialog label": { display: "inline-flex", alignItems: "center", gap: "0.375rem" },
   ".cm-dialog-close": { color: "var(--muted-foreground)", cursor: "pointer" },
   ".cm-dialog-close:hover": { color: "var(--foreground)" },
   // Search hits: the current one is the primary-tinted anchor, the rest are quieter so
   // "where am I" stays readable at a glance.
   ".cm-searchMatch": {
-    backgroundColor: "var(--warning-a5)",
+    backgroundColor: "color-mix(in oklab, var(--warning) 17%, transparent)",
     outline: "1px solid var(--border)",
     borderRadius: "2px"
   },
   ".cm-searchMatch.cm-searchMatch-selected": {
-    backgroundColor: "var(--warning-a8)",
+    backgroundColor: "color-mix(in oklab, var(--warning) 60%, transparent)",
     outline: "1px solid var(--warning)"
   },
   // Lint diagnostics — semantic tokens, so severity survives a re-theme.
@@ -303,7 +303,7 @@ const K = Y.define(), Sr = br.define([
     padding: "0.25rem 0.5rem",
     borderInlineStartWidth: "3px",
     borderInlineStartStyle: "solid",
-    fontFamily: "var(--font-sans)"
+    fontFamily: "var(--font-sans, ui-sans-serif, system-ui, sans-serif)"
   },
   ".cm-diagnostic-error": { borderInlineStartColor: "var(--destructive)" },
   ".cm-diagnostic-warning": { borderInlineStartColor: "var(--warning)" },
@@ -335,13 +335,13 @@ const K = Y.define(), Sr = br.define([
   // lavender applied in dark mode too. It is driven from the appearance now, which moves the
   // default to `&dark`'s — a different stock colour, still not ours, still covered by this rule.
   "&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground": {
-    backgroundColor: "var(--brand-a5)"
+    backgroundColor: "color-mix(in oklab, var(--primary) 17%, transparent)"
   },
   // **A selection must not repaint the text, and ours repainted all of it.** `tokens.css` sets a
   // document-wide `::selection { bg-primary/80 text-primary-foreground }`, which is right
   // everywhere prose is selected and wrong inside an editor: `drawSelection` suppresses the native
   // selection's *background* and not its `color`, so the fill came from `.cm-selectionBackground`
-  // — `--brand-a5`, black at 12% — while every glyph inside it took `--primary-foreground`.
+  // — a 17% wash of `--primary` — while every glyph inside it took `--primary-foreground`.
   //
   // Measured on `/docs/forms/code-editor`: #fafafa text on a #dcdcdc block. Keys, strings and
   // numbers all flattened to one near-white, so selecting seven lines of JSON erased the
@@ -351,42 +351,43 @@ const K = Y.define(), Sr = br.define([
   // `currentColor` is the fix, and it has to be `currentColor` and not a token: a fixed colour
   // flattens the tokens just as thoroughly, one shade later.
   ".cm-selectionBackground, .cm-content ::selection": {
-    backgroundColor: "var(--brand-a5)",
+    backgroundColor: "color-mix(in oklab, var(--primary) 17%, transparent)",
     color: "currentColor"
   },
-  ".cm-activeLine": { backgroundColor: "var(--editor-active-line, var(--muted))" },
+  ".cm-activeLine": { backgroundColor: "var(--muted)" },
   // The active line's gutter cell is emphasised beyond the row: stronger tint, full-strength
   // ink and a weight bump so the current line number stands out from the dim column.
   ".cm-activeLineGutter": {
-    backgroundColor: "var(--editor-active-line, var(--muted))",
+    backgroundColor: "var(--muted)",
     color: "var(--foreground)",
     fontWeight: "600"
   },
-  ".cm-matchingBracket, &.cm-focused .cm-matchingBracket": { backgroundColor: "var(--brand-a5)", outline: "1px solid var(--primary)" },
-  ".cm-nonmatchingBracket": { backgroundColor: "var(--destructive-a4)" },
-  // **A neutral tint, because it is not a search hit.** This wore `--warning-a5`, byte for byte
+  ".cm-matchingBracket, &.cm-focused .cm-matchingBracket": { backgroundColor: "color-mix(in oklab, var(--primary) 17%, transparent)", outline: "1px solid var(--primary)" },
+  ".cm-nonmatchingBracket, &.cm-focused .cm-nonmatchingBracket": { backgroundColor: "color-mix(in oklab, var(--destructive) 14%, transparent)" },
+  // **A neutral tint, because it is not a search hit.** This wore the warning wash, byte for byte
   // what `.cm-searchMatch` wears — so the other occurrences of the word under your caret were
   // indistinguishable from the hits of a query you actually typed, and the two co-occur constantly:
   // open the find panel while a word is selected and every match looks like the same kind of thing.
   //
   // They are not. A search hit is something you asked for; this is the editor noticing a
   // repetition. Every editor that draws both separates them the same way — the query keeps the
-  // colour, the passive one goes neutral — and `--base-a5` is the house's neutral wash. It also
-  // takes the collision off `--warning-a5`, which `Highlight` uses for a search-term mark in prose.
-  ".cm-selectionMatch": { backgroundColor: "var(--base-a5)" },
-  ".cm-foldGutter .cm-gutterElement": { cursor: "pointer", color: "var(--faint)" },
+  // colour, the passive one goes neutral — and `--foreground` at 17% is the house's neutral wash
+  // (`bg-foreground/17`, a selected table row). It also takes the collision off `bg-warning/17`,
+  // which `Highlight` uses for a search-term mark in prose.
+  ".cm-selectionMatch": { backgroundColor: "color-mix(in oklab, var(--foreground) 17%, transparent)" },
+  ".cm-foldGutter .cm-gutterElement": { cursor: "pointer", color: "var(--faint, var(--muted-foreground))" },
   ".cm-foldPlaceholder": { background: "var(--muted)", border: "1px solid var(--border)", color: "var(--muted-foreground)", borderRadius: "var(--radius-sm)", padding: "0 4px" }
-}), F = (e) => e ? d.darkTheme.of(!0) : [];
-function jr(e) {
+}), F = (o) => o ? d.darkTheme.of(!0) : [];
+function jr(o) {
   var L;
-  const t = l(null), n = l(void 0), [s, m] = E(!1), a = l(e);
-  a.current = e;
+  const t = l(null), n = l(void 0), [s, m] = M(!1), a = l(o);
+  a.current = o;
   const w = l(new y()), C = l(new y()), S = l(new y()), p = ((L = X()) == null ? void 0 : L.resolvedAppearance) === "dark", N = l(p);
   N.current = p;
-  const [T, H] = E([]);
+  const [T, H] = M([]);
   g(() => {
     var O, B;
-    const o = a.current.basics ?? !0;
+    const e = a.current.basics ?? !0;
     let P = 0;
     const W = {
       panel: (c, i) => {
@@ -401,7 +402,7 @@ function jr(e) {
     }, D = d.updateListener.of((c) => {
       var i, u;
       c.focusChanged && m(c.view.hasFocus), c.docChanged && (c.transactions.some((f) => f.annotation(K)) || (u = (i = a.current).onChange) == null || u.call(i, c.state.doc.toString()));
-    }), V = a.current.wrap ?? !0, A = o ? [
+    }), V = a.current.wrap ?? !0, A = e ? [
       dr(),
       _.of([
         ...sr,
@@ -420,9 +421,9 @@ function jr(e) {
       kr(),
       // Makes NBSP, zero-width and control characters visible. Without it they are
       // invisible in the document, which is a real footgun when editing data.
-      er(),
-      // Alt-drag column selection, and the crosshair cursor that signals it is available.
       or(),
+      // Alt-drag column selection, and the crosshair cursor that signals it is available.
+      er(),
       tr(),
       Lr,
       gr(),
@@ -446,7 +447,7 @@ function jr(e) {
           v.allowMultipleSelections.of(!0),
           ...A,
           ...a.current.lineNumbers ? [ar()] : [],
-          ...o && a.current.lineNumbers ? [Or, fr()] : [],
+          ...e && a.current.lineNumbers ? [Or, fr()] : [],
           ...a.current.placeholder ? [nr(a.current.placeholder)] : [],
           D,
           S.current.of(F(N.current)),
@@ -463,34 +464,34 @@ function jr(e) {
       (i = (c = a.current).onView) == null || i.call(c, null), b.destroy();
     };
   }, []), g(() => {
-    const o = n.current;
-    !o || o.hasFocus || e.value !== o.state.doc.toString() && o.dispatch({
-      changes: { from: 0, to: o.state.doc.length, insert: e.value },
+    const e = n.current;
+    !e || e.hasFocus || o.value !== e.state.doc.toString() && e.dispatch({
+      changes: { from: 0, to: e.state.doc.length, insert: o.value },
       annotations: K.of(!0)
     });
-  }, [e.value]), g(() => {
-    var o;
-    (o = n.current) == null || o.dispatch({ effects: w.current.reconfigure(e.extensions ?? []) });
-  }, [e.extensions]), g(() => {
-    var o;
-    (o = n.current) == null || o.dispatch({ effects: S.current.reconfigure(F(p)) });
+  }, [o.value]), g(() => {
+    var e;
+    (e = n.current) == null || e.dispatch({ effects: w.current.reconfigure(o.extensions ?? []) });
+  }, [o.extensions]), g(() => {
+    var e;
+    (e = n.current) == null || e.dispatch({ effects: S.current.reconfigure(F(p)) });
   }, [p]), g(() => {
-    var o;
-    (o = n.current) == null || o.dispatch({
+    var e;
+    (e = n.current) == null || e.dispatch({
       effects: C.current.reconfigure([
-        d.editable.of(!e.readOnly),
-        v.readOnly.of(!!e.readOnly)
+        d.editable.of(!o.readOnly),
+        v.readOnly.of(!!o.readOnly)
       ])
     });
-  }, [e.readOnly]);
-  const I = T.map((o) => Q(o.node, o.dom, String(o.id)));
-  return e.chrome === !1 ? /* @__PURE__ */ k(
+  }, [o.readOnly]);
+  const I = T.map((e) => Q(e.node, e.dom, String(e.id)));
+  return o.chrome === !1 ? /* @__PURE__ */ k(
     "div",
     {
-      className: M("flex flex-col", e.className),
+      className: E("flex flex-col", o.className),
       "data-slot": "code-editor",
       ref: t,
-      style: { minHeight: e.minHeight, maxHeight: e.maxHeight },
+      style: { minHeight: o.minHeight, maxHeight: o.maxHeight },
       children: I
     }
   ) : /* @__PURE__ */ k("div", { "data-slot": "code-editor", style: { flex: 1, width: "100%" }, children: /* @__PURE__ */ k(
@@ -498,9 +499,9 @@ function jr(e) {
     {
       "data-slot": "code-editor-surface",
       "data-focused": s || void 0,
-      "data-invalid": e.invalid || void 0,
+      "data-invalid": o.invalid || void 0,
       ref: t,
-      className: M(
+      className: E(
         "flex w-full flex-col overflow-hidden",
         "rounded-lg border border-input bg-transparent shadow-xs/5 bg-field",
         "transition-[color,box-shadow]",
@@ -508,7 +509,7 @@ function jr(e) {
         "data-invalid:border-destructive data-invalid:ring-[3px] data-invalid:ring-destructive/24",
         "motion-reduce:transition-none!"
       ),
-      style: { minHeight: e.minHeight, maxHeight: e.maxHeight },
+      style: { minHeight: o.minHeight, maxHeight: o.maxHeight },
       children: I
     }
   ) });