@kanzo-tech/ui 0.13.1 → 0.15.0

package/dist/analytics.d.ts

@@ -31,6 +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 { IdSetClient, type IdSetClientOptions } 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;AAOpF,OAAO,EAAE,WAAW,EAAE,KAAK,kBAAkB,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,19 +1,19 @@
 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 S, ChartCircle as R, ChartContour as D, ChartDelaunayLink as k, ChartDelaunayMesh as y, ChartDenseLine as T, ChartDensity as v, ChartDensityX as F, ChartDensityY as I, ChartDot as L, ChartDotX as P, 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 { ChartBrushX as gr, ChartBrushXY as Sr, ChartBrushY as Rr, ChartHighlight as Dr, ChartIntervalX as kr, ChartIntervalXY as yr, ChartIntervalY as Tr, ChartNearestX as vr, ChartNearestY as Fr, ChartPanZoom as Ir, ChartPickColor as Lr, ChartPickX as Pr, ChartPickY as Mr, ChartRegion as br, ChartToggleColor as Ar, ChartToggleX as Hr, ChartToggleY as Vr } from "./charts/chart-interactors.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";
 import { ChartColorLegend as Zr, ChartLegend as zr } from "./charts/chart-legend.js";
 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, IdSetClient as Ct, MosaicClient as ht, Selection as ot, asc as it, clauseInterval as lt, clauseIntervals as st, clauseMatch as nt, clausePoint as ct, clausePoints as ut, column as xt, desc as mt, engine as Yt, fillColumn as Xt, loadCSV as dt, loadExtension as pt, loadJSON as ft, loadObjects as gt, loadParquet as St, loadSpatial as Rt, makeClient as Dt, numbers as kt } from "@kanzo-tech/mosaic";
-import { avg as Tt, axisFx as vt, axisFy as Ft, axisX as It, axisY as Lt, bin as Pt, count as Mt, gridFx as bt, gridFy as At, max as Ht, median as Vt, min as Bt, mode as Gt, quantile as qt, sql as Et, stddev as Nt, sum as Ot } from "@uwdata/vgplot";
-import { Query as Qt } 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,
@@ -22,12 +22,12 @@ export {
   d as ChartBarX,
   p as ChartBarY,
   gr as ChartBrushX,
-  Sr as ChartBrushXY,
-  Rr as ChartBrushY,
+  Rr as ChartBrushXY,
+  Sr as ChartBrushY,
   f as ChartCell,
   g as ChartCellX,
-  S as ChartCellY,
-  R as ChartCircle,
+  R as ChartCellY,
+  S as ChartCircle,
   Zr as ChartColorLegend,
   D as ChartContour,
   k as ChartDelaunayLink,
@@ -35,9 +35,9 @@ export {
   T as ChartDenseLine,
   v as ChartDensity,
   F as ChartDensityX,
-  I as ChartDensityY,
-  L as ChartDot,
-  P as ChartDotX,
+  L as ChartDensityY,
+  P as ChartDot,
+  I as ChartDotX,
   M as ChartDotY,
   b as ChartErrorbarX,
   A as ChartErrorbarY,
@@ -66,9 +66,9 @@ export {
   z as ChartLink,
   vr as ChartNearestX,
   Fr as ChartNearestY,
-  Ir as ChartPanZoom,
-  Lr as ChartPickColor,
-  Pr as ChartPickX,
+  Lr as ChartPanZoom,
+  Pr as ChartPickColor,
+  Ir as ChartPickX,
   Mr as ChartPickY,
   K as ChartRaster,
   U as ChartRasterTile,
@@ -94,56 +94,54 @@ 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,
   dr as ChartWaffleX,
   pr as ChartWaffleY,
   et as Coordinator,
-  Ct as IdSetClient,
-  ht as MosaicClient,
+  Ct as MosaicClient,
   a as MosaicProvider,
-  Qt as Query,
-  ot as Selection,
-  it as asc,
-  Tt as avg,
-  vt as axisFx,
-  Ft as axisFy,
-  It as axisX,
-  Lt as axisY,
-  Pt as bin,
+  Ot as Query,
+  ht as Selection,
+  ot as asc,
+  kt as avg,
+  yt as axisFx,
+  Tt as axisFy,
+  vt as axisX,
+  Ft as axisY,
+  Lt as bin,
   tt as chartDescriptor,
   c as chartSeriesColor,
-  lt as clauseInterval,
-  st as clauseIntervals,
-  nt as clauseMatch,
-  ct as clausePoint,
-  ut as clausePoints,
+  it as clauseInterval,
+  lt as clauseIntervals,
+  st as clauseMatch,
+  nt as clausePoint,
+  ct as clausePoints,
   xt as column,
-  Mt as count,
-  mt as desc,
-  Yt as engine,
-  Xt as fillColumn,
-  bt as gridFx,
-  At as gridFy,
-  dt as loadCSV,
-  pt as loadExtension,
-  ft as loadJSON,
-  gt as loadObjects,
-  St as loadParquet,
-  Rt as loadSpatial,
-  Dt as makeClient,
-  Ht as max,
-  Vt as median,
-  Bt as min,
-  Gt as mode,
-  kt as numbers,
-  qt as quantile,
-  Et as sql,
-  Nt as stddev,
-  Ot as sum,
+  Pt as count,
+  ut as desc,
+  mt as engine,
+  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
     }
   ) });