@silverpoint/react 0.3.0 → 0.7.0

package/dist/chunk-R66XACVV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/dashboard-markup.tsx"],"sourcesContent":["import { dashboardView, type DashboardCellContext, type DashboardProps } from '@silverpoint/core';\nimport { paletteStyle, resolvePalette } from '@silverpoint/core/palettes';\nimport { Children, cloneElement, isValidElement, type CSSProperties, type ReactElement, type ReactNode } from 'react';\n\nexport interface DashboardCellProps {\n  /** The layout cell this child fills. Omitted: next in source order, span 1 (API Spec §7.1). */\n  readonly cell?: string;\n  /** The chart. A single element receives the cell's id, size and configuration. */\n  readonly children?: ReactNode;\n}\n\n/**\n * Marks a child of `Dashboard` with its layout cell. Rendered on its own it is its children; inside\n * a dashboard, the dashboard reads its `cell` and emits it as an `article` (REQ-200).\n */\nexport function DashboardCell({ children }: DashboardCellProps) {\n  return <>{children}</>;\n}\n\n/** The internal prop through which a cell hands its chart id, box and config (TD §3.3). */\nexport interface CellChartProps {\n  readonly dashboardCell?: DashboardCellContext;\n}\n\nconst asStyle = (vars: Readonly<Record<string, string>>) => vars as CSSProperties;\n\n/**\n * The dashboard's DOM (API Spec §10), shared by the client and server entries. It computes\n * nothing: the core's `dashboardView` gives every attribute, and each cell's chart gets its\n * context as a prop, which crosses a Server Components boundary as plain data (Art. 2).\n */\nexport function DashboardMarkup({ children, wrapGrid, ...props }: DashboardProps & { readonly children?: ReactNode; readonly wrapGrid?: (grid: ReactNode) => ReactNode }) {\n  const given = Children.toArray(children).map((child) => {\n    const marked = isValidElement<DashboardCellProps>(child) && child.type === DashboardCell;\n    const content = marked ? child.props.children : child;\n    const chart = isValidElement<{ id?: string }>(content) ? content : undefined;\n    return { cell: marked ? child.props.cell : undefined, id: chart?.props.id, content, chart };\n  });\n  // Its own palette only: this renders in Server Components, which read no provider (DD-037).\n  const view = dashboardView(props, given.map(({ cell, id }) => ({ cell, id })), paletteStyle(resolvePalette(props.palette)));\n  const Heading = view.heading ? (`h${view.heading.level}` as const) : undefined;\n  const grid = (\n    <div className=\"sp-dashboard-grid\" part=\"dashboard-grid\">\n      {view.cells.map((cell) => {\n        const { chart, content } = given[cell.child]!;\n        return (\n          <article key={cell.context.chartId} className=\"sp-dashboard-cell\" part=\"dashboard-cell\" aria-labelledby={cell.labelledby} style={asStyle(cell.style)}>\n            {chart ? cloneElement(chart as ReactElement<CellChartProps>, { dashboardCell: cell.context }) : content}\n          </article>\n        );\n      })}\n    </div>\n  );\n  return (\n    <section\n      className={view.section.className}\n      part=\"dashboard\"\n      data-substrate={view.section.substrate}\n      aria-labelledby={view.section.labelledby}\n      aria-describedby={view.section.describedby}\n      aria-label={view.section.label}\n      style={asStyle(view.section.style)}\n    >\n      {Heading && view.heading && (\n        <Heading className=\"sp-dashboard-title\" part=\"dashboard-title\" id={view.heading.id}>\n          {view.heading.text}\n        </Heading>\n      )}\n      {view.description && (\n        <p className=\"sp-dashboard-description\" part=\"dashboard-description\" id={view.description.id}>\n          {view.description.text}\n        </p>\n      )}\n      {wrapGrid ? wrapGrid(grid) : grid}\n    </section>\n  );\n}\n"],"mappings":";AAAA,SAAS,qBAAqE;AAC9E,SAAS,cAAc,sBAAsB;AAC7C,SAAS,UAAU,cAAc,sBAA6E;AAcrG,wBAsCL,YAtCK;AADF,SAAS,cAAc,EAAE,SAAS,GAAuB;AAC9D,SAAO,gCAAG,UAAS;AACrB;AAOA,IAAM,UAAU,CAAC,SAA2C;AAOrD,SAAS,gBAAgB,EAAE,UAAU,UAAU,GAAG,MAAM,GAA2G;AACxK,QAAM,QAAQ,SAAS,QAAQ,QAAQ,EAAE,IAAI,CAAC,UAAU;AACtD,UAAM,SAAS,eAAmC,KAAK,KAAK,MAAM,SAAS;AAC3E,UAAM,UAAU,SAAS,MAAM,MAAM,WAAW;AAChD,UAAM,QAAQ,eAAgC,OAAO,IAAI,UAAU;AACnE,WAAO,EAAE,MAAM,SAAS,MAAM,MAAM,OAAO,QAAW,IAAI,OAAO,MAAM,IAAI,SAAS,MAAM;AAAA,EAC5F,CAAC;AAED,QAAM,OAAO,cAAc,OAAO,MAAM,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,EAAE,MAAM,GAAG,EAAE,GAAG,aAAa,eAAe,MAAM,OAAO,CAAC,CAAC;AAC1H,QAAM,UAAU,KAAK,UAAW,IAAI,KAAK,QAAQ,KAAK,KAAe;AACrE,QAAM,OACJ,oBAAC,SAAI,WAAU,qBAAoB,MAAK,kBACrC,eAAK,MAAM,IAAI,CAAC,SAAS;AACxB,UAAM,EAAE,OAAO,QAAQ,IAAI,MAAM,KAAK,KAAK;AAC3C,WACE,oBAAC,aAAmC,WAAU,qBAAoB,MAAK,kBAAiB,mBAAiB,KAAK,YAAY,OAAO,QAAQ,KAAK,KAAK,GAChJ,kBAAQ,aAAa,OAAuC,EAAE,eAAe,KAAK,QAAQ,CAAC,IAAI,WADpF,KAAK,QAAQ,OAE3B;AAAA,EAEJ,CAAC,GACH;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,KAAK,QAAQ;AAAA,MACxB,MAAK;AAAA,MACL,kBAAgB,KAAK,QAAQ;AAAA,MAC7B,mBAAiB,KAAK,QAAQ;AAAA,MAC9B,oBAAkB,KAAK,QAAQ;AAAA,MAC/B,cAAY,KAAK,QAAQ;AAAA,MACzB,OAAO,QAAQ,KAAK,QAAQ,KAAK;AAAA,MAEhC;AAAA,mBAAW,KAAK,WACf,oBAAC,WAAQ,WAAU,sBAAqB,MAAK,mBAAkB,IAAI,KAAK,QAAQ,IAC7E,eAAK,QAAQ,MAChB;AAAA,QAED,KAAK,eACJ,oBAAC,OAAE,WAAU,4BAA2B,MAAK,yBAAwB,IAAI,KAAK,YAAY,IACvF,eAAK,YAAY,MACpB;AAAA,QAED,WAAW,SAAS,IAAI,IAAI;AAAA;AAAA;AAAA,EAC/B;AAEJ;","names":[]}

package/dist/{chunk-46S63XYT.js → chunk-RE4ZOKKK.js}

@@ -1,3 +1,7 @@
+import {
+  styleObject
+} from "./chunk-XPLCIRDZ.js";
+
 // src/server/create-server-chart.tsx
 import { diagnose, inCell, instanceId } from "@silverpoint/core";
 import { renderChart } from "@silverpoint/grounds";
@@ -74,6 +78,7 @@ function ChartFrame({ rendered, className, rootProps, rootRef, overlay }) {
       "data-substrate": rendered.substrate,
       "data-chrome": rendered.chrome,
       "data-status": rendered.status,
+      style: rendered.style ? styleObject(rendered.style) : void 0,
       ref: rootRef,
       ...rootProps,
       children: [
@@ -104,4 +109,4 @@ function createServerChart(recipe) {
 export {
   createServerChart
 };
-//# sourceMappingURL=chunk-46S63XYT.js.map
+//# sourceMappingURL=chunk-RE4ZOKKK.js.map

package/dist/chunk-RE4ZOKKK.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';\nimport { styleObject } from './style';\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      style={rendered.style ? styleObject(rendered.style) : undefined}\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-RFWELGCX.js

@@ -0,0 +1,20 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/avatar.tsx
+import { uiAvatarGroupView, uiAvatarView } from "@silverpoint/core/ui";
+function SpAvatar({ dashboardCell, ...props }) {
+  return renderUi(uiAvatarView(props, useUi(props, dashboardCell)), {});
+}
+function SpAvatarGroup({ children, dashboardCell, ...props }) {
+  return renderUi(uiAvatarGroupView(props, useUi(props, dashboardCell)), { slots: { content: children } });
+}
+
+export {
+  SpAvatar,
+  SpAvatarGroup
+};
+//# sourceMappingURL=chunk-RFWELGCX.js.map

package/dist/chunk-RFWELGCX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/avatar.tsx"],"sourcesContent":["import { uiAvatarGroupView, uiAvatarView, type SpAvatarGroupProps as CoreGroupProps, type SpAvatarProps 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 SpAvatarProps extends CoreProps, UiCellProps {}\n\nexport interface SpAvatarGroupProps extends CoreGroupProps, UiCellProps {\n  /** The avatars. */\n  readonly children?: ReactNode;\n}\n\n/** `SpAvatar`: an image, or initials named as an image (REQ-478). `@silverpoint/react/server/ui/avatar` renders it in a Server Component. */\nexport function SpAvatar({ dashboardCell, ...props }: SpAvatarProps) {\n  return renderUi(uiAvatarView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n\n/** `SpAvatarGroup`: a labelled group of avatars (REQ-478). */\nexport function SpAvatarGroup({ children, dashboardCell, ...props }: SpAvatarGroupProps) {\n  return renderUi(uiAvatarGroupView(props, useUi(props, dashboardCell)), { slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,mBAAmB,oBAAgG;AAarH,SAAS,SAAS,EAAE,eAAe,GAAG,MAAM,GAAkB;AACnE,SAAO,SAAS,aAAa,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACtE;AAGO,SAAS,cAAc,EAAE,UAAU,eAAe,GAAG,MAAM,GAAuB;AACvF,SAAO,SAAS,kBAAkB,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACzG;","names":[]}

package/dist/{chunk-6NXL245Z.js → chunk-S2A6EJSX.js}

@@ -2,7 +2,7 @@
 import {
   renderUi,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/steps.tsx
 import { uiStepsView } from "@silverpoint/core/ui";
@@ -13,4 +13,4 @@ function SpSteps({ dashboardCell, ...props }) {
 export {
   SpSteps
 };
-//# sourceMappingURL=chunk-6NXL245Z.js.map
+//# sourceMappingURL=chunk-S2A6EJSX.js.map

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

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

package/dist/{chunk-JWCVL7VE.js → chunk-T52NYUKC.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/donut-chart.tsx
 import { donutChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var DonutChart = createClientChart(donutChart);
 export {
   DonutChart
 };
-//# sourceMappingURL=chunk-JWCVL7VE.js.map
+//# sourceMappingURL=chunk-T52NYUKC.js.map

package/dist/{chunk-M56MDRNT.js → chunk-TTIRFQ2W.js}

@@ -2,7 +2,7 @@
 import {
   renderUi,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/alert.tsx
 import { uiAlertView } from "@silverpoint/core/ui";
@@ -14,4 +14,4 @@ function SpAlert({ children, onClose, dashboardCell, ...props }) {
 export {
   SpAlert
 };
-//# sourceMappingURL=chunk-M56MDRNT.js.map
+//# sourceMappingURL=chunk-TTIRFQ2W.js.map

package/dist/{chunk-3WUPWJP2.js → chunk-TZGI7DMH.js}

@@ -2,7 +2,7 @@
 import {
   renderUi,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/card.tsx
 import { uiCardView } from "@silverpoint/core/ui";
@@ -14,4 +14,4 @@ function SpCard({ children, extra, footer, dashboardCell, ...props }) {
 export {
   SpCard
 };
-//# sourceMappingURL=chunk-3WUPWJP2.js.map
+//# sourceMappingURL=chunk-TZGI7DMH.js.map

package/dist/{chunk-67FND3TB.js → chunk-UA3V7LBC.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/rate.tsx
 import { uiRateView, uiRovingFocus } from "@silverpoint/core/ui";
@@ -23,4 +23,4 @@ function SpRate({ value, defaultValue, onChange, dashboardCell, ...props }) {
 export {
   SpRate
 };
-//# sourceMappingURL=chunk-67FND3TB.js.map
+//# sourceMappingURL=chunk-UA3V7LBC.js.map

package/dist/chunk-UAWJIVQK.js

@@ -0,0 +1,68 @@
+'use client';
+import {
+  useListKeys
+} from "./chunk-3ZO7VEHS.js";
+import {
+  useOpen,
+  useOverlay
+} from "./chunk-G3PPUBI5.js";
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/dropdown-menu.tsx
+import { uiDropdownMenuView, uiMenuItems, uiTriggerAria } from "@silverpoint/core/ui";
+import { cloneElement, isValidElement, useEffect, useRef } from "react";
+var triggerOf = (menu) => {
+  const before = menu?.previousElementSibling;
+  return before?.classList.contains("sp-ui-trigger") ? before.firstElementChild : before;
+};
+function SpDropdownMenu({ onSelect, trigger, open, defaultOpen, onOpenChange, dashboardCell, ...props }) {
+  const [isOpen, setOpen, latest] = useOpen({ open, defaultOpen, onOpenChange });
+  const menu = useRef(null);
+  useOverlay(menu, "popover", isOpen, setOpen, { place: { side: props.side ?? "bottom", align: props.align ?? "start" } });
+  const items = uiMenuItems(props.items);
+  const list = useListKeys(items, "menu", isOpen, -1);
+  const view = uiDropdownMenuView(props, useUi(props, dashboardCell), { open: isOpen, active: list.activeKey }, { trigger: trigger !== void 0 });
+  useEffect(() => {
+    if (!isOpen || list.activeKey === null) return;
+    for (const item of menu.current?.querySelectorAll('[role="menuitem"]') ?? []) if (item.dataset.key === list.activeKey) item.focus();
+  }, [isOpen, list.activeKey]);
+  const close = (refocus) => {
+    setOpen(false);
+    if (refocus) triggerOf(menu.current)?.focus();
+  };
+  const activate = (key) => {
+    close(true);
+    if (key !== void 0) onSelect?.(key);
+  };
+  const keyed = (event) => {
+    const result = list.key(event);
+    if (result?.intent === "open") setOpen(true);
+    else if (result?.intent === "close") close(event.key !== "Tab");
+    else if (result?.intent === "select") activate(result.key);
+  };
+  const pressedOpen = useRef(false);
+  const bound = {
+    trigger: () => ({
+      onPointerDown: () => pressedOpen.current = latest.current,
+      onClick: () => {
+        const wasOpen = pressedOpen.current || latest.current;
+        pressedOpen.current = false;
+        setOpen(!wasOpen);
+      },
+      onKeyDown: (event) => !latest.current && keyed(event),
+      onKeyUp: list.keyUp
+    }),
+    popover: () => ({ ref: menu, onKeyDown: keyed, onKeyUp: list.keyUp }),
+    menuitem: (node) => ({ onClick: () => node.attrs["aria-disabled"] !== "true" && activate(node.attrs["data-key"]) })
+  };
+  const slot = isValidElement(trigger) ? cloneElement(trigger, uiTriggerAria("menu", props.id, isOpen)) : void 0;
+  return renderUi(view, { bound, slots: { trigger: slot } });
+}
+
+export {
+  SpDropdownMenu
+};
+//# sourceMappingURL=chunk-UAWJIVQK.js.map

package/dist/chunk-UAWJIVQK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/dropdown-menu.tsx"],"sourcesContent":["import { uiDropdownMenuView, uiMenuItems, uiTriggerAria, type SpDropdownMenuProps as CoreProps, type UiElement } from '@silverpoint/core/ui';\nimport { cloneElement, isValidElement, useEffect, useRef, type KeyboardEvent, type ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { useListKeys } from './list';\nimport { useOpen, useOverlay, type OverlayOpenProps } from './overlay';\nimport { renderUi } from './render';\n\nexport interface SpDropdownMenuProps extends CoreProps, OverlayOpenProps, UiCellProps {\n  /** An item was activated: its key. The menu closes. */\n  readonly onSelect?: (key: string) => void;\n  /** The element that opens it, in place of the built-in button; cloned with the menu button's ARIA. */\n  readonly trigger?: ReactElement;\n}\n\n/** The element focus returns to: the built-in button, or the consumer's trigger inside its slot. */\nconst triggerOf = (menu: HTMLElement | null) => {\n  const before = menu?.previousElementSibling;\n  return (before?.classList.contains('sp-ui-trigger') ? before.firstElementChild : before) as HTMLElement | null | undefined;\n};\n\n/**\n * `SpDropdownMenu`: the APG menu button (REQ-495, DD-039). DOM focus moves to the active item;\n * every key goes through `uiListKey` and `uiTypeahead`; Enter, Space or a click activates an item,\n * closes the menu and returns focus to the trigger.\n */\nexport function SpDropdownMenu({ onSelect, trigger, open, defaultOpen, onOpenChange, dashboardCell, ...props }: SpDropdownMenuProps) {\n  const [isOpen, setOpen, latest] = useOpen({ open, defaultOpen, onOpenChange });\n  const menu = useRef<HTMLDivElement>(null);\n  useOverlay(menu, 'popover', isOpen, setOpen, { place: { side: props.side ?? 'bottom', align: props.align ?? 'start' } });\n  const items = uiMenuItems(props.items);\n  const list = useListKeys(items, 'menu', isOpen, -1);\n  const view = uiDropdownMenuView(props, useUi(props, dashboardCell), { open: isOpen, active: list.activeKey }, { trigger: trigger !== undefined });\n\n  useEffect(() => {\n    if (!isOpen || list.activeKey === null) return;\n    for (const item of menu.current?.querySelectorAll<HTMLElement>('[role=\"menuitem\"]') ?? []) if (item.dataset.key === list.activeKey) item.focus();\n  }, [isOpen, list.activeKey]);\n\n  const close = (refocus: boolean) => {\n    setOpen(false);\n    if (refocus) triggerOf(menu.current)?.focus();\n  };\n  const activate = (key: string | undefined) => {\n    close(true);\n    if (key !== undefined) onSelect?.(key);\n  };\n  const keyed = (event: KeyboardEvent) => {\n    const result = list.key(event);\n    if (result?.intent === 'open') setOpen(true);\n    else if (result?.intent === 'close') close(event.key !== 'Tab');\n    else if (result?.intent === 'select') activate(result.key);\n  };\n  const pressedOpen = useRef(false);\n  const bound = {\n    trigger: () => ({\n      onPointerDown: () => (pressedOpen.current = latest.current),\n      onClick: () => {\n        const wasOpen = pressedOpen.current || latest.current;\n        pressedOpen.current = false;\n        setOpen(!wasOpen);\n      },\n      onKeyDown: (event: KeyboardEvent) => !latest.current && keyed(event),\n      onKeyUp: list.keyUp,\n    }),\n    popover: () => ({ ref: menu, onKeyDown: keyed, onKeyUp: list.keyUp }),\n    menuitem: (node: UiElement) => ({ onClick: () => node.attrs['aria-disabled'] !== 'true' && activate(node.attrs['data-key'] as string) }),\n  };\n  const slot = isValidElement(trigger) ? cloneElement(trigger as ReactElement<Record<string, unknown>>, uiTriggerAria('menu', props.id, isOpen)) : undefined;\n  return renderUi(view, { bound, slots: { trigger: slot } }) as ReactElement;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,SAAS,oBAAoB,aAAa,qBAA4E;AACtH,SAAS,cAAc,gBAAgB,WAAW,cAAqD;AAcvG,IAAM,YAAY,CAAC,SAA6B;AAC9C,QAAM,SAAS,MAAM;AACrB,SAAQ,QAAQ,UAAU,SAAS,eAAe,IAAI,OAAO,oBAAoB;AACnF;AAOO,SAAS,eAAe,EAAE,UAAU,SAAS,MAAM,aAAa,cAAc,eAAe,GAAG,MAAM,GAAwB;AACnI,QAAM,CAAC,QAAQ,SAAS,MAAM,IAAI,QAAQ,EAAE,MAAM,aAAa,aAAa,CAAC;AAC7E,QAAM,OAAO,OAAuB,IAAI;AACxC,aAAW,MAAM,WAAW,QAAQ,SAAS,EAAE,OAAO,EAAE,MAAM,MAAM,QAAQ,UAAU,OAAO,MAAM,SAAS,QAAQ,EAAE,CAAC;AACvH,QAAM,QAAQ,YAAY,MAAM,KAAK;AACrC,QAAM,OAAO,YAAY,OAAO,QAAQ,QAAQ,EAAE;AAClD,QAAM,OAAO,mBAAmB,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,QAAQ,QAAQ,KAAK,UAAU,GAAG,EAAE,SAAS,YAAY,OAAU,CAAC;AAEhJ,YAAU,MAAM;AACd,QAAI,CAAC,UAAU,KAAK,cAAc,KAAM;AACxC,eAAW,QAAQ,KAAK,SAAS,iBAA8B,mBAAmB,KAAK,CAAC,EAAG,KAAI,KAAK,QAAQ,QAAQ,KAAK,UAAW,MAAK,MAAM;AAAA,EACjJ,GAAG,CAAC,QAAQ,KAAK,SAAS,CAAC;AAE3B,QAAM,QAAQ,CAAC,YAAqB;AAClC,YAAQ,KAAK;AACb,QAAI,QAAS,WAAU,KAAK,OAAO,GAAG,MAAM;AAAA,EAC9C;AACA,QAAM,WAAW,CAAC,QAA4B;AAC5C,UAAM,IAAI;AACV,QAAI,QAAQ,OAAW,YAAW,GAAG;AAAA,EACvC;AACA,QAAM,QAAQ,CAAC,UAAyB;AACtC,UAAM,SAAS,KAAK,IAAI,KAAK;AAC7B,QAAI,QAAQ,WAAW,OAAQ,SAAQ,IAAI;AAAA,aAClC,QAAQ,WAAW,QAAS,OAAM,MAAM,QAAQ,KAAK;AAAA,aACrD,QAAQ,WAAW,SAAU,UAAS,OAAO,GAAG;AAAA,EAC3D;AACA,QAAM,cAAc,OAAO,KAAK;AAChC,QAAM,QAAQ;AAAA,IACZ,SAAS,OAAO;AAAA,MACd,eAAe,MAAO,YAAY,UAAU,OAAO;AAAA,MACnD,SAAS,MAAM;AACb,cAAM,UAAU,YAAY,WAAW,OAAO;AAC9C,oBAAY,UAAU;AACtB,gBAAQ,CAAC,OAAO;AAAA,MAClB;AAAA,MACA,WAAW,CAAC,UAAyB,CAAC,OAAO,WAAW,MAAM,KAAK;AAAA,MACnE,SAAS,KAAK;AAAA,IAChB;AAAA,IACA,SAAS,OAAO,EAAE,KAAK,MAAM,WAAW,OAAO,SAAS,KAAK,MAAM;AAAA,IACnE,UAAU,CAAC,UAAqB,EAAE,SAAS,MAAM,KAAK,MAAM,eAAe,MAAM,UAAU,SAAS,KAAK,MAAM,UAAU,CAAW,EAAE;AAAA,EACxI;AACA,QAAM,OAAO,eAAe,OAAO,IAAI,aAAa,SAAkD,cAAc,QAAQ,MAAM,IAAI,MAAM,CAAC,IAAI;AACjJ,SAAO,SAAS,MAAM,EAAE,OAAO,OAAO,EAAE,SAAS,KAAK,EAAE,CAAC;AAC3D;","names":[]}

package/dist/chunk-UOINAVEH.js

@@ -0,0 +1,32 @@
+'use client';
+import {
+  useOpen,
+  useOverlay,
+  useTrigger
+} from "./chunk-G3PPUBI5.js";
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/modal.tsx
+import { uiModalView } from "@silverpoint/core/ui";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { Fragment, jsxs } from "react/jsx-runtime";
+var SpModal = forwardRef(function SpModal2({ trigger, children, footer, open, defaultOpen, onOpenChange, dashboardCell, ...props }, forwarded) {
+  const [isOpen, set, latest] = useOpen({ open, defaultOpen, onOpenChange });
+  const ref = useRef(null);
+  useImperativeHandle(forwarded, () => ref.current, []);
+  useOverlay(ref, "modal", isOpen, set, { dismissible: props.dismissible });
+  const view = uiModalView(props, useUi(props, dashboardCell), { open: isOpen }, { footer: footer != null });
+  const dialog = renderUi(view, { root: { ref }, close: { onClick: () => set(false) }, slots: { content: children, footer } });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    useTrigger(trigger, "dialog", props.id, latest, set),
+    dialog
+  ] });
+});
+
+export {
+  SpModal
+};
+//# sourceMappingURL=chunk-UOINAVEH.js.map

package/dist/chunk-UOINAVEH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/modal.tsx"],"sourcesContent":["import { uiModalView, type SpModalProps as CoreProps } from '@silverpoint/core/ui';\nimport { forwardRef, useImperativeHandle, useRef, type ReactElement, type ReactNode } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { useOpen, useOverlay, useTrigger, type OverlayOpenProps } from './overlay';\nimport { renderUi } from './render';\n\nexport interface SpModalProps extends CoreProps, OverlayOpenProps, UiCellProps {\n  /** The element that opens it, cloned with `aria-haspopup`, `aria-expanded` and `aria-controls`. */\n  readonly trigger?: ReactElement;\n  readonly children?: ReactNode;\n  readonly footer?: ReactNode;\n}\n\n/** `SpModal`: a native `<dialog>` opened with `showModal()` after mount; its ref is the dialog (REQ-491, REQ-502). */\nexport const SpModal = forwardRef<HTMLDialogElement, SpModalProps>(function SpModal({ trigger, children, footer, open, defaultOpen, onOpenChange, dashboardCell, ...props }, forwarded) {\n  const [isOpen, set, latest] = useOpen({ open, defaultOpen, onOpenChange });\n  const ref = useRef<HTMLDialogElement>(null);\n  useImperativeHandle(forwarded, () => ref.current!, []);\n  useOverlay(ref, 'modal', isOpen, set, { dismissible: props.dismissible });\n  const view = uiModalView(props, useUi(props, dashboardCell), { open: isOpen }, { footer: footer != null });\n  const dialog = renderUi(view, { root: { ref }, close: { onClick: () => set(false) }, slots: { content: children, footer } });\n  return (\n    <>\n      {useTrigger(trigger, 'dialog', props.id, latest, set)}\n      {dialog}\n    </>\n  );\n});\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,mBAAmD;AAC5D,SAAS,YAAY,qBAAqB,cAAiD;AAqBvF;AARG,IAAM,UAAU,WAA4C,SAASA,SAAQ,EAAE,SAAS,UAAU,QAAQ,MAAM,aAAa,cAAc,eAAe,GAAG,MAAM,GAAG,WAAW;AACtL,QAAM,CAAC,QAAQ,KAAK,MAAM,IAAI,QAAQ,EAAE,MAAM,aAAa,aAAa,CAAC;AACzE,QAAM,MAAM,OAA0B,IAAI;AAC1C,sBAAoB,WAAW,MAAM,IAAI,SAAU,CAAC,CAAC;AACrD,aAAW,KAAK,SAAS,QAAQ,KAAK,EAAE,aAAa,MAAM,YAAY,CAAC;AACxE,QAAM,OAAO,YAAY,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,GAAG,EAAE,QAAQ,UAAU,KAAK,CAAC;AACzG,QAAM,SAAS,SAAS,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,MAAM,IAAI,KAAK,EAAE,GAAG,OAAO,EAAE,SAAS,UAAU,OAAO,EAAE,CAAC;AAC3H,SACE,iCACG;AAAA,eAAW,SAAS,UAAU,MAAM,IAAI,QAAQ,GAAG;AAAA,IACnD;AAAA,KACH;AAEJ,CAAC;","names":["SpModal"]}

package/dist/chunk-VGX3GSOT.js

@@ -0,0 +1,33 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/collapse.tsx
+import { uiCollapseGroup, uiCollapseItemView, uiCollapseView } from "@silverpoint/core/ui";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var CollapseGroup = createContext(void 0);
+function SpCollapse({ children, dashboardCell, ...props }) {
+  const view = uiCollapseView(props, useUi(props, dashboardCell));
+  return /* @__PURE__ */ jsx(CollapseGroup.Provider, { value: uiCollapseGroup(props), children: renderUi(view, { slots: { content: children } }) });
+}
+function SpCollapseItem({ open, defaultOpen, onToggle, children, dashboardCell, ...props }) {
+  const [isOpen, set] = useValue(open, defaultOpen ?? false, onToggle);
+  const view = uiCollapseItemView(props, useUi(props, dashboardCell), { open: isOpen, group: useContext(CollapseGroup) });
+  const root = {
+    onToggle: (event) => {
+      if (event.currentTarget.open !== isOpen) set(event.currentTarget.open);
+    }
+  };
+  const summary = () => ({ onClick: (event) => props.disabled && event.preventDefault() });
+  return renderUi(view, { root, bound: { summary }, slots: { content: children } });
+}
+
+export {
+  SpCollapse,
+  SpCollapseItem
+};
+//# sourceMappingURL=chunk-VGX3GSOT.js.map

package/dist/chunk-VGX3GSOT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/collapse.tsx"],"sourcesContent":["import { uiCollapseGroup, uiCollapseItemView, uiCollapseView, type SpCollapseItemProps as CoreItemProps, type SpCollapseProps as CoreProps } from '@silverpoint/core/ui';\nimport { createContext, useContext, type MouseEvent, type ReactElement, type ReactNode, type SyntheticEvent } from 'react';\nimport { useUi, useValue, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\n/** The `name` an accordion gives its items (REQ-482). */\nconst CollapseGroup = createContext<string | undefined>(undefined);\n\nexport interface SpCollapseProps extends CoreProps, UiCellProps {\n  /** `SpCollapseItem`s. */\n  readonly children?: ReactNode;\n}\n\nexport interface SpCollapseItemProps extends CoreItemProps, UiCellProps {\n  /** Controlled. */\n  readonly open?: boolean;\n  readonly defaultOpen?: boolean;\n  /** The item opened or closed, by the user or by its accordion. */\n  readonly onToggle?: (open: boolean) => void;\n  readonly children?: ReactNode;\n}\n\n/** `SpCollapse`: a frame around native `<details>` items; `accordion` makes them exclusive, natively (REQ-482). */\nexport function SpCollapse({ children, dashboardCell, ...props }: SpCollapseProps) {\n  const view = uiCollapseView(props, useUi(props, dashboardCell));\n  return <CollapseGroup.Provider value={uiCollapseGroup(props)}>{renderUi(view, { slots: { content: children } })}</CollapseGroup.Provider>;\n}\n\n/** `SpCollapseItem`: a native `<details>`; a disabled one cancels its summary's activation (REQ-482). */\nexport function SpCollapseItem({ open, defaultOpen, onToggle, children, dashboardCell, ...props }: SpCollapseItemProps) {\n  const [isOpen, set] = useValue(open, defaultOpen ?? false, onToggle);\n  const view = uiCollapseItemView(props, useUi(props, dashboardCell), { open: isOpen, group: useContext(CollapseGroup) });\n  const root = {\n    onToggle: (event: SyntheticEvent<HTMLDetailsElement>) => {\n      if (event.currentTarget.open !== isOpen) set(event.currentTarget.open);\n    },\n  };\n  const summary = () => ({ onClick: (event: MouseEvent) => props.disabled && event.preventDefault() });\n  return renderUi(view, { root, bound: { summary }, slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;;AAAA,SAAS,iBAAiB,oBAAoB,sBAAoG;AAClJ,SAAS,eAAe,kBAA2F;AAwB1G;AAnBT,IAAM,gBAAgB,cAAkC,MAAS;AAiB1D,SAAS,WAAW,EAAE,UAAU,eAAe,GAAG,MAAM,GAAoB;AACjF,QAAM,OAAO,eAAe,OAAO,MAAM,OAAO,aAAa,CAAC;AAC9D,SAAO,oBAAC,cAAc,UAAd,EAAuB,OAAO,gBAAgB,KAAK,GAAI,mBAAS,MAAM,EAAE,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC,GAAE;AAClH;AAGO,SAAS,eAAe,EAAE,MAAM,aAAa,UAAU,UAAU,eAAe,GAAG,MAAM,GAAwB;AACtH,QAAM,CAAC,QAAQ,GAAG,IAAI,SAAS,MAAM,eAAe,OAAO,QAAQ;AACnE,QAAM,OAAO,mBAAmB,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,QAAQ,OAAO,WAAW,aAAa,EAAE,CAAC;AACtH,QAAM,OAAO;AAAA,IACX,UAAU,CAAC,UAA8C;AACvD,UAAI,MAAM,cAAc,SAAS,OAAQ,KAAI,MAAM,cAAc,IAAI;AAAA,IACvE;AAAA,EACF;AACA,QAAM,UAAU,OAAO,EAAE,SAAS,CAAC,UAAsB,MAAM,YAAY,MAAM,eAAe,EAAE;AAClG,SAAO,SAAS,MAAM,EAAE,MAAM,OAAO,EAAE,QAAQ,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AAClF;","names":[]}

package/dist/chunk-VNVWUIVN.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/error-bar-chart.tsx
+import { errorBarChart } from "@silverpoint/core/catalog";
+var ErrorBarChart = createClientChart(errorBarChart);
+
+export {
+  ErrorBarChart
+};
+//# sourceMappingURL=chunk-VNVWUIVN.js.map

package/dist/chunk-VNVWUIVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/error-bar-chart.tsx"],"sourcesContent":["import { errorBarChart } from '@silverpoint/core/catalog';\nimport type { ErrorBarChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ErrorBarChartProps } from '@silverpoint/core';\n\nexport type ClientErrorBarChartProps = ErrorBarChartProps & InteractionProps;\n\n/** `ErrorBarChart` (REQ-410): a point estimate with its interval per category (API Spec §7.3). */\nexport const ErrorBarChart = createClientChart<ErrorBarChartProps>(errorBarChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/{chunk-ART7CMBL.js → chunk-VQRXVACI.js}

@@ -2,7 +2,7 @@
 import {
   renderUi,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/skeleton.tsx
 import { uiSkeletonView } from "@silverpoint/core/ui";
@@ -13,4 +13,4 @@ function SpSkeleton({ dashboardCell, ...props }) {
 export {
   SpSkeleton
 };
-//# sourceMappingURL=chunk-ART7CMBL.js.map
+//# sourceMappingURL=chunk-VQRXVACI.js.map

package/dist/chunk-XOO5OQHZ.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/ecdf-chart.tsx
+import { ecdfChart } from "@silverpoint/core/catalog";
+var EcdfChart = createClientChart(ecdfChart);
+
+export {
+  EcdfChart
+};
+//# sourceMappingURL=chunk-XOO5OQHZ.js.map

package/dist/chunk-XOO5OQHZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ecdf-chart.tsx"],"sourcesContent":["import { ecdfChart } from '@silverpoint/core/catalog';\nimport type { EcdfChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { EcdfChartProps } from '@silverpoint/core';\n\nexport type ClientEcdfChartProps = EcdfChartProps & InteractionProps;\n\n/** `EcdfChart` (REQ-401): the empirical cumulative distribution as a step function (API Spec §7.3). */\nexport const EcdfChart = createClientChart<EcdfChartProps>(ecdfChart);\n"],"mappings":";;;;;;AAAA,SAAS,iBAAiB;AAUnB,IAAM,YAAY,kBAAkC,SAAS;","names":[]}

package/dist/chunk-XPLCIRDZ.js

@@ -0,0 +1,14 @@
+// src/style.ts
+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;
+}
+
+export {
+  styleObject
+};
+//# sourceMappingURL=chunk-XPLCIRDZ.js.map

package/dist/chunk-XPLCIRDZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/style.ts"],"sourcesContent":["/** `--a:1;b:2` as React's style object; custom properties keep their names. */\nexport function 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"],"mappings":";AACO,SAAS,YAAY,OAAuC;AACjE,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;","names":[]}

package/dist/{chunk-TH6Q4E7C.js → chunk-XZX2HZI7.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/segmented.tsx
 import { uiRovingFocus, uiSegmentedView } from "@silverpoint/core/ui";
@@ -18,4 +18,4 @@ function SpSegmented({ value, defaultValue, onChange, dashboardCell, ...props })
 export {
   SpSegmented
 };
-//# sourceMappingURL=chunk-TH6Q4E7C.js.map
+//# sourceMappingURL=chunk-XZX2HZI7.js.map

package/dist/chunk-YHCAIRT3.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/tree-chart.tsx
+import { treeChart } from "@silverpoint/core/catalog";
+var TreeChart = createClientChart(treeChart);
+
+export {
+  TreeChart
+};
+//# sourceMappingURL=chunk-YHCAIRT3.js.map

package/dist/chunk-YHCAIRT3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tree-chart.tsx"],"sourcesContent":["import { treeChart } from '@silverpoint/core/catalog';\nimport type { TreeChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { TreeChartProps } from '@silverpoint/core';\n\nexport type ClientTreeChartProps = TreeChartProps & InteractionProps;\n\n/** `TreeChart` (REQ-418): a tidy node-link tree (API Spec §7.3). */\nexport const TreeChart = createClientChart<TreeChartProps>(treeChart);\n"],"mappings":";;;;;;AAAA,SAAS,iBAAiB;AAUnB,IAAM,YAAY,kBAAkC,SAAS;","names":[]}

package/dist/chunk-YO2P3ALL.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/polar-scatter-chart.tsx
+import { polarScatterChart } from "@silverpoint/core/catalog";
+var PolarScatterChart = createClientChart(polarScatterChart);
+
+export {
+  PolarScatterChart
+};
+//# sourceMappingURL=chunk-YO2P3ALL.js.map

package/dist/chunk-YO2P3ALL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/polar-scatter-chart.tsx"],"sourcesContent":["import { polarScatterChart } from '@silverpoint/core/catalog';\nimport type { PolarScatterChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { PolarScatterChartProps } from '@silverpoint/core';\n\nexport type ClientPolarScatterChartProps = PolarScatterChartProps & InteractionProps;\n\n/** `PolarScatterChart` (REQ-421): points over angle and radius (API Spec §7.3). */\nexport const PolarScatterChart = createClientChart<PolarScatterChartProps>(polarScatterChart);\n"],"mappings":";;;;;;AAAA,SAAS,yBAAyB;AAU3B,IAAM,oBAAoB,kBAA0C,iBAAiB;","names":[]}

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

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

package/dist/chunk-ZGGWGSDF.js

@@ -0,0 +1,17 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/table.tsx
+import { uiTableView } from "@silverpoint/core/ui";
+function SpTable({ onSort, dashboardCell, ...props }) {
+  const sort = (node) => ({ onClick: () => onSort?.(node.attrs["data-key"]) });
+  return renderUi(uiTableView(props, useUi(props, dashboardCell)), { bound: { sort } });
+}
+
+export {
+  SpTable
+};
+//# sourceMappingURL=chunk-ZGGWGSDF.js.map

package/dist/chunk-ZGGWGSDF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/table.tsx"],"sourcesContent":["import { uiTableView, type SpTableProps as CoreProps, type UiElement } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpTableProps extends CoreProps, UiCellProps {\n  /** A sortable header was activated: its column's key. The consumer sorts (`uiSortRows`) and sets `sortKey` / `sortOrder`. */\n  readonly onSort?: (key: string) => void;\n}\n\n/** `SpTable`: a native table; sortable headers report their key (REQ-473, REQ-474). `@silverpoint/react/server/ui/table` renders it in a Server Component. */\nexport function SpTable({ onSort, dashboardCell, ...props }: SpTableProps) {\n  const sort = (node: UiElement) => ({ onClick: () => onSort?.(node.attrs['data-key'] as string) });\n  return renderUi(uiTableView(props, useUi(props, dashboardCell)), { bound: { sort } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,mBAAmE;AAWrE,SAAS,QAAQ,EAAE,QAAQ,eAAe,GAAG,MAAM,GAAiB;AACzE,QAAM,OAAO,CAAC,UAAqB,EAAE,SAAS,MAAM,SAAS,KAAK,MAAM,UAAU,CAAW,EAAE;AAC/F,SAAO,SAAS,YAAY,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AACtF;","names":[]}

package/dist/{chunk-43AIURD6.js → chunk-ZLI7RM6W.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   useUi,
   useValue
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/switch.tsx
 import { uiSwitchView } from "@silverpoint/core/ui";
@@ -18,4 +18,4 @@ var SpSwitch = forwardRef(function SpSwitch2({ checked, defaultChecked, onChange
 export {
   SpSwitch
 };
-//# sourceMappingURL=chunk-43AIURD6.js.map
+//# sourceMappingURL=chunk-ZLI7RM6W.js.map

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

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

package/dist/{chunk-J3E6IUUQ.js → chunk-ZVZMIGX4.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/gauge-arc.tsx
 import { gaugeArc } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var GaugeArc = createClientChart(gaugeArc);
 export {
   GaugeArc
 };
-//# sourceMappingURL=chunk-J3E6IUUQ.js.map
+//# sourceMappingURL=chunk-ZVZMIGX4.js.map

package/dist/composed-chart.js

@@ -1,10 +1,10 @@
 'use client';
 import {
   ComposedChart
-} from "./chunk-C3NHZ4N5.js";
-import "./chunk-FBJLA3P7.js";
+} from "./chunk-M4F272PN.js";
+import "./chunk-QRQ4RFCB.js";
 import "./chunk-4GQ5X2WK.js";
-import "./chunk-SQ6GWXDK.js";
+import "./chunk-M2NKE3GQ.js";
 export {
   ComposedChart
 };

package/dist/connected-scatter-chart.d.ts

@@ -0,0 +1,10 @@
+import { I as InteractionProps, C as ClientChart } from './create-chart-BIG9Wtek.js';
+import { ConnectedScatterChartProps } from '@silverpoint/core';
+export { ChartHandle, ConnectedScatterChartProps } from '@silverpoint/core';
+import 'react';
+
+type ClientConnectedScatterChartProps = ConnectedScatterChartProps & InteractionProps;
+/** `ConnectedScatterChart` (REQ-413): an ordered path through x-y points (API Spec §7.3). */
+declare const ConnectedScatterChart: ClientChart<ConnectedScatterChartProps>;
+
+export { type ClientConnectedScatterChartProps, ConnectedScatterChart, InteractionProps };

package/dist/connected-scatter-chart.js

@@ -0,0 +1,11 @@
+'use client';
+import {
+  ConnectedScatterChart
+} from "./chunk-GU5HJU7M.js";
+import "./chunk-QRQ4RFCB.js";
+import "./chunk-4GQ5X2WK.js";
+import "./chunk-M2NKE3GQ.js";
+export {
+  ConnectedScatterChart
+};
+//# sourceMappingURL=connected-scatter-chart.js.map

package/dist/connected-scatter-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/contour-chart.d.ts

@@ -0,0 +1,10 @@
+import { I as InteractionProps, C as ClientChart } from './create-chart-BIG9Wtek.js';
+import { ContourChartProps } from '@silverpoint/core';
+export { ChartHandle, ContourChartProps } from '@silverpoint/core';
+import 'react';
+
+type ClientContourChartProps = ContourChartProps & InteractionProps;
+/** `ContourChart` (REQ-423): iso-lines and filled bands of a density or a grid (API Spec §7.3). */
+declare const ContourChart: ClientChart<ContourChartProps>;
+
+export { type ClientContourChartProps, ContourChart, InteractionProps };

package/dist/contour-chart.js

@@ -0,0 +1,11 @@
+'use client';
+import {
+  ContourChart
+} from "./chunk-MEHYWMG7.js";
+import "./chunk-QRQ4RFCB.js";
+import "./chunk-4GQ5X2WK.js";
+import "./chunk-M2NKE3GQ.js";
+export {
+  ContourChart
+};
+//# sourceMappingURL=contour-chart.js.map