@silverpoint/react 0.3.0 → 0.7.0

package/dist/chunk-3ZO7VEHS.js

@@ -0,0 +1,59 @@
+'use client';
+
+// src/ui/list.ts
+import { uiListKey, uiTypeahead } from "@silverpoint/core/ui";
+import { useEffect, useRef, useState } from "react";
+var HANDLED = /* @__PURE__ */ new Set(["ArrowDown", "ArrowUp", "Home", "End", "PageDown", "PageUp", "Enter", " ", "Escape"]);
+var TYPEAHEAD_RESET = 500;
+function useListKeys(items, kind, open, from) {
+  const [active, setActive] = useState(null);
+  const [wasOpen, setWasOpen] = useState(open);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (!open) setActive(null);
+  }
+  const buffer = useRef("");
+  const timer = useRef(void 0);
+  useEffect(() => () => clearTimeout(timer.current), []);
+  const disabled = items.map((item) => item.disabled === true);
+  const count = items.length;
+  const opening = uiListKey({ active: from, count, disabled, open: false }, "Enter", kind).active;
+  const shown = open ? active ?? opening : -1;
+  const step = (index, intent) => {
+    setActive(index);
+    return { intent, key: items[index]?.key };
+  };
+  return {
+    activeKey: items[shown]?.key ?? null,
+    key(event) {
+      const current = open ? shown : from;
+      const typed = event.key;
+      if (typed.length === 1 && (typed !== " " || buffer.current !== "")) {
+        event.preventDefault();
+        buffer.current += typed;
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => buffer.current = "", TYPEAHEAD_RESET);
+        const found = uiTypeahead(
+          items.map((item) => item.label),
+          disabled,
+          buffer.current,
+          current
+        );
+        return found < 0 ? {} : step(found, open ? void 0 : "open");
+      }
+      if (HANDLED.has(typed)) event.preventDefault();
+      const result = uiListKey({ active: current, count, disabled, open }, typed, kind);
+      if (result.intent === void 0 && result.active === current) return HANDLED.has(typed) ? {} : void 0;
+      return step(result.active, result.intent);
+    },
+    keyUp(event) {
+      if (event.key === " ") event.preventDefault();
+    },
+    activate: setActive
+  };
+}
+
+export {
+  useListKeys
+};
+//# sourceMappingURL=chunk-3ZO7VEHS.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/list.ts"],"sourcesContent":["import { uiListKey, uiTypeahead, type UiItem } from '@silverpoint/core/ui';\nimport { useEffect, useRef, useState, type KeyboardEvent } from 'react';\n\n/** Keys a list overlay answers; their default (scrolling, a button's click) is cancelled. */\nconst HANDLED: ReadonlySet<string> = new Set(['ArrowDown', 'ArrowUp', 'Home', 'End', 'PageDown', 'PageUp', 'Enter', ' ', 'Escape']);\n/** The typeahead buffer clears this long after the last key, ms (DD-039). */\nconst TYPEAHEAD_RESET = 500;\n\nexport interface ListStep {\n  readonly intent?: 'open' | 'close' | 'select';\n  /** The active item's key after the step. */\n  readonly key?: string;\n}\n\nexport interface ListKeys {\n  /** The active item of the open list; `null` when it is closed. */\n  readonly activeKey: string | null;\n  /** One key through `uiListKey`, or a character through `uiTypeahead`; `undefined` when the list does not answer it. */\n  key(event: KeyboardEvent): ListStep | undefined;\n  /** Cancels a Space's keyup, so no click follows the key that already acted. */\n  keyUp(event: KeyboardEvent): void;\n  /** Makes an item active: a list opened by a click starts on its first. */\n  activate(index: number): void;\n}\n\n/**\n * The keyboard of a Select or a Menu (REQ-494, REQ-495, DD-039): the active item and the typeahead\n * buffer; every transition is the core's. The list opens on `from` (the chosen option) or its first\n * enabled item, as `uiListKey` says, and forgets its active item when it closes.\n */\nexport function useListKeys(items: readonly UiItem[], kind: 'listbox' | 'menu', open: boolean, from: number): ListKeys {\n  const [active, setActive] = useState<number | null>(null);\n  const [wasOpen, setWasOpen] = useState(open);\n  if (open !== wasOpen) {\n    setWasOpen(open);\n    // A key that opens the list has just set its active item; a close forgets it.\n    if (!open) setActive(null);\n  }\n  const buffer = useRef('');\n  const timer = useRef<ReturnType<typeof setTimeout>>(undefined);\n  useEffect(() => () => clearTimeout(timer.current), []);\n  const disabled = items.map((item) => item.disabled === true);\n  const count = items.length;\n  const opening = uiListKey({ active: from, count, disabled, open: false }, 'Enter', kind).active;\n  const shown = open ? (active ?? opening) : -1;\n\n  const step = (index: number, intent?: ListStep['intent']): ListStep => {\n    setActive(index);\n    return { intent, key: items[index]?.key };\n  };\n  return {\n    activeKey: items[shown]?.key ?? null,\n    key(event) {\n      const current = open ? shown : from;\n      const typed = event.key;\n      if (typed.length === 1 && (typed !== ' ' || buffer.current !== '')) {\n        event.preventDefault();\n        buffer.current += typed;\n        clearTimeout(timer.current);\n        timer.current = setTimeout(() => (buffer.current = ''), TYPEAHEAD_RESET);\n        const found = uiTypeahead(\n          items.map((item) => item.label),\n          disabled,\n          buffer.current,\n          current,\n        );\n        return found < 0 ? {} : step(found, open ? undefined : 'open');\n      }\n      if (HANDLED.has(typed)) event.preventDefault();\n      const result = uiListKey({ active: current, count, disabled, open }, typed, kind);\n      if (result.intent === undefined && result.active === current) return HANDLED.has(typed) ? {} : undefined;\n      return step(result.active, result.intent);\n    },\n    keyUp(event) {\n      if (event.key === ' ') event.preventDefault();\n    },\n    activate: setActive,\n  };\n}\n"],"mappings":";;;AAAA,SAAS,WAAW,mBAAgC;AACpD,SAAS,WAAW,QAAQ,gBAAoC;AAGhE,IAAM,UAA+B,oBAAI,IAAI,CAAC,aAAa,WAAW,QAAQ,OAAO,YAAY,UAAU,SAAS,KAAK,QAAQ,CAAC;AAElI,IAAM,kBAAkB;AAwBjB,SAAS,YAAY,OAA0B,MAA0B,MAAe,MAAwB;AACrH,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,IAAI;AACxD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,IAAI;AAC3C,MAAI,SAAS,SAAS;AACpB,eAAW,IAAI;AAEf,QAAI,CAAC,KAAM,WAAU,IAAI;AAAA,EAC3B;AACA,QAAM,SAAS,OAAO,EAAE;AACxB,QAAM,QAAQ,OAAsC,MAAS;AAC7D,YAAU,MAAM,MAAM,aAAa,MAAM,OAAO,GAAG,CAAC,CAAC;AACrD,QAAM,WAAW,MAAM,IAAI,CAAC,SAAS,KAAK,aAAa,IAAI;AAC3D,QAAM,QAAQ,MAAM;AACpB,QAAM,UAAU,UAAU,EAAE,QAAQ,MAAM,OAAO,UAAU,MAAM,MAAM,GAAG,SAAS,IAAI,EAAE;AACzF,QAAM,QAAQ,OAAQ,UAAU,UAAW;AAE3C,QAAM,OAAO,CAAC,OAAe,WAA0C;AACrE,cAAU,KAAK;AACf,WAAO,EAAE,QAAQ,KAAK,MAAM,KAAK,GAAG,IAAI;AAAA,EAC1C;AACA,SAAO;AAAA,IACL,WAAW,MAAM,KAAK,GAAG,OAAO;AAAA,IAChC,IAAI,OAAO;AACT,YAAM,UAAU,OAAO,QAAQ;AAC/B,YAAM,QAAQ,MAAM;AACpB,UAAI,MAAM,WAAW,MAAM,UAAU,OAAO,OAAO,YAAY,KAAK;AAClE,cAAM,eAAe;AACrB,eAAO,WAAW;AAClB,qBAAa,MAAM,OAAO;AAC1B,cAAM,UAAU,WAAW,MAAO,OAAO,UAAU,IAAK,eAAe;AACvE,cAAM,QAAQ;AAAA,UACZ,MAAM,IAAI,CAAC,SAAS,KAAK,KAAK;AAAA,UAC9B;AAAA,UACA,OAAO;AAAA,UACP;AAAA,QACF;AACA,eAAO,QAAQ,IAAI,CAAC,IAAI,KAAK,OAAO,OAAO,SAAY,MAAM;AAAA,MAC/D;AACA,UAAI,QAAQ,IAAI,KAAK,EAAG,OAAM,eAAe;AAC7C,YAAM,SAAS,UAAU,EAAE,QAAQ,SAAS,OAAO,UAAU,KAAK,GAAG,OAAO,IAAI;AAChF,UAAI,OAAO,WAAW,UAAa,OAAO,WAAW,QAAS,QAAO,QAAQ,IAAI,KAAK,IAAI,CAAC,IAAI;AAC/F,aAAO,KAAK,OAAO,QAAQ,OAAO,MAAM;AAAA,IAC1C;AAAA,IACA,MAAM,OAAO;AACX,UAAI,MAAM,QAAQ,IAAK,OAAM,eAAe;AAAA,IAC9C;AAAA,IACA,UAAU;AAAA,EACZ;AACF;","names":[]}

package/dist/{chunk-MC7N4KQA.js → chunk-45FUDQOF.js}

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

package/dist/chunk-4CZQHTP5.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/breadcrumb.tsx
+import { uiBreadcrumbView } from "@silverpoint/core/ui";
+function SpBreadcrumb({ dashboardCell, ...props }) {
+  return renderUi(uiBreadcrumbView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpBreadcrumb
+};
+//# sourceMappingURL=chunk-4CZQHTP5.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/breadcrumb.tsx"],"sourcesContent":["import { uiBreadcrumbView, type SpBreadcrumbProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpBreadcrumbProps extends CoreProps, UiCellProps {}\n\n/** `SpBreadcrumb`: a labelled nav; the last item is the current page (REQ-477). `@silverpoint/react/server/ui/breadcrumb` renders it in a Server Component. */\nexport function SpBreadcrumb({ dashboardCell, ...props }: SpBreadcrumbProps) {\n  return renderUi(uiBreadcrumbView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,wBAA6D;AAQ/D,SAAS,aAAa,EAAE,eAAe,GAAG,MAAM,GAAsB;AAC3E,SAAO,SAAS,iBAAiB,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AAC1E;","names":[]}

package/dist/{chunk-FHX2HWN3.js → chunk-4QE7BQ7J.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/waterfall-chart.tsx
 import { waterfallChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var WaterfallChart = createClientChart(waterfallChart);
 export {
   WaterfallChart
 };
-//# sourceMappingURL=chunk-FHX2HWN3.js.map
+//# sourceMappingURL=chunk-4QE7BQ7J.js.map

package/dist/chunk-5GNJS3Y3.js

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

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

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

package/dist/chunk-5HX2UUIR.js

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

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

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

package/dist/chunk-5KS4JD5W.js

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

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

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

package/dist/chunk-5M4FS37X.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/beeswarm-chart.tsx"],"sourcesContent":["import { beeswarmChart } from '@silverpoint/core/catalog';\nimport type { BeeswarmChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { BeeswarmChartProps } from '@silverpoint/core';\n\nexport type ClientBeeswarmChartProps = BeeswarmChartProps & InteractionProps;\n\n/** `BeeswarmChart` (REQ-405): one point per observation, packed without overlap (API Spec §7.3). */\nexport const BeeswarmChart = createClientChart<BeeswarmChartProps>(beeswarmChart);\n"],"mappings":";;;;;;AAAA,SAAS,qBAAqB;AAUvB,IAAM,gBAAgB,kBAAsC,aAAa;","names":[]}

package/dist/chunk-65LAAEJZ.js

@@ -0,0 +1,66 @@
+'use client';
+import {
+  useOpen
+} from "./chunk-G3PPUBI5.js";
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/toast.tsx
+import { uiToastDuration, uiToasterView, uiToastView } from "@silverpoint/core/ui";
+import { createContext, useContext, useEffect, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var ToasterDuration = createContext(void 0);
+function SpToast({ action, open, defaultOpen, onOpenChange, dashboardCell, ...props }) {
+  const [isOpen, set] = useOpen({ open, defaultOpen, onOpenChange });
+  const ref = useRef(null);
+  const duration = uiToastDuration(props.duration, useContext(ToasterDuration));
+  useEffect(() => {
+    const toast = ref.current;
+    if (!toast || !isOpen || duration === Infinity) return;
+    let timer = setTimeout(() => set(false), duration);
+    const pause = () => {
+      clearTimeout(timer);
+      timer = void 0;
+    };
+    const resume = () => {
+      if (timer !== void 0 || toast.contains(toast.ownerDocument.activeElement)) return;
+      timer = setTimeout(() => set(false), duration);
+    };
+    const on = [
+      ["pointerenter", pause],
+      ["focusin", pause],
+      ["pointerleave", resume],
+      ["focusout", resume]
+    ];
+    for (const [type, listener] of on) toast.addEventListener(type, listener);
+    return () => {
+      clearTimeout(timer);
+      for (const [type, listener] of on) toast.removeEventListener(type, listener);
+    };
+  }, [isOpen, duration, set]);
+  const view = uiToastView(props, useUi(props, dashboardCell), { open: isOpen }, { action: action != null });
+  return renderUi(view, { root: { ref }, close: { onClick: () => set(false) }, slots: { action } });
+}
+function SpToaster({ children, dashboardCell, ...props }) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const f8 = (event) => {
+      const region = ref.current;
+      if (event.key !== "F8" || !region) return;
+      region.setAttribute("tabindex", "-1");
+      region.focus();
+    };
+    document.addEventListener("keydown", f8);
+    return () => document.removeEventListener("keydown", f8);
+  }, []);
+  const view = uiToasterView(props, useUi(props, dashboardCell));
+  return /* @__PURE__ */ jsx(ToasterDuration.Provider, { value: props.duration, children: renderUi(view, { root: { ref }, slots: { content: children } }) });
+}
+
+export {
+  SpToast,
+  SpToaster
+};
+//# sourceMappingURL=chunk-65LAAEJZ.js.map

package/dist/chunk-65LAAEJZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/toast.tsx"],"sourcesContent":["import { uiToastDuration, uiToasterView, uiToastView, type SpToasterProps as CoreToasterProps, type SpToastProps as CoreProps } from '@silverpoint/core/ui';\nimport { createContext, useContext, useEffect, useRef, type ReactElement, type ReactNode } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { useOpen, type OverlayOpenProps } from './overlay';\nimport { renderUi } from './render';\n\n/** The duration a toaster gives the toasts it holds. */\nconst ToasterDuration = createContext<number | undefined>(undefined);\n\nexport interface SpToastProps extends CoreProps, OverlayOpenProps, UiCellProps {\n  /** An action beside the text, as a button. */\n  readonly action?: ReactNode;\n}\n\nexport interface SpToasterProps extends CoreToasterProps, UiCellProps {\n  /** `SpToast`s. */\n  readonly children?: ReactNode;\n}\n\n/**\n * `SpToast`: announced by its kind (REQ-497); it closes after its duration —its own, its toaster's\n * or 5000 ms, by `uiToastDuration`— counted again from the start once the pointer and focus have\n * left it, and reports the close through `onOpenChange`.\n */\nexport function SpToast({ action, open, defaultOpen, onOpenChange, dashboardCell, ...props }: SpToastProps) {\n  const [isOpen, set] = useOpen({ open, defaultOpen, onOpenChange });\n  const ref = useRef<HTMLLIElement>(null);\n  const duration = uiToastDuration(props.duration, useContext(ToasterDuration));\n  useEffect(() => {\n    const toast = ref.current;\n    if (!toast || !isOpen || duration === Infinity) return;\n    // A pause restarts the whole duration when it ends: no clock is read (Art. 4).\n    let timer: ReturnType<typeof setTimeout> | undefined = setTimeout(() => set(false), duration);\n    const pause = () => {\n      clearTimeout(timer);\n      timer = undefined;\n    };\n    const resume = () => {\n      if (timer !== undefined || toast.contains(toast.ownerDocument.activeElement)) return;\n      timer = setTimeout(() => set(false), duration);\n    };\n    const on: [string, EventListener][] = [\n      ['pointerenter', pause],\n      ['focusin', pause],\n      ['pointerleave', resume],\n      ['focusout', resume],\n    ];\n    for (const [type, listener] of on) toast.addEventListener(type, listener);\n    return () => {\n      clearTimeout(timer);\n      for (const [type, listener] of on) toast.removeEventListener(type, listener);\n    };\n  }, [isOpen, duration, set]);\n  const view = uiToastView(props, useUi(props, dashboardCell), { open: isOpen }, { action: action != null });\n  return renderUi(view, { root: { ref }, close: { onClick: () => set(false) }, slots: { action } }) as ReactElement;\n}\n\n/** `SpToaster`: the labelled region of its toasts (REQ-497); F8 moves focus to it. */\nexport function SpToaster({ children, dashboardCell, ...props }: SpToasterProps) {\n  const ref = useRef<HTMLElement>(null);\n  useEffect(() => {\n    const f8 = (event: KeyboardEvent) => {\n      const region = ref.current;\n      if (event.key !== 'F8' || !region) return;\n      // Focusable once asked, never in the server markup.\n      region.setAttribute('tabindex', '-1');\n      region.focus();\n    };\n    document.addEventListener('keydown', f8);\n    return () => document.removeEventListener('keydown', f8);\n  }, []);\n  const view = uiToasterView(props, useUi(props, dashboardCell));\n  return <ToasterDuration.Provider value={props.duration}>{renderUi(view, { root: { ref }, slots: { content: children } })}</ToasterDuration.Provider>;\n}\n"],"mappings":";;;;;;;;;;AAAA,SAAS,iBAAiB,eAAe,mBAA4F;AACrI,SAAS,eAAe,YAAY,WAAW,cAAiD;AAuEvF;AAjET,IAAM,kBAAkB,cAAkC,MAAS;AAiB5D,SAAS,QAAQ,EAAE,QAAQ,MAAM,aAAa,cAAc,eAAe,GAAG,MAAM,GAAiB;AAC1G,QAAM,CAAC,QAAQ,GAAG,IAAI,QAAQ,EAAE,MAAM,aAAa,aAAa,CAAC;AACjE,QAAM,MAAM,OAAsB,IAAI;AACtC,QAAM,WAAW,gBAAgB,MAAM,UAAU,WAAW,eAAe,CAAC;AAC5E,YAAU,MAAM;AACd,UAAM,QAAQ,IAAI;AAClB,QAAI,CAAC,SAAS,CAAC,UAAU,aAAa,SAAU;AAEhD,QAAI,QAAmD,WAAW,MAAM,IAAI,KAAK,GAAG,QAAQ;AAC5F,UAAM,QAAQ,MAAM;AAClB,mBAAa,KAAK;AAClB,cAAQ;AAAA,IACV;AACA,UAAM,SAAS,MAAM;AACnB,UAAI,UAAU,UAAa,MAAM,SAAS,MAAM,cAAc,aAAa,EAAG;AAC9E,cAAQ,WAAW,MAAM,IAAI,KAAK,GAAG,QAAQ;AAAA,IAC/C;AACA,UAAM,KAAgC;AAAA,MACpC,CAAC,gBAAgB,KAAK;AAAA,MACtB,CAAC,WAAW,KAAK;AAAA,MACjB,CAAC,gBAAgB,MAAM;AAAA,MACvB,CAAC,YAAY,MAAM;AAAA,IACrB;AACA,eAAW,CAAC,MAAM,QAAQ,KAAK,GAAI,OAAM,iBAAiB,MAAM,QAAQ;AACxE,WAAO,MAAM;AACX,mBAAa,KAAK;AAClB,iBAAW,CAAC,MAAM,QAAQ,KAAK,GAAI,OAAM,oBAAoB,MAAM,QAAQ;AAAA,IAC7E;AAAA,EACF,GAAG,CAAC,QAAQ,UAAU,GAAG,CAAC;AAC1B,QAAM,OAAO,YAAY,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,GAAG,EAAE,QAAQ,UAAU,KAAK,CAAC;AACzG,SAAO,SAAS,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,MAAM,IAAI,KAAK,EAAE,GAAG,OAAO,EAAE,OAAO,EAAE,CAAC;AAClG;AAGO,SAAS,UAAU,EAAE,UAAU,eAAe,GAAG,MAAM,GAAmB;AAC/E,QAAM,MAAM,OAAoB,IAAI;AACpC,YAAU,MAAM;AACd,UAAM,KAAK,CAAC,UAAyB;AACnC,YAAM,SAAS,IAAI;AACnB,UAAI,MAAM,QAAQ,QAAQ,CAAC,OAAQ;AAEnC,aAAO,aAAa,YAAY,IAAI;AACpC,aAAO,MAAM;AAAA,IACf;AACA,aAAS,iBAAiB,WAAW,EAAE;AACvC,WAAO,MAAM,SAAS,oBAAoB,WAAW,EAAE;AAAA,EACzD,GAAG,CAAC,CAAC;AACL,QAAM,OAAO,cAAc,OAAO,MAAM,OAAO,aAAa,CAAC;AAC7D,SAAO,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,MAAM,UAAW,mBAAS,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC,GAAE;AAC3H;","names":[]}

package/dist/chunk-6BZ2752M.js

@@ -0,0 +1,13 @@
+'use client';
+import {
+  createClientChart
+} from "./chunk-QRQ4RFCB.js";
+
+// src/box-plot-chart.tsx
+import { boxPlotChart } from "@silverpoint/core/catalog";
+var BoxPlotChart = createClientChart(boxPlotChart);
+
+export {
+  BoxPlotChart
+};
+//# sourceMappingURL=chunk-6BZ2752M.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/box-plot-chart.tsx"],"sourcesContent":["import { boxPlotChart } from '@silverpoint/core/catalog';\nimport type { BoxPlotChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { BoxPlotChartProps } from '@silverpoint/core';\n\nexport type ClientBoxPlotChartProps = BoxPlotChartProps & InteractionProps;\n\n/** `BoxPlotChart` (REQ-402): quartiles, median, Tukey whiskers and outliers per group (API Spec §7.3). */\nexport const BoxPlotChart = createClientChart<BoxPlotChartProps>(boxPlotChart);\n"],"mappings":";;;;;;AAAA,SAAS,oBAAoB;AAUtB,IAAM,eAAe,kBAAqC,YAAY;","names":[]}

package/dist/chunk-6K4HSGXJ.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/descriptions.tsx
+import { uiDescriptionsView } from "@silverpoint/core/ui";
+function SpDescriptions({ dashboardCell, ...props }) {
+  return renderUi(uiDescriptionsView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpDescriptions
+};
+//# sourceMappingURL=chunk-6K4HSGXJ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/descriptions.tsx"],"sourcesContent":["import { uiDescriptionsView, type SpDescriptionsProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpDescriptionsProps extends CoreProps, UiCellProps {}\n\n/** `SpDescriptions`: a section named by its heading around a `<dl>` (REQ-480). `@silverpoint/react/server/ui/descriptions` renders it in a Server Component. */\nexport function SpDescriptions({ dashboardCell, ...props }: SpDescriptionsProps) {\n  return renderUi(uiDescriptionsView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,0BAAiE;AAQnE,SAAS,eAAe,EAAE,eAAe,GAAG,MAAM,GAAwB;AAC/E,SAAO,SAAS,mBAAmB,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AAC5E;","names":[]}

package/dist/{chunk-GSJYA76X.js → chunk-6Y2V7WIZ.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/heatmap-chart.tsx
 import { heatmapChart } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var HeatmapChart = createClientChart(heatmapChart);
 export {
   HeatmapChart
 };
-//# sourceMappingURL=chunk-GSJYA76X.js.map
+//# sourceMappingURL=chunk-6Y2V7WIZ.js.map

package/dist/chunk-74DQNJH2.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/statistic.tsx
+import { uiStatisticView } from "@silverpoint/core/ui";
+function SpStatistic({ dashboardCell, ...props }) {
+  return renderUi(uiStatisticView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpStatistic
+};
+//# sourceMappingURL=chunk-74DQNJH2.js.map

package/dist/chunk-74DQNJH2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/statistic.tsx"],"sourcesContent":["import { uiStatisticView, type SpStatisticProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpStatisticProps extends CoreProps, UiCellProps {}\n\n/** `SpStatistic`: the trend by an exact arrow and by text (REQ-479). `@silverpoint/react/server/ui/statistic` renders it in a Server Component. */\nexport function SpStatistic({ dashboardCell, ...props }: SpStatisticProps) {\n  return renderUi(uiStatisticView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,uBAA2D;AAQ7D,SAAS,YAAY,EAAE,eAAe,GAAG,MAAM,GAAqB;AACzE,SAAO,SAAS,gBAAgB,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AACzE;","names":[]}

package/dist/chunk-75EKOWPE.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/empty.tsx
+import { uiEmptyView } from "@silverpoint/core/ui";
+function SpEmpty({ extra, dashboardCell, ...props }) {
+  return renderUi(uiEmptyView(props, useUi(props, dashboardCell), { extra: extra != null }), { slots: { extra } });
+}
+
+export {
+  SpEmpty
+};
+//# sourceMappingURL=chunk-75EKOWPE.js.map

package/dist/chunk-75EKOWPE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/empty.tsx"],"sourcesContent":["import { uiEmptyView, type SpEmptyProps 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 SpEmptyProps extends CoreProps, UiCellProps {\n  /** Actions under the description. */\n  readonly extra?: ReactNode;\n}\n\n/** `SpEmpty`: a toned tray and a description; `extra` holds actions (REQ-483). `@silverpoint/react/server/ui/empty` renders it in a Server Component. */\nexport function SpEmpty({ extra, dashboardCell, ...props }: SpEmptyProps) {\n  return renderUi(uiEmptyView(props, useUi(props, dashboardCell), { extra: extra != null }), { slots: { extra } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,mBAAmD;AAWrD,SAAS,QAAQ,EAAE,OAAO,eAAe,GAAG,MAAM,GAAiB;AACxE,SAAO,SAAS,YAAY,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,SAAS,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AACjH;","names":[]}

package/dist/chunk-7777FL4L.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/timeline-list.tsx
+import { uiTimelineListView } from "@silverpoint/core/ui";
+function SpTimelineList({ dashboardCell, ...props }) {
+  return renderUi(uiTimelineListView(props, useUi(props, dashboardCell)), {});
+}
+
+export {
+  SpTimelineList
+};
+//# sourceMappingURL=chunk-7777FL4L.js.map

package/dist/chunk-7777FL4L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/timeline-list.tsx"],"sourcesContent":["import { uiTimelineListView, type SpTimelineListProps as CoreProps } from '@silverpoint/core/ui';\nimport type { ReactElement } from 'react';\nimport { useUi, type UiCellProps } from './base';\nimport { renderUi } from './render';\n\nexport interface SpTimelineListProps extends CoreProps, UiCellProps {}\n\n/** `SpTimelineList`: an ordered list; each status by its mark's shape (REQ-481). `@silverpoint/react/server/ui/timeline-list` renders it in a Server Component. */\nexport function SpTimelineList({ dashboardCell, ...props }: SpTimelineListProps) {\n  return renderUi(uiTimelineListView(props, useUi(props, dashboardCell)), {}) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,0BAAiE;AAQnE,SAAS,eAAe,EAAE,eAAe,GAAG,MAAM,GAAwB;AAC/E,SAAO,SAAS,mBAAmB,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;AAC5E;","names":[]}

package/dist/{chunk-JPTK2AAT.js → chunk-7SZATSRO.js}

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

package/dist/chunk-AKOPH5MK.js

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

package/dist/chunk-AKOPH5MK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/violin-chart.tsx"],"sourcesContent":["import { violinChart } from '@silverpoint/core/catalog';\nimport type { ViolinChartProps } from '@silverpoint/core';\nimport { createClientChart, type InteractionProps } from './create-chart';\n\nexport type { ChartHandle, InteractionProps } from './create-chart';\nexport type { ViolinChartProps } from '@silverpoint/core';\n\nexport type ClientViolinChartProps = ViolinChartProps & InteractionProps;\n\n/** `ViolinChart` (REQ-403): a mirrored kernel density per group (API Spec §7.3). */\nexport const ViolinChart = createClientChart<ViolinChartProps>(violinChart);\n"],"mappings":";;;;;;AAAA,SAAS,mBAAmB;AAUrB,IAAM,cAAc,kBAAoC,WAAW;","names":[]}

package/dist/chunk-AL6AXLYE.js

@@ -0,0 +1,16 @@
+'use client';
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/surface.tsx
+import { uiSurfaceView } from "@silverpoint/core/ui";
+function SpSurface({ children, dashboardCell, ...props }) {
+  return renderUi(uiSurfaceView(props, useUi(props, dashboardCell)), { slots: { content: children } });
+}
+
+export {
+  SpSurface
+};
+//# sourceMappingURL=chunk-AL6AXLYE.js.map

package/dist/chunk-AL6AXLYE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/surface.tsx"],"sourcesContent":["import { uiSurfaceView, type SpSurfaceProps 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 SpSurfaceProps extends CoreProps, UiCellProps {\n  readonly children?: ReactNode;\n}\n\n/** `SpSurface`: the root contract on any element (`as`), with an optional frame and tone (REQ-472). `@silverpoint/react/server/ui/surface` renders it in a Server Component. */\nexport function SpSurface({ children, dashboardCell, ...props }: SpSurfaceProps) {\n  return renderUi(uiSurfaceView(props, useUi(props, dashboardCell)), { slots: { content: children } }) as ReactElement;\n}\n"],"mappings":";;;;;;;AAAA,SAAS,qBAAuD;AAUzD,SAAS,UAAU,EAAE,UAAU,eAAe,GAAG,MAAM,GAAmB;AAC/E,SAAO,SAAS,cAAc,OAAO,MAAM,OAAO,aAAa,CAAC,GAAG,EAAE,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACrG;","names":[]}

package/dist/{chunk-5FKONGCL.js → chunk-ANAAYEMQ.js}

@@ -2,7 +2,7 @@
 import {
   renderUi,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/divider.tsx
 import { uiDividerView } from "@silverpoint/core/ui";
@@ -13,4 +13,4 @@ function SpDivider({ dashboardCell, ...props }) {
 export {
   SpDivider
 };
-//# sourceMappingURL=chunk-5FKONGCL.js.map
+//# sourceMappingURL=chunk-ANAAYEMQ.js.map

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

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

package/dist/{chunk-CWFUPKSS.js → chunk-ARN5BO7U.js}

@@ -3,7 +3,7 @@ import {
   renderUi,
   textOf,
   useUi
-} from "./chunk-DO4VUIUU.js";
+} from "./chunk-DX6FUHGB.js";
 
 // src/ui/button.tsx
 import { uiButtonView } from "@silverpoint/core/ui";
@@ -17,4 +17,4 @@ var SpButton = forwardRef(function SpButton2({ children, onClick, dashboardCell,
 export {
   SpButton
 };
-//# sourceMappingURL=chunk-CWFUPKSS.js.map
+//# sourceMappingURL=chunk-ARN5BO7U.js.map

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

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

package/dist/chunk-BKZ64BZS.js

@@ -0,0 +1,31 @@
+'use client';
+import {
+  useOpen,
+  useOverlay,
+  useTrigger
+} from "./chunk-G3PPUBI5.js";
+import {
+  renderUi,
+  useUi
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/popover.tsx
+import { uiPopoverView } from "@silverpoint/core/ui";
+import { useRef } from "react";
+import { Fragment, jsxs } from "react/jsx-runtime";
+function SpPopover({ trigger, children, open, defaultOpen, onOpenChange, dashboardCell, ...props }) {
+  const [isOpen, set, latest] = useOpen({ open, defaultOpen, onOpenChange });
+  const ref = useRef(null);
+  useOverlay(ref, "popover", isOpen, set, { place: { side: props.side ?? "bottom", align: props.align ?? "center", offset: props.offset } });
+  const view = uiPopoverView(props, useUi(props, dashboardCell), { open: isOpen });
+  const popover = renderUi(view, { root: { ref }, close: { onClick: () => set(false) }, slots: { content: children } });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    useTrigger(trigger, "popover", props.id, latest, set),
+    popover
+  ] });
+}
+
+export {
+  SpPopover
+};
+//# sourceMappingURL=chunk-BKZ64BZS.js.map

package/dist/chunk-BKZ64BZS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/popover.tsx"],"sourcesContent":["import { uiPopoverView, type SpPopoverProps as CoreProps } from '@silverpoint/core/ui';\nimport { 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 SpPopoverProps extends CoreProps, OverlayOpenProps, UiCellProps {\n  /** The element that opens it, cloned with `aria-haspopup`, `aria-expanded` and `aria-controls`; the popover hangs from it. */\n  readonly trigger?: ReactElement;\n  readonly children?: ReactNode;\n}\n\n/** `SpPopover`: an `auto` popover with the dialog role, placed by `uiAnchor` on open (REQ-492, REQ-493). */\nexport function SpPopover({ trigger, children, open, defaultOpen, onOpenChange, dashboardCell, ...props }: SpPopoverProps) {\n  const [isOpen, set, latest] = useOpen({ open, defaultOpen, onOpenChange });\n  const ref = useRef<HTMLDivElement>(null);\n  useOverlay(ref, 'popover', isOpen, set, { place: { side: props.side ?? 'bottom', align: props.align ?? 'center', offset: props.offset } });\n  const view = uiPopoverView(props, useUi(props, dashboardCell), { open: isOpen });\n  const popover = renderUi(view, { root: { ref }, close: { onClick: () => set(false) }, slots: { content: children } });\n  return (\n    <>\n      {useTrigger(trigger, 'popover', props.id, latest, set)}\n      {popover}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,qBAAuD;AAChE,SAAS,cAAiD;AAmBtD;AAPG,SAAS,UAAU,EAAE,SAAS,UAAU,MAAM,aAAa,cAAc,eAAe,GAAG,MAAM,GAAmB;AACzH,QAAM,CAAC,QAAQ,KAAK,MAAM,IAAI,QAAQ,EAAE,MAAM,aAAa,aAAa,CAAC;AACzE,QAAM,MAAM,OAAuB,IAAI;AACvC,aAAW,KAAK,WAAW,QAAQ,KAAK,EAAE,OAAO,EAAE,MAAM,MAAM,QAAQ,UAAU,OAAO,MAAM,SAAS,UAAU,QAAQ,MAAM,OAAO,EAAE,CAAC;AACzI,QAAM,OAAO,cAAc,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,MAAM,OAAO,CAAC;AAC/E,QAAM,UAAU,SAAS,MAAM,EAAE,MAAM,EAAE,IAAI,GAAG,OAAO,EAAE,SAAS,MAAM,IAAI,KAAK,EAAE,GAAG,OAAO,EAAE,SAAS,SAAS,EAAE,CAAC;AACpH,SACE,iCACG;AAAA,eAAW,SAAS,WAAW,MAAM,IAAI,QAAQ,GAAG;AAAA,IACpD;AAAA,KACH;AAEJ;","names":[]}

package/dist/{chunk-X2F56RYM.js → chunk-CAFLXUSL.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   createClientChart
-} from "./chunk-FBJLA3P7.js";
+} from "./chunk-QRQ4RFCB.js";
 
 // src/chord-ring.tsx
 import { chordRing } from "@silverpoint/core";
@@ -10,4 +10,4 @@ var ChordRing = createClientChart(chordRing);
 export {
   ChordRing
 };
-//# sourceMappingURL=chunk-X2F56RYM.js.map
+//# sourceMappingURL=chunk-CAFLXUSL.js.map

package/dist/chunk-CJBZWJTN.js

@@ -0,0 +1,21 @@
+'use client';
+import {
+  renderUi,
+  useUi,
+  useValue
+} from "./chunk-DX6FUHGB.js";
+
+// src/ui/textarea.tsx
+import { uiTextareaView } from "@silverpoint/core/ui";
+import { forwardRef } from "react";
+var SpTextarea = forwardRef(function SpTextarea2({ value, defaultValue, onChange, dashboardCell, ...props }, ref) {
+  const [current, set] = useValue(value, defaultValue ?? "", onChange);
+  const view = uiTextareaView(props, useUi(props, dashboardCell), { value: current });
+  const native = { ref, value: current, onChange: (event) => set(event.target.value) };
+  return renderUi(view, { native });
+});
+
+export {
+  SpTextarea
+};
+//# sourceMappingURL=chunk-CJBZWJTN.js.map

package/dist/chunk-CJBZWJTN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/textarea.tsx"],"sourcesContent":["import { uiTextareaView, type SpTextareaProps 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 SpTextareaProps extends CoreProps, UiCellProps {\n  /** Controlled value. */\n  readonly value?: string;\n  readonly defaultValue?: string;\n  /** The new value, not the DOM event (REQ-322). */\n  readonly onChange?: (value: string) => void;\n}\n\n/** `SpTextarea`: a native `<textarea>` on the `SpInput` contract; its ref is the textarea (REQ-484, REQ-488). */\nexport const SpTextarea = forwardRef<HTMLTextAreaElement, SpTextareaProps>(function SpTextarea({ value, defaultValue, onChange, dashboardCell, ...props }, ref) {\n  const [current, set] = useValue(value, defaultValue ?? '', onChange);\n  const view = uiTextareaView(props, useUi(props, dashboardCell), { value: current });\n  const native = { ref, value: current, onChange: (event: ChangeEvent<HTMLTextAreaElement>) => set(event.target.value) };\n  return renderUi(view, { native }) as ReactElement;\n});\n"],"mappings":";;;;;;;;AAAA,SAAS,sBAAyD;AAClE,SAAS,kBAAuD;AAazD,IAAM,aAAa,WAAiD,SAASA,YAAW,EAAE,OAAO,cAAc,UAAU,eAAe,GAAG,MAAM,GAAG,KAAK;AAC9J,QAAM,CAAC,SAAS,GAAG,IAAI,SAAS,OAAO,gBAAgB,IAAI,QAAQ;AACnE,QAAM,OAAO,eAAe,OAAO,MAAM,OAAO,aAAa,GAAG,EAAE,OAAO,QAAQ,CAAC;AAClF,QAAM,SAAS,EAAE,KAAK,OAAO,SAAS,UAAU,CAAC,UAA4C,IAAI,MAAM,OAAO,KAAK,EAAE;AACrH,SAAO,SAAS,MAAM,EAAE,OAAO,CAAC;AAClC,CAAC;","names":["SpTextarea"]}