@silverpoint/react 0.1.1 → 0.3.0

package/dist/activity-grid.js

@@ -1,8 +1,10 @@
 'use client';
 import {
   ActivityGrid
-} from "./chunk-PBT76UXS.js";
-import "./chunk-BHZNDYU3.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,8 +1,10 @@
 'use client';
 import {
   AreaChart
-} from "./chunk-ORIH4UQP.js";
-import "./chunk-BHZNDYU3.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,8 +1,10 @@
 'use client';
 import {
   BarChart
-} from "./chunk-4DUH2UHE.js";
-import "./chunk-BHZNDYU3.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,8 +1,10 @@
 'use client';
 import {
   BubbleChart
-} from "./chunk-6FZO4SMF.js";
-import "./chunk-BHZNDYU3.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,8 +1,10 @@
 'use client';
 import {
   BulletChart
-} from "./chunk-O2DNGRM7.js";
-import "./chunk-BHZNDYU3.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,8 +1,10 @@
 'use client';
 import {
   CandlestickChart
-} from "./chunk-KPWHWNZH.js";
-import "./chunk-BHZNDYU3.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,8 +1,10 @@
 'use client';
 import {
   ChordRing
-} from "./chunk-2OAPH7JN.js";
-import "./chunk-BHZNDYU3.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-6FZO4SMF.js → chunk-3BREGZ7C.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-6FZO4SMF.js.map
+//# sourceMappingURL=chunk-3BREGZ7C.js.map

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

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-LOIVX5IV.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-INZGRNO3.js → chunk-46S63XYT.js}

@@ -1,4 +1,5 @@
 // src/server/create-server-chart.tsx
+import { diagnose, inCell, instanceId } from "@silverpoint/core";
 import { renderChart } from "@silverpoint/grounds";
 
 // src/chart-svg.tsx
@@ -12,6 +13,7 @@ function Path({ path }) {
       "data-role": path.role,
       "data-paint": path.paint,
       "data-dash": path.dash ?? void 0,
+      "data-weight": path.weight ?? void 0,
       fill: path.fill ?? void 0
     }
   );
@@ -86,8 +88,13 @@ function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
 // src/server/create-server-chart.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
 function createServerChart(recipe) {
-  function Chart(props) {
-    const rendered = renderChart(recipe, props, { id: props.id });
+  function Chart({ dashboardCell, ...own }) {
+    const { props, width } = inCell(own, dashboardCell, recipe);
+    if (process.env.NODE_ENV !== "production") {
+      if (props.id === void 0) diagnose("SP002", recipe.name, { property: "id", message: "A server chart outside a Dashboard needs an `id`; a fixed one is used, which two such charts on a page would share." });
+      if (width === void 0) diagnose("SP003", recipe.name, { property: "width", message: "A server chart cannot be measured: pass `width`, or place it in a Dashboard." });
+    }
+    const rendered = renderChart(recipe, props, { id: props.id ?? instanceId(recipe.name, "server"), width });
     return /* @__PURE__ */ jsx3(ChartFrame, { rendered, className: props.className });
   }
   Chart.displayName = recipe.name;
@@ -97,4 +104,4 @@ function createServerChart(recipe) {
 export {
   createServerChart
 };
-//# sourceMappingURL=chunk-INZGRNO3.js.map
+//# sourceMappingURL=chunk-46S63XYT.js.map

package/dist/chunk-46S63XYT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/server/create-server-chart.tsx","../src/chart-svg.tsx","../src/chart-frame.tsx"],"sourcesContent":["import { diagnose, inCell, instanceId, type ChartRecipe, type CommonChartProps } from '@silverpoint/core';\nimport { renderChart } from '@silverpoint/grounds';\nimport { ChartFrame } from '../chart-frame';\nimport type { CellChartProps } from '../dashboard-markup';\n\n/**\n * Props of a server chart: pure SVG, no client JavaScript (REQ-104); interaction props do not\n * exist here. Nothing can be measured on the server and a server component has no mount position\n * to derive a unique id from (TD §6), so a chart standing alone passes `id`, `width` and `height`;\n * inside a `Dashboard` the cell supplies them (REQ-206, REQ-209).\n */\nexport type ServerChartProps<P extends CommonChartProps> = Omit<P, 'id' | 'width' | 'height'> & {\n  readonly id?: string;\n  readonly width?: number;\n  readonly height?: number;\n  readonly onActiveChange?: never;\n  readonly onSelect?: never;\n};\n\n/** The server component of a recipe, for React Server Components and static rendering. */\nexport function createServerChart<P extends CommonChartProps>(recipe: ChartRecipe<P>) {\n  function Chart({ dashboardCell, ...own }: ServerChartProps<P> & CellChartProps) {\n    const { props, width } = inCell(own as unknown as P, dashboardCell, recipe);\n    if (process.env.NODE_ENV !== 'production') {\n      if (props.id === undefined) diagnose('SP002', recipe.name, { property: 'id', message: 'A server chart outside a Dashboard needs an `id`; a fixed one is used, which two such charts on a page would share.' });\n      if (width === undefined) diagnose('SP003', recipe.name, { property: 'width', message: 'A server chart cannot be measured: pass `width`, or place it in a Dashboard.' });\n    }\n    const rendered = renderChart(recipe, props, { id: props.id ?? instanceId(recipe.name, 'server'), width });\n    return <ChartFrame rendered={rendered} className={props.className} />;\n  }\n  Chart.displayName = recipe.name;\n  return Chart;\n}\n","import type { PathView, SvgView } from '@silverpoint/core';\n\nfunction Path({ path }: { readonly path: PathView }) {\n  return (\n    <path\n      d={path.d}\n      part={path.part}\n      data-role={path.role}\n      data-paint={path.paint}\n      data-dash={path.dash ?? undefined}\n      data-weight={path.weight ?? undefined}\n      fill={path.fill ?? undefined}\n    />\n  );\n}\n\n/** Writes the core's SVG view one field to one attribute; computes nothing (Art. 2). */\nexport function ChartSvg({ view }: { readonly view: SvgView }) {\n  const { svg } = view;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={svg.viewBox}\n      width={svg.width}\n      height={svg.height}\n      className={svg.class}\n      data-substrate={svg.substrate}\n      data-mode={svg.mode}\n      role={svg.role}\n      aria-labelledby={svg.labelledby}\n    >\n      <title id={view.title.id}>{view.title.text}</title>\n      <desc id={view.desc.id}>{view.desc.text}</desc>\n      {view.patterns.length > 0 && (\n        <defs>\n          {view.patterns.map((pattern) => (\n            <pattern\n              key={pattern.id}\n              id={pattern.id}\n              width={pattern.width}\n              height={pattern.height}\n              patternUnits=\"userSpaceOnUse\"\n              patternTransform={pattern.transform}\n            >\n              {pattern.paths.map((path, index) => (\n                <Path key={index} path={path} />\n              ))}\n            </pattern>\n          ))}\n        </defs>\n      )}\n      {view.paths.map((path, index) => (\n        <Path key={index} path={path} />\n      ))}\n      {view.texts.map((text, index) => (\n        <text key={index} x={text.x} y={text.y} part={text.part} data-kind={text.kind} textAnchor={text.anchor}>\n          {text.text}\n        </text>\n      ))}\n    </svg>\n  );\n}\n","import type { DataTable } from '@silverpoint/core';\nimport type { RenderedChart } from '@silverpoint/grounds';\nimport type { HTMLAttributes, ReactNode, Ref } from 'react';\nimport { ChartSvg } from './chart-svg';\n\nfunction Table({ table, id, visibility }: { readonly table: DataTable; readonly id: string; readonly visibility: string }) {\n  return (\n    <div className=\"sp-table-box\" data-visibility={visibility}>\n      <table className=\"sp-table\" id={id} data-visibility={visibility}>\n        <caption>{table.caption}</caption>\n        <thead>\n          <tr>\n            {table.columns.map((column, index) => (\n              <th key={index} scope=\"col\">\n                {column}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {table.rows.map((row, index) => (\n            <tr key={index}>\n              {row.map((cell, column) =>\n                column === 0 ? (\n                  <th key={column} scope=\"row\">\n                    {cell}\n                  </th>\n                ) : (\n                  <td key={column}>{cell}</td>\n                ),\n              )}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nexport interface ChartFrameProps {\n  readonly rendered: RenderedChart;\n  readonly className?: string;\n  /** Interaction handlers and focus attributes, supplied by the client component only. */\n  readonly rootProps?: HTMLAttributes<HTMLDivElement>;\n  readonly rootRef?: Ref<HTMLDivElement>;\n  /** Readout and marker, drawn over the chart by the client component. */\n  readonly overlay?: ReactNode;\n}\n\n/** The chart's DOM: root, SVG, overlay and tabular alternative (API Spec §10). */\nexport function ChartFrame({ rendered, className, rootProps, rootRef, overlay }: ChartFrameProps) {\n  const classes = ['sp-root', `sp-ground-${rendered.ground}`, className].filter(Boolean).join(' ');\n  return (\n    <div\n      className={classes}\n      data-substrate={rendered.substrate}\n      data-chrome={rendered.chrome}\n      data-status={rendered.status}\n      ref={rootRef}\n      {...rootProps}\n    >\n      <ChartSvg view={rendered.view} />\n      {overlay}\n      {rendered.dataTable !== 'none' && (\n        <Table table={rendered.table} id={rendered.ids.table} visibility={rendered.dataTable} />\n      )}\n    </div>\n  );\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx"]}

package/dist/chunk-4GQ5X2WK.js

@@ -0,0 +1,10 @@
+'use client';
+
+// src/link-context.ts
+import { createContext } from "react";
+var DashboardLinkContext = createContext(null);
+
+export {
+  DashboardLinkContext
+};
+//# sourceMappingURL=chunk-4GQ5X2WK.js.map

package/dist/chunk-4GQ5X2WK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/link-context.ts"],"sourcesContent":["import type { LinkState } from '@silverpoint/core';\nimport { createContext } from 'react';\n\n/** A linked dashboard's one reactive value, and how a chart sets it (TD DD-016, REQ-216). */\nexport interface DashboardLinkValue {\n  readonly key: string;\n  readonly state: LinkState | null;\n  set(next: LinkState | null): void;\n}\n\nexport const DashboardLinkContext = createContext<DashboardLinkValue | null>(null);\n"],"mappings":";;;AACA,SAAS,qBAAqB;AASvB,IAAM,uBAAuB,cAAyC,IAAI;","names":[]}

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-PBT76UXS.js → chunk-6EFRIK7Q.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-PBT76UXS.js.map
+//# sourceMappingURL=chunk-6EFRIK7Q.js.map

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

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-CXXCUD4B.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-O2DNGRM7.js → chunk-6S6VKQ3E.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-O2DNGRM7.js.map
+//# sourceMappingURL=chunk-6S6VKQ3E.js.map

package/dist/{chunk-2JXPSUCK.js → chunk-AEU6UHVG.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-2JXPSUCK.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-Y7WZS3VB.js → chunk-C3NHZ4N5.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-Y7WZS3VB.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-FDROMD5U.js → chunk-ESFN6FJY.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-BHZNDYU3.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-FDROMD5U.js.map
+//# sourceMappingURL=chunk-ESFN6FJY.js.map