@kanzo-tech/ui 0.12.0 → 0.13.1

package/dist/charts/chart-spec.js

@@ -1,31 +1,34 @@
-import { isValidElement as y, Fragment as k } from "react";
-import { isAggregateExpression as v } from "@uwdata/mosaic-sql";
-import { chartColorScale as w, isColorToken as $ } from "./chart-config.js";
-function B(t, e) {
+import { isValidElement as m, Fragment as k } from "react";
+import { asTableRef as v, isAggregateExpression as w } from "@uwdata/mosaic-sql";
+import { chartColorScale as $, isColorToken as C } from "./chart-config.js";
+function B(t) {
+  return t === void 0 ? void 0 : String(typeof t == "string" ? v(t) : t);
+}
+function G(t, e) {
   return Object.assign(() => null, { displayName: t, __chart: e });
 }
-function C(t) {
+function S(t) {
   return typeof t == "function" && typeof t.__chart == "function";
 }
-const m = 16;
-function f(t, e, r, i) {
-  if (t == null || typeof t == "boolean" || i > m) return;
+const y = 16;
+function u(t, e, r, i) {
+  if (t == null || typeof t == "boolean" || i > y) return;
   if (Array.isArray(t)) {
-    for (const o of t) f(o, e, r, i + 1);
+    for (const o of t) u(o, e, r, i + 1);
     return;
   }
-  if (!y(t)) return;
+  if (!m(t)) return;
   if (t.type === k) {
-    f(t.props.children, e, r, i + 1);
+    u(t.props.children, e, r, i + 1);
     return;
   }
-  if (!C(t.type)) return;
+  if (!S(t.type)) return;
   const n = t.type.__chart(t.props, e);
   Array.isArray(n) ? r.push(...n) : r.push(n);
 }
 function A(t, e) {
   const r = [];
-  return f(t, e, r, 0), r;
+  return u(t, e, r, 0), r;
 }
 const d = { top: "Top", right: "Right", bottom: "Bottom", left: "Left" };
 function g(t, e) {
@@ -33,7 +36,7 @@ function g(t, e) {
   const r = typeof e == "number" ? { top: e, right: e, bottom: e, left: e } : e;
   return Object.keys(d).filter((i) => r[i] !== void 0).map((i) => ({ kind: "attribute", name: `${t}${d[i]}`, value: r[i] }));
 }
-function G(t, e) {
+function U(t, e) {
   const r = [
     { kind: "attribute", name: "width", value: t.width },
     { kind: "attribute", name: "height", value: t.height },
@@ -41,11 +44,11 @@ function G(t, e) {
     ...g("facetMargin", t.facetMargin)
   ];
   t.aspectRatio !== void 0 && r.push({ kind: "attribute", name: "aspectRatio", value: t.aspectRatio }), t.facetGrid !== void 0 && r.push({ kind: "attribute", name: "facetGrid", value: t.facetGrid }), t.facetLabel !== void 0 && r.push({ kind: "attribute", name: "facetLabel", value: t.facetLabel });
-  const i = w(e.config);
+  const i = $(e.config);
   i && (r.push({ kind: "attribute", name: "colorDomain", value: i.domain }), r.push({
     kind: "attribute",
     name: "colorRange",
-    value: i.range.map((n) => $(n) ? e.resolveColor(n) : n)
+    value: i.range.map((n) => C(n) ? e.resolveColor(n) : n)
   })), r.push(...A(t.children, e));
   for (const n of t.attributes ?? []) r.push({ kind: "raw", value: n });
   return r;
@@ -61,29 +64,29 @@ const O = {
 function c(t) {
   return `<Chart${t[0].toUpperCase()}${t.slice(1)}>`;
 }
-function S(t) {
+function j(t) {
   return Object.values(t.options).some(
-    (e) => v(e) !== 0
+    (e) => w(e) !== 0
   );
 }
-function j(t) {
+function D(t) {
   var e;
   return !!((e = t.resolver) != null && e.cross);
 }
-function U(t, e) {
+function Y(t, e) {
   const r = [], i = t.filter((o) => o.kind === "mark"), n = (e == null ? void 0 : e.shared) ?? [];
   for (const o of t) {
     if (o.kind !== "interactor") continue;
     if (o.interactor === "highlight") {
       const s = o.options.by;
       if (!s) continue;
-      if (j(s)) {
+      if (D(s)) {
         r.push(
           "<ChartHighlight> reads a cross-filtered selection, which by definition hides a clause from the client that published it — so the predicate comes back empty and nothing is ever dimmed. Drop `by` to use the root's own selection, or point it at a plain union."
         );
         continue;
       }
-      const p = i.find(S);
+      const p = i.find(j);
       n.includes(s) && p && r.push(
         `<ChartHighlight by={…}> targets a selection shared by the whole <MosaicProvider>, and ${c(p.mark)} aggregates. The highlight appends its predicate as a column on that GROUP BY query, so as soon as another chart publishes a clause over a column this plot does not group by, DuckDB answers "must appear in the GROUP BY clause", the query dies and this plot silently keeps its previous render. Drop \`by\` — the root's own selection only ever names columns this plot groups by.`
       );
@@ -91,43 +94,44 @@ function U(t, e) {
     }
     const a = o.interactor === "intervalX" ? "x" : o.interactor === "intervalY" ? "y" : null;
     if (!a) continue;
-    const h = i.find((s) => O[s.mark] === a);
-    h && r.push(
-      `${c(o.interactor)} brushes a band scale (${c(h.mark)} makes ${a} categorical). Mosaic throws "Unrecognized scale type: band" on hover and blanks every other chart sharing the coordinator. Use <ChartToggle${a.toUpperCase()}> for categories, or bin ${a} first.`
+    const l = i.find((s) => O[s.mark] === a);
+    l && r.push(
+      `${c(o.interactor)} brushes a band scale (${c(l.mark)} makes ${a} categorical). Mosaic throws "Unrecognized scale type: band" on hover and blanks every other chart sharing the coordinator. Use <ChartToggle${a.toUpperCase()}> for categories, or bin ${a} first.`
     );
   }
   return r;
 }
 const b = /* @__PURE__ */ new WeakMap();
-let D = 0;
-function u(t) {
+let R = 0;
+function f(t) {
   let e = b.get(t);
-  return e === void 0 && (e = ++D, b.set(t, e)), e;
+  return e === void 0 && (e = ++R, b.set(t, e)), e;
 }
-function l(t, e) {
-  if (typeof t == "function") return `fn#${u(t)}`;
+function h(t, e) {
+  if (typeof t == "function") return `fn#${f(t)}`;
   if (typeof t == "symbol") return `sym#${String(t.description)}`;
   if (t === null || typeof t != "object") return t;
-  if (e > m) return `deep#${u(t)}`;
-  if (Array.isArray(t)) return t.map((n) => l(n, e + 1));
+  if (e > y) return `deep#${f(t)}`;
+  if (Array.isArray(t)) return t.map((n) => h(n, e + 1));
   const r = Object.getPrototypeOf(t);
   if (r === Object.prototype || r === null)
-    return Object.fromEntries(Object.entries(t).map(([n, o]) => [n, l(o, e + 1)]));
+    return Object.fromEntries(Object.entries(t).map(([n, o]) => [n, h(o, e + 1)]));
   let i = "[object]";
   try {
     i = String(t);
   } catch {
   }
-  return i.startsWith("[object") ? `obj#${u(t)}` : i;
+  return i.startsWith("[object") ? `obj#${f(t)}` : i;
 }
-function Y(t) {
-  return JSON.stringify(l(t, 0));
+function E(t) {
+  return JSON.stringify(h(t, 0));
 }
 export {
-  G as buildChartSpec,
-  B as chartDescriptor,
-  Y as chartSpecSignature,
-  U as chartSpecWarnings,
+  U as buildChartSpec,
+  G as chartDescriptor,
+  E as chartSpecSignature,
+  Y as chartSpecWarnings,
+  B as chartTableKey,
   A as compileChartSpec
 };
 //# sourceMappingURL=chart-spec.js.map

package/dist/charts/chart-spec.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-spec.js","sources":["../../src/charts/chart-spec.ts"],"sourcesContent":["import { Fragment, isValidElement, type ReactNode } from \"react\";\nimport type { Selection } from \"@uwdata/mosaic-core\";\nimport { isAggregateExpression } from \"@uwdata/mosaic-sql\";\nimport { chartColorScale, isColorToken, type ChartConfig } from \"./chart-config.js\";\n\n/**\n * The plot spec as plain data.\n *\n * `ChartRoot` compiles its descriptor children to this list and only then maps it onto `vg.*`.\n * The indirection is what makes the compiler pure: no coordinator, no DOM, no vgplot — so the\n * grammar is unit-testable and the vgplot binding is a single switch. (`isAggregateExpression` is\n * the one import, a pure AST predicate mosaic-sql exports for exactly this question.)\n */\n\nexport type ChartMarkSource =\n  | { readonly kind: \"table\"; readonly table: string; readonly filterBy: Selection | null }\n  | { readonly kind: \"values\"; readonly values: readonly unknown[] }\n  /** A decorator mark (`frame`, `gridX`, `gridY`) — takes options only, never data. */\n  | null;\n\nexport interface ChartMarkDirective {\n  readonly kind: \"mark\";\n  readonly mark: string;\n  readonly source: ChartMarkSource;\n  readonly options: Readonly<Record<string, unknown>>;\n}\n\nexport interface ChartInteractorDirective {\n  readonly kind: \"interactor\";\n  readonly interactor: string;\n  readonly options: Readonly<Record<string, unknown>>;\n}\n\nexport interface ChartAttributeDirective {\n  readonly kind: \"attribute\";\n  readonly name: string;\n  readonly value: unknown;\n}\n\n/** The escape hatch: a `vg.*` directive the layer does not wrap, passed through untouched. */\nexport interface ChartRawDirective {\n  readonly kind: \"raw\";\n  readonly value: unknown;\n}\n\nexport type ChartDirective =\n  | ChartMarkDirective\n  | ChartInteractorDirective\n  | ChartAttributeDirective\n  | ChartRawDirective;\n\nexport interface ChartSpecContext {\n  /** The relation every table-backed mark reads from. */\n  readonly table?: string;\n  /** What marks filter by; `null` means \"the full relation\". */\n  readonly filterBy: Selection | null;\n  /** Where interactors publish. */\n  readonly as: Selection | null;\n  readonly config: ChartConfig;\n  /** Turns a `var(--token)` / `--token` reference into a Plot-safe colour. */\n  readonly resolveColor: (token: string) => string;\n}\n\nexport type ChartCompile<P> = (props: P, ctx: ChartSpecContext) => ChartDirective | ChartDirective[];\n\n/** An inert child: renders nothing, carries its compilation on a static. */\nexport interface ChartDescriptor<P> {\n  (props: P): null;\n  readonly displayName: string;\n  readonly __chart: ChartCompile<P>;\n}\n\nexport function chartDescriptor<P>(displayName: string, compile: ChartCompile<P>): ChartDescriptor<P> {\n  return Object.assign(() => null, { displayName, __chart: compile }) as ChartDescriptor<P>;\n}\n\nfunction isChartDescriptor(type: unknown): type is ChartDescriptor<unknown> {\n  return typeof type === \"function\" && typeof (type as { __chart?: unknown }).__chart === \"function\";\n}\n\n/** Guards against a pathological tree; nothing legitimate nests fragments this deep. */\nconst MAX_DEPTH = 16;\n\nfunction collect(node: ReactNode, ctx: ChartSpecContext, out: ChartDirective[], depth: number): void {\n  if (node == null || typeof node === \"boolean\" || depth > MAX_DEPTH) return;\n  if (Array.isArray(node)) {\n    for (const child of node) collect(child as ReactNode, ctx, out, depth + 1);\n    return;\n  }\n  if (!isValidElement(node)) return;\n  if (node.type === Fragment) {\n    collect((node.props as { children?: ReactNode }).children, ctx, out, depth + 1);\n    return;\n  }\n  // Anything else is a DOM child (ChartLegend, a caption…) — rendered, never compiled. A\n  // descriptor hidden inside a consumer's own component is invisible here, as in Recharts.\n  if (!isChartDescriptor(node.type)) return;\n  const produced = node.type.__chart(node.props, ctx);\n  if (Array.isArray(produced)) out.push(...produced);\n  else out.push(produced);\n}\n\n/** The descriptor children, in source order. Fragments and arrays flatten; `null`/`false` vanish. */\nexport function compileChartSpec(children: ReactNode, ctx: ChartSpecContext): ChartDirective[] {\n  const out: ChartDirective[] = [];\n  collect(children, ctx, out, 0);\n  return out;\n}\n\nexport interface ChartMargin {\n  top?: number;\n  right?: number;\n  bottom?: number;\n  left?: number;\n}\n\n/**\n * The plot-wide half of faceting. The panels themselves come from a mark's `fx` / `fy` channels\n * (`<ChartBarY fx=\"region\" />`); per-scale options go on `ChartFacetX` / `ChartFacetY`.\n */\nexport interface ChartFacetOptions {\n  /**\n   * Space around each facet panel — the gutter *between* small multiples.\n   *\n   * Not where the panel titles go: those are drawn in the **plot's** top margin, so a `margin`\n   * with a small `top` renders them into nothing and the panels come out anonymous. Leave ~26px.\n   */\n  facetMargin?: number | ChartMargin;\n  /** Draw the grid across the facet panels. */\n  facetGrid?: boolean;\n  /** The shared label for the facet axes; `null` removes it. */\n  facetLabel?: string | null;\n}\n\nexport interface ChartSpecOptions extends ChartFacetOptions {\n  children: ReactNode;\n  /** Measured from the container by `TokenizedPlot`; vgplot defaults to 640 without it. */\n  width: number;\n  height: number;\n  margin?: number | ChartMargin;\n  aspectRatio?: number;\n  attributes?: readonly unknown[];\n}\n\nconst MARGIN_SIDES = { top: \"Top\", right: \"Right\", bottom: \"Bottom\", left: \"Left\" } as const;\n\nfunction marginDirectives(\n  prefix: \"margin\" | \"facetMargin\",\n  margin: number | ChartMargin | undefined,\n): ChartAttributeDirective[] {\n  if (margin === undefined) return [];\n  const sides: ChartMargin =\n    typeof margin === \"number\" ? { top: margin, right: margin, bottom: margin, left: margin } : margin;\n  return (Object.keys(MARGIN_SIDES) as (keyof ChartMargin)[])\n    .filter((side) => sides[side] !== undefined)\n    .map((side) => ({ kind: \"attribute\", name: `${prefix}${MARGIN_SIDES[side]}`, value: sides[side] }));\n}\n\n/**\n * The whole plot: frame attributes, the config's colour scale, the children, then the raw\n * escape hatch last so a consumer directive can override anything the layer decided.\n */\nexport function buildChartSpec(options: ChartSpecOptions, ctx: ChartSpecContext): ChartDirective[] {\n  const directives: ChartDirective[] = [\n    { kind: \"attribute\", name: \"width\", value: options.width },\n    { kind: \"attribute\", name: \"height\", value: options.height },\n    ...marginDirectives(\"margin\", options.margin),\n    ...marginDirectives(\"facetMargin\", options.facetMargin),\n  ];\n  if (options.aspectRatio !== undefined) {\n    directives.push({ kind: \"attribute\", name: \"aspectRatio\", value: options.aspectRatio });\n  }\n  if (options.facetGrid !== undefined) {\n    directives.push({ kind: \"attribute\", name: \"facetGrid\", value: options.facetGrid });\n  }\n  if (options.facetLabel !== undefined) {\n    directives.push({ kind: \"attribute\", name: \"facetLabel\", value: options.facetLabel });\n  }\n  const scale = chartColorScale(ctx.config);\n  if (scale) {\n    directives.push({ kind: \"attribute\", name: \"colorDomain\", value: scale.domain });\n    directives.push({\n      kind: \"attribute\",\n      name: \"colorRange\",\n      value: scale.range.map((c) => (isColorToken(c) ? ctx.resolveColor(c) : c)),\n    });\n  }\n  directives.push(...compileChartSpec(options.children, ctx));\n  for (const raw of options.attributes ?? []) directives.push({ kind: \"raw\", value: raw });\n  return directives;\n}\n\n/** Marks whose primary channel is a band scale, which an interval brush cannot read. */\nconst BAND_MARKS: Record<string, \"x\" | \"y\"> = {\n  barY: \"x\", waffleY: \"x\", cellX: \"x\",\n  barX: \"y\", waffleX: \"y\", cellY: \"y\",\n};\n\nfunction component(name: string): string {\n  return `<Chart${name[0]!.toUpperCase()}${name.slice(1)}>`;\n}\n\n/** A mark whose query carries a `GROUP BY` — any channel holding an aggregate expression. */\nfunction isAggregating(mark: ChartMarkDirective): boolean {\n  // `isAggregateExpression` walks a SQL AST and answers 0 for anything that is not a node, so a\n  // plain `y=\"region\"` costs one type check rather than a guard here.\n  return Object.values(mark.options).some(\n    (value) => isAggregateExpression(value as Parameters<typeof isAggregateExpression>[0]) !== 0,\n  );\n}\n\n/** A cross-filtered selection never reports its own clause back to the client that published it. */\nfunction isCross(selection: Selection): boolean {\n  return Boolean(selection.resolver?.cross);\n}\n\nexport interface ChartSpecWarningContext {\n  /**\n   * Selections shared by the whole `<MosaicProvider>` — anyone's clause can land in these, so they\n   * are never safe as a `ChartHighlight` target on an aggregating mark.\n   */\n  readonly shared?: readonly unknown[];\n}\n\n/**\n * Combinations that fail at *runtime*, reported at build time.\n *\n * Both entries here are silent failures — the kind that costs an afternoon because nothing on\n * screen says anything is wrong.\n *\n * 1. An interval brush over a band scale throws `Unrecognized scale type: band` from Mosaic's\n *    pre-aggregator on pointer-enter — and because that pre-aggregator is coordinator-scoped, the\n *    blast radius is every other chart on the page, which go blank with no error of their own.\n * 2. A `ChartHighlight` pointed at a page-wide selection over an aggregating mark. The highlight\n *    appends its predicate as an extra column on the mark's own `GROUP BY` query, so the first\n *    clause naming a column this plot does not group by is a DuckDB binder error; the query dies\n *    and the plot silently keeps its previous render. The default `by` is the root's own selection\n *    and cannot hit this — only an explicit `by`/`as` naming a shared selection can.\n */\nexport function chartSpecWarnings(spec: ChartDirective[], context?: ChartSpecWarningContext): string[] {\n  const warnings: string[] = [];\n  const marks = spec.filter((d): d is ChartMarkDirective => d.kind === \"mark\");\n  const shared = context?.shared ?? [];\n\n  for (const d of spec) {\n    if (d.kind !== \"interactor\") continue;\n\n    if (d.interactor === \"highlight\") {\n      const by = d.options.by as Selection | null | undefined;\n      if (!by) continue;\n      if (isCross(by)) {\n        warnings.push(\n          \"<ChartHighlight> reads a cross-filtered selection, which by definition hides a clause \" +\n            \"from the client that published it — so the predicate comes back empty and nothing is \" +\n            \"ever dimmed. Drop `by` to use the root's own selection, or point it at a plain union.\",\n        );\n        continue;\n      }\n      const aggregating = marks.find(isAggregating);\n      if (shared.includes(by) && aggregating) {\n        warnings.push(\n          `<ChartHighlight by={…}> targets a selection shared by the whole <MosaicProvider>, and ` +\n            `${component(aggregating.mark)} aggregates. The highlight appends its predicate as a ` +\n            \"column on that GROUP BY query, so as soon as another chart publishes a clause over a \" +\n            \"column this plot does not group by, DuckDB answers \\\"must appear in the GROUP BY \" +\n            \"clause\\\", the query dies and this plot silently keeps its previous render. Drop `by` \" +\n            \"— the root's own selection only ever names columns this plot groups by.\",\n        );\n      }\n      continue;\n    }\n\n    const axis = d.interactor === \"intervalX\" ? \"x\" : d.interactor === \"intervalY\" ? \"y\" : null;\n    if (!axis) continue;\n    const clash = marks.find((m) => BAND_MARKS[m.mark] === axis);\n    if (clash) {\n      warnings.push(\n        `${component(d.interactor)} brushes a band scale ` +\n          `(${component(clash.mark)} makes ${axis} categorical). ` +\n          \"Mosaic throws \\\"Unrecognized scale type: band\\\" on hover and blanks every other chart \" +\n          `sharing the coordinator. Use <ChartToggle${axis.toUpperCase()}> for categories, or bin ${axis} first.`,\n      );\n    }\n  }\n  return warnings;\n}\n\n/**\n * A stable fingerprint of a compiled spec, for `TokenizedPlot`'s dependency list — the plot is\n * rebuilt (and its queries re-run) only when the grammar actually changed, not on every render.\n * SQL expression nodes (`count()`, `bin(x)`) stringify to their SQL; selections, params and\n * functions fall back to identity, which is stable as long as the caller does not rebuild them.\n */\nconst identities = new WeakMap<object, number>();\nlet nextIdentity = 0;\n\nfunction identityOf(value: object): number {\n  let id = identities.get(value);\n  if (id === undefined) {\n    id = ++nextIdentity;\n    identities.set(value, id);\n  }\n  return id;\n}\n\nfunction tag(value: unknown, depth: number): unknown {\n  if (typeof value === \"function\") return `fn#${identityOf(value)}`;\n  if (typeof value === \"symbol\") return `sym#${String(value.description)}`;\n  if (value === null || typeof value !== \"object\") return value;\n  if (depth > MAX_DEPTH) return `deep#${identityOf(value)}`;\n  if (Array.isArray(value)) return value.map((v) => tag(v, depth + 1));\n  const proto: unknown = Object.getPrototypeOf(value);\n  if (proto === Object.prototype || proto === null) {\n    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, tag(v, depth + 1)]));\n  }\n  let text = \"[object]\";\n  try {\n    text = String(value);\n  } catch {\n    /* a toString that throws is no worse than no toString */\n  }\n  return text.startsWith(\"[object\") ? `obj#${identityOf(value)}` : text;\n}\n\nexport function chartSpecSignature(directives: readonly ChartDirective[]): string {\n  return JSON.stringify(tag(directives, 0));\n}\n"],"names":["chartDescriptor","displayName","compile","isChartDescriptor","type","MAX_DEPTH","collect","node","ctx","out","depth","child","isValidElement","Fragment","produced","compileChartSpec","children","MARGIN_SIDES","marginDirectives","prefix","margin","sides","side","buildChartSpec","options","directives","scale","chartColorScale","c","isColorToken","raw","BAND_MARKS","component","name","isAggregating","mark","value","isAggregateExpression","isCross","selection","_a","chartSpecWarnings","spec","context","warnings","marks","d","shared","by","aggregating","axis","clash","m","identities","nextIdentity","identityOf","id","tag","v","proto","k","text","chartSpecSignature"],"mappings":"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"}
+{"version":3,"file":"chart-spec.js","sources":["../../src/charts/chart-spec.ts"],"sourcesContent":["import { Fragment, isValidElement, type ReactNode } from \"react\";\nimport type { Selection } from \"@uwdata/mosaic-core\";\nimport type { TableExpr } from \"@kanzo-tech/mosaic\";\nimport { asTableRef, isAggregateExpression } from \"@uwdata/mosaic-sql\";\nimport { chartColorScale, isColorToken, type ChartConfig } from \"./chart-config.js\";\n\n/**\n * The plot spec as plain data.\n *\n * `ChartRoot` compiles its descriptor children to this list and only then maps it onto `vg.*`.\n * The indirection is what makes the compiler pure: no coordinator, no DOM, no vgplot — so the\n * grammar is unit-testable and the vgplot binding is a single switch. (mosaic-sql is the one\n * engine import: `isAggregateExpression` and `asTableRef`, both pure AST.)\n */\n\n/**\n * A relation's SQL, which is also its identity. A host that writes `verbatim(sql)` inline builds a\n * new node every render and still names the same relation, so the plot and every query key on this\n * and not on the node.\n */\nexport function chartTableKey(table: TableExpr | undefined): string | undefined {\n  return table === undefined ? undefined : String(typeof table === \"string\" ? asTableRef(table) : table);\n}\n\nexport type ChartMarkSource =\n  | { readonly kind: \"table\"; readonly table: TableExpr; readonly filterBy: Selection | null }\n  | { readonly kind: \"values\"; readonly values: readonly unknown[] }\n  /** A decorator mark (`frame`, `gridX`, `gridY`) — takes options only, never data. */\n  | null;\n\nexport interface ChartMarkDirective {\n  readonly kind: \"mark\";\n  readonly mark: string;\n  readonly source: ChartMarkSource;\n  readonly options: Readonly<Record<string, unknown>>;\n}\n\nexport interface ChartInteractorDirective {\n  readonly kind: \"interactor\";\n  readonly interactor: string;\n  readonly options: Readonly<Record<string, unknown>>;\n}\n\nexport interface ChartAttributeDirective {\n  readonly kind: \"attribute\";\n  readonly name: string;\n  readonly value: unknown;\n}\n\n/** The escape hatch: a `vg.*` directive the layer does not wrap, passed through untouched. */\nexport interface ChartRawDirective {\n  readonly kind: \"raw\";\n  readonly value: unknown;\n}\n\nexport type ChartDirective =\n  | ChartMarkDirective\n  | ChartInteractorDirective\n  | ChartAttributeDirective\n  | ChartRawDirective;\n\nexport interface ChartSpecContext {\n  /** The relation every table-backed mark reads from. */\n  readonly table?: TableExpr;\n  /** What marks filter by; `null` means \"the full relation\". */\n  readonly filterBy: Selection | null;\n  /** Where interactors publish. */\n  readonly as: Selection | null;\n  readonly config: ChartConfig;\n  /** Turns a `var(--token)` / `--token` reference into a Plot-safe colour. */\n  readonly resolveColor: (token: string) => string;\n}\n\nexport type ChartCompile<P> = (props: P, ctx: ChartSpecContext) => ChartDirective | ChartDirective[];\n\n/** An inert child: renders nothing, carries its compilation on a static. */\nexport interface ChartDescriptor<P> {\n  (props: P): null;\n  readonly displayName: string;\n  readonly __chart: ChartCompile<P>;\n}\n\nexport function chartDescriptor<P>(displayName: string, compile: ChartCompile<P>): ChartDescriptor<P> {\n  return Object.assign(() => null, { displayName, __chart: compile }) as ChartDescriptor<P>;\n}\n\nfunction isChartDescriptor(type: unknown): type is ChartDescriptor<unknown> {\n  return typeof type === \"function\" && typeof (type as { __chart?: unknown }).__chart === \"function\";\n}\n\n/** Guards against a pathological tree; nothing legitimate nests fragments this deep. */\nconst MAX_DEPTH = 16;\n\nfunction collect(node: ReactNode, ctx: ChartSpecContext, out: ChartDirective[], depth: number): void {\n  if (node == null || typeof node === \"boolean\" || depth > MAX_DEPTH) return;\n  if (Array.isArray(node)) {\n    for (const child of node) collect(child as ReactNode, ctx, out, depth + 1);\n    return;\n  }\n  if (!isValidElement(node)) return;\n  if (node.type === Fragment) {\n    collect((node.props as { children?: ReactNode }).children, ctx, out, depth + 1);\n    return;\n  }\n  // Anything else is a DOM child (ChartLegend, a caption…) — rendered, never compiled. A\n  // descriptor hidden inside a consumer's own component is invisible here, as in Recharts.\n  if (!isChartDescriptor(node.type)) return;\n  const produced = node.type.__chart(node.props, ctx);\n  if (Array.isArray(produced)) out.push(...produced);\n  else out.push(produced);\n}\n\n/** The descriptor children, in source order. Fragments and arrays flatten; `null`/`false` vanish. */\nexport function compileChartSpec(children: ReactNode, ctx: ChartSpecContext): ChartDirective[] {\n  const out: ChartDirective[] = [];\n  collect(children, ctx, out, 0);\n  return out;\n}\n\nexport interface ChartMargin {\n  top?: number;\n  right?: number;\n  bottom?: number;\n  left?: number;\n}\n\n/**\n * The plot-wide half of faceting. The panels themselves come from a mark's `fx` / `fy` channels\n * (`<ChartBarY fx=\"region\" />`); per-scale options go on `ChartFacetX` / `ChartFacetY`.\n */\nexport interface ChartFacetOptions {\n  /**\n   * Space around each facet panel — the gutter *between* small multiples.\n   *\n   * Not where the panel titles go: those are drawn in the **plot's** top margin, so a `margin`\n   * with a small `top` renders them into nothing and the panels come out anonymous. Leave ~26px.\n   */\n  facetMargin?: number | ChartMargin;\n  /** Draw the grid across the facet panels. */\n  facetGrid?: boolean;\n  /** The shared label for the facet axes; `null` removes it. */\n  facetLabel?: string | null;\n}\n\nexport interface ChartSpecOptions extends ChartFacetOptions {\n  children: ReactNode;\n  /** Measured from the container by `TokenizedPlot`; vgplot defaults to 640 without it. */\n  width: number;\n  height: number;\n  margin?: number | ChartMargin;\n  aspectRatio?: number;\n  attributes?: readonly unknown[];\n}\n\nconst MARGIN_SIDES = { top: \"Top\", right: \"Right\", bottom: \"Bottom\", left: \"Left\" } as const;\n\nfunction marginDirectives(\n  prefix: \"margin\" | \"facetMargin\",\n  margin: number | ChartMargin | undefined,\n): ChartAttributeDirective[] {\n  if (margin === undefined) return [];\n  const sides: ChartMargin =\n    typeof margin === \"number\" ? { top: margin, right: margin, bottom: margin, left: margin } : margin;\n  return (Object.keys(MARGIN_SIDES) as (keyof ChartMargin)[])\n    .filter((side) => sides[side] !== undefined)\n    .map((side) => ({ kind: \"attribute\", name: `${prefix}${MARGIN_SIDES[side]}`, value: sides[side] }));\n}\n\n/**\n * The whole plot: frame attributes, the config's colour scale, the children, then the raw\n * escape hatch last so a consumer directive can override anything the layer decided.\n */\nexport function buildChartSpec(options: ChartSpecOptions, ctx: ChartSpecContext): ChartDirective[] {\n  const directives: ChartDirective[] = [\n    { kind: \"attribute\", name: \"width\", value: options.width },\n    { kind: \"attribute\", name: \"height\", value: options.height },\n    ...marginDirectives(\"margin\", options.margin),\n    ...marginDirectives(\"facetMargin\", options.facetMargin),\n  ];\n  if (options.aspectRatio !== undefined) {\n    directives.push({ kind: \"attribute\", name: \"aspectRatio\", value: options.aspectRatio });\n  }\n  if (options.facetGrid !== undefined) {\n    directives.push({ kind: \"attribute\", name: \"facetGrid\", value: options.facetGrid });\n  }\n  if (options.facetLabel !== undefined) {\n    directives.push({ kind: \"attribute\", name: \"facetLabel\", value: options.facetLabel });\n  }\n  const scale = chartColorScale(ctx.config);\n  if (scale) {\n    directives.push({ kind: \"attribute\", name: \"colorDomain\", value: scale.domain });\n    directives.push({\n      kind: \"attribute\",\n      name: \"colorRange\",\n      value: scale.range.map((c) => (isColorToken(c) ? ctx.resolveColor(c) : c)),\n    });\n  }\n  directives.push(...compileChartSpec(options.children, ctx));\n  for (const raw of options.attributes ?? []) directives.push({ kind: \"raw\", value: raw });\n  return directives;\n}\n\n/** Marks whose primary channel is a band scale, which an interval brush cannot read. */\nconst BAND_MARKS: Record<string, \"x\" | \"y\"> = {\n  barY: \"x\", waffleY: \"x\", cellX: \"x\",\n  barX: \"y\", waffleX: \"y\", cellY: \"y\",\n};\n\nfunction component(name: string): string {\n  return `<Chart${name[0]!.toUpperCase()}${name.slice(1)}>`;\n}\n\n/** A mark whose query carries a `GROUP BY` — any channel holding an aggregate expression. */\nfunction isAggregating(mark: ChartMarkDirective): boolean {\n  // `isAggregateExpression` walks a SQL AST and answers 0 for anything that is not a node, so a\n  // plain `y=\"region\"` costs one type check rather than a guard here.\n  return Object.values(mark.options).some(\n    (value) => isAggregateExpression(value as Parameters<typeof isAggregateExpression>[0]) !== 0,\n  );\n}\n\n/** A cross-filtered selection never reports its own clause back to the client that published it. */\nfunction isCross(selection: Selection): boolean {\n  return Boolean(selection.resolver?.cross);\n}\n\nexport interface ChartSpecWarningContext {\n  /**\n   * Selections shared by the whole `<MosaicProvider>` — anyone's clause can land in these, so they\n   * are never safe as a `ChartHighlight` target on an aggregating mark.\n   */\n  readonly shared?: readonly unknown[];\n}\n\n/**\n * Combinations that fail at *runtime*, reported at build time.\n *\n * Both entries here are silent failures — the kind that costs an afternoon because nothing on\n * screen says anything is wrong.\n *\n * 1. An interval brush over a band scale throws `Unrecognized scale type: band` from Mosaic's\n *    pre-aggregator on pointer-enter — and because that pre-aggregator is coordinator-scoped, the\n *    blast radius is every other chart on the page, which go blank with no error of their own.\n * 2. A `ChartHighlight` pointed at a page-wide selection over an aggregating mark. The highlight\n *    appends its predicate as an extra column on the mark's own `GROUP BY` query, so the first\n *    clause naming a column this plot does not group by is a DuckDB binder error; the query dies\n *    and the plot silently keeps its previous render. The default `by` is the root's own selection\n *    and cannot hit this — only an explicit `by`/`as` naming a shared selection can.\n */\nexport function chartSpecWarnings(spec: ChartDirective[], context?: ChartSpecWarningContext): string[] {\n  const warnings: string[] = [];\n  const marks = spec.filter((d): d is ChartMarkDirective => d.kind === \"mark\");\n  const shared = context?.shared ?? [];\n\n  for (const d of spec) {\n    if (d.kind !== \"interactor\") continue;\n\n    if (d.interactor === \"highlight\") {\n      const by = d.options.by as Selection | null | undefined;\n      if (!by) continue;\n      if (isCross(by)) {\n        warnings.push(\n          \"<ChartHighlight> reads a cross-filtered selection, which by definition hides a clause \" +\n            \"from the client that published it — so the predicate comes back empty and nothing is \" +\n            \"ever dimmed. Drop `by` to use the root's own selection, or point it at a plain union.\",\n        );\n        continue;\n      }\n      const aggregating = marks.find(isAggregating);\n      if (shared.includes(by) && aggregating) {\n        warnings.push(\n          `<ChartHighlight by={…}> targets a selection shared by the whole <MosaicProvider>, and ` +\n            `${component(aggregating.mark)} aggregates. The highlight appends its predicate as a ` +\n            \"column on that GROUP BY query, so as soon as another chart publishes a clause over a \" +\n            \"column this plot does not group by, DuckDB answers \\\"must appear in the GROUP BY \" +\n            \"clause\\\", the query dies and this plot silently keeps its previous render. Drop `by` \" +\n            \"— the root's own selection only ever names columns this plot groups by.\",\n        );\n      }\n      continue;\n    }\n\n    const axis = d.interactor === \"intervalX\" ? \"x\" : d.interactor === \"intervalY\" ? \"y\" : null;\n    if (!axis) continue;\n    const clash = marks.find((m) => BAND_MARKS[m.mark] === axis);\n    if (clash) {\n      warnings.push(\n        `${component(d.interactor)} brushes a band scale ` +\n          `(${component(clash.mark)} makes ${axis} categorical). ` +\n          \"Mosaic throws \\\"Unrecognized scale type: band\\\" on hover and blanks every other chart \" +\n          `sharing the coordinator. Use <ChartToggle${axis.toUpperCase()}> for categories, or bin ${axis} first.`,\n      );\n    }\n  }\n  return warnings;\n}\n\n/**\n * A stable fingerprint of a compiled spec, for `TokenizedPlot`'s dependency list — the plot is\n * rebuilt (and its queries re-run) only when the grammar actually changed, not on every render.\n * SQL expression nodes (`count()`, `bin(x)`) stringify to their SQL; selections, params and\n * functions fall back to identity, which is stable as long as the caller does not rebuild them.\n */\nconst identities = new WeakMap<object, number>();\nlet nextIdentity = 0;\n\nfunction identityOf(value: object): number {\n  let id = identities.get(value);\n  if (id === undefined) {\n    id = ++nextIdentity;\n    identities.set(value, id);\n  }\n  return id;\n}\n\nfunction tag(value: unknown, depth: number): unknown {\n  if (typeof value === \"function\") return `fn#${identityOf(value)}`;\n  if (typeof value === \"symbol\") return `sym#${String(value.description)}`;\n  if (value === null || typeof value !== \"object\") return value;\n  if (depth > MAX_DEPTH) return `deep#${identityOf(value)}`;\n  if (Array.isArray(value)) return value.map((v) => tag(v, depth + 1));\n  const proto: unknown = Object.getPrototypeOf(value);\n  if (proto === Object.prototype || proto === null) {\n    return Object.fromEntries(Object.entries(value).map(([k, v]) => [k, tag(v, depth + 1)]));\n  }\n  let text = \"[object]\";\n  try {\n    text = String(value);\n  } catch {\n    /* a toString that throws is no worse than no toString */\n  }\n  return text.startsWith(\"[object\") ? `obj#${identityOf(value)}` : text;\n}\n\nexport function chartSpecSignature(directives: readonly ChartDirective[]): string {\n  return JSON.stringify(tag(directives, 0));\n}\n"],"names":["chartTableKey","table","asTableRef","chartDescriptor","displayName","compile","isChartDescriptor","type","MAX_DEPTH","collect","node","ctx","out","depth","child","isValidElement","Fragment","produced","compileChartSpec","children","MARGIN_SIDES","marginDirectives","prefix","margin","sides","side","buildChartSpec","options","directives","scale","chartColorScale","c","isColorToken","raw","BAND_MARKS","component","name","isAggregating","mark","value","isAggregateExpression","isCross","selection","_a","chartSpecWarnings","spec","context","warnings","marks","d","shared","by","aggregating","axis","clash","m","identities","nextIdentity","identityOf","id","tag","v","proto","k","text","chartSpecSignature"],"mappings":"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"}

package/dist/charts/chart-stat.d.ts

@@ -1,3 +1,4 @@
+import { TableExpr } from '@kanzo-tech/mosaic';
 import { ExprValue } from '@uwdata/mosaic-sql';
 import { StatValueProps } from '../simples/stat.js';
 /**
@@ -7,8 +8,8 @@ import { StatValueProps } from '../simples/stat.js';
  * value it replaces, so the label, the delta and the link stay the host's.
  */
 export interface ChartStatProps extends Omit<StatValueProps, "children" | "loading"> {
-    /** The relation. Defaults to the enclosing `ChartRoot`'s table. */
-    table?: string;
+    /** The relation, as `ChartRoot` takes it. Defaults to the enclosing `ChartRoot`'s table. */
+    table?: TableExpr;
     /** The aggregate to show — `count()`, `avg("latency")`, any `mosaic-sql` expression. */
     value: ExprValue;
     /**

package/dist/charts/chart-stat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-stat.d.ts","sourceRoot":"","sources":["../../src/charts/chart-stat.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAIpE;;;;;GAKG;AAEH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC;IAClF,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BA6B9C;yBA7Be,SAAS"}
+{"version":3,"file":"chart-stat.d.ts","sourceRoot":"","sources":["../../src/charts/chart-stat.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAEpD,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAKpE;;;;;GAKG;AAEH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,SAAS,CAAC;IAClF,4FAA4F;IAC5F,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACpC;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,+BA6B9C;yBA7Be,SAAS"}

package/dist/charts/chart-stat.js

@@ -1,19 +1,20 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { FormatNumber as p } from "@ark-ui/react/format";
 import { Query as c } from "@uwdata/mosaic-sql";
 import { StatValue as f } from "../simples/stat.js";
-import { useChartContextOptional as d } from "./chart-root.js";
-import { useChartQuery as h } from "./use-chart-query.js";
-function b(i) {
-  const { table: l, value: e, format: m, ...s } = i, a = d(), t = l ?? (a == null ? void 0 : a.table), { row: r } = h({
+import { useChartContextOptional as h } from "./chart-root.js";
+import { chartTableKey as d } from "./chart-spec.js";
+import { useChartQuery as b } from "./use-chart-query.js";
+function C(n) {
+  const { table: l, value: e, format: m, ...s } = n, a = h(), t = l ?? (a == null ? void 0 : a.table), { row: r } = b({
     query: (u) => t ? c.from(t).select({ value: e }).where(u) : null,
-    deps: [t, e]
+    deps: [d(t), e]
   });
   if (!t)
     throw new Error("ChartStat needs a `table`, or a <ChartRoot table> around it.");
   const o = Number((r == null ? void 0 : r.value) ?? 0);
-  return /* @__PURE__ */ n(f, { loading: r === void 0, ...s, children: m ? m(o) : /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(f, { loading: r === void 0, ...s, children: m ? m(o) : /* @__PURE__ */ i(
     p,
     {
       maximumFractionDigits: 1,
@@ -22,8 +23,8 @@ function b(i) {
     }
   ) });
 }
-b.displayName = "ChartStat";
+C.displayName = "ChartStat";
 export {
-  b as ChartStat
+  C as ChartStat
 };
 //# sourceMappingURL=chart-stat.js.map

package/dist/charts/chart-stat.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-stat.js","sources":["../../src/charts/chart-stat.tsx"],"sourcesContent":["\"use client\";\n\nimport { FormatNumber } from \"@ark-ui/react/format\";\nimport type { ExprValue } from \"@uwdata/mosaic-sql\";\nimport { Query } from \"@uwdata/mosaic-sql\";\nimport { StatValue, type StatValueProps } from \"../simples/stat.js\";\nimport { useChartContextOptional } from \"./chart-root.js\";\nimport { useChartQuery } from \"./use-chart-query.js\";\n\n/**\n * `StatValue` with the figure read from the relation, under the same crossfilter as the plots. The\n * connected half of the pair, which is the engine rule: the `Stat*` parts take a number and live in\n * the root barrel, this one queries for it and lives here. It sits inside a `StatRoot` like the\n * value it replaces, so the label, the delta and the link stay the host's.\n */\n\nexport interface ChartStatProps extends Omit<StatValueProps, \"children\" | \"loading\"> {\n  /** The relation. Defaults to the enclosing `ChartRoot`'s table. */\n  table?: string;\n  /** The aggregate to show — `count()`, `avg(\"latency\")`, any `mosaic-sql` expression. */\n  value: ExprValue;\n  /**\n   * Formats the number for display. By default a count under ten thousand reads in full and\n   * anything larger compacts — `4,233`, `12.9K` — so a four-digit figure is never abbreviated\n   * into ambiguity.\n   */\n  format?: (value: number) => string;\n}\n\nexport function ChartStat(props: ChartStatProps) {\n  const { table, value, format, ...rest } = props;\n  const chart = useChartContextOptional();\n  const relation = table ?? chart?.table;\n\n  const { row } = useChartQuery({\n    query: (filter) =>\n      relation ? Query.from(relation).select({ value }).where(filter) : null,\n    deps: [relation, value],\n  });\n\n  if (!relation) {\n    throw new Error(\"ChartStat needs a `table`, or a <ChartRoot table> around it.\");\n  }\n\n  const raw = Number(row?.value ?? 0);\n  return (\n    <StatValue loading={row === undefined} {...rest}>\n      {format ? (\n        format(raw)\n      ) : (\n        <FormatNumber\n          maximumFractionDigits={1}\n          notation={Math.abs(raw) >= 10_000 ? \"compact\" : \"standard\"}\n          value={raw}\n        />\n      )}\n    </StatValue>\n  );\n}\n\n// The chart context is optional: a tile sits in a dashboard grid, outside any plot.\nChartStat.displayName = \"ChartStat\";\n"],"names":["ChartStat"],"mappings":";;;;;;;AA6BO;AACL;AAI8B;AAEwC;AAC9C;AAGxB;AACE;AAGF;AACA;AAKM;AAAC;AAAA;AACwB;AACyB;AACzC;AAAA;AAKjB;AAGAA;;;;"}
+{"version":3,"file":"chart-stat.js","sources":["../../src/charts/chart-stat.tsx"],"sourcesContent":["\"use client\";\n\nimport type { TableExpr } from \"@kanzo-tech/mosaic\";\nimport { FormatNumber } from \"@ark-ui/react/format\";\nimport type { ExprValue } from \"@uwdata/mosaic-sql\";\nimport { Query } from \"@uwdata/mosaic-sql\";\nimport { StatValue, type StatValueProps } from \"../simples/stat.js\";\nimport { useChartContextOptional } from \"./chart-root.js\";\nimport { chartTableKey } from \"./chart-spec.js\";\nimport { useChartQuery } from \"./use-chart-query.js\";\n\n/**\n * `StatValue` with the figure read from the relation, under the same crossfilter as the plots. The\n * connected half of the pair, which is the engine rule: the `Stat*` parts take a number and live in\n * the root barrel, this one queries for it and lives here. It sits inside a `StatRoot` like the\n * value it replaces, so the label, the delta and the link stay the host's.\n */\n\nexport interface ChartStatProps extends Omit<StatValueProps, \"children\" | \"loading\"> {\n  /** The relation, as `ChartRoot` takes it. Defaults to the enclosing `ChartRoot`'s table. */\n  table?: TableExpr;\n  /** The aggregate to show — `count()`, `avg(\"latency\")`, any `mosaic-sql` expression. */\n  value: ExprValue;\n  /**\n   * Formats the number for display. By default a count under ten thousand reads in full and\n   * anything larger compacts — `4,233`, `12.9K` — so a four-digit figure is never abbreviated\n   * into ambiguity.\n   */\n  format?: (value: number) => string;\n}\n\nexport function ChartStat(props: ChartStatProps) {\n  const { table, value, format, ...rest } = props;\n  const chart = useChartContextOptional();\n  const relation = table ?? chart?.table;\n\n  const { row } = useChartQuery({\n    query: (filter) =>\n      relation ? Query.from(relation).select({ value }).where(filter) : null,\n    deps: [chartTableKey(relation), value],\n  });\n\n  if (!relation) {\n    throw new Error(\"ChartStat needs a `table`, or a <ChartRoot table> around it.\");\n  }\n\n  const raw = Number(row?.value ?? 0);\n  return (\n    <StatValue loading={row === undefined} {...rest}>\n      {format ? (\n        format(raw)\n      ) : (\n        <FormatNumber\n          maximumFractionDigits={1}\n          notation={Math.abs(raw) >= 10_000 ? \"compact\" : \"standard\"}\n          value={raw}\n        />\n      )}\n    </StatValue>\n  );\n}\n\n// The chart context is optional: a tile sits in a dashboard grid, outside any plot.\nChartStat.displayName = \"ChartStat\";\n"],"names":["ChartStat"],"mappings":";;;;;;;;AA+BO;AACL;AAI8B;AAEwC;AAC/B;AAGvC;AACE;AAGF;AACA;AAKM;AAAC;AAAA;AACwB;AACyB;AACzC;AAAA;AAKjB;AAGAA;;;;"}

package/dist/composites/language-picker.d.ts

@@ -19,6 +19,13 @@ export interface LanguagePickerProps {
      * input — rather than a bordered control of its own.
      */
     inline?: boolean;
+    /**
+     * The control height, one of the shared sizes. Ignored with `inline`, which takes the height of
+     * the field it sits in.
+     *
+     * @default "md"
+     */
+    size?: "sm" | "md" | "lg";
     disabled?: boolean;
     readOnly?: boolean;
     invalid?: boolean;

package/dist/composites/language-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"language-picker.d.ts","sourceRoot":"","sources":["../../src/composites/language-picker.tsx"],"names":[],"mappings":"AAwEA,0EAA0E;AAC1E,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAQD,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAkGxD,CAAC"}
+{"version":3,"file":"language-picker.d.ts","sourceRoot":"","sources":["../../src/composites/language-picker.tsx"],"names":[],"mappings":"AAwEA,0EAA0E;AAC1E,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAQD,MAAM,WAAW,mBAAmB;IAClC,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,4FAA4F;IAC5F,aAAa,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAC;CACpD;AAED;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,mBAAmB,gCAoGxD,CAAC"}

package/dist/composites/language-picker.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { createListCollection as M } from "@ark-ui/react/collection";
-import { useFilter as S } from "@ark-ui/react/locale";
-import { useState as T, useId as P, useMemo as b } from "react";
-import { tv as j } from "tailwind-variants";
-import { cn as A } from "../lib/cn.js";
-import { Combobox as E, ComboboxControl as F, ComboboxFieldInput as G, ComboboxInput as O, ComboboxContent as q, ComboboxEmpty as B, ComboboxItem as U } from "../simples/combobox.js";
+import { createListCollection as S } from "@ark-ui/react/collection";
+import { useFilter as T } from "@ark-ui/react/locale";
+import { useState as P, useId as j, useMemo as b } from "react";
+import { tv as A } from "tailwind-variants";
+import { cn as E } from "../lib/cn.js";
+import { Combobox as F, ComboboxControl as G, ComboboxFieldInput as O, ComboboxInput as q, ComboboxContent as z, ComboboxEmpty as B, ComboboxItem as U } from "../simples/combobox.js";
 const $ = [
   "en",
   "es",
@@ -56,7 +56,7 @@ const $ = [
   "sw",
   "af"
 ];
-function z(o) {
+function D(o) {
   try {
     const t = o.split("-")[0] ?? o, r = new Intl.DisplayNames([o], { type: "language" }).of(t);
     return !r || r.toLowerCase() === t.toLowerCase() ? o : r.charAt(0).toLocaleUpperCase(o) + r.slice(1);
@@ -64,14 +64,14 @@ function z(o) {
     return o;
   }
 }
-function D(o) {
+function H(o) {
   try {
     return Intl.getCanonicalLocales(o.trim())[0] ?? null;
   } catch {
     return null;
   }
 }
-const H = j({
+const Q = A({
   variants: {
     // A slot inside another field's control — a trailing addon of a text input — is not a control of
     // its own, so it draws no box, no ring and no chevron of its own: the field around it does.
@@ -79,73 +79,75 @@ const H = j({
       true: "w-24 min-w-0 border-0 bg-transparent text-inherit outline-none [font:inherit]"
     }
   }
-}), Q = {
+}), _ = {
   placeholder: "Search or type a tag…",
   filterPlaceholder: "Filter…",
   noMatches: "No matches"
-}, Z = (o) => {
+}, ee = (o) => {
   const {
     value: t,
     onValueChange: r,
     languages: n,
     inline: c = !1,
-    disabled: x,
-    readOnly: v,
-    invalid: I,
+    size: x,
+    disabled: v,
+    readOnly: I,
+    invalid: w,
     className: f,
-    translations: w,
-    "aria-label": L
-  } = o, m = { ...Q, ...w }, l = !!(n != null && n.length), { contains: u } = S({ sensitivity: "base" }), [d, N] = T(""), V = P(), h = b(
-    () => (n != null && n.length ? n : $).map((e) => ({ code: e, name: z(e) })),
+    translations: L,
+    "aria-label": N
+  } = o, m = { ..._, ...L }, l = !!(n != null && n.length), { contains: u } = T({ sensitivity: "base" }), [d, V] = P(""), k = j(), h = b(
+    () => (n != null && n.length ? n : $).map((e) => ({ code: e, name: D(e) })),
     [n]
   ), C = b(() => {
     const e = d.trim(), i = e ? h.filter((a) => u(a.code, e) || u(a.name, e)) : h;
-    return M({
+    return S({
       items: i,
       itemToValue: (a) => a.code,
       itemToString: (a) => `${a.name} · ${a.code}`
     });
-  }, [h, d, u]), k = b(() => t ? [t] : [], [t]), y = l ? m.filterPlaceholder : m.placeholder, g = () => {
-    const e = l ? null : D(d);
+  }, [h, d, u]), M = b(() => t ? [t] : [], [t]), y = l ? m.filterPlaceholder : m.placeholder, g = () => {
+    const e = l ? null : H(d);
     e && e !== t && r(e);
   };
   return /* @__PURE__ */ p(
-    E,
+    F,
     {
-      "aria-label": L,
+      "aria-label": N,
       allowCustomValue: !l,
       collection: C,
-      disabled: x,
-      ids: c ? { input: V } : void 0,
-      invalid: I,
-      onInputValueChange: (e) => N(e.inputValue),
+      disabled: v,
+      ids: c ? { input: k } : void 0,
+      invalid: w,
+      onInputValueChange: (e) => V(e.inputValue),
       onValueChange: (e) => {
         const i = e.value[0];
         i && r(i);
       },
-      readOnly: v,
-      value: k,
+      readOnly: I,
+      value: M,
       children: [
         c ? (
           // `ComboboxControl` stays because the popover positions against it.
-          /* @__PURE__ */ s(F, { children: /* @__PURE__ */ s(
-            G,
+          /* @__PURE__ */ s(G, { children: /* @__PURE__ */ s(
+            O,
             {
-              className: A(H({ inline: c }), f),
+              className: E(Q({ inline: c }), f),
               onBlur: g,
               placeholder: y
             }
           ) })
         ) : /* @__PURE__ */ s(
-          O,
+          q,
           {
             className: f,
             onBlur: g,
             placeholder: y,
-            showTrigger: l
+            showTrigger: l,
+            size: x
           }
         ),
-        /* @__PURE__ */ p(q, { children: [
+        /* @__PURE__ */ p(z, { children: [
           /* @__PURE__ */ s(B, { children: m.noMatches }),
           C.items.map((e) => /* @__PURE__ */ p(U, { item: e, children: [
             e.name,
@@ -158,6 +160,6 @@ const H = j({
   );
 };
 export {
-  Z as LanguagePicker
+  ee as LanguagePicker
 };
 //# sourceMappingURL=language-picker.js.map

package/dist/composites/language-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"language-picker.js","sources":["../../src/composites/language-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { createListCollection } from \"@ark-ui/react/collection\";\nimport { useFilter } from \"@ark-ui/react/locale\";\nimport { useId, useMemo, useState } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxControl,\n  ComboboxEmpty,\n  ComboboxFieldInput,\n  ComboboxInput,\n  ComboboxItem,\n} from \"../simples/combobox\";\n\n/**\n * A broad default set of language subtags, offered when the host does not pin `languages`. The\n * search filters it, so its length is not a cost.\n */\nconst COMMON_LANGUAGES = [\n  \"en\", \"es\", \"fr\", \"de\", \"it\", \"pt\", \"nl\", \"ca\", \"gl\", \"eu\", \"ast\", \"oc\",\n  \"ga\", \"cy\", \"sv\", \"da\", \"nb\", \"nn\", \"fi\", \"is\", \"pl\", \"cs\", \"sk\", \"sl\",\n  \"hr\", \"sr\", \"bg\", \"ro\", \"hu\", \"el\", \"tr\", \"ru\", \"uk\", \"ar\", \"he\", \"fa\",\n  \"hi\", \"bn\", \"ur\", \"zh\", \"ja\", \"ko\", \"th\", \"vi\", \"id\", \"ms\", \"sw\", \"af\",\n] as const;\n\n/**\n * The language's name in its own language, `es` → \"Español\", so a reader recognises theirs\n * without knowing its code. Falls back to the tag when the runtime cannot name it, which is also\n * what `Intl.DisplayNames` reports by echoing the code back.\n */\nfunction endonym(tag: string): string {\n  try {\n    const base = tag.split(\"-\")[0] ?? tag;\n    const name = new Intl.DisplayNames([tag], { type: \"language\" }).of(base);\n    if (!name || name.toLowerCase() === base.toLowerCase()) return tag;\n    return name.charAt(0).toLocaleUpperCase(tag) + name.slice(1);\n  } catch {\n    return tag;\n  }\n}\n\n/**\n * The canonical spelling of a well-formed BCP 47 tag (`ES-mx` → `es-MX`), or `null` when the\n * string is not one. The runtime is the parser: a hand-written pattern accepts what the grammar\n * refuses and refuses what it accepts.\n */\nfunction canonicalTag(text: string): string | null {\n  try {\n    return Intl.getCanonicalLocales(text.trim())[0] ?? null;\n  } catch {\n    return null;\n  }\n}\n\ninterface Language {\n  code: string;\n  name: string;\n}\n\nconst languagePickerInputVariants = tv({\n  variants: {\n    // A slot inside another field's control — a trailing addon of a text input — is not a control of\n    // its own, so it draws no box, no ring and no chevron of its own: the field around it does.\n    inline: {\n      true: \"w-24 min-w-0 border-0 bg-transparent text-inherit outline-none [font:inherit]\",\n    },\n  },\n});\n\n/** The words this control draws, for a product that is not in English. */\nexport interface LanguagePickerTranslations {\n  placeholder: string;\n  filterPlaceholder: string;\n  noMatches: string;\n}\n\nconst ENGLISH: LanguagePickerTranslations = {\n  placeholder: \"Search or type a tag…\",\n  filterPlaceholder: \"Filter…\",\n  noMatches: \"No matches\",\n};\n\nexport interface LanguagePickerProps {\n  /** A BCP 47 tag, or `\"\"` for none. */\n  value: string;\n  /** Called with the tag picked or typed, canonically spelled: `es-mx` arrives as `es-MX`. */\n  onValueChange: (tag: string) => void;\n  /**\n   * The tags on offer. When given, the list is exactly these and a tag outside it cannot be\n   * entered; when omitted, a broad default set is offered and any well-formed tag can be typed.\n   */\n  languages?: readonly string[];\n  /**\n   * Draw only the input, for a slot inside another field's control — the trailing addon of a text\n   * input — rather than a bordered control of its own.\n   */\n  inline?: boolean;\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  className?: string;\n  \"aria-label\"?: string;\n  translations?: Partial<LanguagePickerTranslations>;\n}\n\n/**\n * A searchable picker for BCP 47 language tags — the `lang` of a string, a page or a document.\n *\n * Each row shows the language's name in its own language beside its tag, \"Español · es\", and the\n * search matches either, so \"spa\", \"es\" and \"español\" all find it. With `languages` the list is a\n * closed set and an input that matches nothing reverts on blur; without it the list is a set of\n * suggestions, and a well-formed tag nobody listed stands.\n *\n * The list, the roving focus and the popover are `Combobox`'s; what this owns is the vocabulary —\n * the names, the default set and what counts as a tag.\n *\n * ARIA: a `combobox` with a `listbox` popup, as `Combobox` is. Give it an `aria-label` when there\n * is no `FieldLabel` around it.\n */\nexport const LanguagePicker = (props: LanguagePickerProps) => {\n  const {\n    value,\n    onValueChange,\n    languages,\n    inline = false,\n    disabled,\n    readOnly,\n    invalid,\n    className,\n    translations,\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const t = { ...ENGLISH, ...translations };\n  const constrained = !!languages?.length;\n  const { contains } = useFilter({ sensitivity: \"base\" });\n  const [query, setQuery] = useState(\"\");\n  // Inside a `Field` the machine takes its input id from the field, which is right for the\n  // field's own control and wrong for a second control in the same field: the text input has\n  // already claimed it, and two elements would share it.\n  const inputId = useId();\n\n  const items = useMemo<Language[]>(\n    () => (languages?.length ? languages : COMMON_LANGUAGES).map((code) => ({ code, name: endonym(code) })),\n    [languages]\n  );\n\n  // Filtering is ours to own — the machine never mutates a collection. Both the tag and the name\n  // match.\n  const collection = useMemo(() => {\n    const q = query.trim();\n    const shown = q ? items.filter((i) => contains(i.code, q) || contains(i.name, q)) : items;\n    return createListCollection({\n      items: shown,\n      itemToValue: (i) => i.code,\n      itemToString: (i) => `${i.name} · ${i.code}`,\n    });\n  }, [items, query, contains]);\n\n  // Memoised because the machine compares by identity: a fresh array per render reads as a value\n  // change on every keystroke and resets the text being typed.\n  const selected = useMemo(() => (value ? [value] : []), [value]);\n\n  const placeholder = constrained ? t.filterPlaceholder : t.placeholder;\n\n  // A typed tag is committed when the input is left, not per keystroke: \"es\" is a tag on the way to\n  // \"es-MX\", and committing it there makes the machine swap the text for the name of the language\n  // the user was still spelling. A pick has already been reported by `onValueChange`.\n  const commitTyped = () => {\n    const tag = constrained ? null : canonicalTag(query);\n    if (tag && tag !== value) onValueChange(tag);\n  };\n\n  return (\n    <Combobox\n      aria-label={ariaLabel}\n      // A tag the host did not list is only admissible when the host listed none.\n      allowCustomValue={!constrained}\n      collection={collection}\n      disabled={disabled}\n      ids={inline ? { input: inputId } : undefined}\n      invalid={invalid}\n      onInputValueChange={(details) => setQuery(details.inputValue)}\n      onValueChange={(details) => {\n        const picked = details.value[0];\n        if (picked) onValueChange(picked);\n      }}\n      readOnly={readOnly}\n      value={selected}\n    >\n      {inline ? (\n        // `ComboboxControl` stays because the popover positions against it.\n        <ComboboxControl>\n          <ComboboxFieldInput\n            className={cn(languagePickerInputVariants({ inline }), className)}\n            onBlur={commitTyped}\n            placeholder={placeholder}\n          />\n        </ComboboxControl>\n      ) : (\n        <ComboboxInput\n          className={className}\n          onBlur={commitTyped}\n          placeholder={placeholder}\n          showTrigger={constrained}\n        />\n      )}\n      <ComboboxContent>\n        <ComboboxEmpty>{t.noMatches}</ComboboxEmpty>\n        {collection.items.map((item) => (\n          <ComboboxItem item={item} key={item.code}>\n            {item.name} · {item.code}\n          </ComboboxItem>\n        ))}\n      </ComboboxContent>\n    </Combobox>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAqBA;AAAyB;AACvB;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAO;AACnE;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAClE;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAClE;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAC9D;AAOA;AACE;AACE;AAEA;AAC2D;AAE3D;AAAO;AAEX;AAOA;AACE;AACE;AAAmD;AAEnD;AAAO;AAEX;AAOA;AAAuC;AAC3B;AAAA;AAAA;AAGA;AACA;AAAA;AAGZ;AAS4C;AAC7B;AACM;AAErB;AAwCE;AAAM;AACJ;AACA;AACA;AACS;AACT;AACA;AACA;AACA;AACA;AACc;AAYF;AAC0F;AAC5F;AAMV;AAEA;AAA4B;AACnB;AACe;AACoB;AAC3C;AAaD;AACA;AAA2C;AAG7C;AACE;AAAC;AAAA;AACa;AAEO;AACnB;AACA;AACmC;AACnC;AAC4D;AAE1D;AACA;AAAgC;AAClC;AACA;AACO;AAEN;AAAA;AAAA;AAGG;AAAC;AAAA;AACiE;AACxD;AACR;AAAA;AAEJ;AAEA;AAAC;AAAA;AACC;AACQ;AACR;AACa;AAAA;AAAA;AAIf;AAA4B;AAGvB;AAAK;AAAK;AAAS;AAEvB;AACH;AAAA;AAAA;AAGN;;;;"}
+{"version":3,"file":"language-picker.js","sources":["../../src/composites/language-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { createListCollection } from \"@ark-ui/react/collection\";\nimport { useFilter } from \"@ark-ui/react/locale\";\nimport { useId, useMemo, useState } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport { cn } from \"../lib/cn\";\nimport {\n  Combobox,\n  ComboboxContent,\n  ComboboxControl,\n  ComboboxEmpty,\n  ComboboxFieldInput,\n  ComboboxInput,\n  ComboboxItem,\n} from \"../simples/combobox\";\n\n/**\n * A broad default set of language subtags, offered when the host does not pin `languages`. The\n * search filters it, so its length is not a cost.\n */\nconst COMMON_LANGUAGES = [\n  \"en\", \"es\", \"fr\", \"de\", \"it\", \"pt\", \"nl\", \"ca\", \"gl\", \"eu\", \"ast\", \"oc\",\n  \"ga\", \"cy\", \"sv\", \"da\", \"nb\", \"nn\", \"fi\", \"is\", \"pl\", \"cs\", \"sk\", \"sl\",\n  \"hr\", \"sr\", \"bg\", \"ro\", \"hu\", \"el\", \"tr\", \"ru\", \"uk\", \"ar\", \"he\", \"fa\",\n  \"hi\", \"bn\", \"ur\", \"zh\", \"ja\", \"ko\", \"th\", \"vi\", \"id\", \"ms\", \"sw\", \"af\",\n] as const;\n\n/**\n * The language's name in its own language, `es` → \"Español\", so a reader recognises theirs\n * without knowing its code. Falls back to the tag when the runtime cannot name it, which is also\n * what `Intl.DisplayNames` reports by echoing the code back.\n */\nfunction endonym(tag: string): string {\n  try {\n    const base = tag.split(\"-\")[0] ?? tag;\n    const name = new Intl.DisplayNames([tag], { type: \"language\" }).of(base);\n    if (!name || name.toLowerCase() === base.toLowerCase()) return tag;\n    return name.charAt(0).toLocaleUpperCase(tag) + name.slice(1);\n  } catch {\n    return tag;\n  }\n}\n\n/**\n * The canonical spelling of a well-formed BCP 47 tag (`ES-mx` → `es-MX`), or `null` when the\n * string is not one. The runtime is the parser: a hand-written pattern accepts what the grammar\n * refuses and refuses what it accepts.\n */\nfunction canonicalTag(text: string): string | null {\n  try {\n    return Intl.getCanonicalLocales(text.trim())[0] ?? null;\n  } catch {\n    return null;\n  }\n}\n\ninterface Language {\n  code: string;\n  name: string;\n}\n\nconst languagePickerInputVariants = tv({\n  variants: {\n    // A slot inside another field's control — a trailing addon of a text input — is not a control of\n    // its own, so it draws no box, no ring and no chevron of its own: the field around it does.\n    inline: {\n      true: \"w-24 min-w-0 border-0 bg-transparent text-inherit outline-none [font:inherit]\",\n    },\n  },\n});\n\n/** The words this control draws, for a product that is not in English. */\nexport interface LanguagePickerTranslations {\n  placeholder: string;\n  filterPlaceholder: string;\n  noMatches: string;\n}\n\nconst ENGLISH: LanguagePickerTranslations = {\n  placeholder: \"Search or type a tag…\",\n  filterPlaceholder: \"Filter…\",\n  noMatches: \"No matches\",\n};\n\nexport interface LanguagePickerProps {\n  /** A BCP 47 tag, or `\"\"` for none. */\n  value: string;\n  /** Called with the tag picked or typed, canonically spelled: `es-mx` arrives as `es-MX`. */\n  onValueChange: (tag: string) => void;\n  /**\n   * The tags on offer. When given, the list is exactly these and a tag outside it cannot be\n   * entered; when omitted, a broad default set is offered and any well-formed tag can be typed.\n   */\n  languages?: readonly string[];\n  /**\n   * Draw only the input, for a slot inside another field's control — the trailing addon of a text\n   * input — rather than a bordered control of its own.\n   */\n  inline?: boolean;\n  /**\n   * The control height, one of the shared sizes. Ignored with `inline`, which takes the height of\n   * the field it sits in.\n   *\n   * @default \"md\"\n   */\n  size?: \"sm\" | \"md\" | \"lg\";\n  disabled?: boolean;\n  readOnly?: boolean;\n  invalid?: boolean;\n  className?: string;\n  \"aria-label\"?: string;\n  translations?: Partial<LanguagePickerTranslations>;\n}\n\n/**\n * A searchable picker for BCP 47 language tags — the `lang` of a string, a page or a document.\n *\n * Each row shows the language's name in its own language beside its tag, \"Español · es\", and the\n * search matches either, so \"spa\", \"es\" and \"español\" all find it. With `languages` the list is a\n * closed set and an input that matches nothing reverts on blur; without it the list is a set of\n * suggestions, and a well-formed tag nobody listed stands.\n *\n * The list, the roving focus and the popover are `Combobox`'s; what this owns is the vocabulary —\n * the names, the default set and what counts as a tag.\n *\n * ARIA: a `combobox` with a `listbox` popup, as `Combobox` is. Give it an `aria-label` when there\n * is no `FieldLabel` around it.\n */\nexport const LanguagePicker = (props: LanguagePickerProps) => {\n  const {\n    value,\n    onValueChange,\n    languages,\n    inline = false,\n    size,\n    disabled,\n    readOnly,\n    invalid,\n    className,\n    translations,\n    \"aria-label\": ariaLabel,\n  } = props;\n\n  const t = { ...ENGLISH, ...translations };\n  const constrained = !!languages?.length;\n  const { contains } = useFilter({ sensitivity: \"base\" });\n  const [query, setQuery] = useState(\"\");\n  // Inside a `Field` the machine takes its input id from the field, which is right for the\n  // field's own control and wrong for a second control in the same field: the text input has\n  // already claimed it, and two elements would share it.\n  const inputId = useId();\n\n  const items = useMemo<Language[]>(\n    () => (languages?.length ? languages : COMMON_LANGUAGES).map((code) => ({ code, name: endonym(code) })),\n    [languages]\n  );\n\n  // Filtering is ours to own — the machine never mutates a collection. Both the tag and the name\n  // match.\n  const collection = useMemo(() => {\n    const q = query.trim();\n    const shown = q ? items.filter((i) => contains(i.code, q) || contains(i.name, q)) : items;\n    return createListCollection({\n      items: shown,\n      itemToValue: (i) => i.code,\n      itemToString: (i) => `${i.name} · ${i.code}`,\n    });\n  }, [items, query, contains]);\n\n  // Memoised because the machine compares by identity: a fresh array per render reads as a value\n  // change on every keystroke and resets the text being typed.\n  const selected = useMemo(() => (value ? [value] : []), [value]);\n\n  const placeholder = constrained ? t.filterPlaceholder : t.placeholder;\n\n  // A typed tag is committed when the input is left, not per keystroke: \"es\" is a tag on the way to\n  // \"es-MX\", and committing it there makes the machine swap the text for the name of the language\n  // the user was still spelling. A pick has already been reported by `onValueChange`.\n  const commitTyped = () => {\n    const tag = constrained ? null : canonicalTag(query);\n    if (tag && tag !== value) onValueChange(tag);\n  };\n\n  return (\n    <Combobox\n      aria-label={ariaLabel}\n      // A tag the host did not list is only admissible when the host listed none.\n      allowCustomValue={!constrained}\n      collection={collection}\n      disabled={disabled}\n      ids={inline ? { input: inputId } : undefined}\n      invalid={invalid}\n      onInputValueChange={(details) => setQuery(details.inputValue)}\n      onValueChange={(details) => {\n        const picked = details.value[0];\n        if (picked) onValueChange(picked);\n      }}\n      readOnly={readOnly}\n      value={selected}\n    >\n      {inline ? (\n        // `ComboboxControl` stays because the popover positions against it.\n        <ComboboxControl>\n          <ComboboxFieldInput\n            className={cn(languagePickerInputVariants({ inline }), className)}\n            onBlur={commitTyped}\n            placeholder={placeholder}\n          />\n        </ComboboxControl>\n      ) : (\n        <ComboboxInput\n          className={className}\n          onBlur={commitTyped}\n          placeholder={placeholder}\n          showTrigger={constrained}\n          size={size}\n        />\n      )}\n      <ComboboxContent>\n        <ComboboxEmpty>{t.noMatches}</ComboboxEmpty>\n        {collection.items.map((item) => (\n          <ComboboxItem item={item} key={item.code}>\n            {item.name} · {item.code}\n          </ComboboxItem>\n        ))}\n      </ComboboxContent>\n    </Combobox>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AAqBA;AAAyB;AACvB;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAO;AACnE;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAClE;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAClE;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAAM;AAC9D;AAOA;AACE;AACE;AAEA;AAC2D;AAE3D;AAAO;AAEX;AAOA;AACE;AACE;AAAmD;AAEnD;AAAO;AAEX;AAOA;AAAuC;AAC3B;AAAA;AAAA;AAGA;AACA;AAAA;AAGZ;AAS4C;AAC7B;AACM;AAErB;AA+CE;AAAM;AACJ;AACA;AACA;AACS;AACT;AACA;AACA;AACA;AACA;AACA;AACc;AAYF;AAC0F;AAC5F;AAMV;AAEA;AAA4B;AACnB;AACe;AACoB;AAC3C;AAaD;AACA;AAA2C;AAG7C;AACE;AAAC;AAAA;AACa;AAEO;AACnB;AACA;AACmC;AACnC;AAC4D;AAE1D;AACA;AAAgC;AAClC;AACA;AACO;AAEN;AAAA;AAAA;AAGG;AAAC;AAAA;AACiE;AACxD;AACR;AAAA;AAEJ;AAEA;AAAC;AAAA;AACC;AACQ;AACR;AACa;AACb;AAAA;AAAA;AAIF;AAA4B;AAGvB;AAAK;AAAK;AAAS;AAEvB;AACH;AAAA;AAAA;AAGN;;;;"}

package/dist/index.d.ts

@@ -24,7 +24,7 @@ export type { DebouncedCommit } from './lib/use-debounced-commit.js';
 export { createListCollection, useListCollection, } from '@ark-ui/react/collection';
 export type { ListCollection, CollectionItem } from '@ark-ui/react/collection';
 export { useFilter } from '@ark-ui/react/locale';
-export { parseDate } from '@internationalized/date';
+export { parseDate, parseDateTime } from '@internationalized/date';
 export type { DateValue } from '@internationalized/date';
 export * from './simples/accordion.js';
 export * from './simples/action-bar.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}