basalt-ui 1.27.0 → 1.29.0

package/dist/agent-chat/thread-workspace.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thread-workspace.d.ts","sourceRoot":"","sources":["../../src/agent-chat/thread-workspace.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAUxF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,YAAY,CAAA;IACvC,mEAAmE;IACnE,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IACrD,mEAAmE;IACnE,QAAQ,CAAC,cAAc,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACnD,qEAAqE;IACrE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IACtC;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;CAChC,CAAA;AA4DD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,UAAU,GACX,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CA8FpC"}
+{"version":3,"file":"thread-workspace.d.ts","sourceRoot":"","sources":["../../src/agent-chat/thread-workspace.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAGxF,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAanE;;iEAEiE;AACjE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,CAAA;AAEzE,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAC5C,eAAe,CAAC,mBAAmB,CAAC,GAAG;IACrC;;;OAGG;IACH,QAAQ,CAAC,UAAU,EAAE,MAAM,YAAY,CAAA;IACvC,mEAAmE;IACnE,QAAQ,CAAC,SAAS,EAAE,cAAc,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;IACrD,mEAAmE;IACnE,QAAQ,CAAC,cAAc,EAAE,eAAe,CAAC,SAAS,CAAC,CAAA;IACnD,qEAAqE;IACrE,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,CAAA;IACtC;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;IAC/B;;;;;OAKG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAA;CAChC,CAAA;AA4DH;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,SAAS,EACT,cAAc,EACd,oBAAoB,EACpB,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,GACX,EAAE,oBAAoB,GAAG,GAAG,CAAC,OAAO,CAsHpC"}

package/dist/agent-chat/thread-workspace.js

@@ -1,13 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Box, Divider, Flex, Skeleton, Stack, Text } from "@mantine/core";
+import { Box, Divider, Flex, Skeleton, Stack, Text, useMantineTheme } from "@mantine/core";
 import { useMediaQuery } from "@mantine/hooks";
 import { useAgentThreadRuns } from "../agent/index.js";
+import { cx } from "../common/props.js";
+import { assertRequiredProps } from "../common/validate.js";
 import { VX } from "../tokens/index.js";
 import { Composer } from "./composer.js";
 import { ThreadDetailPanel } from "./thread-detail-panel.js";
 import { ThreadFeed } from "./thread-feed.js";
-const NARROW_BREAKPOINT = "(max-width: 768px)";
 const DETAIL_PANEL_WIDTH = "clamp(440px, 40%, 520px)";
+const FULL_HEIGHT_STYLE = { height: "100%" };
 function FeedEmptyState() {
   return /* @__PURE__ */ jsxs(Stack, { align: "center", justify: "center", gap: 4, h: "100%", p: "xl", children: [
     /* @__PURE__ */ jsx(Text, { fw: 600, size: "sm", children: "No threads yet" }),
@@ -44,11 +46,16 @@ function ThreadWorkspace({
   resolveOutcome,
   newThreadPlaceholder,
   emptyState,
-  errorState
+  errorState,
+  className,
+  style,
+  classNames
 }) {
+  assertRequiredProps("ThreadWorkspace", { useThreads }, ["useThreads"]);
   const store = useThreads();
   const runs = useAgentThreadRuns({ transport, store, resolveOutcome });
-  const narrow = useMediaQuery(NARROW_BREAKPOINT);
+  const theme = useMantineTheme();
+  const narrow = useMediaQuery(`(max-width: calc(${theme.breakpoints.sm} - 0.00625em))`);
   const threads = store.threads;
   const activeThread = threads.find((thread) => thread.id === store.activeId) ?? null;
   const activeRun = store.activeId !== null ? runs.runs.get(store.activeId) : void 0;
@@ -75,17 +82,27 @@ function ThreadWorkspace({
     if (store.activeId === null) return;
     runs.retry(store.activeId);
   };
-  const feed = /* @__PURE__ */ jsxs(Flex, { direction: "column", h: "100%", style: { overflow: "hidden" }, children: [
-    /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0 }, children: threads.length === 0 ? store.hydrated ? emptyState ?? /* @__PURE__ */ jsx(FeedEmptyState, {}) : store.error !== void 0 ? errorState ?? /* @__PURE__ */ jsx(FeedErrorState, {}) : /* @__PURE__ */ jsx(FeedHydratingState, {}) : /* @__PURE__ */ jsx(ThreadFeed, { threads, activeId: store.activeId, onSelect: handleSelect }) }),
-    /* @__PURE__ */ jsx(Divider, { color: "var(--vx-divider)" }),
-    /* @__PURE__ */ jsx(Box, { p: "sm", children: /* @__PURE__ */ jsx(
-      Composer,
-      {
-        onSubmit: ({ text }) => handleNewThread(text),
-        ...newThreadPlaceholder !== void 0 ? { placeholder: newThreadPlaceholder } : {}
-      }
-    ) })
-  ] });
+  const feed = /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      direction: "column",
+      h: "100%",
+      className: cx(classNames?.feed),
+      style: { overflow: "hidden" },
+      children: [
+        /* @__PURE__ */ jsx(Box, { style: { flex: 1, minHeight: 0 }, children: threads.length === 0 ? store.hydrated ? emptyState ?? /* @__PURE__ */ jsx(FeedEmptyState, {}) : store.error !== void 0 ? errorState ?? /* @__PURE__ */ jsx(FeedErrorState, {}) : /* @__PURE__ */ jsx(FeedHydratingState, {}) : /* @__PURE__ */ jsx(ThreadFeed, { threads, activeId: store.activeId, onSelect: handleSelect }) }),
+        /* @__PURE__ */ jsx(Divider, { color: "var(--vx-divider)" }),
+        /* @__PURE__ */ jsx(Box, { p: "sm", children: /* @__PURE__ */ jsx(
+          Composer,
+          {
+            onSubmit: ({ text }) => handleNewThread(text),
+            ...newThreadPlaceholder !== void 0 ? { placeholder: newThreadPlaceholder } : {},
+            ...classNames?.composer !== void 0 && { className: classNames.composer }
+          }
+        ) })
+      ]
+    }
+  );
   const detail = /* @__PURE__ */ jsx(
     ThreadDetailPanel,
     {
@@ -95,26 +112,42 @@ function ThreadWorkspace({
       onSend: handleSend,
       onStop: handleStop,
       onRetry: handleRetry,
-      onClose: () => store.select(null)
+      onClose: () => store.select(null),
+      ...classNames?.detail !== void 0 && { className: classNames.detail }
     }
   );
   if (narrow) {
-    return /* @__PURE__ */ jsx(Box, { style: { height: "100%" }, children: store.activeId !== null ? detail : feed });
-  }
-  return /* @__PURE__ */ jsxs(Flex, { style: { height: "100%" }, gap: "md", children: [
-    /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(
       Box,
       {
-        style: {
-          flex: 1,
-          minWidth: 0,
-          borderRight: "1px solid var(--vx-divider)"
-        },
-        children: feed
+        className: cx(classNames?.root, className),
+        style: style ? { ...FULL_HEIGHT_STYLE, ...style } : FULL_HEIGHT_STYLE,
+        children: store.activeId !== null ? detail : feed
       }
-    ),
-    /* @__PURE__ */ jsx(Box, { style: { width: DETAIL_PANEL_WIDTH, flexShrink: 0 }, children: detail })
-  ] });
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    Flex,
+    {
+      className: cx(classNames?.root, className),
+      style: style ? { ...FULL_HEIGHT_STYLE, ...style } : FULL_HEIGHT_STYLE,
+      gap: "md",
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              flex: 1,
+              minWidth: 0,
+              borderRight: "1px solid var(--vx-divider)"
+            },
+            children: feed
+          }
+        ),
+        /* @__PURE__ */ jsx(Box, { style: { width: DETAIL_PANEL_WIDTH, flexShrink: 0 }, children: detail })
+      ]
+    }
+  );
 }
 export {
   ThreadWorkspace

package/dist/agent-chat/tool-chip.d.ts

@@ -1,6 +1,7 @@
 import type { JSX } from 'react';
 import type { ToolCallPart } from '../agent/index.js';
-export type ToolChipProps = {
+import type { BasaltProps } from '../common/props.js';
+export type ToolChipProps = BasaltProps & {
     readonly part: ToolCallPart;
     readonly defaultExpanded?: boolean;
     /** Rendered only in 'approval-requested'. Omit both to render a read-only chip. */
@@ -17,5 +18,5 @@ export type ToolChipProps = {
  * @example
  * <ToolChip part={part} />
  */
-export declare function ToolChip({ part, defaultExpanded, onApprove, onDeny, }: ToolChipProps): JSX.Element;
+export declare function ToolChip({ part, defaultExpanded, onApprove, onDeny, className, style, }: ToolChipProps): JSX.Element;
 //# sourceMappingURL=tool-chip.d.ts.map

package/dist/agent-chat/tool-chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tool-chip.d.ts","sourceRoot":"","sources":["../../src/agent-chat/tool-chip.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AA4E5C,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,mFAAmF;IACnF,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAChE,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,eAAuB,EACvB,SAAS,EACT,MAAM,GACP,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAiG7B"}
+{"version":3,"file":"tool-chip.d.ts","sourceRoot":"","sources":["../../src/agent-chat/tool-chip.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AA6ElD,MAAM,MAAM,aAAa,GAAG,WAAW,GAAG;IACxC,QAAQ,CAAC,IAAI,EAAE,YAAY,CAAA;IAC3B,QAAQ,CAAC,eAAe,CAAC,EAAE,OAAO,CAAA;IAClC,mFAAmF;IACnF,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACjD,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;CAChE,CAAA;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,eAAuB,EACvB,SAAS,EACT,MAAM,EACN,SAAS,EACT,KAAK,GACN,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAkG7B"}

package/dist/agent-chat/tool-chip.js

@@ -2,6 +2,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Box, Button, Collapse, Group, Stack, Text, UnstyledButton } from "@mantine/core";
 import { useDisclosure } from "@mantine/hooks";
 import { isToolCallSettled } from "../agent/index.js";
+import { cx } from "../common/props.js";
+import { assertRequiredProps } from "../common/validate.js";
 import { alpha, VX } from "../tokens/index.js";
 const MICRO_LABEL_STYLE = {
   fontFamily: "var(--basalt-font-mono)",
@@ -55,14 +57,17 @@ function ToolChip({
   part,
   defaultExpanded = false,
   onApprove,
-  onDeny
+  onDeny,
+  className,
+  style
 }) {
+  assertRequiredProps("ToolChip", { part }, ["part"]);
   const [expanded, { toggle }] = useDisclosure(defaultExpanded);
   const { label, dotToken } = stateMeta(part);
   const settled = isToolCallSettled(part);
   const input = "input" in part ? part.input : void 0;
   const rawInput = part.state === "output-error" ? part.rawInput : void 0;
-  return /* @__PURE__ */ jsx(Box, { style: RAIL_STYLE, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
+  return /* @__PURE__ */ jsx(Box, { className: cx(className), style: style ? { ...RAIL_STYLE, ...style } : RAIL_STYLE, children: /* @__PURE__ */ jsxs(Stack, { gap: 4, children: [
     /* @__PURE__ */ jsx(UnstyledButton, { onClick: toggle, children: /* @__PURE__ */ jsxs(Group, { gap: 6, align: "center", wrap: "nowrap", children: [
       /* @__PURE__ */ jsx(
         Box,

package/dist/agent-chat/virtualize.d.ts

@@ -112,6 +112,45 @@ export type ResolvedVirtualize = {
     readonly options: VirtualizeOptions;
     readonly height: number | string;
 };
+/**
+ * `ThreadFeedRow`'s OWN height contract (B3) — a strict superset of {@link VirtualizeProps} that
+ * additionally allows `height` WITHOUT `virtualize`. This is deliberately NOT a widening of
+ * `VirtualizeProps` itself (see `virtualize.type-guard.test.ts`, which pins that union rejecting
+ * `{ height }` with no `virtualize`): the two `height` modes mean different things and route to
+ * different DOM. `virtualize: true|VirtualizeOptions` + `height` still hands the row's transcript a
+ * fixed-size scroll container `@tanstack/react-virtual` owns and measures (unchanged, forwarded to
+ * `ThreadTranscript` via `resolveVirtualize`). `height` ALONE — no `virtualize` — wraps the row's
+ * TRANSCRIPT in a fixed-height `BasaltStickToBottom` (the same auto-follow-the-live-turn container
+ * `ThreadDetailPanel` already uses), leaving the composer outside/below it: a bounded, scrolling
+ * row for a thread the caller does not want to virtualize (argo's hermes-chat S7 — a 480px
+ * transcript body with inner scroll, no `@tanstack/react-virtual` peer installed).
+ */
+export type RowHeightProps = {
+    readonly virtualize?: false;
+    readonly height?: number | string;
+} | {
+    readonly virtualize: true | VirtualizeOptions;
+    readonly height: number | string;
+};
+/** The resolved shape of {@link RowHeightProps} — exactly one of the three row body layouts. */
+export type ResolvedRowHeight = {
+    readonly kind: 'virtualized';
+    readonly virtualize: ResolvedVirtualize;
+} | {
+    readonly kind: 'bounded';
+    readonly height: number | string;
+} | {
+    readonly kind: 'content-sized';
+};
+/**
+ * The single narrowing point `ThreadFeedRow` resolves {@link RowHeightProps} through — mirrors
+ * {@link resolveVirtualize}'s role for `VirtualizeProps`, extended with the `'bounded'` branch B3
+ * adds. Runtime-checked rather than routed through `resolveVirtualize` itself: `RowHeightProps`'
+ * inactive branch relaxes `height` from `never` to `number | string | undefined`, which is NOT
+ * structurally assignable to `VirtualizeProps` (by design — see this type's own doc), so the two
+ * resolvers stay independent rather than one calling the other with a cast.
+ */
+export declare function resolveRowHeight(props: RowHeightProps): ResolvedRowHeight;
 /**
  * Narrows a `VirtualizeProps` pair once, centrally: `null` when virtualization is off, otherwise
  * the options object (normalizing the bare `virtualize: true` shorthand to `{}`) alongside the

package/dist/agent-chat/virtualize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"virtualize.d.ts","sourceRoot":"","sources":["../../src/agent-chat/virtualize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AAEH,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sFAAsF;IACtF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B;;sGAEkG;IAClG,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;CACzC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GACxD;IAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,GAAG,iBAAiB,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAEvF,uFAAuF;AACvF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAA;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAUnF"}
+{"version":3,"file":"virtualize.d.ts","sourceRoot":"","sources":["../../src/agent-chat/virtualize.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqFG;AAEH,mFAAmF;AACnF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,sFAAsF;IACtF,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;IAC1B,uEAAuE;IACvE,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B;;sGAEkG;IAClG,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;CACzC,CAAA;AAED;;;;GAIG;AACH,MAAM,MAAM,eAAe,GACvB;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,GACxD;IAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,GAAG,iBAAiB,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAEvF,uFAAuF;AACvF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,OAAO,EAAE,iBAAiB,CAAA;IACnC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CACjC,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,cAAc,GACtB;IAAE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAClE;IAAE,QAAQ,CAAC,UAAU,EAAE,IAAI,GAAG,iBAAiB,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAA;AAEvF,gGAAgG;AAChG,MAAM,MAAM,iBAAiB,GACzB;IAAE,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAC;IAAC,QAAQ,CAAC,UAAU,EAAE,kBAAkB,CAAA;CAAE,GACzE;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,CAAC;IAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,GAC9D;IAAE,QAAQ,CAAC,IAAI,EAAE,eAAe,CAAA;CAAE,CAAA;AAEtC;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG,iBAAiB,CAezE;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,eAAe,GAAG,kBAAkB,GAAG,IAAI,CAUnF"}

package/dist/agent-chat/virtualize.js

@@ -1,3 +1,17 @@
+function resolveRowHeight(props) {
+  const { virtualize, height } = props;
+  if (virtualize === true || typeof virtualize === "object" && virtualize !== null) {
+    return {
+      kind: "virtualized",
+      virtualize: {
+        options: virtualize === true ? {} : virtualize,
+        height
+      }
+    };
+  }
+  if (height !== void 0) return { kind: "bounded", height };
+  return { kind: "content-sized" };
+}
 function resolveVirtualize(props) {
   const { virtualize } = props;
   if (virtualize === void 0 || virtualize === false) return null;
@@ -5,5 +19,6 @@ function resolveVirtualize(props) {
   return { options: virtualize === true ? {} : virtualize, height };
 }
 export {
+  resolveRowHeight,
   resolveVirtualize
 };

package/dist/charts/hooks/useBandPlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBandPlot.d.ts","sourceRoot":"","sources":["../../../src/charts/hooks/useBandPlot.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKzD,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAEjE,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,MAAM,CAAC,CAAC,CAAA;AAErD;;;;;;GAMG;AACH,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;;;;OAUG;IACH,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,CAAA;CACzB,CAAA;AAcD;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,CAAC,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,EAAE,CAO3F;AAED;;6DAE6D;AAC7D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC;oGACgG;IAChG,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iDAAiD;IACjD,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;IACxD;gDAC4C;IAC5C,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IAC5C;kEAC8D;IAC9D,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,qBAAqB,KAAK,SAAS,CAAA;IAC7D,+EAA+E;IAC/E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,qBAAqB,KAAK,SAAS,CAAA;IAC3D;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG;IAAE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAAE,CAAA;AAEnE,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAAI;IAChC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAA;IACtB,OAAO,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAA;IAChC,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAClB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,KAAK,SAAS,MAAM,EAAE,CAAA;IAC/E,oFAAoF;IACpF,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC9B,iFAAiF;IACjF,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;IAC7B,OAAO,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI;IACxB,wFAAwF;IACxF,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,MAAM,EAAE,WAAW,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,KAAK,EAAE,SAAS,CAAA;IAChB,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IACtB,KAAK,EAAE,CAAC,GAAG,IAAI,CAAA;IACf,qEAAqE;IACrE,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,2CAA2C;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,+EAA+E;IAC/E,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,EAAE,CAAA;IACpB,MAAM,EAAE,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC,CAAA;IACvC,aAAa,EAAE,YAAY,GAAG,IAAI,CAAA;IAClC,WAAW,EAAE,OAAO,CAAA;IACpB;2BACuB;IACvB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAoItE"}
+{"version":3,"file":"useBandPlot.d.ts","sourceRoot":"","sources":["../../../src/charts/hooks/useBandPlot.ts"],"names":[],"mappings":"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"}

package/dist/charts/hooks/useBandPlot.js

@@ -1,9 +1,9 @@
 import { scaleBand } from "@visx/scale";
 import { useCallback, useMemo, useRef } from "react";
-import { VX } from "../../tokens/index.js";
 import { autoMargin } from "../layout/auto-margin.js";
+import { useChartTierMetrics } from "../primitives/chart-tier.js";
 import { maxTextWidth } from "../utils/measure-text.js";
-import { smartTicks } from "../utils/ticks.js";
+import { smartTicks, xLabelPxFor } from "../utils/ticks.js";
 import { useChartCursor } from "./useChartCursor.js";
 const DEFAULT_MIN_BAND_PX = 3;
 const TERMINAL_GUTTER_MAX_FRACTION = { left: 0.14, right: 0.12 };
@@ -29,32 +29,35 @@ function useBandPlot(input) {
     margin: marginOverride,
     tooltip
   } = input;
+  const tier = useChartTierMetrics();
   const hasLeftAxis = leftLabels !== void 0 && leftLabels.length > 0;
   const xLabelsAll = useMemo(() => data.map((d) => formatX(getX(d))), [data, getX, formatX]);
   const margin = useMemo(() => {
     const measured = autoMargin({
       ...leftLabels !== void 0 && { left: leftLabels },
       bottom: xLabelsAll,
+      fontPx: tier.axisFont,
+      floor: tier.margin,
       ...marginOverride !== void 0 && { override: marginOverride }
     });
     if (marginOverride?.left !== void 0 && marginOverride.right !== void 0) return measured;
-    const halfXLabel = Math.ceil(maxTextWidth(xLabelsAll, VX.axisFont) / 2);
+    const halfXLabel = Math.ceil(maxTextWidth(xLabelsAll, tier.axisFont) / 2);
     const left = hasLeftAxis ? measured.left : Math.max(measured.left, halfXLabel);
     return {
       ...measured,
       ...marginOverride?.left === void 0 && {
-        left: hasLeftAxis ? left : capTerminalGutter(left, width, TERMINAL_GUTTER_MAX_FRACTION.left, VX.margin.left)
+        left: hasLeftAxis ? left : capTerminalGutter(left, width, TERMINAL_GUTTER_MAX_FRACTION.left, tier.margin.left)
       },
       ...marginOverride?.right === void 0 && {
         right: capTerminalGutter(
           measured.right,
           width,
           TERMINAL_GUTTER_MAX_FRACTION.right,
-          VX.margin.right
+          tier.margin.right
         )
       }
     };
-  }, [leftLabels, xLabelsAll, marginOverride, hasLeftAxis, width]);
+  }, [leftLabels, xLabelsAll, marginOverride, hasLeftAxis, width, tier.axisFont, tier.margin]);
   const plotWidth = Math.max(width - margin.left - margin.right, 0);
   const minBandPx = fold?.minBandPx ?? DEFAULT_MIN_BAND_PX;
   const merge = fold?.merge;
@@ -82,11 +85,15 @@ function useBandPlot(input) {
     marginLeft: margin.left,
     ...cursorResolution !== void 0 && { resolution: cursorResolution }
   });
+  const xLabelPx = useMemo(
+    () => xLabelPxFor(keys.map(formatX), tier.axisFont),
+    [keys, formatX, tier.axisFont]
+  );
   const tickValues = useMemo(
     () => [
-      ...xTickValues === void 0 ? smartTicks(keys, plotWidth) : xTickValues(keys, plotWidth)
+      ...xTickValues === void 0 ? smartTicks(keys, plotWidth, xLabelPx) : xTickValues(keys, plotWidth)
     ],
-    [keys, plotWidth, xTickValues]
+    [keys, plotWidth, xTickValues, xLabelPx]
   );
   const svgRef = useRef(null);
   const point = cursor.point;

package/dist/charts/index.d.ts

@@ -15,16 +15,17 @@ export type { SeriesKey } from '../register.js';
 export { VxThemeProvider, useVxTheme, type VxTheme } from './theme.js';
 export { ChartCursorScope, type ChartCursorScopeProps, useCursorState } from './cursor/scope.js';
 export { createCursorStore, globalCursorStore, type CursorState, type CursorStore, } from './cursor/store.js';
-export { type SeriesMark, type SeriesDash, type SeriesRole, type LegendPlacement, type ChartLegendConfig, type SeriesStyle, type ChartSeries, deriveLegend, deriveTooltipRows, } from './series.js';
+export { type SeriesMark, type SeriesDash, type SeriesCurve, curveFor, type SeriesRole, type LegendPlacement, type ChartLegendConfig, type SeriesStyle, type ChartSeries, deriveLegend, deriveTooltipRows, } from './series.js';
 export { CartesianChart, resolveAxisDomain, type CartesianChartProps, type CartesianTooltipConfig, type CartesianTooltipRowContext, type AxisConfig, type PlotContext, } from './primitives/CartesianChart.js';
 export { ChartFrame, type ChartFrameProps, type ChartFrameLegend, type PlotRect, resolveLegend, } from './primitives/ChartFrame.js';
-export { ChartCenter, type ChartCenterProps, ChartPending, type ChartPendingProps, } from './primitives/ChartPending.js';
+export { ChartCenter, type ChartCenterProps, ChartPending, type ChartPendingProps, ChartEmpty, type ChartEmptyProps, ChartError, type ChartErrorProps, type ChartState, type ResolvedChartState, resolveChartState, } from './primitives/ChartPending.js';
+export { useChartTier, useChartTierMetrics, chartTierMetrics, resolveChartTier, type ChartTier, type ChartTierMetrics, } from './primitives/chart-tier.js';
 export { Crosshair, SeriesDot } from './primitives/Crosshair.js';
 export { HatchPattern, hatchFill, hatchSizeFor } from './primitives/HatchPattern.js';
-export { ChartCard, type ChartCardProps } from './primitives/ChartCard.js';
+export { ChartCard, type ChartCardProps, type ChartCardSlot } from './primitives/ChartCard.js';
 export { ChartLegend, type LegendEntry } from './primitives/ChartLegend.js';
 export { ChartTooltipFloat, TooltipHeader, TooltipRow, TooltipBody, } from './primitives/ChartTooltip.js';
-export { AxisBottomDate, AxisLeftNumeric, AxisRightNumeric } from './primitives/Axes.js';
+export { AxisBottomDate, AxisBottomNumeric, AxisLeftNumeric, AxisRightNumeric, } from './primitives/Axes.js';
 export { HoverOverlay } from './primitives/HoverOverlay.js';
 export { ZoneRects, type ZoneSpec } from './primitives/ZoneRects.js';
 export { XZoneRects, type XZoneSpec } from './primitives/XZoneRects.js';
@@ -33,12 +34,12 @@ export { useChartCursor, type ChartCursor, type CursorAnchor } from './hooks/use
 export { foldBands, type BandFold, type BandTooltipConfig, type BandTooltipRowContext, } from './hooks/useBandPlot.js';
 export type { CursorResolution, DomainKind } from './cursor/resolve.js';
 export { useChartSize, type UseChartSizeResult, type ChartSize } from './hooks/useChartSize.js';
-export { fmtAxisDate, fmtTooltipDate } from './utils/format.js';
-export { smartTicks, smartTicksEvery } from './utils/ticks.js';
+export { fmtAxisDate, fmtTooltipDate, fmtCompact, type FmtCompactOptions, fmtPercent, type FmtPercentOptions, fmtCurrency, type FmtCurrencyOptions, fmtInt, formatters, } from './utils/format.js';
+export { smartTicks, smartTicksEvery, xLabelPxFor, autoXLabelRotate } from './utils/ticks.js';
 export { autoMargin, probeAxisLabels, type AutoMarginInput } from './layout/auto-margin.js';
 export { measureText, maxTextWidth } from './utils/measure-text.js';
-export { ZonedLine, type ZonedLineProps, type ZonedLineZone, type ZonedLineThreshold, type ZonedLineRefLine, } from './kinds/ZonedLine.js';
-export { Bars, type BarsProps, type BarsBar, type BarsLine, type BarsZone, type BarsRefLine, } from './kinds/Bars.js';
+export { ZonedLine, type ZonedLineProps, type ZonedLineThreshold, type ZonedLineRefLine, } from './kinds/ZonedLine.js';
+export { Bars, type BarsProps, type BarsBar, type BarsLine, type BarsRefLine } from './kinds/Bars.js';
 export { StackedArea, type StackedAreaProps } from './kinds/StackedArea.js';
 export { Donut, type DonutProps, type DonutDatum } from './kinds/Donut.js';
 export { MultiLine, type MultiLineProps } from './kinds/MultiLine.js';
@@ -46,11 +47,11 @@ export { DualPanel, type DualPanelProps } from './kinds/DualPanel.js';
 export { Heatmap, type HeatmapProps } from './kinds/Heatmap.js';
 export { BandStrip, type BandStripProps, type BandStripSeries, type BandSpan, } from './kinds/BandStrip.js';
 export { MirroredBars, type MirroredBarsProps, type MirroredBarPane } from './kinds/MirroredBars.js';
-export { LineSparkline, BarSparkline } from './sparklines/index.js';
+export { LineSparkline, type LineSparklineProps, BarSparkline, type BarSparklineProps, } from './sparklines/index.js';
 export { Group } from '@visx/group';
 export { GridRows, GridColumns } from '@visx/grid';
 export { scaleLinear, scaleBand, scalePoint, scaleTime } from '@visx/scale';
 export { LinePath, Bar, AreaClosed, AreaStack, BarStack, BarGroup, Line, Pie } from '@visx/shape';
 export { Threshold } from '@visx/threshold';
-export { curveMonotoneX, curveLinear, curveCatmullRom, curveStepAfter, curveBasis, } from '@visx/curve';
+export { curveMonotoneX, curveLinear, curveCatmullRom, curveStep, curveStepAfter, curveStepBefore, curveBasis, } from '@visx/curve';
 //# sourceMappingURL=index.d.ts.map

package/dist/charts/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/charts/index.ts"],"names":[],"mappings":"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"}

package/dist/charts/index.js

@@ -14,6 +14,7 @@ import {
   globalCursorStore
 } from "./cursor/store.js";
 import {
+  curveFor,
   deriveLegend,
   deriveTooltipRows
 } from "./series.js";
@@ -27,8 +28,17 @@ import {
 } from "./primitives/ChartFrame.js";
 import {
   ChartCenter,
-  ChartPending
+  ChartPending,
+  ChartEmpty,
+  ChartError,
+  resolveChartState
 } from "./primitives/ChartPending.js";
+import {
+  useChartTier,
+  useChartTierMetrics,
+  chartTierMetrics,
+  resolveChartTier
+} from "./primitives/chart-tier.js";
 import { Crosshair, SeriesDot } from "./primitives/Crosshair.js";
 import { HatchPattern, hatchFill, hatchSizeFor } from "./primitives/HatchPattern.js";
 import { ChartCard } from "./primitives/ChartCard.js";
@@ -39,7 +49,12 @@ import {
   TooltipRow,
   TooltipBody
 } from "./primitives/ChartTooltip.js";
-import { AxisBottomDate, AxisLeftNumeric, AxisRightNumeric } from "./primitives/Axes.js";
+import {
+  AxisBottomDate,
+  AxisBottomNumeric,
+  AxisLeftNumeric,
+  AxisRightNumeric
+} from "./primitives/Axes.js";
 import { HoverOverlay } from "./primitives/HoverOverlay.js";
 import { ZoneRects } from "./primitives/ZoneRects.js";
 import { XZoneRects } from "./primitives/XZoneRects.js";
@@ -49,16 +64,22 @@ import {
   foldBands
 } from "./hooks/useBandPlot.js";
 import { useChartSize } from "./hooks/useChartSize.js";
-import { fmtAxisDate, fmtTooltipDate } from "./utils/format.js";
-import { smartTicks, smartTicksEvery } from "./utils/ticks.js";
+import {
+  fmtAxisDate,
+  fmtTooltipDate,
+  fmtCompact,
+  fmtPercent,
+  fmtCurrency,
+  fmtInt,
+  formatters
+} from "./utils/format.js";
+import { smartTicks, smartTicksEvery, xLabelPxFor, autoXLabelRotate } from "./utils/ticks.js";
 import { autoMargin, probeAxisLabels } from "./layout/auto-margin.js";
 import { measureText, maxTextWidth } from "./utils/measure-text.js";
 import {
   ZonedLine
 } from "./kinds/ZonedLine.js";
-import {
-  Bars
-} from "./kinds/Bars.js";
+import { Bars } from "./kinds/Bars.js";
 import { StackedArea } from "./kinds/StackedArea.js";
 import { Donut } from "./kinds/Donut.js";
 import { MultiLine } from "./kinds/MultiLine.js";
@@ -68,7 +89,10 @@ import {
   BandStrip
 } from "./kinds/BandStrip.js";
 import { MirroredBars } from "./kinds/MirroredBars.js";
-import { LineSparkline, BarSparkline } from "./sparklines/index.js";
+import {
+  LineSparkline,
+  BarSparkline
+} from "./sparklines/index.js";
 import { Group } from "@visx/group";
 import { GridRows, GridColumns } from "@visx/grid";
 import { scaleLinear, scaleBand, scalePoint, scaleTime } from "@visx/scale";
@@ -78,7 +102,9 @@ import {
   curveMonotoneX,
   curveLinear,
   curveCatmullRom,
+  curveStep,
   curveStepAfter,
+  curveStepBefore,
   curveBasis
 } from "@visx/curve";
 export {
@@ -86,6 +112,7 @@ export {
   AreaGradient,
   AreaStack,
   AxisBottomDate,
+  AxisBottomNumeric,
   AxisLeftNumeric,
   AxisRightNumeric,
   BandStrip,
@@ -98,6 +125,8 @@ export {
   ChartCard,
   ChartCenter,
   ChartCursorScope,
+  ChartEmpty,
+  ChartError,
   ChartFrame,
   ChartLegend,
   ChartPending,
@@ -131,20 +160,30 @@ export {
   alpha,
   areaFillUrl,
   autoMargin,
+  autoXLabelRotate,
   buildPaletteCss,
   chartMargin,
+  chartTierMetrics,
   createCursorStore,
   curveBasis,
   curveCatmullRom,
+  curveFor,
   curveLinear,
   curveMonotoneX,
+  curveStep,
   curveStepAfter,
+  curveStepBefore,
   defineSeries,
   deriveLegend,
   deriveTooltipRows,
   fmtAxisDate,
+  fmtCompact,
+  fmtCurrency,
+  fmtInt,
+  fmtPercent,
   fmtTooltipDate,
   foldBands,
+  formatters,
   globalCursorStore,
   groupTokens,
   hatchFill,
@@ -153,6 +192,8 @@ export {
   measureText,
   probeAxisLabels,
   resolveAxisDomain,
+  resolveChartState,
+  resolveChartTier,
   resolveLegend,
   scaleBand,
   scaleLinear,
@@ -163,6 +204,9 @@ export {
   smartTicksEvery,
   useChartCursor,
   useChartSize,
+  useChartTier,
+  useChartTierMetrics,
   useCursorState,
-  useVxTheme
+  useVxTheme,
+  xLabelPxFor
 };

package/dist/charts/kinds/BandStrip.d.ts

@@ -1,6 +1,8 @@
+import type { BasaltProps } from '../../common/props.js';
 import type { ChartMargin } from '../../tokens/index.js';
 import type { CursorResolution } from '../cursor/resolve.js';
 import type { BandFold, BandTooltipConfig } from '../hooks/useBandPlot.js';
+import type { ChartState } from '../primitives/ChartPending.js';
 import type { ChartLegendConfig, SeriesStyle } from '../series.js';
 /**
  * A state a strip can draw. Extends `SeriesStyle` rather than `ChartSeries` because a band has no
@@ -58,7 +60,7 @@ export type BandSpan = {
         inset?: number;
     };
 };
-export type BandStripProps<T> = {
+export type BandStripProps<T> = BasaltProps & {
     data: readonly T[];
     /** Stable id — identifies this chart as the cursor's source. */
     chartId: string;
@@ -90,8 +92,10 @@ export type BandStripProps<T> = {
     cursorResolution?: CursorResolution;
     tooltip?: BandTooltipConfig<T> | false;
     legend?: ChartLegendConfig | false;
-    /** Colour of the absence hatch. Names a `series` entry, so absence is legended like any other
-     * state — a hatched band is the one mark a reader cannot decode from an axis. Default
+    /** Colour of the absence hatch, AND the state that is absent. Names a `series` entry, so absence
+     * is legended like any other state — a hatched band is the one mark a reader cannot decode from
+     * an axis. A slot in this state hatches across its whole width unless its own `absentFraction`
+     * says otherwise; a slot in any other state hatches only its `absentFraction`. Default
      * `VX.neutral`, unnamed. A key naming no `series` entry throws (a PROP, so a typo can only be a
      * wiring error) rather than falling back to the unnamed default. */
     absentState?: string;
@@ -102,6 +106,9 @@ export type BandStripProps<T> = {
     ariaLabel?: string;
     /** Forwarded to `ChartFrame` — see `ChartPending`'s JSDoc. */
     isPending?: boolean;
+    /** The three "nothing to draw" states in one prop — pending → error → empty. See
+     * `ChartState`; `isPending` stays a supported alias for `state={{ pending: true }}`. */
+    state?: ChartState;
 };
 /**
  * A 1-D categorical band strip: one rect per slot over a shared x axis, no y dimension at all.
@@ -118,10 +125,6 @@ export type BandStripProps<T> = {
  * nothing measured, and a fact that must not be read off the ramp.
  */
 declare function BandStripInner<T>(props: BandStripProps<T>): import("react").JSX.Element;
-/**
- * Hand-memoized: React Compiler does not process the shipped dist, so the hot kind is wrapped in
- * `React.memo` to retain the auto-memoization it had as source (parity with `DualPanel`).
- */
 export declare const BandStrip: typeof BandStripInner;
 export {};
 //# sourceMappingURL=BandStrip.d.ts.map