@pixerate/editor-react 0.39.0 → 0.40.0

package/dist/chart/index.js

@@ -20,7 +20,7 @@ import {
   useChartState,
   useChartToolProvider,
   useOfficeChartToolProvider
-} from "../chunk-IYHD5Q65.js";
+} from "../chunk-SIEOYRHX.js";
 
 // src/chart/ChartEditor.tsx
 import { useState } from "react";

package/dist/{chunk-IYHD5Q65.js → chunk-SIEOYRHX.js}

@@ -412,6 +412,9 @@ function ChartDataGrid({ controller, categoryHeader = "Category", readOnly = fal
 import { useId } from "react";
 import {
   CHART_COLOR_SCHEMES,
+  CHART_ERROR_BAR_DIRECTIONS,
+  CHART_ERROR_BAR_LABELS,
+  CHART_ERROR_BAR_TYPES,
   CHART_LABEL_POSITIONS,
   CHART_LAYOUT_PRESETS,
   CHART_MARKERS,
@@ -428,7 +431,11 @@ import {
   CHART_TYPE_LABELS,
   CHART_TYPES,
   chartColorInputValue as chartColorInputValue2,
+  chartErrorBarsOfType,
   chartSeriesColor as chartSeriesColor2,
+  defaultChartErrorBarValue,
+  formatChartAmountList,
+  parseChartAmountList,
   chartSeriesType,
   isCartesianChart
 } from "@pixerate/editor/chart";
@@ -449,7 +456,7 @@ function Toggle({ label, checked, onChange, name }) {
 function Select({ id, value, options, onChange, name, labels }) {
   return /* @__PURE__ */ jsx3("select", { id, className: chartInputClass, value, "data-option": name, onChange: (e) => onChange(e.currentTarget.value), children: options.map((o) => /* @__PURE__ */ jsx3("option", { value: o, children: labels?.[o] ?? cap(o) }, o)) });
 }
-function AxisSection({ controller, axis, value, idBase, horizontal, numeric = false }) {
+function AxisSection({ controller, axis, value, idBase, horizontal, numeric = false, scales = false }) {
   const set = (patch) => controller.setAxis(axis, patch);
   const setFormat = (patch) => set({ format: { ...value.format, ...patch } });
   const bound = (key2) => /* @__PURE__ */ jsx3(
@@ -482,9 +489,22 @@ function AxisSection({ controller, axis, value, idBase, horizontal, numeric = fa
     /* @__PURE__ */ jsx3(Field, { label: "Title", htmlFor: `${idBase}-${axis}-title`, children: /* @__PURE__ */ jsx3(ChartCommitInput, { id: `${idBase}-${axis}-title`, value: value.title, "data-option": `${axis}Axis.title`, className: chartInputClass, onCommit: (title) => void set({ title }) }) }),
     /* @__PURE__ */ jsxs3("div", { className: "flex flex-wrap gap-x-4 gap-y-1", children: [
       /* @__PURE__ */ jsx3(Toggle, { label: "Grid lines", name: `${key}.gridlines`, checked: value.gridlines, onChange: (gridlines) => set({ gridlines }) }),
-      axis === "x" && !numeric && /* @__PURE__ */ jsx3(Toggle, { label: "Dates", name: "xAxis.kind", checked: value.kind === "date", onChange: (dates) => set({ kind: dates ? "date" : void 0 }) })
+      axis === "x" && !numeric && /* @__PURE__ */ jsx3(Toggle, { label: "Dates", name: "xAxis.kind", checked: value.kind === "date", onChange: (dates) => set({ kind: dates ? "date" : void 0 }) }),
+      scales && /* @__PURE__ */ jsx3(Toggle, { label: "Reverse", name: `${key}.reverse`, checked: !!value.reverse, onChange: (reverse) => set({ reverse }) }),
+      scales && valueAxis && /* @__PURE__ */ jsx3(Toggle, { label: "Log scale", name: `${key}.scale`, checked: value.scale === "log", onChange: (log) => set({ scale: log ? "log" : "linear" }) })
     ] }),
-    valueAxis && /* @__PURE__ */ jsx3(Field, { label: "Step", htmlFor: `${idBase}-${axis}-step`, children: /* @__PURE__ */ jsx3(
+    scales && valueAxis && value.scale === "log" && /* @__PURE__ */ jsx3(Field, { label: "Log base", htmlFor: `${idBase}-${axis}-log-base`, children: /* @__PURE__ */ jsx3(
+      ChartCommitInput,
+      {
+        id: `${idBase}-${axis}-log-base`,
+        value: String(value.logBase ?? 10),
+        inputMode: "decimal",
+        "data-option": `${key}.logBase`,
+        className: chartInputClass,
+        onCommit: (text) => set({ logBase: text.trim() === "" ? void 0 : Number(text) }).ok
+      }
+    ) }),
+    valueAxis && value.scale !== "log" && /* @__PURE__ */ jsx3(Field, { label: "Step", htmlFor: `${idBase}-${axis}-step`, children: /* @__PURE__ */ jsx3(
       ChartCommitInput,
       {
         id: `${idBase}-${axis}-step`,
@@ -542,6 +562,44 @@ function AxisSection({ controller, axis, value, idBase, horizontal, numeric = fa
     ] })
   ] });
 }
+function ErrorBarFields({ controller, series, which, idBase }) {
+  const bars = series[which];
+  const key = `series.${which}`;
+  const id = `${idBase}-${which}`;
+  const values = which === "xErrorBars" ? series.x ?? [] : series.values;
+  const set = (next) => controller.updateSeries(series.id, { [which]: next });
+  const patch = (p) => bars && set({ ...bars, ...p });
+  return /* @__PURE__ */ jsxs3("div", { className: "space-y-1.5", "data-section": which === "errorBars" ? "error-bars" : "x-error-bars", children: [
+    /* @__PURE__ */ jsx3(Field, { label: which === "errorBars" ? "Error bars" : "X error bars", htmlFor: `${id}-type`, children: /* @__PURE__ */ jsxs3("select", { id: `${id}-type`, className: chartInputClass, value: bars?.type ?? "", "data-option": `${key}.type`, onChange: (e) => set(chartErrorBarsOfType(e.currentTarget.value, bars, values)), children: [
+      /* @__PURE__ */ jsx3("option", { value: "", children: "None" }),
+      CHART_ERROR_BAR_TYPES.map((t) => /* @__PURE__ */ jsx3("option", { value: t, children: CHART_ERROR_BAR_LABELS[t] }, t))
+    ] }) }),
+    bars && (bars.type === "fixed" || bars.type === "percent" || bars.type === "stddev") && /* @__PURE__ */ jsx3(Field, { label: bars.type === "percent" ? "Percent" : bars.type === "stddev" ? "Deviations" : "Amount", htmlFor: `${id}-value`, children: /* @__PURE__ */ jsx3(ChartCommitInput, { id: `${id}-value`, value: String(bars.value ?? defaultChartErrorBarValue(bars.type)), inputMode: "decimal", "data-option": `${key}.value`, className: chartInputClass, onCommit: (text) => !!patch({ value: text.trim() === "" ? void 0 : Number(text) })?.ok }) }),
+    bars?.type === "custom" && /* @__PURE__ */ jsxs3(Fragment2, { children: [
+      /* @__PURE__ */ jsx3(Field, { label: "Plus", htmlFor: `${id}-plus`, children: /* @__PURE__ */ jsx3(ChartCommitInput, { id: `${id}-plus`, value: formatChartAmountList(bars.plus), placeholder: "1, 2, -, 0.5", "data-option": `${key}.plus`, className: chartInputClass, onCommit: (text) => !!patch({ plus: parseChartAmountList(text) })?.ok }) }),
+      /* @__PURE__ */ jsx3(Field, { label: "Minus", htmlFor: `${id}-minus`, children: /* @__PURE__ */ jsx3(
+        ChartCommitInput,
+        {
+          id: `${id}-minus`,
+          value: formatChartAmountList(bars.minus),
+          placeholder: "Same as plus",
+          "data-option": `${key}.minus`,
+          className: chartInputClass,
+          onCommit: (text) => {
+            const next = { ...bars };
+            if (text.trim()) next.minus = parseChartAmountList(text);
+            else delete next.minus;
+            return set(next).ok;
+          }
+        }
+      ) })
+    ] }),
+    bars && /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx3("select", { className: `${chartInputClass} flex-1`, "aria-label": "Error bar direction", value: bars.direction ?? "both", "data-option": `${key}.direction`, onChange: (e) => patch({ direction: e.currentTarget.value }), children: CHART_ERROR_BAR_DIRECTIONS.map((d) => /* @__PURE__ */ jsx3("option", { value: d, children: d === "both" ? "Both ways" : d === "plus" ? "Plus only" : "Minus only" }, d)) }),
+      /* @__PURE__ */ jsx3(Toggle, { label: "Caps", name: `${key}.cap`, checked: bars.cap !== false, onChange: (cap2) => patch({ cap: cap2 }) })
+    ] })
+  ] });
+}
 function ChartInspector({ controller, sections, className }) {
   const { spec, selectedSeries } = useChartState(controller);
   const idBase = useId();
@@ -555,6 +613,7 @@ function ChartInspector({ controller, sections, className }) {
   const hasBars = cartesian && types.includes("bar");
   const hasLines = cartesian && types.some((t) => t === "line" || t === "area");
   const seriesIndex = selectedSeries ? spec.series.findIndex((s) => s.id === selectedSeries.id) : -1;
+  const scales = family === "cartesian" || family === "xy";
   return /* @__PURE__ */ jsxs3("div", { className: `space-y-3 text-xs ${className ?? ""}`, "data-chart-inspector": "", children: [
     show("type") && /* @__PURE__ */ jsx3("div", { className: chartSectionClass, "data-section": "type", children: /* @__PURE__ */ jsx3("div", { className: "grid grid-cols-3 gap-0.5 rounded-md bg-muted p-0.5", role: "radiogroup", "aria-label": "Chart type", children: CHART_TYPES.map((type) => /* @__PURE__ */ jsx3("button", { type: "button", role: "radio", "aria-checked": spec.type === type, "data-chart-type": type, className: chartSegmentClass(spec.type === type), onClick: () => controller.setType(type), children: CHART_TYPE_LABELS[type] }, type)) }) }),
     show("style") && /* @__PURE__ */ jsxs3("div", { className: chartSectionClass, "data-section": "style", children: [
@@ -625,9 +684,9 @@ function ChartInspector({ controller, sections, className }) {
       spec.legend.show && /* @__PURE__ */ jsx3("div", { className: "flex gap-0.5 rounded-md bg-muted p-0.5", children: CHART_LEGEND_POSITIONS.map((p) => /* @__PURE__ */ jsx3("button", { type: "button", "aria-pressed": spec.legend.position === p, "data-option": `legend.${p}`, className: chartSegmentClass(spec.legend.position === p), onClick: () => controller.setLegend({ position: p }), children: cap(p) }, p)) })
     ] }),
     show("axes") && hasAxes && /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      family !== "box" && family !== "histogram" && /* @__PURE__ */ jsx3(AxisSection, { controller, axis: "x", value: spec.xAxis, idBase, horizontal: spec.orientation === "horizontal", numeric: family === "xy" }),
-      /* @__PURE__ */ jsx3(AxisSection, { controller, axis: "y", value: spec.yAxis, idBase, horizontal: spec.orientation === "horizontal" }),
-      usesSecondary && /* @__PURE__ */ jsx3(AxisSection, { controller, axis: "y2", value: spec.yAxis2, idBase, horizontal: spec.orientation === "horizontal" })
+      family !== "box" && family !== "histogram" && /* @__PURE__ */ jsx3(AxisSection, { controller, axis: "x", value: spec.xAxis, idBase, horizontal: spec.orientation === "horizontal", numeric: family === "xy", scales }),
+      /* @__PURE__ */ jsx3(AxisSection, { controller, axis: "y", value: spec.yAxis, idBase, horizontal: spec.orientation === "horizontal", scales }),
+      usesSecondary && /* @__PURE__ */ jsx3(AxisSection, { controller, axis: "y2", value: spec.yAxis2, idBase, horizontal: spec.orientation === "horizontal", scales })
     ] }),
     show("series") && selectedSeries && /* @__PURE__ */ jsxs3("div", { className: chartSectionClass, "data-section": "series", "data-series-id": selectedSeries.id, children: [
       /* @__PURE__ */ jsx3("h4", { className: "text-xs font-semibold text-foreground", children: "Series" }),
@@ -676,6 +735,8 @@ function ChartInspector({ controller, sections, className }) {
           ]
         }
       ) }),
+      scales && /* @__PURE__ */ jsx3(ErrorBarFields, { controller, series: selectedSeries, which: "errorBars", idBase }),
+      family === "xy" && /* @__PURE__ */ jsx3(ErrorBarFields, { controller, series: selectedSeries, which: "xErrorBars", idBase }),
       chartSupportsTrendlines(spec.type, spec.stacking) && /* @__PURE__ */ jsxs3("div", { className: "space-y-1", "data-section": "trendlines", children: [
         (selectedSeries.trendlines ?? []).map((t, i) => /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-1", "data-trendline": i, children: [
           /* @__PURE__ */ jsx3("span", { className: "flex-1 truncate text-muted-foreground", children: chartTrendlineName(t, selectedSeries.name) }),
@@ -732,4 +793,4 @@ export {
   ChartDataGrid,
   ChartInspector
 };
-//# sourceMappingURL=chunk-IYHD5Q65.js.map
+//# sourceMappingURL=chunk-SIEOYRHX.js.map

package/dist/chunk-SIEOYRHX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/chart/useChartEditor.ts","../src/chart/ChartCanvas.tsx","../src/chart/styles.ts","../src/chart/ChartDataGrid.tsx","../src/chart/ChartInspector.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useSyncExternalStore } from 'react';\nimport type { ToolRegistry } from '@pixerate/editor/tools';\nimport {\n  ChartController,\n  ChartDirector,\n  ChartPresence,\n  createChartCommands,\n  createChartRasterizer,\n  createChartToolProvider,\n  createOfficeChartToolProvider,\n  type OfficeChartToolProviderOptions,\n  layoutChart,\n  type ChartScene,\n  type ChartToolProviderOptions,\n  type ChartActionResult,\n  type ChartCommandOptions,\n  type ChartControllerOptions,\n  type ChartSelection,\n  type ChartSpecPatch,\n  type ChartState,\n  type ChartType,\n} from '@pixerate/editor/chart';\n\n/** A `ChartController` created once for the component's lifetime. */\nexport function useChartController(options: ChartControllerOptions = {}): ChartController {\n  const ref = useRef<ChartController | null>(null);\n  if (!ref.current) ref.current = new ChartController(options);\n  return ref.current;\n}\n\n/** The controller's state (re-renders on every change). */\nexport function useChartState(controller: ChartController): ChartState {\n  return useSyncExternalStore(controller.subscribe, controller.getState, controller.getState);\n}\n\nexport interface UseChartEditorResult {\n  controller: ChartController;\n  state: ChartState;\n  spec: ChartState['spec'];\n  selection: ChartSelection | null;\n  update: (patch: ChartSpecPatch) => ChartActionResult;\n  setType: (type: ChartType) => ChartActionResult;\n  setValue: (seriesId: string, index: number, value: unknown) => ChartActionResult;\n  select: (selection: ChartSelection | null) => void;\n  undo: () => void;\n  redo: () => void;\n}\n\n/**\n * Subscribes to a chart controller and exposes its state with bound actions. Pass options\n * instead of a controller to create one for the component's lifetime.\n */\nexport function useChartEditor(controllerOrOptions: ChartController | ChartControllerOptions = {}): UseChartEditorResult {\n  const own = useRef<ChartController | null>(null);\n  let controller: ChartController;\n  if (controllerOrOptions instanceof ChartController) controller = controllerOrOptions;\n  else {\n    if (!own.current) own.current = new ChartController(controllerOrOptions);\n    controller = own.current;\n  }\n  const state = useChartState(controller);\n  const actions = useMemo(\n    () => ({\n      update: (patch: ChartSpecPatch) => controller.update(patch),\n      setType: (type: ChartType) => controller.setType(type),\n      setValue: (seriesId: string, index: number, value: unknown) => controller.setValue(seriesId, index, value),\n      select: (selection: ChartSelection | null) => controller.select(selection),\n      undo: () => void controller.undo(),\n      redo: () => void controller.redo(),\n    }),\n    [controller],\n  );\n  return { controller, state, spec: state.spec, selection: state.selection, ...actions };\n}\n\n/** Anything with `register(specs) → unregister` (a `CommandRegistry`). */\nexport interface ChartCommandTarget {\n  register(specs: any): () => void;\n}\n\n/**\n * Registers the controller's palette / agent commands (`chart.describe`, `chart.update`,\n * `chart.setValues`, …) in `registry` while mounted.\n */\nexport function useChartCommands(registry: ChartCommandTarget | null | undefined, controller: ChartController, options: ChartCommandOptions = {}): void {\n  const { prefix, group, scope } = options;\n  useEffect(() => {\n    if (!registry) return;\n    return registry.register(createChartCommands(controller, { prefix, group, scope }));\n  }, [registry, controller, prefix, group, scope]);\n}\n\n/** `useChartToolProvider` options: `rasterize` defaults to a canvas rasterizer in the browser (`false` turns PNG off). */\nexport type ChartToolProviderHookOptions = Omit<ChartToolProviderOptions, 'rasterize'> & { rasterize?: ChartToolProviderOptions['rasterize'] | false };\n\n/**\n * Registers the chart's agent tools (`createChartToolProvider`) with a `ToolRegistry` while\n * mounted. Options are read when the controller or registry changes. In the browser,\n * `render_chart { format: \"png\" }` works out of the box (`createChartRasterizer`).\n */\nexport function useChartToolProvider(registry: ToolRegistry | null | undefined, controller: ChartController, options: ChartToolProviderHookOptions = {}): void {\n  const latest = useRef(options);\n  latest.current = options;\n  const { id, namespace } = options;\n  useEffect(() => {\n    if (!registry) return;\n    const { rasterize, ...rest } = latest.current;\n    return registry.register(createChartToolProvider(controller, { ...rest, id, namespace, rasterize: rasterize === false ? undefined : (rasterize ?? createChartRasterizer()) }));\n  }, [registry, controller, id, namespace]);\n}\n\n/**\n * Registers the Office-file chart tools (`createOfficeChartToolProvider`: `list_file_charts`,\n * `get_file_chart`, and `load_file_chart` with a `controller`) while mounted. `files` and\n * `readOnly` are read on every call, so they can change without re-registering.\n */\nexport function useOfficeChartToolProvider(registry: ToolRegistry | null | undefined, options: OfficeChartToolProviderOptions = {}): void {\n  const latest = useRef(options);\n  latest.current = options;\n  const { id, namespace, controller } = options;\n  const hasFiles = !!options.files;\n  useEffect(() => {\n    if (!registry) return;\n    const current = latest.current;\n    return registry.register(\n      createOfficeChartToolProvider({\n        ...current,\n        id,\n        namespace,\n        controller,\n        files: hasFiles ? () => latest.current.files?.() ?? [] : undefined,\n        readOnly: () => {\n          const r = latest.current.readOnly;\n          return (typeof r === 'function' ? r() : r) ?? false;\n        },\n      }),\n    );\n  }, [registry, id, namespace, controller, hasFiles]);\n}\n\n/**\n * A `ChartPresence` and `ChartDirector` for a chart: pass `presence` and `sceneRef` to\n * `ChartCanvas`, and `director` to `useChartToolProvider` so agent edits are acted out with a\n * cursor.\n */\nexport function useChartDirector(controller: ChartController, options: { speed?: number; size?: { width: number; height: number } } = {}) {\n  const sceneRef = useRef<ChartScene | null>(null);\n  const ref = useRef<{ presence: ChartPresence; director: ChartDirector } | null>(null);\n  if (!ref.current) {\n    const presence = new ChartPresence();\n    const size = options.size ?? { width: 640, height: 400 };\n    const director = new ChartDirector(controller, presence, { scene: () => sceneRef.current ?? layoutChart(controller.getSpec(), size), speed: options.speed });\n    ref.current = { presence, director };\n  }\n  return { ...ref.current, sceneRef };\n}\n","import React, { useEffect, useMemo, useRef, useState, useSyncExternalStore } from 'react';\nimport {\n  CSS_VARIABLE_CHART_THEME,\n  chartClientToScene,\n  chartTextBaseline,\n  chartTextTransform,\n  describeChartSelection,\n  handleChartKey,\n  layoutChart,\n  startChartPointDrag,\n  type ChartController,\n  type ChartMark,\n  type ChartPointDrag,\n  type ChartPresence,\n  type ChartScene,\n  type ChartTextMeasure,\n  type ChartTheme,\n} from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\n\nexport interface ChartCanvasProps {\n  controller: ChartController;\n  /** Scene width; with `responsive` this is only the fallback before the container is measured (default 640). */\n  width?: number;\n  /** Scene height in pixels (default 400). */\n  height?: number;\n  /** Follow the container's width (default `true`). */\n  responsive?: boolean;\n  /** Colours and type (default: shadcn-style CSS variables). */\n  theme?: Partial<ChartTheme>;\n  /** Click to select, drag bars and points, keyboard editing (default `true`). */\n  editable?: boolean;\n  /** Text width for layout (default: an estimate). */\n  measureText?: ChartTextMeasure;\n  emptyMessage?: string;\n  className?: string;\n  /** Agent cursors to draw over the chart (see `ChartDirector`). */\n  presence?: ChartPresence;\n  /** Receives the scene as drawn (e.g. for `ChartDirector`'s `scene`). */\n  sceneRef?: { current: ChartScene | null };\n}\n\n/** SVG attributes for one mark (colours go in `style` so CSS variables work). */\nexport function renderChartMark(mark: ChartMark, fontFamily: string, interactive: boolean): React.ReactNode {\n  const common = {\n    'data-role': mark.role,\n    'data-chart-key': mark.target ? mark.key : undefined,\n    'data-selected': mark.selected ? '' : undefined,\n    opacity: mark.opacity,\n    pointerEvents: mark.role === 'selection' || mark.role === 'drag-readout' || (!mark.target && mark.role !== 'background') ? ('none' as const) : undefined,\n    cursor: interactive && mark.target && mark.role !== 'background' ? 'pointer' : undefined,\n  };\n  switch (mark.kind) {\n    case 'rect':\n      return <rect key={mark.key} {...common} x={mark.x} y={mark.y} width={mark.width} height={mark.height} rx={mark.radius} style={{ fill: mark.fill, stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n    case 'path':\n      return (\n        <path\n          key={mark.key}\n          {...common}\n          d={mark.d}\n          strokeLinejoin=\"round\"\n          strokeLinecap=\"round\"\n          strokeDasharray={mark.dash}\n          style={{ fill: mark.fill ?? 'none', stroke: mark.stroke, strokeWidth: mark.strokeWidth }}\n        />\n      );\n    case 'circle':\n      return <circle key={mark.key} {...common} cx={mark.cx} cy={mark.cy} r={mark.r} style={{ fill: mark.fill, stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n    case 'line':\n      return <line key={mark.key} {...common} x1={mark.x1} y1={mark.y1} x2={mark.x2} y2={mark.y2} strokeDasharray={mark.dash} style={{ stroke: mark.stroke, strokeWidth: mark.strokeWidth }} />;\n    case 'text':\n      return (\n        <text\n          key={mark.key}\n          {...common}\n          x={mark.x}\n          y={mark.y}\n          textAnchor={mark.anchor}\n          dominantBaseline={chartTextBaseline(mark.baseline)}\n          transform={chartTextTransform(mark)}\n          style={{ fill: mark.fill, fontSize: mark.size, fontWeight: mark.weight, fontFamily, userSelect: 'none' }}\n        >\n          {mark.text}\n        </text>\n      );\n  }\n}\n\n/** Agent cursors and notes, drawn in scene coordinates inside the chart's SVG. */\nexport function ChartPresenceLayer({ presence }: { presence: ChartPresence }) {\n  const { actors } = useSyncExternalStore(presence.subscribe, presence.getState, presence.getState);\n  return (\n    <g data-chart-presence=\"\" pointerEvents=\"none\">\n      {actors.map((a) => (\n        <g key={a.id} transform={`translate(${a.x} ${a.y})`} data-actor={a.id}>\n          <path d=\"M0,0 L0,14 L4,10.5 L7,17 L9.5,16 L6.5,9.5 L11.5,9.5 Z\" style={{ fill: a.color, stroke: '#ffffff', strokeWidth: 1 }} transform={a.pressed ? 'scale(0.9)' : undefined} />\n          <g transform=\"translate(13 16)\">\n            <rect x={0} y={0} rx={4} height={18} width={Math.max(28, (a.message ?? a.name).length * 6.4 + 12)} style={{ fill: a.color }} />\n            <text x={6} y={9} dominantBaseline=\"central\" style={{ fill: '#ffffff', fontSize: 11, fontWeight: 600, fontFamily: 'inherit' }}>\n              {a.message ?? a.name}\n            </text>\n          </g>\n        </g>\n      ))}\n    </g>\n  );\n}\n\n/** A laid-out scene as an SVG (no interaction): for read-only views, streaming and exports. */\nexport function ChartSceneSvg({ scene, label, className }: { scene: ChartScene; label?: string; className?: string }) {\n  return (\n    <svg width={scene.width} height={scene.height} viewBox={`0 0 ${scene.width} ${scene.height}`} role=\"img\" aria-label={label} className={`block max-w-full ${className ?? ''}`}>\n      {scene.marks.map((m) => renderChartMark(m, scene.theme.fontFamily, false))}\n    </svg>\n  );\n}\n\ninterface Frozen {\n  valueDomain: ChartPointDrag['valueDomain'];\n  valueDomain2: ChartPointDrag['valueDomain2'] | null;\n  xDomain: ChartPointDrag['xDomain'] | null;\n  readout: ChartPointDrag['target'];\n}\n\n/**\n * Draws a chart controller's spec as SVG. Click a mark to select it, drag a bar or point to\n * change its value (one undo step; Alt for fine steps, Shift to keep one axis on scatter\n * charts, Ctrl / ⌘ to skip snapping, Escape to cancel), and with the chart focused use\n * ← → ↑ ↓, Delete and Escape (see `handleChartKey`).\n */\nexport function ChartCanvas({ controller, width = 640, height = 400, responsive = true, theme, editable = true, measureText, emptyMessage, className, presence, sceneRef }: ChartCanvasProps) {\n  const state = useChartState(controller);\n  const wrapper = useRef<HTMLDivElement>(null);\n  const svg = useRef<SVGSVGElement>(null);\n  const drag = useRef<ChartPointDrag | null>(null);\n  const [measured, setMeasured] = useState<number | null>(null);\n  // Frozen while a point is dragged so the axes do not rescale under the pointer.\n  const [frozen, setFrozen] = useState<Frozen | null>(null);\n\n  useEffect(() => {\n    const el = wrapper.current;\n    if (!responsive || !el || typeof ResizeObserver === 'undefined') return;\n    const observer = new ResizeObserver(([entry]) => {\n      const w = Math.round(entry.contentRect.width);\n      if (w > 0) setMeasured(w);\n    });\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, [responsive]);\n\n  const sceneWidth = (responsive && measured) || width;\n  const fullTheme = useMemo(() => ({ ...CSS_VARIABLE_CHART_THEME, ...theme }), [theme]);\n  const scene = useMemo(\n    () =>\n      layoutChart(state.spec, {\n        width: sceneWidth,\n        height,\n        theme: fullTheme,\n        selection: editable ? state.selection : null,\n        measureText,\n        emptyMessage,\n        valueDomain: frozen?.valueDomain,\n        valueDomain2: frozen?.valueDomain2,\n        xDomain: frozen?.xDomain,\n        readout: frozen?.readout,\n      }),\n    [state.spec, state.selection, sceneWidth, height, fullTheme, editable, measureText, emptyMessage, frozen],\n  );\n  if (sceneRef) sceneRef.current = scene;\n  const byKey = useMemo(() => new Map(scene.marks.map((m) => [m.key, m])), [scene]);\n\n  useEffect(() => () => drag.current?.end(), []);\n\n  const scenePoint = (e: React.PointerEvent) => chartClientToScene(scene, svg.current!.getBoundingClientRect(), e.clientX, e.clientY);\n\n  const onPointerDown = (e: React.PointerEvent<SVGSVGElement>) => {\n    if (!editable || e.button !== 0) return;\n    const key = (e.target as Element).closest?.('[data-chart-key]')?.getAttribute('data-chart-key');\n    const target = key ? byKey.get(key)?.target : undefined;\n    controller.select(target ?? null);\n    drag.current = startChartPointDrag(controller, scene, target, scenePoint(e));\n    if (drag.current) {\n      const d = drag.current;\n      setFrozen({ valueDomain: d.valueDomain, valueDomain2: d.valueDomain2 ?? null, xDomain: d.xDomain ?? null, readout: d.target });\n      svg.current?.setPointerCapture?.(e.pointerId);\n    }\n  };\n  const onPointerMove = (e: React.PointerEvent<SVGSVGElement>) => {\n    if (drag.current) drag.current.move(scenePoint(e), { fine: e.altKey, lockAxis: e.shiftKey, noSnap: e.ctrlKey || e.metaKey });\n  };\n  const endDrag = () => {\n    drag.current?.end();\n    drag.current = null;\n    setFrozen(null);\n  };\n  const onKeyDown = (e: React.KeyboardEvent<SVGSVGElement>) => {\n    if (drag.current && e.key === 'Escape') {\n      drag.current.cancel();\n      drag.current = null;\n      setFrozen(null);\n      e.preventDefault();\n      return;\n    }\n    if (editable && handleChartKey(controller, scene, e)) e.preventDefault();\n  };\n\n  const label = state.spec.title || 'Chart';\n  return (\n    <div ref={wrapper} className={`w-full ${className ?? ''}`} data-chart-canvas=\"\">\n      <svg\n        ref={svg}\n        width={sceneWidth}\n        height={height}\n        viewBox={`0 0 ${scene.width} ${scene.height}`}\n        role=\"img\"\n        aria-label={editable ? `${label}. ${describeChartSelection(controller, state.selection)}` : label}\n        tabIndex={editable ? 0 : undefined}\n        className=\"block max-w-full touch-none select-none rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary\"\n        onPointerDown={onPointerDown}\n        onPointerMove={onPointerMove}\n        onPointerUp={endDrag}\n        onPointerCancel={endDrag}\n        onKeyDown={onKeyDown}\n      >\n        {scene.marks.map((m) => renderChartMark(m, scene.theme.fontFamily, editable))}\n        {presence && <ChartPresenceLayer presence={presence} />}\n      </svg>\n    </div>\n  );\n}\n","// Class names shared by the chart components (the same as the Svelte package's).\nexport const chartInputClass =\n  'h-7 w-full min-w-0 rounded-md border border-input bg-background px-2 text-xs text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50';\nexport const chartButtonClass =\n  'inline-flex h-7 items-center justify-center gap-1 rounded-md border border-input bg-background px-2 text-xs text-foreground hover:bg-muted focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-50';\nexport const chartIconButtonClass =\n  'inline-flex h-6 w-6 shrink-0 items-center justify-center rounded text-xs text-muted-foreground hover:bg-muted hover:text-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:pointer-events-none disabled:opacity-40';\nexport const chartSegmentClass = (active: boolean) =>\n  `inline-flex h-7 flex-1 items-center justify-center rounded px-2 text-xs focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary ${\n    active ? 'bg-background text-foreground shadow-sm' : 'text-muted-foreground hover:text-foreground'\n  }`;\nexport const chartLabelClass = 'text-[11px] font-medium text-muted-foreground';\nexport const chartSectionClass = 'space-y-2 border-b border-border pb-3 last:border-b-0';\nexport const chartCellClass =\n  'h-7 w-full min-w-[4.5rem] bg-transparent px-2 text-right text-xs tabular-nums text-foreground focus-visible:bg-background focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-primary';\n","import React, { useEffect, useRef, useState } from 'react';\nimport { chartColorInputValue, chartSeriesColor, formatChartNumber, type ChartController } from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\nimport { chartButtonClass, chartCellClass, chartIconButtonClass, chartInputClass } from './styles';\n\ntype CommitInputProps = {\n  value: string;\n  /** Called with the typed text. Return `false` to show the stored value again (a refused edit). */\n  onCommit: (value: string) => boolean | void;\n} & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'value' | 'onChange' | 'defaultValue'>;\n\n/** A text box that commits on blur or Enter and resets on Escape. Follows `value` unless the user is typing. */\nexport function ChartCommitInput({ value, onCommit, onKeyDown, onBlur, ...rest }: CommitInputProps) {\n  const [draft, setDraft] = useState(value);\n  const typing = useRef(false);\n  useEffect(() => {\n    if (!typing.current) setDraft(value);\n  }, [value]);\n  const commit = () => {\n    if (!typing.current) return;\n    typing.current = false;\n    if (draft === value) return;\n    if (onCommit(draft) === false) setDraft(value);\n  };\n  return (\n    <input\n      {...rest}\n      value={draft}\n      onChange={(e) => {\n        typing.current = true;\n        setDraft(e.currentTarget.value);\n      }}\n      onBlur={(e) => {\n        onBlur?.(e);\n        commit();\n      }}\n      onKeyDown={(e) => {\n        onKeyDown?.(e);\n        if (e.defaultPrevented) return;\n        if (e.key === 'Enter') {\n          e.preventDefault();\n          commit();\n        } else if (e.key === 'Escape') {\n          typing.current = false;\n          setDraft(value);\n        }\n      }}\n    />\n  );\n}\n\nexport interface ChartDataGridProps {\n  controller: ChartController;\n  /** Header of the category column (default \"Category\"). */\n  categoryHeader?: string;\n  /** Hide the add / delete buttons. */\n  readOnly?: boolean;\n  className?: string;\n}\n\n/**\n * The chart's data as an editable grid: categories down the side, one column per series\n * (name, colour, show / hide, delete). Cells take numbers as people type them (`1,200`,\n * `12%`, blank for a gap); pasting TSV or CSV fills and grows the grid from the cell.\n */\nexport function ChartDataGrid({ controller, categoryHeader = 'Category', readOnly = false, className }: ChartDataGridProps) {\n  const { spec, selection } = useChartState(controller);\n  const paste = (row: number, column: number) => (e: React.ClipboardEvent<HTMLInputElement>) => {\n    const text = e.clipboardData?.getData('text/plain') ?? '';\n    if (!/[\\t\\n]/.test(text.replace(/\\n$/, ''))) return;\n    e.preventDefault();\n    controller.pasteCells(row, column, text);\n  };\n  return (\n    <div className={`overflow-auto rounded-md border border-border ${className ?? ''}`} data-chart-grid=\"\">\n      <table className=\"w-full border-collapse text-xs\">\n        <thead className=\"bg-muted/50\">\n          <tr>\n            <th className=\"border-b border-r border-border px-2 py-1 text-left font-medium text-muted-foreground\">{categoryHeader}</th>\n            {spec.series.map((s, si) => {\n              const color = chartSeriesColor(spec, si);\n              const selected = selection?.kind === 'series' && selection.seriesId === s.id;\n              return (\n                <th key={s.id} data-series-id={s.id} className={`border-b border-r border-border px-1 py-1 font-medium ${selected ? 'bg-primary/10' : ''}`}>\n                  <div className=\"flex items-center gap-1\">\n                    <input\n                      type=\"color\"\n                      aria-label={`${s.name} colour`}\n                      value={chartColorInputValue(color)}\n                      disabled={readOnly}\n                      onPointerDown={() => controller.beginGesture(`color:${s.id}`)}\n                      onChange={(e) => controller.updateSeries(s.id, { color: e.currentTarget.value })}\n                      onBlur={() => controller.endGesture()}\n                      className=\"h-5 w-5 shrink-0 cursor-pointer rounded border-0 bg-transparent p-0\"\n                    />\n                    <ChartCommitInput\n                      value={s.name}\n                      aria-label=\"Series name\"\n                      onFocus={() => controller.select({ kind: 'series', seriesId: s.id })}\n                      onCommit={(name) => void controller.updateSeries(s.id, { name })}\n                      className={`${chartInputClass} h-6 min-w-[5rem] border-transparent bg-transparent font-medium ${s.hidden ? 'text-muted-foreground line-through' : ''}`}\n                    />\n                    {!readOnly && (\n                      <>\n                        <button\n                          type=\"button\"\n                          className={chartIconButtonClass}\n                          title={s.hidden ? 'Show series' : 'Hide series'}\n                          aria-label={s.hidden ? `Show ${s.name}` : `Hide ${s.name}`}\n                          aria-pressed={!s.hidden}\n                          data-action=\"toggle-series\"\n                          onClick={() => controller.toggleSeries(s.id)}\n                        >\n                          {s.hidden ? '○' : '●'}\n                        </button>\n                        <button type=\"button\" className={chartIconButtonClass} title=\"Delete series\" aria-label={`Delete ${s.name}`} data-action=\"remove-series\" onClick={() => controller.removeSeries(s.id)}>\n                          ×\n                        </button>\n                      </>\n                    )}\n                  </div>\n                </th>\n              );\n            })}\n            {!readOnly && (\n              <th className=\"w-8 border-b border-border px-1\">\n                <button type=\"button\" className={chartIconButtonClass} title=\"Add series\" aria-label=\"Add series\" data-action=\"add-series\" onClick={() => controller.addSeries()}>\n                  +\n                </button>\n              </th>\n            )}\n          </tr>\n        </thead>\n        <tbody>\n          {spec.categories.map((category, i) => {\n            const rowSelected = selection?.kind === 'category' && selection.index === i;\n            return (\n              <tr key={i} data-category-index={i} className={rowSelected ? 'bg-primary/10' : undefined}>\n                <th className=\"border-b border-r border-border p-0 text-left font-normal\">\n                  <ChartCommitInput\n                    value={category}\n                    aria-label={`Category ${i + 1}`}\n                    onFocus={() => controller.select({ kind: 'category', index: i })}\n                    onPaste={paste(i, -1)}\n                    onCommit={(label) => void controller.renameCategory(i, label)}\n                    className={`${chartCellClass} text-left`}\n                  />\n                </th>\n                {spec.series.map((s) => {\n                  const value = s.values[i];\n                  const selected = selection?.kind === 'point' && selection.seriesId === s.id && selection.index === i;\n                  return (\n                    <td key={s.id} className={`border-b border-r border-border p-0 ${selected ? 'bg-primary/10' : ''}`}>\n                      <ChartCommitInput\n                        value={value === null || value === undefined ? '' : String(value)}\n                        inputMode=\"decimal\"\n                        aria-label={`${s.name}, ${category}`}\n                        title={value === null ? undefined : formatChartNumber(value, spec.yAxis.format)}\n                        data-cell={`${s.id}:${i}`}\n                        onFocus={() => controller.select({ kind: 'point', seriesId: s.id, index: i })}\n                        onPaste={paste(i, spec.series.indexOf(s))}\n                        onCommit={(text) => controller.setValue(s.id, i, text).ok}\n                        className={chartCellClass}\n                      />\n                    </td>\n                  );\n                })}\n                {!readOnly && (\n                  <td className=\"border-b border-border px-1\">\n                    <button type=\"button\" className={chartIconButtonClass} title=\"Delete category\" aria-label={`Delete ${category}`} data-action=\"remove-category\" onClick={() => controller.removeCategory(i)}>\n                      ×\n                    </button>\n                  </td>\n                )}\n              </tr>\n            );\n          })}\n        </tbody>\n      </table>\n      {!readOnly && (\n        <div className=\"p-1\">\n          <button type=\"button\" className={`${chartButtonClass} h-6 border-dashed`} data-action=\"add-category\" onClick={() => controller.addCategory()}>\n            + Add category\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n","import React, { useId } from 'react';\nimport {\n  CHART_COLOR_SCHEMES,\n  CHART_ERROR_BAR_DIRECTIONS,\n  CHART_ERROR_BAR_LABELS,\n  CHART_ERROR_BAR_TYPES,\n  CHART_LABEL_POSITIONS,\n  CHART_LAYOUT_PRESETS,\n  CHART_MARKERS,\n  CHART_TRENDLINE_TYPES,\n  checkChartColors,\n  chartFamily,\n  chartSupportsTrendlines,\n  chartTrendlineName,\n  CHART_CURVES,\n  CHART_LEGEND_POSITIONS,\n  CHART_NUMBER_STYLES,\n  CHART_SERIES_TYPES,\n  CHART_STACKINGS,\n  CHART_TYPE_LABELS,\n  CHART_TYPES,\n  chartColorInputValue,\n  chartErrorBarsOfType,\n  chartSeriesColor,\n  defaultChartErrorBarValue,\n  formatChartAmountList,\n  parseChartAmountList,\n  chartSeriesType,\n  isCartesianChart,\n  type ChartAxis,\n  type ChartController,\n  type ChartErrorBars,\n  type ChartErrorBarType,\n  type ChartNumberFormat,\n  type ChartSeries,\n} from '@pixerate/editor/chart';\nimport { useChartState } from './useChartEditor';\nimport { ChartCommitInput } from './ChartDataGrid';\nimport { chartButtonClass, chartInputClass, chartLabelClass, chartSectionClass, chartSegmentClass } from './styles';\n\nexport interface ChartInspectorProps {\n  controller: ChartController;\n  /** Which sections to show (default: all that apply to the chart). */\n  sections?: readonly ChartInspectorSection[];\n  className?: string;\n}\n\nexport type ChartInspectorSection = 'type' | 'style' | 'titles' | 'options' | 'legend' | 'axes' | 'series';\n\nconst cap = (s: string) => s.charAt(0).toUpperCase() + s.slice(1);\n\nfunction Field({ label, htmlFor, children }: { label: string; htmlFor?: string; children: React.ReactNode }) {\n  return (\n    <div className=\"flex items-center gap-2\">\n      <label htmlFor={htmlFor} className={`${chartLabelClass} w-20 shrink-0`}>\n        {label}\n      </label>\n      <div className=\"min-w-0 flex-1\">{children}</div>\n    </div>\n  );\n}\n\nfunction Toggle({ label, checked, onChange, name }: { label: string; checked: boolean; onChange: (checked: boolean) => void; name: string }) {\n  return (\n    <label className=\"flex cursor-pointer items-center gap-2 text-xs text-foreground\">\n      <input type=\"checkbox\" className=\"h-3.5 w-3.5 accent-primary\" checked={checked} data-option={name} onChange={(e) => onChange(e.currentTarget.checked)} />\n      {label}\n    </label>\n  );\n}\n\nfunction Select<T extends string>({ id, value, options, onChange, name, labels }: { id?: string; value: T; options: readonly T[]; onChange: (value: T) => void; name: string; labels?: Partial<Record<T, string>> }) {\n  return (\n    <select id={id} className={chartInputClass} value={value} data-option={name} onChange={(e) => onChange(e.currentTarget.value as T)}>\n      {options.map((o) => (\n        <option key={o} value={o}>\n          {labels?.[o] ?? cap(o)}\n        </option>\n      ))}\n    </select>\n  );\n}\n\nfunction AxisSection({ controller, axis, value, idBase, horizontal, numeric = false, scales = false }: { controller: ChartController; axis: 'x' | 'y' | 'y2'; value: ChartAxis; idBase: string; horizontal: boolean; numeric?: boolean; scales?: boolean }) {\n  const set = (patch: Partial<ChartAxis>) => controller.setAxis(axis, patch);\n  const setFormat = (patch: Partial<ChartNumberFormat>) => set({ format: { ...value.format, ...patch } });\n  const bound = (key: 'min' | 'max') => (\n    <ChartCommitInput\n      id={`${idBase}-${axis}-${key}`}\n      value={value[key] === null ? '' : String(value[key])}\n      placeholder=\"Auto\"\n      inputMode=\"decimal\"\n      data-option={`${axis}Axis.${key}`}\n      className={chartInputClass}\n      onCommit={(text) => set({ [key]: text.trim() === '' ? null : Number(text) }).ok}\n    />\n  );\n  const name = axis === 'x' ? (numeric ? 'X axis' : 'Category axis') : axis === 'y' ? 'Value axis' : 'Secondary axis';\n  const valueAxis = axis !== 'x' || numeric;\n  const key = axis === 'y2' ? 'yAxis2' : `${axis}Axis`;\n  return (\n    <div className={chartSectionClass} data-section={`axis-${axis}`}>\n      <div className=\"flex items-center justify-between\">\n        <h4 className=\"text-xs font-semibold text-foreground\">\n          {name}\n          <span className=\"ml-1 font-normal text-muted-foreground\">({axis === 'x' ? (horizontal ? 'left' : 'bottom') : axis === 'y2' ? (horizontal ? 'top' : 'right') : horizontal ? 'bottom' : 'left'})</span>\n        </h4>\n        <Toggle label=\"Show\" name={`${axis}Axis.show`} checked={value.show} onChange={(show) => set({ show })} />\n      </div>\n      <Field label=\"Title\" htmlFor={`${idBase}-${axis}-title`}>\n        <ChartCommitInput id={`${idBase}-${axis}-title`} value={value.title} data-option={`${axis}Axis.title`} className={chartInputClass} onCommit={(title) => void set({ title })} />\n      </Field>\n      <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n        <Toggle label=\"Grid lines\" name={`${key}.gridlines`} checked={value.gridlines} onChange={(gridlines) => set({ gridlines })} />\n        {axis === 'x' && !numeric && <Toggle label=\"Dates\" name=\"xAxis.kind\" checked={value.kind === 'date'} onChange={(dates) => set({ kind: dates ? 'date' : undefined } as Partial<ChartAxis>)} />}\n        {scales && <Toggle label=\"Reverse\" name={`${key}.reverse`} checked={!!value.reverse} onChange={(reverse) => set({ reverse })} />}\n        {scales && valueAxis && <Toggle label=\"Log scale\" name={`${key}.scale`} checked={value.scale === 'log'} onChange={(log) => set({ scale: log ? 'log' : 'linear' })} />}\n      </div>\n      {scales && valueAxis && value.scale === 'log' && (\n        <Field label=\"Log base\" htmlFor={`${idBase}-${axis}-log-base`}>\n          <ChartCommitInput\n            id={`${idBase}-${axis}-log-base`}\n            value={String(value.logBase ?? 10)}\n            inputMode=\"decimal\"\n            data-option={`${key}.logBase`}\n            className={chartInputClass}\n            onCommit={(text) => set({ logBase: text.trim() === '' ? undefined : Number(text) }).ok}\n          />\n        </Field>\n      )}\n      {valueAxis && value.scale !== 'log' && (\n        <Field label=\"Step\" htmlFor={`${idBase}-${axis}-step`}>\n          <ChartCommitInput\n            id={`${idBase}-${axis}-step`}\n            value={value.step === null ? '' : String(value.step)}\n            placeholder=\"Auto\"\n            inputMode=\"decimal\"\n            data-option={`${key}.step`}\n            className={chartInputClass}\n            onCommit={(text) => set({ step: text.trim() === '' ? null : Number(text) }).ok}\n          />\n        </Field>\n      )}\n      {valueAxis && (\n        <>\n          <Field label=\"Min / max\">\n            <div className=\"flex gap-1\">\n              {bound('min')}\n              {bound('max')}\n            </div>\n          </Field>\n          <Field label=\"Format\" htmlFor={`${idBase}-${axis}-format`}>\n            <div className=\"flex gap-1\">\n               <Select id={`${idBase}-${axis}-format`} name={`${key}.format.style`} value={value.format.style ?? 'number'} options={CHART_NUMBER_STYLES} onChange={(style) => setFormat({ style })} />\n              <ChartCommitInput\n                value={value.format.decimals === undefined ? '' : String(value.format.decimals)}\n                placeholder=\"Auto\"\n                aria-label=\"Decimals\"\n                title=\"Decimals\"\n                inputMode=\"numeric\"\n                data-option={`${key}.format.decimals`}\n                className={`${chartInputClass} w-14 shrink-0`}\n                onCommit={(text) => {\n                  const format = { ...value.format };\n                  if (text.trim() === '') delete format.decimals;\n                  else format.decimals = Number(text);\n                  return set({ format }).ok;\n                }}\n              />\n            </div>\n          </Field>\n          {value.format.style === 'currency' && (\n            <Field label=\"Currency\" htmlFor={`${idBase}-${axis}-currency`}>\n              <ChartCommitInput id={`${idBase}-${axis}-currency`} value={value.format.currency ?? 'USD'} data-option={`${key}.format.currency`} className={chartInputClass} onCommit={(currency) => void setFormat({ currency: currency.toUpperCase() })} />\n            </Field>\n          )}\n          <Field label=\"Code\" htmlFor={`${idBase}-${axis}-code`}>\n            <ChartCommitInput\n              id={`${idBase}-${axis}-code`}\n              value={value.format.code ?? ''}\n              placeholder={'e.g. #,##0.0,,\"M\"'}\n              data-option={`${key}.format.code`}\n              className={chartInputClass}\n              onCommit={(code) => {\n                const format = { ...value.format };\n                if (code.trim()) format.code = code.trim();\n                else delete format.code;\n                return set({ format }).ok;\n              }}\n            />\n          </Field>\n        </>\n      )}\n    </div>\n  );\n}\n\n/** Error bar type, amount, direction and caps for one series (`which`: y or x error bars). */\nfunction ErrorBarFields({ controller, series, which, idBase }: { controller: ChartController; series: ChartSeries; which: 'errorBars' | 'xErrorBars'; idBase: string }) {\n  const bars = series[which];\n  const key = `series.${which}`;\n  const id = `${idBase}-${which}`;\n  const values = which === 'xErrorBars' ? (series.x ?? []) : series.values;\n  const set = (next: ChartErrorBars | null) => controller.updateSeries(series.id, { [which]: next });\n  const patch = (p: Partial<ChartErrorBars>) => bars && set({ ...bars, ...p });\n  return (\n    <div className=\"space-y-1.5\" data-section={which === 'errorBars' ? 'error-bars' : 'x-error-bars'}>\n      <Field label={which === 'errorBars' ? 'Error bars' : 'X error bars'} htmlFor={`${id}-type`}>\n        <select id={`${id}-type`} className={chartInputClass} value={bars?.type ?? ''} data-option={`${key}.type`} onChange={(e) => set(chartErrorBarsOfType(e.currentTarget.value as ChartErrorBarType | '', bars, values))}>\n          <option value=\"\">None</option>\n          {CHART_ERROR_BAR_TYPES.map((t) => (\n            <option key={t} value={t}>\n              {CHART_ERROR_BAR_LABELS[t]}\n            </option>\n          ))}\n        </select>\n      </Field>\n      {bars && (bars.type === 'fixed' || bars.type === 'percent' || bars.type === 'stddev') && (\n        <Field label={bars.type === 'percent' ? 'Percent' : bars.type === 'stddev' ? 'Deviations' : 'Amount'} htmlFor={`${id}-value`}>\n          <ChartCommitInput id={`${id}-value`} value={String(bars.value ?? defaultChartErrorBarValue(bars.type))} inputMode=\"decimal\" data-option={`${key}.value`} className={chartInputClass} onCommit={(text) => !!patch({ value: text.trim() === '' ? undefined : Number(text) })?.ok} />\n        </Field>\n      )}\n      {bars?.type === 'custom' && (\n        <>\n          <Field label=\"Plus\" htmlFor={`${id}-plus`}>\n            <ChartCommitInput id={`${id}-plus`} value={formatChartAmountList(bars.plus)} placeholder=\"1, 2, -, 0.5\" data-option={`${key}.plus`} className={chartInputClass} onCommit={(text) => !!patch({ plus: parseChartAmountList(text) as ChartErrorBars['plus'] })?.ok} />\n          </Field>\n          <Field label=\"Minus\" htmlFor={`${id}-minus`}>\n            <ChartCommitInput\n              id={`${id}-minus`}\n              value={formatChartAmountList(bars.minus)}\n              placeholder=\"Same as plus\"\n              data-option={`${key}.minus`}\n              className={chartInputClass}\n              onCommit={(text) => {\n                const next = { ...bars };\n                if (text.trim()) next.minus = parseChartAmountList(text) as ChartErrorBars['minus'];\n                else delete next.minus;\n                return set(next).ok;\n              }}\n            />\n          </Field>\n        </>\n      )}\n      {bars && (\n        <div className=\"flex items-center gap-2\">\n          <select className={`${chartInputClass} flex-1`} aria-label=\"Error bar direction\" value={bars.direction ?? 'both'} data-option={`${key}.direction`} onChange={(e) => patch({ direction: e.currentTarget.value as ChartErrorBars['direction'] })}>\n            {CHART_ERROR_BAR_DIRECTIONS.map((d) => (\n              <option key={d} value={d}>\n                {d === 'both' ? 'Both ways' : d === 'plus' ? 'Plus only' : 'Minus only'}\n              </option>\n            ))}\n          </select>\n          <Toggle label=\"Caps\" name={`${key}.cap`} checked={bars.cap !== false} onChange={(cap) => patch({ cap })} />\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Settings for a chart controller: type, titles, stacking and line options, legend, both\n * axes and the selected series. Every change is one undo step.\n */\nexport function ChartInspector({ controller, sections, className }: ChartInspectorProps) {\n  const { spec, selectedSeries } = useChartState(controller);\n  const idBase = useId();\n  const show = (section: ChartInspectorSection) => !sections || sections.includes(section);\n  const cartesian = isCartesianChart(spec.type);\n  const family = chartFamily(spec);\n  const hasAxes = family === 'cartesian' || family === 'xy' || family === 'waterfall' || family === 'histogram' || family === 'box';\n  const types = spec.series.map((s) => chartSeriesType(spec, s));\n  const usesSecondary = family === 'cartesian' && spec.series.some((s) => s.axis === 'secondary' && !s.hidden);\n  const colorCheck = checkChartColors(spec.series.filter((s) => !s.hidden).map((s) => chartSeriesColor(spec, spec.series.indexOf(s))));\n  const hasBars = cartesian && types.includes('bar');\n  const hasLines = cartesian && types.some((t) => t === 'line' || t === 'area');\n  const seriesIndex = selectedSeries ? spec.series.findIndex((s) => s.id === selectedSeries.id) : -1;\n  // Log and reversed axes and error bars are drawn by the bar / line / area / scatter layouts.\n  const scales = family === 'cartesian' || family === 'xy';\n\n  return (\n    <div className={`space-y-3 text-xs ${className ?? ''}`} data-chart-inspector=\"\">\n      {show('type') && (\n        <div className={chartSectionClass} data-section=\"type\">\n          <div className=\"grid grid-cols-3 gap-0.5 rounded-md bg-muted p-0.5\" role=\"radiogroup\" aria-label=\"Chart type\">\n            {CHART_TYPES.map((type) => (\n              <button key={type} type=\"button\" role=\"radio\" aria-checked={spec.type === type} data-chart-type={type} className={chartSegmentClass(spec.type === type)} onClick={() => controller.setType(type)}>\n                {CHART_TYPE_LABELS[type]}\n              </button>\n            ))}\n          </div>\n        </div>\n      )}\n\n      {show('style') && (\n        <div className={chartSectionClass} data-section=\"style\">\n          <Field label=\"Layout\" htmlFor={`${idBase}-layout`}>\n            <select id={`${idBase}-layout`} className={chartInputClass} value=\"\" data-option=\"preset.layout\" onChange={(e) => e.currentTarget.value && controller.applyPreset({ layout: e.currentTarget.value })}>\n              <option value=\"\">Quick layout…</option>\n              {CHART_LAYOUT_PRESETS.map((p) => (\n                <option key={p.id} value={p.id} title={p.description}>\n                  {p.label}\n                </option>\n              ))}\n            </select>\n          </Field>\n          <Field label=\"Colours\" htmlFor={`${idBase}-colors`}>\n            <select id={`${idBase}-colors`} className={chartInputClass} value={CHART_COLOR_SCHEMES.find((c) => c.palette.join() === spec.palette.join())?.id ?? ''} data-option=\"preset.colors\" onChange={(e) => e.currentTarget.value && controller.applyPreset({ colors: e.currentTarget.value })}>\n              <option value=\"\">Custom</option>\n              {CHART_COLOR_SCHEMES.map((c) => (\n                <option key={c.id} value={c.id} title={c.description}>\n                  {c.label}\n                </option>\n              ))}\n            </select>\n          </Field>\n          {!colorCheck.ok && (\n            <p className=\"text-[11px] leading-snug text-amber-600 dark:text-amber-400\" data-chart-color-warning=\"\">\n              {colorCheck.issues[0]}\n            </p>\n          )}\n          <button type=\"button\" className={chartButtonClass} data-action=\"transpose\" onClick={() => controller.transpose()}>\n            Switch rows and columns\n          </button>\n        </div>\n      )}\n\n      {show('titles') && (\n        <div className={chartSectionClass} data-section=\"titles\">\n          <Field label=\"Title\" htmlFor={`${idBase}-title`}>\n            <ChartCommitInput id={`${idBase}-title`} value={spec.title} data-option=\"title\" className={chartInputClass} onCommit={(title) => void controller.setTitle(title)} />\n          </Field>\n          <Field label=\"Subtitle\" htmlFor={`${idBase}-subtitle`}>\n            <ChartCommitInput id={`${idBase}-subtitle`} value={spec.subtitle} data-option=\"subtitle\" className={chartInputClass} onCommit={(subtitle) => void controller.setSubtitle(subtitle)} />\n          </Field>\n        </div>\n      )}\n\n      {show('options') && (\n        <div className={chartSectionClass} data-section=\"options\">\n          {cartesian && (\n            <Field label=\"Stacking\" htmlFor={`${idBase}-stacking`}>\n              <Select id={`${idBase}-stacking`} name=\"stacking\" value={spec.stacking} options={CHART_STACKINGS} labels={{ none: 'None', stacked: 'Stacked', percent: '100%' }} onChange={(stacking) => controller.update({ stacking })} />\n            </Field>\n          )}\n          {hasBars && (\n            <Field label=\"Bars\">\n              <div className=\"flex gap-0.5 rounded-md bg-muted p-0.5\">\n                {(['vertical', 'horizontal'] as const).map((o) => (\n                  <button key={o} type=\"button\" aria-pressed={spec.orientation === o} data-option={`orientation.${o}`} className={chartSegmentClass(spec.orientation === o)} onClick={() => controller.update({ orientation: o })}>\n                    {cap(o)}\n                  </button>\n                ))}\n              </div>\n            </Field>\n          )}\n          {hasLines && (\n            <Field label=\"Lines\" htmlFor={`${idBase}-curve`}>\n              <Select id={`${idBase}-curve`} name=\"curve\" value={spec.curve} options={CHART_CURVES} onChange={(curve) => controller.update({ curve })} />\n            </Field>\n          )}\n          {spec.type === 'donut' && (\n            <Field label=\"Hole\" htmlFor={`${idBase}-hole`}>\n              <input\n                id={`${idBase}-hole`}\n                type=\"range\"\n                min={0}\n                max={0.9}\n                step={0.05}\n                value={spec.innerRadius}\n                data-option=\"innerRadius\"\n                className=\"w-full accent-primary\"\n                onPointerDown={() => controller.beginGesture('innerRadius')}\n                onPointerUp={() => controller.endGesture()}\n                onChange={(e) => controller.update({ innerRadius: Number(e.currentTarget.value) })}\n              />\n            </Field>\n          )}\n          {hasBars && (\n            <Field label=\"Spacing\" htmlFor={`${idBase}-gap`}>\n              <input\n                id={`${idBase}-gap`}\n                type=\"range\"\n                min={0}\n                max={0.9}\n                step={0.02}\n                value={spec.gapWidth}\n                data-option=\"gapWidth\"\n                className=\"w-full accent-primary\"\n                onPointerDown={() => controller.beginGesture('gapWidth')}\n                onPointerUp={() => controller.endGesture()}\n                onChange={(e) => controller.update({ gapWidth: Number(e.currentTarget.value) })}\n              />\n            </Field>\n          )}\n          {spec.dataLabels && hasBars && (\n            <Field label=\"Labels\" htmlFor={`${idBase}-label-position`}>\n              <Select id={`${idBase}-label-position`} name=\"labelPosition\" value={spec.labelPosition} options={CHART_LABEL_POSITIONS} onChange={(labelPosition) => controller.update({ labelPosition })} />\n            </Field>\n          )}\n          {spec.type === 'histogram' && (\n            <Field label=\"Bins\" htmlFor={`${idBase}-bins`}>\n              <ChartCommitInput id={`${idBase}-bins`} value={spec.bins === null ? '' : String(spec.bins)} placeholder=\"Auto\" inputMode=\"numeric\" data-option=\"bins\" className={chartInputClass} onCommit={(text) => controller.update({ bins: text.trim() === '' ? null : Number(text) }).ok} />\n            </Field>\n          )}\n          <div className=\"flex flex-wrap gap-x-4 gap-y-1\">\n            {spec.type === 'waterfall' && <Toggle label=\"Total bar\" name=\"showTotal\" checked={spec.showTotal} onChange={(showTotal) => controller.update({ showTotal })} />}\n            {hasLines && <Toggle label=\"Points\" name=\"points\" checked={spec.points} onChange={(points) => controller.update({ points })} />}\n            <Toggle label=\"Data labels\" name=\"dataLabels\" checked={spec.dataLabels} onChange={(dataLabels) => controller.update({ dataLabels })} />\n          </div>\n        </div>\n      )}\n\n      {show('legend') && (\n        <div className={chartSectionClass} data-section=\"legend\">\n          <div className=\"flex items-center justify-between\">\n            <h4 className=\"text-xs font-semibold text-foreground\">Legend</h4>\n            <Toggle label=\"Show\" name=\"legend.show\" checked={spec.legend.show} onChange={(v) => controller.setLegend({ show: v })} />\n          </div>\n          {spec.legend.show && (\n            <div className=\"flex gap-0.5 rounded-md bg-muted p-0.5\">\n              {CHART_LEGEND_POSITIONS.map((p) => (\n                <button key={p} type=\"button\" aria-pressed={spec.legend.position === p} data-option={`legend.${p}`} className={chartSegmentClass(spec.legend.position === p)} onClick={() => controller.setLegend({ position: p })}>\n                  {cap(p)}\n                </button>\n              ))}\n            </div>\n          )}\n        </div>\n      )}\n\n      {show('axes') && hasAxes && (\n        <>\n          {family !== 'box' && family !== 'histogram' && <AxisSection controller={controller} axis=\"x\" value={spec.xAxis} idBase={idBase} horizontal={spec.orientation === 'horizontal'} numeric={family === 'xy'} scales={scales} />}\n          <AxisSection controller={controller} axis=\"y\" value={spec.yAxis} idBase={idBase} horizontal={spec.orientation === 'horizontal'} scales={scales} />\n          {usesSecondary && <AxisSection controller={controller} axis=\"y2\" value={spec.yAxis2} idBase={idBase} horizontal={spec.orientation === 'horizontal'} scales={scales} />}\n        </>\n      )}\n\n      {show('series') && selectedSeries && (\n        <div className={chartSectionClass} data-section=\"series\" data-series-id={selectedSeries.id}>\n          <h4 className=\"text-xs font-semibold text-foreground\">Series</h4>\n          <Field label=\"Name\" htmlFor={`${idBase}-series-name`}>\n            <ChartCommitInput id={`${idBase}-series-name`} value={selectedSeries.name} data-option=\"series.name\" className={chartInputClass} onCommit={(name) => void controller.updateSeries(selectedSeries.id, { name })} />\n          </Field>\n          <Field label=\"Colour\" htmlFor={`${idBase}-series-color`}>\n            <div className=\"flex items-center gap-1\">\n              <input\n                id={`${idBase}-series-color`}\n                type=\"color\"\n                value={chartColorInputValue(chartSeriesColor(spec, seriesIndex))}\n                data-option=\"series.color\"\n                className=\"h-7 w-9 shrink-0 cursor-pointer rounded border border-input bg-background p-0.5\"\n                onPointerDown={() => controller.beginGesture(`color:${selectedSeries.id}`)}\n                onBlur={() => controller.endGesture()}\n                onChange={(e) => controller.updateSeries(selectedSeries.id, { color: e.currentTarget.value })}\n              />\n              {selectedSeries.color && (\n                <button type=\"button\" className={chartButtonClass} data-action=\"reset-color\" onClick={() => controller.updateSeries(selectedSeries.id, { color: null })}>\n                  Palette\n                </button>\n              )}\n            </div>\n          </Field>\n          {cartesian && (\n            <Field label=\"Draw as\" htmlFor={`${idBase}-series-type`}>\n              <select\n                id={`${idBase}-series-type`}\n                className={chartInputClass}\n                value={selectedSeries.type ?? ''}\n                data-option=\"series.type\"\n                onChange={(e) => controller.updateSeries(selectedSeries.id, { type: (e.currentTarget.value || null) as any })}\n              >\n                <option value=\"\">Chart type</option>\n                {CHART_SERIES_TYPES.map((t) => (\n                  <option key={t} value={t}>\n                    {CHART_TYPE_LABELS[t]}\n                  </option>\n                ))}\n              </select>\n            </Field>\n          )}\n          {(cartesian || family === 'xy') && ['line', 'area', 'scatter'].includes(chartSeriesType(spec, selectedSeries)) && (\n            <Field label=\"Marker\" htmlFor={`${idBase}-series-marker`}>\n              <select\n                id={`${idBase}-series-marker`}\n                className={chartInputClass}\n                value={selectedSeries.marker ?? ''}\n                data-option=\"series.marker\"\n                onChange={(e) => controller.updateSeries(selectedSeries.id, { marker: (e.currentTarget.value || null) as any })}\n              >\n                <option value=\"\">Default</option>\n                {CHART_MARKERS.map((m) => (\n                  <option key={m} value={m}>\n                    {cap(m)}\n                  </option>\n                ))}\n              </select>\n            </Field>\n          )}\n          {scales && <ErrorBarFields controller={controller} series={selectedSeries} which=\"errorBars\" idBase={idBase} />}\n          {family === 'xy' && <ErrorBarFields controller={controller} series={selectedSeries} which=\"xErrorBars\" idBase={idBase} />}\n          {chartSupportsTrendlines(spec.type, spec.stacking) && (\n            <div className=\"space-y-1\" data-section=\"trendlines\">\n              {(selectedSeries.trendlines ?? []).map((t, i) => (\n                <div key={i} className=\"flex items-center gap-1\" data-trendline={i}>\n                  <span className=\"flex-1 truncate text-muted-foreground\">{chartTrendlineName(t, selectedSeries.name)}</span>\n                  <Toggle label=\"R²\" name={`trendline.${i}.showR2`} checked={!!t.showR2} onChange={(showR2) => controller.updateTrendline(selectedSeries.id, i, { showR2 })} />\n                  <button type=\"button\" className={chartButtonClass} aria-label=\"Delete trendline\" data-action=\"trendline-delete\" onClick={() => controller.removeTrendline(selectedSeries.id, i)}>\n                    ×\n                  </button>\n                </div>\n              ))}\n              <select\n                className={chartInputClass}\n                value=\"\"\n                aria-label=\"Add trendline\"\n                data-option=\"trendline.add\"\n                onChange={(e) => e.currentTarget.value && controller.addTrendline(selectedSeries.id, { type: e.currentTarget.value as any })}\n              >\n                <option value=\"\">Add trendline…</option>\n                {CHART_TRENDLINE_TYPES.map((t) => (\n                  <option key={t} value={t}>\n                    {cap(t.replace('-', ' '))}\n                  </option>\n                ))}\n              </select>\n            </div>\n          )}\n          <div className=\"flex flex-wrap items-center gap-1\">\n            <Toggle label=\"Hidden\" name=\"series.hidden\" checked={!!selectedSeries.hidden} onChange={(hidden) => controller.updateSeries(selectedSeries.id, { hidden })} />\n            {family === 'cartesian' && <Toggle label=\"Secondary axis\" name=\"series.axis\" checked={selectedSeries.axis === 'secondary'} onChange={(secondary) => controller.updateSeries(selectedSeries.id, { axis: secondary ? 'secondary' : null })} />}\n            <span className=\"flex-1\" />\n            <button type=\"button\" className={chartButtonClass} disabled={seriesIndex <= 0} aria-label=\"Move series earlier\" data-action=\"series-up\" onClick={() => controller.moveSeries(selectedSeries.id, seriesIndex - 1)}>\n              ↑\n            </button>\n            <button type=\"button\" className={chartButtonClass} disabled={seriesIndex >= spec.series.length - 1} aria-label=\"Move series later\" data-action=\"series-down\" onClick={() => controller.moveSeries(selectedSeries.id, seriesIndex + 1)}>\n              ↓\n            </button>\n            <button type=\"button\" className={`${chartButtonClass} text-destructive`} data-action=\"series-delete\" onClick={() => controller.removeSeries(selectedSeries.id)}>\n              Delete\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["useEffect","useMemo","useRef","useSyncExternalStore","layoutChart","useSyncExternalStore","useRef","useEffect","useMemo","layoutChart","useEffect","useRef","useState","jsx","jsxs","useState","useRef","useEffect","chartColorInputValue","chartSeriesColor","Fragment","jsx","jsxs","key","cap","chartSeriesColor","chartColorInputValue"]}

package/dist/index.cjs

@@ -7574,7 +7574,7 @@ function Toggle({ label, checked, onChange, name }) {
 function Select({ id, value, options, onChange, name, labels }) {
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("select", { id, className: chartInputClass, value, "data-option": name, onChange: (e) => onChange(e.currentTarget.value), children: options.map((o) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: o, children: labels?.[o] ?? cap(o) }, o)) });
 }
-function AxisSection({ controller, axis, value, idBase, horizontal, numeric = false }) {
+function AxisSection({ controller, axis, value, idBase, horizontal, numeric = false, scales = false }) {
   const set = (patch) => controller.setAxis(axis, patch);
   const setFormat = (patch) => set({ format: { ...value.format, ...patch } });
   const bound = (key2) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
@@ -7607,9 +7607,22 @@ function AxisSection({ controller, axis, value, idBase, horizontal, numeric = fa
     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Title", htmlFor: `${idBase}-${axis}-title`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChartCommitInput, { id: `${idBase}-${axis}-title`, value: value.title, "data-option": `${axis}Axis.title`, className: chartInputClass, onCommit: (title) => void set({ title }) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-wrap gap-x-4 gap-y-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toggle, { label: "Grid lines", name: `${key}.gridlines`, checked: value.gridlines, onChange: (gridlines) => set({ gridlines }) }),
-      axis === "x" && !numeric && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toggle, { label: "Dates", name: "xAxis.kind", checked: value.kind === "date", onChange: (dates) => set({ kind: dates ? "date" : void 0 }) })
+      axis === "x" && !numeric && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toggle, { label: "Dates", name: "xAxis.kind", checked: value.kind === "date", onChange: (dates) => set({ kind: dates ? "date" : void 0 }) }),
+      scales && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toggle, { label: "Reverse", name: `${key}.reverse`, checked: !!value.reverse, onChange: (reverse) => set({ reverse }) }),
+      scales && valueAxis && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toggle, { label: "Log scale", name: `${key}.scale`, checked: value.scale === "log", onChange: (log) => set({ scale: log ? "log" : "linear" }) })
     ] }),
-    valueAxis && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Step", htmlFor: `${idBase}-${axis}-step`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    scales && valueAxis && value.scale === "log" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Log base", htmlFor: `${idBase}-${axis}-log-base`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+      ChartCommitInput,
+      {
+        id: `${idBase}-${axis}-log-base`,
+        value: String(value.logBase ?? 10),
+        inputMode: "decimal",
+        "data-option": `${key}.logBase`,
+        className: chartInputClass,
+        onCommit: (text) => set({ logBase: text.trim() === "" ? void 0 : Number(text) }).ok
+      }
+    ) }),
+    valueAxis && value.scale !== "log" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Step", htmlFor: `${idBase}-${axis}-step`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       ChartCommitInput,
       {
         id: `${idBase}-${axis}-step`,
@@ -7667,6 +7680,44 @@ function AxisSection({ controller, axis, value, idBase, horizontal, numeric = fa
     ] })
   ] });
 }
+function ErrorBarFields({ controller, series, which, idBase }) {
+  const bars = series[which];
+  const key = `series.${which}`;
+  const id = `${idBase}-${which}`;
+  const values = which === "xErrorBars" ? series.x ?? [] : series.values;
+  const set = (next) => controller.updateSeries(series.id, { [which]: next });
+  const patch = (p) => bars && set({ ...bars, ...p });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-1.5", "data-section": which === "errorBars" ? "error-bars" : "x-error-bars", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: which === "errorBars" ? "Error bars" : "X error bars", htmlFor: `${id}-type`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("select", { id: `${id}-type`, className: chartInputClass, value: bars?.type ?? "", "data-option": `${key}.type`, onChange: (e) => set((0, import_chart4.chartErrorBarsOfType)(e.currentTarget.value, bars, values)), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "", children: "None" }),
+      import_chart4.CHART_ERROR_BAR_TYPES.map((t) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: t, children: import_chart4.CHART_ERROR_BAR_LABELS[t] }, t))
+    ] }) }),
+    bars && (bars.type === "fixed" || bars.type === "percent" || bars.type === "stddev") && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: bars.type === "percent" ? "Percent" : bars.type === "stddev" ? "Deviations" : "Amount", htmlFor: `${id}-value`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChartCommitInput, { id: `${id}-value`, value: String(bars.value ?? (0, import_chart4.defaultChartErrorBarValue)(bars.type)), inputMode: "decimal", "data-option": `${key}.value`, className: chartInputClass, onCommit: (text) => !!patch({ value: text.trim() === "" ? void 0 : Number(text) })?.ok }) }),
+    bars?.type === "custom" && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Plus", htmlFor: `${id}-plus`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ChartCommitInput, { id: `${id}-plus`, value: (0, import_chart4.formatChartAmountList)(bars.plus), placeholder: "1, 2, -, 0.5", "data-option": `${key}.plus`, className: chartInputClass, onCommit: (text) => !!patch({ plus: (0, import_chart4.parseChartAmountList)(text) })?.ok }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Field, { label: "Minus", htmlFor: `${id}-minus`, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        ChartCommitInput,
+        {
+          id: `${id}-minus`,
+          value: (0, import_chart4.formatChartAmountList)(bars.minus),
+          placeholder: "Same as plus",
+          "data-option": `${key}.minus`,
+          className: chartInputClass,
+          onCommit: (text) => {
+            const next = { ...bars };
+            if (text.trim()) next.minus = (0, import_chart4.parseChartAmountList)(text);
+            else delete next.minus;
+            return set(next).ok;
+          }
+        }
+      ) })
+    ] }),
+    bars && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("select", { className: `${chartInputClass} flex-1`, "aria-label": "Error bar direction", value: bars.direction ?? "both", "data-option": `${key}.direction`, onChange: (e) => patch({ direction: e.currentTarget.value }), children: import_chart4.CHART_ERROR_BAR_DIRECTIONS.map((d) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: d, children: d === "both" ? "Both ways" : d === "plus" ? "Plus only" : "Minus only" }, d)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Toggle, { label: "Caps", name: `${key}.cap`, checked: bars.cap !== false, onChange: (cap2) => patch({ cap: cap2 }) })
+    ] })
+  ] });
+}
 function ChartInspector({ controller, sections, className }) {
   const { spec, selectedSeries } = useChartState(controller);
   const idBase = (0, import_react59.useId)();
@@ -7680,6 +7731,7 @@ function ChartInspector({ controller, sections, className }) {
   const hasBars = cartesian && types.includes("bar");
   const hasLines = cartesian && types.some((t) => t === "line" || t === "area");
   const seriesIndex = selectedSeries ? spec.series.findIndex((s) => s.id === selectedSeries.id) : -1;
+  const scales = family === "cartesian" || family === "xy";
   return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: `space-y-3 text-xs ${className ?? ""}`, "data-chart-inspector": "", children: [
     show("type") && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: chartSectionClass, "data-section": "type", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "grid grid-cols-3 gap-0.5 rounded-md bg-muted p-0.5", role: "radiogroup", "aria-label": "Chart type", children: import_chart4.CHART_TYPES.map((type) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("button", { type: "button", role: "radio", "aria-checked": spec.type === type, "data-chart-type": type, className: chartSegmentClass(spec.type === type), onClick: () => controller.setType(type), children: import_chart4.CHART_TYPE_LABELS[type] }, type)) }) }),
     show("style") && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: chartSectionClass, "data-section": "style", children: [
@@ -7750,9 +7802,9 @@ function ChartInspector({ controller, sections, className }) {
       spec.legend.show && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex gap-0.5 rounded-md bg-muted p-0.5", children: import_chart4.CHART_LEGEND_POSITIONS.map((p) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("button", { type: "button", "aria-pressed": spec.legend.position === p, "data-option": `legend.${p}`, className: chartSegmentClass(spec.legend.position === p), onClick: () => controller.setLegend({ position: p }), children: cap(p) }, p)) })
     ] }),
     show("axes") && hasAxes && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-      family !== "box" && family !== "histogram" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AxisSection, { controller, axis: "x", value: spec.xAxis, idBase, horizontal: spec.orientation === "horizontal", numeric: family === "xy" }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AxisSection, { controller, axis: "y", value: spec.yAxis, idBase, horizontal: spec.orientation === "horizontal" }),
-      usesSecondary && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AxisSection, { controller, axis: "y2", value: spec.yAxis2, idBase, horizontal: spec.orientation === "horizontal" })
+      family !== "box" && family !== "histogram" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AxisSection, { controller, axis: "x", value: spec.xAxis, idBase, horizontal: spec.orientation === "horizontal", numeric: family === "xy", scales }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AxisSection, { controller, axis: "y", value: spec.yAxis, idBase, horizontal: spec.orientation === "horizontal", scales }),
+      usesSecondary && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AxisSection, { controller, axis: "y2", value: spec.yAxis2, idBase, horizontal: spec.orientation === "horizontal", scales })
     ] }),
     show("series") && selectedSeries && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: chartSectionClass, "data-section": "series", "data-series-id": selectedSeries.id, children: [
       /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h4", { className: "text-xs font-semibold text-foreground", children: "Series" }),
@@ -7801,6 +7853,8 @@ function ChartInspector({ controller, sections, className }) {
           ]
         }
       ) }),
+      scales && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ErrorBarFields, { controller, series: selectedSeries, which: "errorBars", idBase }),
+      family === "xy" && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(ErrorBarFields, { controller, series: selectedSeries, which: "xErrorBars", idBase }),
       (0, import_chart4.chartSupportsTrendlines)(spec.type, spec.stacking) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "space-y-1", "data-section": "trendlines", children: [
         (selectedSeries.trendlines ?? []).map((t, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-1", "data-trendline": i, children: [
           /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "flex-1 truncate text-muted-foreground", children: (0, import_chart4.chartTrendlineName)(t, selectedSeries.name) }),