@silverpoint/react 0.2.0 → 0.6.0

package/dist/chunk-LPKOFXAA.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/vector-field-chart.tsx
+import { vectorFieldChart } from "@silverpoint/core/catalog";
+var VectorFieldChart = createClientChart(vectorFieldChart);
+
+export {
+  VectorFieldChart
+};
+//# sourceMappingURL=chunk-LPKOFXAA.js.map

package/dist/chunk-LPKOFXAA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/vector-field-chart.tsx"],"sourcesContent":["import { vectorFieldChart } from '@silverpoint/core/catalog';\nimport type { VectorFieldChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { VectorFieldChartProps } from '@silverpoint/core';\n\nexport type ClientVectorFieldChartProps = VectorFieldChartProps & InteractionProps;\n\n/** `VectorFieldChart` (REQ-425): an arrow per grid point (API Spec §7.3). */\nexport const VectorFieldChart = createClientChart<VectorFieldChartProps>(vectorFieldChart);\n"],"mappings":";;;;;;AAAA,SAAS,wBAAwB;AAU1B,IAAM,mBAAmB,kBAAyC,gBAAgB;","names":[]}

package/dist/chunk-LSA5XU52.js

@@ -0,0 +1,18 @@
+'use client';
+import {
+  renderUi,
+  textOf,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/tag.tsx
+import { uiTagView } from "@silverpoint/core/ui";
+function SpTag({ children, onClose, dashboardCell, ...props }) {
+  const view = uiTagView(props, useUi(props, dashboardCell), { text: textOf(children) });
+  return renderUi(view, { close: { onClick: onClose }, slots: { content: children } });
+}
+
+export {
+  SpTag
+};
+//# sourceMappingURL=chunk-LSA5XU52.js.map

package/dist/chunk-LSA5XU52.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tag.tsx"],"sourcesContent":["import { uiTagView, type SpTagProps as CoreProps } from '@silverpoint/core/ui';\nimport type { MouseEvent, ReactElement, ReactNode } from 'react';\nimport { textOf, useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpTagProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n  /** From the close button of a closable tag. */\n  readonly onClose?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\n\n/** `SpTag`: framed and toned; closable, a native close button (REQ-308). */\nexport function SpTag({ children, onClose, dashboardCell, ...props }: SpTagProps) {\n  const view = uiTagView(props, useUi(props, dashboardCell), { text: textOf(children) });\n  return renderUi(view, { close: { onClick: onClose }, slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,iBAA+C;AAYjD,SAAS,MAAM,EAAE,UAAU,SAAS,eAAe,GAAG,MAAM,GAAe;AAChF,QAAM,OAAO,UAAU,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,QAAQ,EAAE,CAAC;AACrF,SAAO,SAAS,MAAM,EAAE,OAAO,EAAE,SAAS,QAAQ,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACrF;","names":[]}

package/dist/chunk-M3MZMHGS.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/interval-chart.tsx
+import { intervalChart } from "@silverpoint/core/catalog";
+var IntervalChart = createClientChart(intervalChart);
+
+export {
+  IntervalChart
+};
+//# sourceMappingURL=chunk-M3MZMHGS.js.map

package/dist/chunk-M3MZMHGS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/interval-chart.tsx"],"sourcesContent":["import { intervalChart } from '@silverpoint/core/catalog';\nimport type { IntervalChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { IntervalChartProps } from '@silverpoint/core';\n\nexport type ClientIntervalChartProps = IntervalChartProps & InteractionProps;\n\n/** `IntervalChart` (REQ-411): floating bars from start to end on lanes (API Spec §7.3). */\nexport const IntervalChart = createClientChart<IntervalChartProps>(intervalChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/chunk-M56MDRNT.js

@@ -0,0 +1,17 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/alert.tsx
+import { uiAlertView } from "@silverpoint/core/ui";
+function SpAlert({ children, onClose, dashboardCell, ...props }) {
+  const view = uiAlertView(props, useUi(props, dashboardCell), { closable: props.closable === true });
+  return renderUi(view, { close: { onClick: onClose }, slots: { content: children } });
+}
+
+export {
+  SpAlert
+};
+//# sourceMappingURL=chunk-M56MDRNT.js.map

package/dist/chunk-M56MDRNT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/alert.tsx"],"sourcesContent":["import { uiAlertView, type SpAlertProps as CoreProps } from '@silverpoint/core/ui';\nimport type { MouseEvent, ReactElement, ReactNode } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpAlertProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n  /** From the close button of a closable alert. */\n  readonly onClose?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\n\n/** `SpAlert`: `alert` or `status` by kind (REQ-318); closable, a native close button. */\nexport function SpAlert({ children, onClose, dashboardCell, ...props }: SpAlertProps) {\n  const view = uiAlertView(props, useUi(props, dashboardCell), { closable: props.closable === true });\n  return renderUi(view, { close: { onClick: onClose }, slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,mBAAmD;AAYrD,SAAS,QAAQ,EAAE,UAAU,SAAS,eAAe,GAAG,MAAM,GAAiB;AACpF,QAAM,OAAO,YAAY,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,UAAU,MAAM,aAAa,KAAK,CAAC;AAClG,SAAO,SAAS,MAAM,EAAE,OAAO,EAAE,SAAS,QAAQ,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACrF;","names":[]}

package/dist/{chunk-FZMY6NWJ.js → chunk-MC7N4KQA.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/treemap-chart.tsx
 import { treemapChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var TreemapChart = createClientChart(treemapChart);
 export {
   TreemapChart
 };
-//# sourceMappingURL=chunk-FZMY6NWJ.js.map
+//# sourceMappingURL=chunk-MC7N4KQA.js.map

package/dist/chunk-MS5BH6TU.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/histogram-chart.tsx
+import { histogramChart } from "@silverpoint/core/catalog";
+var HistogramChart = createClientChart(histogramChart);
+
+export {
+  HistogramChart
+};
+//# sourceMappingURL=chunk-MS5BH6TU.js.map

package/dist/chunk-MS5BH6TU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/histogram-chart.tsx"],"sourcesContent":["import { histogramChart } from '@silverpoint/core/catalog';\nimport type { HistogramChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { HistogramChartProps } from '@silverpoint/core';\n\nexport type ClientHistogramChartProps = HistogramChartProps & InteractionProps;\n\n/** `HistogramChart` (REQ-400): raw observations binned in the core (API Spec §7.3). */\nexport const HistogramChart = createClientChart<HistogramChartProps>(histogramChart);\n"],"mappings":";;;;;;AAAA,SAAS,sBAAsB;AAUxB,IAAM,iBAAiB,kBAAuC,cAAc;","names":[]}

package/dist/{chunk-UXVYCPFL.js → chunk-MYKZWY2E.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/wind-rose.tsx
 import { windRose } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var WindRose = createClientChart(windRose);
 export {
   WindRose
 };
-//# sourceMappingURL=chunk-UXVYCPFL.js.map
+//# sourceMappingURL=chunk-MYKZWY2E.js.map

package/dist/{chunk-GBTH55AM.js → chunk-NA6K372D.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/polar-bar-chart.tsx
 import { polarBarChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var PolarBarChart = createClientChart(polarBarChart);
 export {
   PolarBarChart
 };
-//# sourceMappingURL=chunk-GBTH55AM.js.map
+//# sourceMappingURL=chunk-NA6K372D.js.map

package/dist/chunk-NEOD2DSH.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/dumbbell-chart.tsx
+import { dumbbellChart } from "@silverpoint/core/catalog";
+var DumbbellChart = createClientChart(dumbbellChart);
+
+export {
+  DumbbellChart
+};
+//# sourceMappingURL=chunk-NEOD2DSH.js.map

package/dist/chunk-NEOD2DSH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dumbbell-chart.tsx"],"sourcesContent":["import { dumbbellChart } from '@silverpoint/core/catalog';\nimport type { DumbbellChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { DumbbellChartProps } from '@silverpoint/core';\n\nexport type ClientDumbbellChartProps = DumbbellChartProps & InteractionProps;\n\n/** `DumbbellChart` (REQ-407): two values per category joined by a segment (API Spec §7.3). */\nexport const DumbbellChart = createClientChart<DumbbellChartProps>(dumbbellChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/{chunk-E5LIZKJT.js → chunk-NWK6VBCJ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/sparkline-rows.tsx
 import { sparklineRows } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var SparklineRows = createClientChart(sparklineRows);
 export {
   SparklineRows
 };
-//# sourceMappingURL=chunk-E5LIZKJT.js.map
+//# sourceMappingURL=chunk-NWK6VBCJ.js.map

package/dist/{chunk-WICFKWEZ.js → chunk-NWRCFNYB.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/range-band-chart.tsx
 import { rangeBandChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RangeBandChart = createClientChart(rangeBandChart);
 export {
   RangeBandChart
 };
-//# sourceMappingURL=chunk-WICFKWEZ.js.map
+//# sourceMappingURL=chunk-NWRCFNYB.js.map

package/dist/{chunk-CERHTEML.js → chunk-OAH7AEGE.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/radial-arc-group.tsx
 import { radialArcGroup } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RadialArcGroup = createClientChart(radialArcGroup);
 export {
   RadialArcGroup
 };
-//# sourceMappingURL=chunk-CERHTEML.js.map
+//# sourceMappingURL=chunk-OAH7AEGE.js.map

package/dist/chunk-OP2WE7MA.js

@@ -0,0 +1,31 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/tabs.tsx
+import { uiItems, uiRovingFocus, uiSelectedKey, uiTabPanelView, uiTabsView } from "@silverpoint/core/ui";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var TabsContext = createContext({ value: null });
+function SpTabs({ value, defaultValue, onChange, children, dashboardCell, ...props }) {
+  const [current, set] = useValue(value, defaultValue, onChange);
+  const view = uiTabsView(props, useUi(props, dashboardCell), { value: current ?? null });
+  const selected = uiSelectedKey(uiItems(props.items, "SpTabs"), current, "first");
+  const native = { onClick: (event) => set(String(event.currentTarget.dataset.key)) };
+  const orientation = props.orientation ?? "horizontal";
+  const onKeyDown = (event) => uiRovingFocus(event, event.currentTarget, '[role="tab"]', orientation, props.activation !== "manual");
+  const content = /* @__PURE__ */ jsx(TabsContext.Provider, { value: { id: props.id, value: selected }, children });
+  return renderUi(view, { root: { onKeyDown }, native, slots: { content } });
+}
+function SpTabPanel({ value, children }) {
+  return renderUi(uiTabPanelView({ value }, useContext(TabsContext)), { slots: { content: children } });
+}
+
+export {
+  SpTabs,
+  SpTabPanel
+};
+//# sourceMappingURL=chunk-OP2WE7MA.js.map

package/dist/chunk-OP2WE7MA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/tabs.tsx"],"sourcesContent":["import { uiItems, uiRovingFocus, uiSelectedKey, uiTabPanelView, uiTabsView, type SpTabsProps as CoreProps } from '@silverpoint/core/ui';\nimport { createContext, useContext, type KeyboardEvent, type MouseEvent, type ReactElement, type ReactNode } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpTabsProps extends CoreProps, UiCellProps {\n  /** Controlled key; an unknown one shows the first enabled tab. */\n  readonly value?: string;\n  readonly defaultValue?: string;\n  /** The key selected, not the DOM event (REQ-322). */\n  readonly onChange?: (value: string) => void;\n  /** `SpTabPanel` elements. */\n  readonly children?: ReactNode;\n}\n\n/** What a panel reads from its tabs: their id, for the ids that relate them, and the selected key. */\nconst TabsContext = createContext<{ readonly id?: string; readonly value: string | null }>({ value: null });\n\n/** `SpTabs`: a tablist of native buttons, one tab stop; arrows through the core, `activation` as APG (REQ-315). */\nexport function SpTabs({ value, defaultValue, onChange, children, dashboardCell, ...props }: SpTabsProps) {\n  const [current, set] = useValue<string | undefined>(value, defaultValue, onChange as (next: string | undefined) => void);\n  const view = uiTabsView(props, useUi(props, dashboardCell), { value: current ?? null });\n  const selected = uiSelectedKey(uiItems(props.items, 'SpTabs'), current, 'first');\n  const native = { onClick: (event: MouseEvent<HTMLButtonElement>) => set(String(event.currentTarget.dataset.key)) };\n  const orientation = props.orientation ?? 'horizontal';\n  const onKeyDown = (event: KeyboardEvent<HTMLElement>) =>\n    uiRovingFocus(event, event.currentTarget, '[role=\"tab\"]', orientation, props.activation !== 'manual');\n  const content = <TabsContext.Provider value={{ id: props.id, value: selected }}>{children}</TabsContext.Provider>;\n  return renderUi(view, { root: { onKeyDown }, native, slots: { content } }) as ReactElement;\n}\n\nexport interface SpTabPanelProps {\n  /** The key of the tab that shows this panel. */\n  readonly value: string;\n  readonly children?: ReactNode;\n}\n\n/** `SpTabPanel`: a `tabpanel` labelled by its tab, hidden unless its tab is selected. */\nexport function SpTabPanel({ value, children }: SpTabPanelProps) {\n  return renderUi(uiTabPanelView({ value }, useContext(TabsContext)), { slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,SAAS,eAAe,eAAe,gBAAgB,kBAAiD;AACjH,SAAS,eAAe,kBAA0F;AA0BhG;AAXlB,IAAM,cAAc,cAAuE,EAAE,OAAO,KAAK,CAAC;AAGnG,SAAS,OAAO,EAAE,OAAO,cAAc,UAAU,UAAU,eAAe,GAAG,MAAM,GAAgB;AACxG,QAAM,CAAC,SAAS,GAAG,IAAI,SAA6B,OAAO,cAAc,QAA8C;AACvH,QAAM,OAAO,WAAW,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,WAAW,KAAK,CAAC;AACtF,QAAM,WAAW,cAAc,QAAQ,MAAM,OAAO,QAAQ,GAAG,SAAS,OAAO;AAC/E,QAAM,SAAS,EAAE,SAAS,CAAC,UAAyC,IAAI,OAAO,MAAM,cAAc,QAAQ,GAAG,CAAC,EAAE;AACjH,QAAM,cAAc,MAAM,eAAe;AACzC,QAAM,YAAY,CAAC,UACjB,cAAc,OAAO,MAAM,eAAe,gBAAgB,aAAa,MAAM,eAAe,QAAQ;AACtG,QAAM,UAAU,oBAAC,YAAY,UAAZ,EAAqB,OAAO,EAAE,IAAI,MAAM,IAAI,OAAO,SAAS,GAAI,UAAS;AAC1F,SAAO,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,QAAQ,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC3E;AASO,SAAS,WAAW,EAAE,OAAO,SAAS,GAAoB;AAC/D,SAAO,SAAS,eAAe,EAAE,MAAM,GAAG,WAAW,WAAW,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACtG;","names":[]}

package/dist/chunk-OSDENB6W.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/polar-line-chart.tsx
+import { polarLineChart } from "@silverpoint/core/catalog";
+var PolarLineChart = createClientChart(polarLineChart);
+
+export {
+  PolarLineChart
+};
+//# sourceMappingURL=chunk-OSDENB6W.js.map

package/dist/chunk-OSDENB6W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/polar-line-chart.tsx"],"sourcesContent":["import { polarLineChart } from '@silverpoint/core/catalog';\nimport type { PolarLineChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { PolarLineChartProps } from '@silverpoint/core';\n\nexport type ClientPolarLineChartProps = PolarLineChartProps & InteractionProps;\n\n/** `PolarLineChart` (REQ-420): a line over angle and radius (API Spec §7.3). */\nexport const PolarLineChart = createClientChart<PolarLineChartProps>(polarLineChart);\n"],"mappings":";;;;;;AAAA,SAAS,sBAAsB;AAUxB,IAAM,iBAAiB,kBAAuC,cAAc;","names":[]}

package/dist/{chunk-OFDVE64G.js → chunk-PRVJKYEQ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/radar-chart.tsx
 import { radarChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RadarChart = createClientChart(radarChart);
 export {
   RadarChart
 };
-//# sourceMappingURL=chunk-OFDVE64G.js.map
+//# sourceMappingURL=chunk-PRVJKYEQ.js.map

package/dist/chunk-QRYI7BEO.js

@@ -0,0 +1,21 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/input.tsx
+import { uiInputView } from "@silverpoint/core/ui";
+import { forwardRef } from "react";
+var SpInput = forwardRef(function SpInput2({ value, defaultValue, onChange, prefix, suffix, dashboardCell, ...props }, ref) {
+  const [current, set] = useValue(value, defaultValue ?? "", onChange);
+  const view = uiInputView(props, useUi(props, dashboardCell), { value: current, prefix: prefix != null, suffix: suffix != null });
+  const native = { ref, value: current, onChange: (event) => set(event.target.value) };
+  return renderUi(view, { native, slots: { prefix, suffix } });
+});
+
+export {
+  SpInput
+};
+//# sourceMappingURL=chunk-QRYI7BEO.js.map

package/dist/chunk-QRYI7BEO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/input.tsx"],"sourcesContent":["import { uiInputView, type SpInputProps as CoreProps } from '@silverpoint/core/ui';\nimport { forwardRef, type ChangeEvent, type ReactNode, type ReactElement } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpInputProps extends CoreProps, UiCellProps {\n  /** Controlled value. */\n  readonly value?: string;\n  readonly defaultValue?: string;\n  /** The new value, not the DOM event (REQ-322). */\n  readonly onChange?: (value: string) => void;\n  readonly prefix?: ReactNode;\n  readonly suffix?: ReactNode;\n}\n\n/** `SpInput`: a native `<input>` in a framed box; its ref is the input (REQ-314, REQ-334). */\nexport const SpInput = forwardRef<HTMLInputElement, SpInputProps>(function SpInput(\n  { value, defaultValue, onChange, prefix, suffix, dashboardCell, ...props },\n  ref,\n) {\n  const [current, set] = useValue(value, defaultValue ?? '', onChange);\n  const view = uiInputView(props, useUi(props, dashboardCell), { value: current, prefix: prefix != null, suffix: suffix != null });\n  const native = { ref, value: current, onChange: (event: ChangeEvent<HTMLInputElement>) => set(event.target.value) };\n  return renderUi(view, { native, slots: { prefix, suffix } }) as ReactElement;\n});\n"],"mappings":";;;;;;;;AAAA,SAAS,mBAAmD;AAC5D,SAAS,kBAAuE;AAezE,IAAM,UAAU,WAA2C,SAASA,SACzE,EAAE,OAAO,cAAc,UAAU,QAAQ,QAAQ,eAAe,GAAG,MAAM,GACzE,KACA;AACA,QAAM,CAAC,SAAS,GAAG,IAAI,SAAS,OAAO,gBAAgB,IAAI,QAAQ;AACnE,QAAM,OAAO,YAAY,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,SAAS,QAAQ,UAAU,MAAM,QAAQ,UAAU,KAAK,CAAC;AAC/H,QAAM,SAAS,EAAE,KAAK,OAAO,SAAS,UAAU,CAAC,UAAyC,IAAI,MAAM,OAAO,KAAK,EAAE;AAClH,SAAO,SAAS,MAAM,EAAE,QAAQ,OAAO,EAAE,QAAQ,OAAO,EAAE,CAAC;AAC7D,CAAC;","names":["SpInput"]}

package/dist/chunk-R7AKJYNB.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/contour-chart.tsx
+import { contourChart } from "@silverpoint/core/catalog";
+var ContourChart = createClientChart(contourChart);
+
+export {
+  ContourChart
+};
+//# sourceMappingURL=chunk-R7AKJYNB.js.map

package/dist/chunk-R7AKJYNB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contour-chart.tsx"],"sourcesContent":["import { contourChart } from '@silverpoint/core/catalog';\nimport type { ContourChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ContourChartProps } from '@silverpoint/core';\n\nexport type ClientContourChartProps = ContourChartProps & InteractionProps;\n\n/** `ContourChart` (REQ-423): iso-lines and filled bands of a density or a grid (API Spec §7.3). */\nexport const ContourChart = createClientChart<ContourChartProps>(contourChart);\n"],"mappings":";;;;;;AAAA,SAAS,oBAAoB;AAUtB,IAAM,eAAe,kBAAqC,YAAY;","names":[]}

package/dist/{chunk-P53KSCPE.js → chunk-RAATAHXZ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/sankey-chart.tsx
 import { sankeyChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var SankeyChart = createClientChart(sankeyChart);
 export {
   SankeyChart
 };
-//# sourceMappingURL=chunk-P53KSCPE.js.map
+//# sourceMappingURL=chunk-RAATAHXZ.js.map

package/dist/{chunk-FQHAHZBR.js → chunk-RIGQTEKW.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/funnel-chart.tsx
 import { funnelChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var FunnelChart = createClientChart(funnelChart);
 export {
   FunnelChart
 };
-//# sourceMappingURL=chunk-FQHAHZBR.js.map
+//# sourceMappingURL=chunk-RIGQTEKW.js.map

package/dist/{chunk-NHUVAE4Z.js → chunk-RMIIFPXA.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/coxcomb-chart.tsx
 import { coxcombChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var CoxcombChart = createClientChart(coxcombChart);
 export {
   CoxcombChart
 };
-//# sourceMappingURL=chunk-NHUVAE4Z.js.map
+//# sourceMappingURL=chunk-RMIIFPXA.js.map

package/dist/chunk-SNWXRA2D.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/slope-chart.tsx
+import { slopeChart } from "@silverpoint/core/catalog";
+var SlopeChart = createClientChart(slopeChart);
+
+export {
+  SlopeChart
+};
+//# sourceMappingURL=chunk-SNWXRA2D.js.map

package/dist/chunk-SNWXRA2D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/slope-chart.tsx"],"sourcesContent":["import { slopeChart } from '@silverpoint/core/catalog';\nimport type { SlopeChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { SlopeChartProps } from '@silverpoint/core';\n\nexport type ClientSlopeChartProps = SlopeChartProps & InteractionProps;\n\n/** `SlopeChart` (REQ-408): two period axes, one segment per category (API Spec §7.3). */\nexport const SlopeChart = createClientChart<SlopeChartProps>(slopeChart);\n"],"mappings":";;;;;;AAAA,SAAS,kBAAkB;AAUpB,IAAM,aAAa,kBAAmC,UAAU;","names":[]}

package/dist/chunk-SQ6GWXDK.js

@@ -0,0 +1,48 @@
+'use client';
+
+// src/context.ts
+import { createContext } from "react";
+var SilverpointContext = createContext({});
+
+// src/environment.ts
+import { checkTypeface, FORCED_PRECISION_QUERY } from "@silverpoint/core";
+import { useEffect, useState } from "react";
+function useForcedPrecision() {
+  const [forced, setForced] = useState(false);
+  useEffect(() => {
+    if (typeof matchMedia !== "function") return;
+    const query = matchMedia(FORCED_PRECISION_QUERY);
+    const update = () => setForced(query.matches);
+    update();
+    query.addEventListener?.("change", update);
+    return () => query.removeEventListener?.("change", update);
+  }, []);
+  return forced;
+}
+function useMeasuredWidth(ref, enabled) {
+  const [width, setWidth] = useState(void 0);
+  useEffect(() => {
+    const element = ref.current;
+    if (!enabled || !element || typeof ResizeObserver !== "function") return;
+    const observer = new ResizeObserver((entries) => {
+      const entry = entries[0];
+      if (entry) setWidth(entry.contentRect.width);
+    });
+    observer.observe(element);
+    return () => observer.disconnect();
+  }, [ref, enabled]);
+  return width;
+}
+function useTypefaceCheck(chart) {
+  useEffect(() => {
+    if (typeof document !== "undefined" && document.fonts) void checkTypeface(document.fonts, chart);
+  }, [chart]);
+}
+
+export {
+  SilverpointContext,
+  useForcedPrecision,
+  useMeasuredWidth,
+  useTypefaceCheck
+};
+//# sourceMappingURL=chunk-SQ6GWXDK.js.map

package/dist/chunk-SQ6GWXDK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts","../src/environment.ts"],"sourcesContent":["import type { ProviderConfig } from '@silverpoint/core';\nimport { createContext } from 'react';\n\n/** Application-wide configuration (API Spec §8.1); a chart prop always wins over it. */\nexport const SilverpointContext = createContext<ProviderConfig>({});\n","import { checkTypeface, FORCED_PRECISION_QUERY } from '@silverpoint/core';\nimport { useEffect, useState, type RefObject } from 'react';\n\n/**\n * Whether the environment forces `precision` (REQ-123). Read after hydration, so the server\n * render and the first client render agree (REQ-103).\n */\nexport function useForcedPrecision(): boolean {\n  const [forced, setForced] = useState(false);\n  useEffect(() => {\n    if (typeof matchMedia !== 'function') return;\n    const query = matchMedia(FORCED_PRECISION_QUERY);\n    const update = () => setForced(query.matches);\n    update();\n    query.addEventListener?.('change', update);\n    return () => query.removeEventListener?.('change', update);\n  }, []);\n  return forced;\n}\n\n/** Width of the container, measured with ResizeObserver; `undefined` until measured (REQ-009). */\nexport function useMeasuredWidth(ref: RefObject<HTMLElement | null>, enabled: boolean): number | undefined {\n  const [width, setWidth] = useState<number | undefined>(undefined);\n  useEffect(() => {\n    const element = ref.current;\n    if (!enabled || !element || typeof ResizeObserver !== 'function') return;\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) setWidth(entry.contentRect.width);\n    });\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, [ref, enabled]);\n  return width;\n}\n\n/** Reports SP013 when the display typeface fails to load; never blocks the render (REQ-032). */\nexport function useTypefaceCheck(chart: string): void {\n  useEffect(() => {\n    if (typeof document !== 'undefined' && document.fonts) void checkTypeface(document.fonts, chart);\n  }, [chart]);\n}\n"],"mappings":";;;AACA,SAAS,qBAAqB;AAGvB,IAAM,qBAAqB,cAA8B,CAAC,CAAC;;;ACJlE,SAAS,eAAe,8BAA8B;AACtD,SAAS,WAAW,gBAAgC;AAM7C,SAAS,qBAA8B;AAC5C,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAC1C,YAAU,MAAM;AACd,QAAI,OAAO,eAAe,WAAY;AACtC,UAAM,QAAQ,WAAW,sBAAsB;AAC/C,UAAM,SAAS,MAAM,UAAU,MAAM,OAAO;AAC5C,WAAO;AACP,UAAM,mBAAmB,UAAU,MAAM;AACzC,WAAO,MAAM,MAAM,sBAAsB,UAAU,MAAM;AAAA,EAC3D,GAAG,CAAC,CAAC;AACL,SAAO;AACT;AAGO,SAAS,iBAAiB,KAAoC,SAAsC;AACzG,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,MAAS;AAChE,YAAU,MAAM;AACd,UAAM,UAAU,IAAI;AACpB,QAAI,CAAC,WAAW,CAAC,WAAW,OAAO,mBAAmB,WAAY;AAClE,UAAM,WAAW,IAAI,eAAe,CAAC,YAAY;AAC/C,YAAM,QAAQ,QAAQ,CAAC;AACvB,UAAI,MAAO,UAAS,MAAM,YAAY,KAAK;AAAA,IAC7C,CAAC;AACD,aAAS,QAAQ,OAAO;AACxB,WAAO,MAAM,SAAS,WAAW;AAAA,EACnC,GAAG,CAAC,KAAK,OAAO,CAAC;AACjB,SAAO;AACT;AAGO,SAAS,iBAAiB,OAAqB;AACpD,YAAU,MAAM;AACd,QAAI,OAAO,aAAa,eAAe,SAAS,MAAO,MAAK,cAAc,SAAS,OAAO,KAAK;AAAA,EACjG,GAAG,CAAC,KAAK,CAAC;AACZ;","names":[]}

package/dist/chunk-T2IYBDCL.js

@@ -0,0 +1,28 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/drillable.tsx
+import { rootChangeOf } from "@silverpoint/core/catalog";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+function createDrillableChart(recipe) {
+  const Chart = createClientChart(recipe);
+  const Drillable = forwardRef(function Drillable2({ onRootChange, onSelect, ...props }, ref) {
+    const chart = useRef(null);
+    useImperativeHandle(ref, () => ({ getGeometry: () => chart.current.getGeometry(), toSVGString: () => chart.current.toSVGString() }), []);
+    const select = (item) => {
+      onSelect?.(item);
+      if (onRootChange && chart.current) onRootChange(rootChangeOf(chart.current.getGeometry(), item));
+    };
+    return /* @__PURE__ */ jsx(Chart, { ...props, onSelect: select, ref: chart });
+  });
+  Drillable.displayName = recipe.name;
+  return Drillable;
+}
+
+export {
+  createDrillableChart
+};
+//# sourceMappingURL=chunk-T2IYBDCL.js.map

package/dist/chunk-T2IYBDCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/drillable.tsx"],"sourcesContent":["import { rootChangeOf } from '@silverpoint/core/catalog';\nimport type { ActiveItem, ChartHandle, ChartRecipe, CommonChartProps } from '@silverpoint/core';\nimport { forwardRef, useImperativeHandle, useRef } from 'react';\nimport { createClientChart, type ClientChart, type InteractionProps } from './create-chart';\n\n/** The event of the two drillable charts (API delta §4). */\nexport interface RootChangeProps {\n  /** A node was activated: the id to draw as root, `null` for the data root (REQ-439). */\n  onRootChange?: (id: string | null) => void;\n}\n\n/**\n * The client component of a drillable recipe: the client chart, whose `onSelect` also emits\n * `onRootChange`, read from the drawing as it is now. The root stays the consumer's `rootId`; this\n * component holds none (REQ-108).\n */\nexport function createDrillableChart<P extends CommonChartProps>(recipe: ChartRecipe<P>): ClientChart<P & RootChangeProps> {\n  const Chart = createClientChart(recipe) as unknown as ClientChart<CommonChartProps>;\n  const Drillable = forwardRef<ChartHandle, P & InteractionProps & RootChangeProps>(function Drillable({ onRootChange, onSelect, ...props }, ref) {\n    const chart = useRef<ChartHandle>(null);\n    // The inner handle changes with every drawing, so the outer one reads it at call time.\n    useImperativeHandle(ref, () => ({ getGeometry: () => (chart.current as ChartHandle).getGeometry(), toSVGString: () => (chart.current as ChartHandle).toSVGString() }), []);\n    const select = (item: ActiveItem) => {\n      onSelect?.(item);\n      if (onRootChange && chart.current) onRootChange(rootChangeOf(chart.current.getGeometry(), item));\n    };\n    return <Chart {...(props as CommonChartProps)} onSelect={select} ref={chart} />;\n  });\n  Drillable.displayName = recipe.name;\n  return Drillable as unknown as ClientChart<P & RootChangeProps>;\n}\n"],"mappings":";;;;;;AAAA,SAAS,oBAAoB;AAE7B,SAAS,YAAY,qBAAqB,cAAc;AAwB7C;AAVJ,SAAS,qBAAiD,QAA0D;AACzH,QAAM,QAAQ,kBAAkB,MAAM;AACtC,QAAM,YAAY,WAAgE,SAASA,WAAU,EAAE,cAAc,UAAU,GAAG,MAAM,GAAG,KAAK;AAC9I,UAAM,QAAQ,OAAoB,IAAI;AAEtC,wBAAoB,KAAK,OAAO,EAAE,aAAa,MAAO,MAAM,QAAwB,YAAY,GAAG,aAAa,MAAO,MAAM,QAAwB,YAAY,EAAE,IAAI,CAAC,CAAC;AACzK,UAAM,SAAS,CAAC,SAAqB;AACnC,iBAAW,IAAI;AACf,UAAI,gBAAgB,MAAM,QAAS,cAAa,aAAa,MAAM,QAAQ,YAAY,GAAG,IAAI,CAAC;AAAA,IACjG;AACA,WAAO,oBAAC,SAAO,GAAI,OAA4B,UAAU,QAAQ,KAAK,OAAO;AAAA,EAC/E,CAAC;AACD,YAAU,cAAc,OAAO;AAC/B,SAAO;AACT;","names":["Drillable"]}

package/dist/chunk-TH6Q4E7C.js

@@ -0,0 +1,21 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/segmented.tsx
+import { uiRovingFocus, uiSegmentedView } from "@silverpoint/core/ui";
+function SpSegmented({ value, defaultValue, onChange, dashboardCell, ...props }) {
+  const [current, set] = useValue(value, defaultValue, onChange);
+  const view = uiSegmentedView(props, useUi(props, dashboardCell), { value: current ?? null });
+  const native = (node) => ({ checked: node.attrs.checked === true, onChange: (event) => set(event.target.value) });
+  const onKeyDown = (event) => uiRovingFocus(event, event.currentTarget, "input.sp-ui-native", "both", true);
+  return renderUi(view, { root: { onKeyDown }, native });
+}
+
+export {
+  SpSegmented
+};
+//# sourceMappingURL=chunk-TH6Q4E7C.js.map

package/dist/chunk-TH6Q4E7C.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/segmented.tsx"],"sourcesContent":["import { uiRovingFocus, uiSegmentedView, type SpSegmentedProps as CoreProps, type UiElement } from '@silverpoint/core/ui';\nimport type { ChangeEvent, KeyboardEvent, ReactElement } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpSegmentedProps extends CoreProps, UiCellProps {\n  /** Controlled key; an unknown one shows the first enabled segment. */\n  readonly value?: string;\n  readonly defaultValue?: string;\n  /** The key selected, not the DOM event (REQ-322). */\n  readonly onChange?: (value: string) => void;\n}\n\n/** `SpSegmented`: native radios in one frame; arrows move and select through the core (REQ-315). */\nexport function SpSegmented({ value, defaultValue, onChange, dashboardCell, ...props }: SpSegmentedProps) {\n  const [current, set] = useValue<string | undefined>(value, defaultValue, onChange as (next: string | undefined) => void);\n  const view = uiSegmentedView(props, useUi(props, dashboardCell), { value: current ?? null });\n  const native = (node: UiElement) => ({ checked: node.attrs.checked === true, onChange: (event: ChangeEvent<HTMLInputElement>) => set(event.target.value) });\n  const onKeyDown = (event: KeyboardEvent<HTMLElement>) => uiRovingFocus(event, event.currentTarget, 'input.sp-ui-native', 'both', true);\n  return renderUi(view, { root: { onKeyDown }, native }) as ReactElement;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,eAAe,uBAA2E;AAc5F,SAAS,YAAY,EAAE,OAAO,cAAc,UAAU,eAAe,GAAG,MAAM,GAAqB;AACxG,QAAM,CAAC,SAAS,GAAG,IAAI,SAA6B,OAAO,cAAc,QAA8C;AACvH,QAAM,OAAO,gBAAgB,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,WAAW,KAAK,CAAC;AAC3F,QAAM,SAAS,CAAC,UAAqB,EAAE,SAAS,KAAK,MAAM,YAAY,MAAM,UAAU,CAAC,UAAyC,IAAI,MAAM,OAAO,KAAK,EAAE;AACzJ,QAAM,YAAY,CAAC,UAAsC,cAAc,OAAO,MAAM,eAAe,sBAAsB,QAAQ,IAAI;AACrI,SAAO,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC;AACvD;","names":[]}

package/dist/{chunk-H3UH7F5S.js → chunk-TSQWTDBK.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/orbit-chart.tsx
 import { orbitChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var OrbitChart = createClientChart(orbitChart);
 export {
   OrbitChart
 };
-//# sourceMappingURL=chunk-H3UH7F5S.js.map
+//# sourceMappingURL=chunk-TSQWTDBK.js.map

package/dist/{chunk-7KED5KUU.js → chunk-U3LT444G.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/area-chart.tsx
 import { areaChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var AreaChart = createClientChart(areaChart);
 export {
   AreaChart
 };
-//# sourceMappingURL=chunk-7KED5KUU.js.map
+//# sourceMappingURL=chunk-U3LT444G.js.map

package/dist/chunk-UC7ADKFU.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-FBJLA3P7.js";
+
+// src/lollipop-chart.tsx
+import { lollipopChart } from "@silverpoint/core/catalog";
+var LollipopChart = createClientChart(lollipopChart);
+
+export {
+  LollipopChart
+};
+//# sourceMappingURL=chunk-UC7ADKFU.js.map

package/dist/chunk-UC7ADKFU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lollipop-chart.tsx"],"sourcesContent":["import { lollipopChart } from '@silverpoint/core/catalog';\nimport type { LollipopChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { LollipopChartProps } from '@silverpoint/core';\n\nexport type ClientLollipopChartProps = LollipopChartProps & InteractionProps;\n\n/** `LollipopChart` (REQ-406): a stem from the baseline and a head at the value (API Spec §7.3). */\nexport const LollipopChart = createClientChart<LollipopChartProps>(lollipopChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/{chunk-JRAHTS5O.js → chunk-UOOHQAJU.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/stream-chart.tsx
 import { streamChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var StreamChart = createClientChart(streamChart);
 export {
   StreamChart
 };
-//# sourceMappingURL=chunk-JRAHTS5O.js.map
+//# sourceMappingURL=chunk-UOOHQAJU.js.map

package/dist/{chunk-VISNFHPM.js → chunk-VKNGQ4NW.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/kpi-card.tsx
 import { kpiCard } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var KpiCard = createClientChart(kpiCard);
 export {
   KpiCard
 };
-//# sourceMappingURL=chunk-VISNFHPM.js.map
+//# sourceMappingURL=chunk-VKNGQ4NW.js.map

package/dist/{chunk-ZKLVP4JE.js → chunk-WFO6BICV.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/radial-rings.tsx
 import { radialRings } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var RadialRings = createClientChart(radialRings);
 export {
   RadialRings
 };
-//# sourceMappingURL=chunk-ZKLVP4JE.js.map
+//# sourceMappingURL=chunk-WFO6BICV.js.map