@silverpoint/react 0.2.0 → 0.3.0

package/dist/activity-grid.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   ActivityGrid
-} from "./chunk-X2ACXB2U.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-6EFRIK7Q.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   ActivityGrid
 };

package/dist/area-chart.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   AreaChart
-} from "./chunk-7KED5KUU.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-U3LT444G.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   AreaChart
 };

package/dist/bar-chart.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   BarChart
-} from "./chunk-4LS7B7CK.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-JPTK2AAT.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   BarChart
 };

package/dist/base-C6zY78Va.d.ts

@@ -0,0 +1,8 @@
+import { DashboardCellContext } from '@silverpoint/core';
+
+/** The internal prop through which a dashboard cell hands its configuration (TD §3.3). */
+interface UiCellProps {
+    readonly dashboardCell?: DashboardCellContext;
+}
+
+export type { UiCellProps as U };

package/dist/bubble-chart.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   BubbleChart
-} from "./chunk-74ONV2GE.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-3BREGZ7C.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   BubbleChart
 };

package/dist/bullet-chart.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   BulletChart
-} from "./chunk-WOKDS6AK.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-6S6VKQ3E.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   BulletChart
 };

package/dist/candlestick-chart.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   CandlestickChart
-} from "./chunk-XWSCKTPG.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-KVOBNPDN.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   CandlestickChart
 };

package/dist/chord-ring.js

@@ -1,9 +1,10 @@
 'use client';
 import {
   ChordRing
-} from "./chunk-PWFDYIXV.js";
-import "./chunk-WNX4XCL6.js";
+} from "./chunk-X2F56RYM.js";
+import "./chunk-FBJLA3P7.js";
 import "./chunk-4GQ5X2WK.js";
+import "./chunk-SQ6GWXDK.js";
 export {
   ChordRing
 };

package/dist/chunk-2JWLXUY5.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/progress.tsx
+import { uiProgressView } from "@silverpoint/core/ui";
+function SpProgress({ dashboardCell, ...props }) {
+  return renderUi(uiProgressView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpProgress
+};
+//# sourceMappingURL=chunk-2JWLXUY5.js.map

package/dist/chunk-2JWLXUY5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/progress.tsx"],"sourcesContent":["import { uiProgressView, type SpProgressProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpProgressProps extends CoreProps, UiCellProps {}\n\n/** `SpProgress`: a `progressbar`; without `value`, indeterminate (REQ-318). */\nexport function SpProgress({ dashboardCell, ...props }: SpProgressProps) {\n  return renderUi(uiProgressView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,sBAAyD;AAQ3D,SAAS,WAAW,EAAE,eAAe,GAAG,MAAM,GAAoB;AACvE,SAAO,SAAS,eAAe,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACxE;","names":[]}

package/dist/{chunk-74ONV2GE.js → chunk-3BREGZ7C.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/bubble-chart.tsx
 import { bubbleChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var BubbleChart = createClientChart(bubbleChart);
 export {
   BubbleChart
 };
-//# sourceMappingURL=chunk-74ONV2GE.js.map
+//# sourceMappingURL=chunk-3BREGZ7C.js.map

package/dist/{chunk-J5OOZDFF.js → chunk-3U3Z5U6H.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/meter-chart.tsx
 import { meterChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var MeterChart = createClientChart(meterChart);
 export {
   MeterChart
 };
-//# sourceMappingURL=chunk-J5OOZDFF.js.map
+//# sourceMappingURL=chunk-3U3Z5U6H.js.map

package/dist/chunk-3WUPWJP2.js

@@ -0,0 +1,17 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/card.tsx
+import { uiCardView } from "@silverpoint/core/ui";
+function SpCard({ children, extra, footer, dashboardCell, ...props }) {
+  const view = uiCardView(props, useUi(props, dashboardCell), { extra: extra != null, footer: footer != null });
+  return renderUi(view, { slots: { content: children, extra, footer } });
+}
+
+export {
+  SpCard
+};
+//# sourceMappingURL=chunk-3WUPWJP2.js.map

package/dist/chunk-3WUPWJP2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/card.tsx"],"sourcesContent":["import { uiCardView, type SpCardProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement, ReactNode } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpCardProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n  readonly extra?: ReactNode;\n  readonly footer?: ReactNode;\n}\n\n/** `SpCard`: reads the provider; `@silverpoint/react/server/ui/card` renders it in a Server Component. */\nexport function SpCard({ children, extra, footer, dashboardCell, ...props }: SpCardProps) {\n  const view = uiCardView(props, useUi(props, dashboardCell), { extra: extra != null, footer: footer != null });\n  return renderUi(view, { slots: { content: children, extra, footer } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,kBAAiD;AAYnD,SAAS,OAAO,EAAE,UAAU,OAAO,QAAQ,eAAe,GAAG,MAAM,GAAgB;AACxF,QAAM,OAAO,WAAW,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,SAAS,MAAM,QAAQ,UAAU,KAAK,CAAC;AAC5G,SAAO,SAAS,MAAM,EAAE,OAAO,EAAE,SAAS,UAAU,OAAO,OAAO,EAAE,CAAC;AACvE;","names":[]}

package/dist/chunk-43AIURD6.js

@@ -0,0 +1,21 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/switch.tsx
+import { uiSwitchView } from "@silverpoint/core/ui";
+import { forwardRef } from "react";
+var SpSwitch = forwardRef(function SpSwitch2({ checked, defaultChecked, onChange, dashboardCell, ...props }, ref) {
+  const [current, set] = useValue(checked, defaultChecked ?? false, onChange);
+  const view = uiSwitchView(props, useUi(props, dashboardCell), { checked: current });
+  const native = { ref, checked: current, onChange: (event) => set(event.target.checked) };
+  return renderUi(view, { native });
+});
+
+export {
+  SpSwitch
+};
+//# sourceMappingURL=chunk-43AIURD6.js.map

package/dist/chunk-43AIURD6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/switch.tsx"],"sourcesContent":["import { uiSwitchView, type SpSwitchProps as CoreProps } from '@silverpoint/core/ui';\nimport { forwardRef, type ChangeEvent, type ReactElement } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpSwitchProps extends CoreProps, UiCellProps {\n  readonly checked?: boolean;\n  readonly defaultChecked?: boolean;\n  readonly onChange?: (checked: boolean) => void;\n}\n\n/** `SpSwitch`: a native checkbox with `role=\"switch\"`; its ref is the input. */\nexport const SpSwitch = forwardRef<HTMLInputElement, SpSwitchProps>(function SpSwitch({ checked, defaultChecked, onChange, dashboardCell, ...props }, ref) {\n  const [current, set] = useValue(checked, defaultChecked ?? false, onChange);\n  const view = uiSwitchView(props, useUi(props, dashboardCell), { checked: current });\n  const native = { ref, checked: current, onChange: (event: ChangeEvent<HTMLInputElement>) => set(event.target.checked) };\n  return renderUi(view, { native }) as ReactElement;\n});\n"],"mappings":";;;;;;;;AAAA,SAAS,oBAAqD;AAC9D,SAAS,kBAAuD;AAWzD,IAAM,WAAW,WAA4C,SAASA,UAAS,EAAE,SAAS,gBAAgB,UAAU,eAAe,GAAG,MAAM,GAAG,KAAK;AACzJ,QAAM,CAAC,SAAS,GAAG,IAAI,SAAS,SAAS,kBAAkB,OAAO,QAAQ;AAC1E,QAAM,OAAO,aAAa,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,SAAS,QAAQ,CAAC;AAClF,QAAM,SAAS,EAAE,KAAK,SAAS,SAAS,UAAU,CAAC,UAAyC,IAAI,MAAM,OAAO,OAAO,EAAE;AACtH,SAAO,SAAS,MAAM,EAAE,OAAO,CAAC;AAClC,CAAC;","names":["SpSwitch"]}

package/dist/chunk-5FKONGCL.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/divider.tsx
+import { uiDividerView } from "@silverpoint/core/ui";
+function SpDivider({ dashboardCell, ...props }) {
+  return renderUi(uiDividerView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpDivider
+};
+//# sourceMappingURL=chunk-5FKONGCL.js.map

package/dist/chunk-5FKONGCL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/divider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport { uiDividerView, type SpDividerProps as CoreProps } from '@silverpoint/core/ui';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpDividerProps extends CoreProps, UiCellProps {}\n\n/** `SpDivider`: reads the provider; `@silverpoint/react/server/ui/divider` renders it in a Server Component. */\nexport function SpDivider({ dashboardCell, ...props }: SpDividerProps) {\n  return renderUi(uiDividerView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AACA,SAAS,qBAAuD;AAOzD,SAAS,UAAU,EAAE,eAAe,GAAG,MAAM,GAAmB;AACrE,SAAO,SAAS,cAAc,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACvE;","names":[]}

package/dist/chunk-67FND3TB.js

@@ -0,0 +1,26 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/rate.tsx
+import { uiRateView, uiRovingFocus } from "@silverpoint/core/ui";
+function SpRate({ value, defaultValue, onChange, dashboardCell, ...props }) {
+  const [current, set] = useValue(value, defaultValue ?? 0, onChange);
+  const view = uiRateView(props, useUi(props, dashboardCell), { value: current });
+  const readOnly = props.readOnly === true;
+  const native = (node) => ({
+    checked: node.attrs.checked === true,
+    onChange: (event) => readOnly || set(Number(event.target.value)),
+    onClick: readOnly ? (event) => event.preventDefault() : void 0
+  });
+  const onKeyDown = readOnly ? void 0 : (event) => uiRovingFocus(event, event.currentTarget, "input.sp-ui-native", "both", true);
+  return renderUi(view, { root: { onKeyDown }, native });
+}
+
+export {
+  SpRate
+};
+//# sourceMappingURL=chunk-67FND3TB.js.map

package/dist/chunk-67FND3TB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/rate.tsx"],"sourcesContent":["import { uiRateView, uiRovingFocus, type SpRateProps as CoreProps, type UiElement } from '@silverpoint/core/ui';\nimport type { ChangeEvent, KeyboardEvent, MouseEvent, ReactElement } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpRateProps extends CoreProps, UiCellProps {\n  readonly value?: number;\n  readonly defaultValue?: number;\n  /** The number, not the DOM event (REQ-322). */\n  readonly onChange?: (value: number) => void;\n}\n\n/** `SpRate`: native radios valued 1..count; read-only takes no click and no key (REQ-326). */\nexport function SpRate({ value, defaultValue, onChange, dashboardCell, ...props }: SpRateProps) {\n  const [current, set] = useValue(value, defaultValue ?? 0, onChange);\n  const view = uiRateView(props, useUi(props, dashboardCell), { value: current });\n  const readOnly = props.readOnly === true;\n  const native = (node: UiElement) => ({\n    checked: node.attrs.checked === true,\n    onChange: (event: ChangeEvent<HTMLInputElement>) => readOnly || set(Number(event.target.value)),\n    onClick: readOnly ? (event: MouseEvent) => event.preventDefault() : undefined,\n  });\n  const onKeyDown = readOnly ? undefined : (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,YAAY,qBAAoE;AAalF,SAAS,OAAO,EAAE,OAAO,cAAc,UAAU,eAAe,GAAG,MAAM,GAAgB;AAC9F,QAAM,CAAC,SAAS,GAAG,IAAI,SAAS,OAAO,gBAAgB,GAAG,QAAQ;AAClE,QAAM,OAAO,WAAW,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,QAAQ,CAAC;AAC9E,QAAM,WAAW,MAAM,aAAa;AACpC,QAAM,SAAS,CAAC,UAAqB;AAAA,IACnC,SAAS,KAAK,MAAM,YAAY;AAAA,IAChC,UAAU,CAAC,UAAyC,YAAY,IAAI,OAAO,MAAM,OAAO,KAAK,CAAC;AAAA,IAC9F,SAAS,WAAW,CAAC,UAAsB,MAAM,eAAe,IAAI;AAAA,EACtE;AACA,QAAM,YAAY,WAAW,SAAY,CAAC,UAAsC,cAAc,OAAO,MAAM,eAAe,sBAAsB,QAAQ,IAAI;AAC5J,SAAO,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC;AACvD;","names":[]}

package/dist/{chunk-X2ACXB2U.js → chunk-6EFRIK7Q.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/activity-grid.tsx
 import { activityGrid } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var ActivityGrid = createClientChart(activityGrid);
 export {
   ActivityGrid
 };
-//# sourceMappingURL=chunk-X2ACXB2U.js.map
+//# sourceMappingURL=chunk-6EFRIK7Q.js.map

package/dist/{chunk-6KPX5HYV.js → chunk-6M4REUJE.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/line-chart.tsx
 import { lineChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var LineChart = createClientChart(lineChart);
 export {
   LineChart
 };
-//# sourceMappingURL=chunk-6KPX5HYV.js.map
+//# sourceMappingURL=chunk-6M4REUJE.js.map

package/dist/chunk-6NXL245Z.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/steps.tsx
+import { uiStepsView } from "@silverpoint/core/ui";
+function SpSteps({ dashboardCell, ...props }) {
+  return renderUi(uiStepsView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpSteps
+};
+//# sourceMappingURL=chunk-6NXL245Z.js.map

package/dist/chunk-6NXL245Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/steps.tsx"],"sourcesContent":["import { uiStepsView, type SpStepsProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpStepsProps extends CoreProps, UiCellProps {}\n\n/** `SpSteps`: reads the provider; `@silverpoint/react/server/ui/steps` renders it in a Server Component. */\nexport function SpSteps({ dashboardCell, ...props }: SpStepsProps) {\n  return renderUi(uiStepsView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,mBAAmD;AAQrD,SAAS,QAAQ,EAAE,eAAe,GAAG,MAAM,GAAiB;AACjE,SAAO,SAAS,YAAY,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACrE;","names":[]}

package/dist/{chunk-WOKDS6AK.js → chunk-6S6VKQ3E.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/bullet-chart.tsx
 import { bulletChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var BulletChart = createClientChart(bulletChart);
 export {
   BulletChart
 };
-//# sourceMappingURL=chunk-WOKDS6AK.js.map
+//# sourceMappingURL=chunk-6S6VKQ3E.js.map

package/dist/{chunk-DTBEXYYC.js → chunk-AEU6UHVG.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/stacked-bar-chart.tsx
 import { stackedBarChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var StackedBarChart = createClientChart(stackedBarChart);
 export {
   StackedBarChart
 };
-//# sourceMappingURL=chunk-DTBEXYYC.js.map
+//# sourceMappingURL=chunk-AEU6UHVG.js.map

package/dist/chunk-ART7CMBL.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/skeleton.tsx
+import { uiSkeletonView } from "@silverpoint/core/ui";
+function SpSkeleton({ dashboardCell, ...props }) {
+  return renderUi(uiSkeletonView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpSkeleton
+};
+//# sourceMappingURL=chunk-ART7CMBL.js.map

package/dist/chunk-ART7CMBL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/skeleton.tsx"],"sourcesContent":["import { uiSkeletonView, type SpSkeletonProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpSkeletonProps extends CoreProps, UiCellProps {}\n\n/** `SpSkeleton`: `aria-busy`, a hidden label, hidden toned shapes (REQ-318). */\nexport function SpSkeleton({ dashboardCell, ...props }: SpSkeletonProps) {\n  return renderUi(uiSkeletonView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,sBAAyD;AAQ3D,SAAS,WAAW,EAAE,eAAe,GAAG,MAAM,GAAoB;AACvE,SAAO,SAAS,eAAe,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACxE;","names":[]}

package/dist/{chunk-A42AKCPS.js → chunk-C3NHZ4N5.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/composed-chart.tsx
 import { composedChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var ComposedChart = createClientChart(composedChart);
 export {
   ComposedChart
 };
-//# sourceMappingURL=chunk-A42AKCPS.js.map
+//# sourceMappingURL=chunk-C3NHZ4N5.js.map

package/dist/chunk-CWFUPKSS.js

@@ -0,0 +1,20 @@
+'use client';
+import {
+  renderUi,
+  textOf,
+  useUi
+} from "./chunk-DO4VUIUU.js";
+
+// src/ui/button.tsx
+import { uiButtonView } from "@silverpoint/core/ui";
+import { forwardRef } from "react";
+var SpButton = forwardRef(function SpButton2({ children, onClick, dashboardCell, ...props }, ref) {
+  const view = uiButtonView(props, useUi(props, dashboardCell), { text: textOf(children) });
+  const click = onClick && ((event) => props.disabled ? event.preventDefault() : onClick(event));
+  return renderUi(view, { root: { ref, onClick: click }, slots: { content: children } });
+});
+
+export {
+  SpButton
+};
+//# sourceMappingURL=chunk-CWFUPKSS.js.map

package/dist/chunk-CWFUPKSS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/button.tsx"],"sourcesContent":["import { uiButtonView, type SpButtonProps as CoreProps } from '@silverpoint/core/ui';\nimport { forwardRef, type MouseEvent, type ReactNode, type ReactElement } from 'react';\nimport { textOf, useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpButtonProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n  readonly onClick?: (event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => void;\n}\n\n/** `SpButton` (API delta §2): a native `<button>`, or `<a>` with `href`; its ref is that element. */\nexport const SpButton = forwardRef<HTMLButtonElement | HTMLAnchorElement, SpButtonProps>(function SpButton(\n  { children, onClick, dashboardCell, ...props },\n  ref,\n) {\n  const view = uiButtonView(props, useUi(props, dashboardCell), { text: textOf(children) });\n  // A disabled link is an `<a>` without `href`, which still takes clicks: it emits none (REQ-326).\n  const click = onClick && ((event: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => (props.disabled ? event.preventDefault() : onClick(event)));\n  return renderUi(view, { root: { ref, onClick: click }, slots: { content: children } }) as ReactElement;\n});\n"],"mappings":";;;;;;;;AAAA,SAAS,oBAAqD;AAC9D,SAAS,kBAAsE;AAUxE,IAAM,WAAW,WAAiE,SAASA,UAChG,EAAE,UAAU,SAAS,eAAe,GAAG,MAAM,GAC7C,KACA;AACA,QAAM,OAAO,aAAa,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,QAAQ,EAAE,CAAC;AAExF,QAAM,QAAQ,YAAY,CAAC,UAA8D,MAAM,WAAW,MAAM,eAAe,IAAI,QAAQ,KAAK;AAChJ,SAAO,SAAS,MAAM,EAAE,MAAM,EAAE,KAAK,SAAS,MAAM,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACvF,CAAC;","names":["SpButton"]}

package/dist/chunk-DO4VUIUU.js

@@ -0,0 +1,61 @@
+'use client';
+import {
+  SilverpointContext,
+  useForcedPrecision
+} from "./chunk-SQ6GWXDK.js";
+
+// src/ui/render.tsx
+import { createElement } from "react";
+var PROPS = { class: "className", for: "htmlFor", readonly: "readOnly", tabindex: "tabIndex" };
+function styleObject(value) {
+  const out = {};
+  for (const declaration of value.split(";")) {
+    const at = declaration.indexOf(":");
+    if (at > 0) out[declaration.slice(0, at).trim()] = declaration.slice(at + 1).trim();
+  }
+  return out;
+}
+function renderUi(node, bindings, root = true) {
+  if ("text" in node) return node.text;
+  if ("slot" in node) return bindings.slots?.[node.slot] ?? null;
+  const props = {};
+  for (const [name, value] of Object.entries(node.attrs)) {
+    props[PROPS[name] ?? name] = name === "style" && typeof value === "string" ? styleObject(value) : value;
+  }
+  if (root) Object.assign(props, bindings.root);
+  if (node.bind === "native") Object.assign(props, typeof bindings.native === "function" ? bindings.native(node) : bindings.native);
+  if (node.bind === "close") Object.assign(props, bindings.close);
+  return createElement(node.tag, props, ...node.children.map((child) => renderUi(child, bindings, false)));
+}
+function textOf(children) {
+  if (typeof children === "string" || typeof children === "number") return String(children);
+  return children === void 0 || children === null || children === false ? void 0 : "\xB7";
+}
+
+// src/ui/base.ts
+import { resolveUi } from "@silverpoint/core/ui";
+import { useContext, useState } from "react";
+function useUi(props, cell) {
+  const provider = useContext(SilverpointContext);
+  const forcedPrecision = useForcedPrecision();
+  return resolveUi(props, { provider, cell: cell?.config, forcedPrecision });
+}
+function useValue(value, initial, onChange) {
+  const [held, setHeld] = useState(initial);
+  const controlled = value !== void 0;
+  return [
+    controlled ? value : held,
+    (next) => {
+      if (!controlled) setHeld(next);
+      onChange?.(next);
+    }
+  ];
+}
+
+export {
+  renderUi,
+  textOf,
+  useUi,
+  useValue
+};
+//# sourceMappingURL=chunk-DO4VUIUU.js.map

package/dist/chunk-DO4VUIUU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/render.tsx","../src/ui/base.ts"],"sourcesContent":["import type { UiElement, UiNode, UiSlot } from '@silverpoint/core/ui';\nimport { createElement, type ReactNode } from 'react';\n\n/** HTML attribute names React spells differently. */\nconst PROPS: Readonly<Record<string, string>> = { class: 'className', for: 'htmlFor', readonly: 'readOnly', tabindex: 'tabIndex' };\n\n/** `--a:1;b:2` as React's style object; custom properties keep their names. */\nfunction styleObject(value: string): Record<string, string> {\n  const out: Record<string, string> = {};\n  for (const declaration of value.split(';')) {\n    const at = declaration.indexOf(':');\n    if (at > 0) out[declaration.slice(0, at).trim()] = declaration.slice(at + 1).trim();\n  }\n  return out;\n}\n\nexport interface UiBindings {\n  /** Props added to the root element: a ref, a click handler. */\n  readonly root?: Readonly<Record<string, unknown>>;\n  /**\n   * Props added to each element the core marks `native`: value, handlers, a ref. A function when a\n   * composite has several (one radio per item), each told apart by its own attributes.\n   */\n  readonly native?: Readonly<Record<string, unknown>> | ((node: UiElement) => Readonly<Record<string, unknown>>);\n  /** Props added to the close button of a Tag or an Alert. */\n  readonly close?: Readonly<Record<string, unknown>>;\n  readonly slots?: Partial<Record<UiSlot, ReactNode>>;\n}\n\n/**\n * Writes the core's view tree as React elements (API delta §4): the markup is the core's, attribute\n * for attribute; this adds only the bindings. No hooks, so a server entry uses it as well (REQ-104).\n */\nexport function renderUi(node: UiNode, bindings: UiBindings, root = true): ReactNode {\n  if ('text' in node) return node.text;\n  if ('slot' in node) return bindings.slots?.[node.slot] ?? null;\n  const props: Record<string, unknown> = {};\n  for (const [name, value] of Object.entries(node.attrs)) {\n    props[PROPS[name] ?? name] = name === 'style' && typeof value === 'string' ? styleObject(value) : value;\n  }\n  if (root) Object.assign(props, bindings.root);\n  if (node.bind === 'native') Object.assign(props, typeof bindings.native === 'function' ? bindings.native(node) : bindings.native);\n  if (node.bind === 'close') Object.assign(props, bindings.close);\n  return createElement(node.tag, props, ...node.children.map((child) => renderUi(child, bindings, false)));\n}\n\n/** Text content, when the children are text: what the accessible-name check reads (REQ-319). */\nexport function textOf(children: unknown): string | undefined {\n  if (typeof children === 'string' || typeof children === 'number') return String(children);\n  return children === undefined || children === null || children === false ? undefined : '·';\n}\n","import type { DashboardCellContext } from '@silverpoint/core';\nimport { resolveUi, type CommonUiProps, type UiResolved } from '@silverpoint/core/ui';\nimport { useContext, useState } from 'react';\nimport { SilverpointContext } from '../context';\nimport { useForcedPrecision } from '../environment';\n\n/** The internal prop through which a dashboard cell hands its configuration (TD §3.3). */\nexport interface UiCellProps {\n  readonly dashboardCell?: DashboardCellContext;\n}\n\n/**\n * Ground, substrate, mode, size and frame of a component: its props, then the dashboard cell, then\n * the provider, then the defaults, with a forced `precision` read after hydration (REQ-311, REQ-123).\n */\nexport function useUi(props: CommonUiProps, cell: DashboardCellContext | undefined): UiResolved {\n  const provider = useContext(SilverpointContext);\n  const forcedPrecision = useForcedPrecision();\n  return resolveUi(props, { provider, cell: cell?.config, forcedPrecision });\n}\n\n/**\n * A value that is controlled when `value` is given and held here otherwise (REQ-322). `set` updates\n * the held value and reports the new one; a controlled component only reports it.\n */\nexport function useValue<T>(value: T | undefined, initial: T, onChange: ((next: T) => void) | undefined): [T, (next: T) => void] {\n  const [held, setHeld] = useState(initial);\n  const controlled = value !== undefined;\n  return [\n    controlled ? value : held,\n    (next: T) => {\n      if (!controlled) setHeld(next);\n      onChange?.(next);\n    },\n  ];\n}\n\nexport { textOf } from './render';\n"],"mappings":";;;;;;;AACA,SAAS,qBAAqC;AAG9C,IAAM,QAA0C,EAAE,OAAO,aAAa,KAAK,WAAW,UAAU,YAAY,UAAU,WAAW;AAGjI,SAAS,YAAY,OAAuC;AAC1D,QAAM,MAA8B,CAAC;AACrC,aAAW,eAAe,MAAM,MAAM,GAAG,GAAG;AAC1C,UAAM,KAAK,YAAY,QAAQ,GAAG;AAClC,QAAI,KAAK,EAAG,KAAI,YAAY,MAAM,GAAG,EAAE,EAAE,KAAK,CAAC,IAAI,YAAY,MAAM,KAAK,CAAC,EAAE,KAAK;AAAA,EACpF;AACA,SAAO;AACT;AAmBO,SAAS,SAAS,MAAc,UAAsB,OAAO,MAAiB;AACnF,MAAI,UAAU,KAAM,QAAO,KAAK;AAChC,MAAI,UAAU,KAAM,QAAO,SAAS,QAAQ,KAAK,IAAI,KAAK;AAC1D,QAAM,QAAiC,CAAC;AACxC,aAAW,CAAC,MAAM,KAAK,KAAK,OAAO,QAAQ,KAAK,KAAK,GAAG;AACtD,UAAM,MAAM,IAAI,KAAK,IAAI,IAAI,SAAS,WAAW,OAAO,UAAU,WAAW,YAAY,KAAK,IAAI;AAAA,EACpG;AACA,MAAI,KAAM,QAAO,OAAO,OAAO,SAAS,IAAI;AAC5C,MAAI,KAAK,SAAS,SAAU,QAAO,OAAO,OAAO,OAAO,SAAS,WAAW,aAAa,SAAS,OAAO,IAAI,IAAI,SAAS,MAAM;AAChI,MAAI,KAAK,SAAS,QAAS,QAAO,OAAO,OAAO,SAAS,KAAK;AAC9D,SAAO,cAAc,KAAK,KAAK,OAAO,GAAG,KAAK,SAAS,IAAI,CAAC,UAAU,SAAS,OAAO,UAAU,KAAK,CAAC,CAAC;AACzG;AAGO,SAAS,OAAO,UAAuC;AAC5D,MAAI,OAAO,aAAa,YAAY,OAAO,aAAa,SAAU,QAAO,OAAO,QAAQ;AACxF,SAAO,aAAa,UAAa,aAAa,QAAQ,aAAa,QAAQ,SAAY;AACzF;;;ACjDA,SAAS,iBAAsD;AAC/D,SAAS,YAAY,gBAAgB;AAa9B,SAAS,MAAM,OAAsB,MAAoD;AAC9F,QAAM,WAAW,WAAW,kBAAkB;AAC9C,QAAM,kBAAkB,mBAAmB;AAC3C,SAAO,UAAU,OAAO,EAAE,UAAU,MAAM,MAAM,QAAQ,gBAAgB,CAAC;AAC3E;AAMO,SAAS,SAAY,OAAsB,SAAY,UAAmE;AAC/H,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,OAAO;AACxC,QAAM,aAAa,UAAU;AAC7B,SAAO;AAAA,IACL,aAAa,QAAQ;AAAA,IACrB,CAAC,SAAY;AACX,UAAI,CAAC,WAAY,SAAQ,IAAI;AAC7B,iBAAW,IAAI;AAAA,IACjB;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-2NQ4DXLT.js → chunk-ESFN6FJY.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-WNX4XCL6.js";
+} from "./chunk-FBJLA3P7.js";
 
 // src/step-chart.tsx
 import { stepChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var StepChart = createClientChart(stepChart);
 export {
   StepChart
 };
-//# sourceMappingURL=chunk-2NQ4DXLT.js.map
+//# sourceMappingURL=chunk-ESFN6FJY.js.map

package/dist/{chunk-WNX4XCL6.js → chunk-FBJLA3P7.js}

@@ -2,6 +2,12 @@
 import {
   DashboardLinkContext
 } from "./chunk-4GQ5X2WK.js";
+import {
+  SilverpointContext,
+  useForcedPrecision,
+  useMeasuredWidth,
+  useTypefaceCheck
+} from "./chunk-SQ6GWXDK.js";
 
 // src/create-chart.tsx
 import {
@@ -14,12 +20,12 @@ import { renderChart, toSVGString } from "@silverpoint/grounds";
 import {
   forwardRef,
   useContext as useContext2,
-  useEffect as useEffect2,
+  useEffect,
   useId,
   useImperativeHandle,
   useMemo,
   useRef,
-  useState as useState2
+  useState
 } from "react";
 
 // src/chart-svg.tsx
@@ -105,45 +111,6 @@ function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
   );
 }
 
-// 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]);
-}
-
 // src/overlay.tsx
 import { linkedMarks, readout } from "@silverpoint/core";
 import { useContext } from "react";
@@ -190,7 +157,7 @@ function createClientChart(recipe) {
         forcedPrecision
       });
     }, [allProps, generated, measured, provider, forcedPrecision]);
-    const [active, setActive] = useState2(null);
+    const [active, setActive] = useState(null);
     const dispatch = (event) => {
       const result = reduceInteraction(rendered.geometry, active, event);
       if (result.changed) {
@@ -204,7 +171,7 @@ function createClientChart(recipe) {
     const latest = useRef(dispatch);
     latest.current = dispatch;
     const showing = active !== null;
-    useEffect2(() => {
+    useEffect(() => {
       if (!showing) return void 0;
       const onKey = (event) => {
         if (event.key === "Escape" && !rootRef.current?.contains(event.target)) latest.current({ type: "key", key: "Escape" });
@@ -261,7 +228,6 @@ function createClientChart(recipe) {
 }
 
 export {
-  SilverpointContext,
   createClientChart
 };
-//# sourceMappingURL=chunk-WNX4XCL6.js.map
+//# sourceMappingURL=chunk-FBJLA3P7.js.map