@pstdio/ui 0.16.0 → 0.17.0

package/dist/{checkbox-D5AzFRlb.js → checkbox-B2zYVemL.js}

@@ -1,34 +1,34 @@
-import { jsx as v, jsxs as S } from "react/jsx-runtime";
+import { jsx as m, jsxs as S } from "react/jsx-runtime";
 import { c as w } from "react/compiler-runtime";
-import { Checkbox as u } from "@chakra-ui/react";
-import * as j from "react";
-const L = j.forwardRef(function(k, R) {
+import { Checkbox as s } from "@chakra-ui/react";
+import * as I from "react";
+const L = I.forwardRef(function(k, R) {
   const e = w(33);
-  let r, t, l, i, a, s, f;
+  let r, t, l, i, a, f, u;
   e[0] !== k ? ({
     icon: t,
     children: r,
     inputProps: l,
     rootRef: a,
-    disabled: s,
-    readOnly: f,
+    disabled: f,
+    readOnly: u,
     ...i
-  } = k, e[0] = k, e[1] = r, e[2] = t, e[3] = l, e[4] = i, e[5] = a, e[6] = s, e[7] = f) : (r = e[1], t = e[2], l = e[3], i = e[4], a = e[5], s = e[6], f = e[7]);
-  const m = s === void 0 ? !1 : s, h = f === void 0 ? !1 : f, o = m ? "not-allowed" : h ? "default" : "pointer";
+  } = k, e[0] = k, e[1] = r, e[2] = t, e[3] = l, e[4] = i, e[5] = a, e[6] = f, e[7] = u) : (r = e[1], t = e[2], l = e[3], i = e[4], a = e[5], f = e[6], u = e[7]);
+  const h = f === void 0 ? !1 : f, g = u === void 0 ? !1 : u, o = h ? "not-allowed" : g ? "default" : "pointer";
   let n;
-  e[8] !== l || e[9] !== R ? (n = /* @__PURE__ */ v(u.HiddenInput, { ref: R, ...l }), e[8] = l, e[9] = R, e[10] = n) : n = e[10];
-  let g, C, p;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = {
-    borderColor: "border.accent-light"
-  }, C = {
+  e[8] !== l || e[9] !== R ? (n = /* @__PURE__ */ m(s.HiddenInput, { ref: R, ...l }), e[8] = l, e[9] = R, e[10] = n) : n = e[10];
+  let C, p, y;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (C = {
     borderColor: "border.accent-light"
   }, p = {
+    borderColor: "border.accent-light"
+  }, y = {
     borderColor: "border.accent-light",
     outline: "none",
     boxShadow: "none"
-  }, e[11] = g, e[12] = C, e[13] = p) : (g = e[11], C = e[12], p = e[13]);
-  let y;
-  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (y = {
+  }, e[11] = C, e[12] = p, e[13] = y) : (C = e[11], p = e[12], y = e[13]);
+  let _;
+  e[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
     bg: "bg.button.primary.default",
     borderColor: "bg.button.primary.default",
     color: "fg.button.primary.default",
@@ -38,9 +38,9 @@ const L = j.forwardRef(function(k, R) {
     _active: {
       borderColor: "bg.button.primary.default"
     }
-  }, e[14] = y) : y = e[14];
-  let _;
-  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = {
+  }, e[14] = _) : _ = e[14];
+  let x;
+  e[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = {
     bg: "bg.button.primary.default",
     borderColor: "bg.button.primary.default",
     color: "fg.button.primary.default",
@@ -50,21 +50,21 @@ const L = j.forwardRef(function(k, R) {
     _active: {
       borderColor: "bg.button.primary.default"
     }
-  }, e[15] = _) : _ = e[15];
+  }, e[15] = x) : x = e[15];
   let b;
-  e[16] !== t ? (b = t || /* @__PURE__ */ v(u.Indicator, {}), e[16] = t, e[17] = b) : b = e[17];
+  e[16] !== t ? (b = t ? /* @__PURE__ */ m(s.Indicator, { children: t }) : /* @__PURE__ */ m(s.Indicator, {}), e[16] = t, e[17] = b) : b = e[17];
   let d;
-  e[18] !== o || e[19] !== b ? (d = /* @__PURE__ */ v(u.Control, { bg: "bg", borderColor: "border", borderRadius: "xs", color: "fg.button.primary.default", cursor: o, transition: "border-color 0.2s ease-in-out", boxShadow: "none", _hover: g, _active: C, _focusVisible: p, _checked: y, _indeterminate: _, children: b }), e[18] = o, e[19] = b, e[20] = d) : d = e[20];
+  e[18] !== o || e[19] !== b ? (d = /* @__PURE__ */ m(s.Control, { bg: "bg", borderColor: "border", borderRadius: "xs", color: "fg.button.primary.default", cursor: o, transition: "border-color 0.2s ease-in-out", boxShadow: "none", _hover: C, _active: p, _focusVisible: y, _checked: _, _indeterminate: x, children: b }), e[18] = o, e[19] = b, e[20] = d) : d = e[20];
   let c;
-  e[21] !== r || e[22] !== o ? (c = r != null && /* @__PURE__ */ v(u.Label, { cursor: o, children: r }), e[21] = r, e[22] = o, e[23] = c) : c = e[23];
-  let x;
-  return e[24] !== m || e[25] !== o || e[26] !== h || e[27] !== i || e[28] !== a || e[29] !== c || e[30] !== n || e[31] !== d ? (x = /* @__PURE__ */ S(u.Root, { ref: a, disabled: m, readOnly: h, cursor: o, ...i, children: [
+  e[21] !== r || e[22] !== o ? (c = r != null && /* @__PURE__ */ m(s.Label, { cursor: o, children: r }), e[21] = r, e[22] = o, e[23] = c) : c = e[23];
+  let v;
+  return e[24] !== h || e[25] !== o || e[26] !== g || e[27] !== i || e[28] !== a || e[29] !== c || e[30] !== n || e[31] !== d ? (v = /* @__PURE__ */ S(s.Root, { ref: a, disabled: h, readOnly: g, cursor: o, ...i, children: [
     n,
     d,
     c
-  ] }), e[24] = m, e[25] = o, e[26] = h, e[27] = i, e[28] = a, e[29] = c, e[30] = n, e[31] = d, e[32] = x) : x = e[32], x;
+  ] }), e[24] = h, e[25] = o, e[26] = g, e[27] = i, e[28] = a, e[29] = c, e[30] = n, e[31] = d, e[32] = v) : v = e[32], v;
 });
 export {
   L as C
 };
-//# sourceMappingURL=checkbox-D5AzFRlb.js.map
+//# sourceMappingURL=checkbox-B2zYVemL.js.map

package/dist/checkbox-B2zYVemL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-B2zYVemL.js","sources":["../src/components/primitives/checkbox.tsx"],"sourcesContent":["import { Checkbox as ChakraCheckbox } from \"@chakra-ui/react\";\nimport * as React from \"react\";\n\nexport interface CheckboxProps extends ChakraCheckbox.RootProps {\n  icon?: React.ReactNode;\n  inputProps?: React.InputHTMLAttributes<HTMLInputElement>;\n  rootRef?: React.RefObject<HTMLLabelElement | null>;\n}\n\nexport const Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(props, ref) {\n  const { icon, children, inputProps, rootRef, disabled = false, readOnly = false, ...rest } = props;\n  const interactiveCursor = disabled ? \"not-allowed\" : readOnly ? \"default\" : \"pointer\";\n\n  return (\n    <ChakraCheckbox.Root ref={rootRef} disabled={disabled} readOnly={readOnly} cursor={interactiveCursor} {...rest}>\n      <ChakraCheckbox.HiddenInput ref={ref} {...inputProps} />\n      <ChakraCheckbox.Control\n        bg=\"bg\"\n        borderColor=\"border\"\n        borderRadius=\"xs\"\n        color=\"fg.button.primary.default\"\n        cursor={interactiveCursor}\n        transition=\"border-color 0.2s ease-in-out\"\n        boxShadow=\"none\"\n        _hover={{ borderColor: \"border.accent-light\" }}\n        _active={{ borderColor: \"border.accent-light\" }}\n        _focusVisible={{ borderColor: \"border.accent-light\", outline: \"none\", boxShadow: \"none\" }}\n        _checked={{\n          bg: \"bg.button.primary.default\",\n          borderColor: \"bg.button.primary.default\",\n          color: \"fg.button.primary.default\",\n          _hover: { borderColor: \"bg.button.primary.default\" },\n          _active: { borderColor: \"bg.button.primary.default\" },\n        }}\n        _indeterminate={{\n          bg: \"bg.button.primary.default\",\n          borderColor: \"bg.button.primary.default\",\n          color: \"fg.button.primary.default\",\n          _hover: { borderColor: \"bg.button.primary.default\" },\n          _active: { borderColor: \"bg.button.primary.default\" },\n        }}\n      >\n        {icon ? <ChakraCheckbox.Indicator>{icon}</ChakraCheckbox.Indicator> : <ChakraCheckbox.Indicator />}\n      </ChakraCheckbox.Control>\n      {children != null && <ChakraCheckbox.Label cursor={interactiveCursor}>{children}</ChakraCheckbox.Label>}\n    </ChakraCheckbox.Root>\n  );\n});\n"],"names":["Checkbox","React","forwardRef","props","ref","$","_c","children","icon","inputProps","rest","rootRef","t0","t1","disabled","readOnly","undefined","interactiveCursor","t2","t3","t4","t5","Symbol","for","borderColor","outline","boxShadow","t6","bg","color","_hover","_active","t7","t8","jsx","ChakraCheckbox","t9","t10","t11","jsxs"],"mappings":"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"}

package/dist/components/chat-ui/components/chat-input-actions.d.ts

@@ -1,5 +1,6 @@
 interface ChatInputActionState {
     canInterrupt: boolean;
+    hasQuestionPrompt: boolean;
     isDisabled: boolean;
     streaming: boolean;
     text: string;

package/dist/components/chat-ui/components/chat-input.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import { ReferenceItem } from '../../rich-text';
 import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input-question-prompt';
-interface ChatInputProps {
+export interface ChatInputProps {
     defaultState: string;
     placeholder?: string;
     onSubmit?: (text: string, attachments: string[], questionResponse?: ChatInputQuestionResponse) => void;
@@ -16,8 +17,13 @@ interface ChatInputProps {
     attachmentList?: ReactNode;
     actions?: ReactNode;
     attachedToTop?: boolean;
+    /** Recede the resting border to border.subtle when nested inside a stronger shell (the workspace hub). */
+    recessed?: boolean;
     questionPrompt?: ChatInputQuestionPrompt;
     autoFocus?: boolean;
+    focusSignal?: number;
+    submitTitle?: string;
+    references?: ReferenceItem[];
+    onAddReference?: (resourceId: string, resourceType: ReferenceItem["resourceType"]) => void;
 }
 export declare const ChatInput: (props: ChatInputProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/chat-ui/components/chat-panel.d.ts

@@ -1,8 +1,10 @@
 import { ReactNode } from 'react';
+import { ReferenceItem } from '../../rich-text';
 import { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './chat-input-question-prompt';
-import { SessionMessage } from './message-types';
+import { QueuedFollowUp, SessionMessage } from './message-types';
+import { QueuedFollowUpMoveDirection } from './queued-follow-up-list-state';
 /** Full conversation shell for agent sessions, including messages, input, attachments, and host-provided slots. */
-interface ChatPanelProps {
+export interface ChatPanelProps {
     /** Stable conversation identity used to reset ready state when switching sessions. */
     conversationKey?: string;
     messages: SessionMessage[];
@@ -19,9 +21,8 @@ interface ChatPanelProps {
     onAttachFiles?: (files: File[]) => void;
     onAttachText?: (text: string) => void;
     onChatInputChange?: (text: string) => void;
-    /** Extra controls rendered near the chat input. */
+    /** Extra controls rendered in the chat input toolbar (attach, model, params). */
     actions?: ReactNode;
-    repoMenu?: ReactNode;
     attachedResources?: string[];
     onClearAttachments?: () => void;
     attachmentList?: ReactNode;
@@ -32,6 +33,11 @@ interface ChatPanelProps {
     inputDisabled?: boolean;
     chatInputQuestionPrompt?: ChatInputQuestionPrompt;
     chatInputAutoFocus?: boolean;
+    queuedFollowUps?: QueuedFollowUp[];
+    onQueuedFollowUpUpdate?: (itemId: string, prompt: string) => void;
+    onQueuedFollowUpRemove?: (itemId: string) => void;
+    onQueuedFollowUpMove?: (itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => void;
+    chatInputReferences?: ReferenceItem[];
+    onChatInputAddReference?: (resourceId: string, resourceType: ReferenceItem["resourceType"]) => void;
 }
 export declare const ChatPanel: (props: ChatPanelProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/chat-ui/components/composer-constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPOSER_CONTROL_HEIGHT = "7";

package/dist/components/chat-ui/components/conversation-browse.d.ts

@@ -0,0 +1,22 @@
+export interface ConversationBrowseItem {
+    /** Turn id used to scroll the log to this user message. */
+    id: string;
+    /** The user message this tick indexes (shown in the hover card). */
+    message: string;
+    /** Optional assistant reply preview; hidden for a turn not yet answered. */
+    reply?: string;
+}
+interface ConversationBrowseProps {
+    items: ConversationBrowseItem[];
+    onSelect?: (id: string) => void;
+    /** Overlay the log's left edge with a scrim instead of reserving a gutter (panels under ~480px). */
+    floating?: boolean;
+}
+/**
+ * ChatBrowse — the conversation scrubber for the chat log's left gutter. One tick per user
+ * message, in order; the ticks nearest the pointer swell into a lens (growing along X only, so
+ * the row you aim at never moves), and the active tick raises a preview card. Clicking a tick
+ * selects that turn. Hidden below a few messages, where a gutter costs space and buys nothing.
+ */
+export declare const ConversationBrowse: (props: ConversationBrowseProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/chat-ui/components/message-types.d.ts

@@ -88,9 +88,23 @@ export type SessionMessage = {
         };
     };
 };
+export type QueuedFollowUp = {
+    id: string;
+    prompt: string;
+    attachments?: Array<{
+        id: string;
+        name: string;
+        mediaType?: string;
+        url?: string;
+    }>;
+    position?: number;
+};
 export type MessageOrigin = "user" | "assistant" | "developer";
 export declare const getMessageOrigin: (role: string) => MessageOrigin;
 export declare const mergeReasoningToolOnlyMessages: (messages: SessionMessage[]) => SessionMessage[];
+export declare const normalizeChatMessagesForDisplay: (messages: SessionMessage[], options?: {
+    streaming?: boolean;
+}) => SessionMessage[];
 export interface MessageGroup {
     userMessage: SessionMessage;
     responses: SessionMessage[];

package/dist/components/chat-ui/components/queued-follow-up-list-state.d.ts

@@ -0,0 +1,4 @@
+import { QueuedFollowUp } from './message-types';
+export type QueuedFollowUpMoveDirection = "up" | "down";
+export declare const moveQueuedFollowUp: (items: QueuedFollowUp[], itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => QueuedFollowUp[];
+export declare const reorderQueuedFollowUp: (items: QueuedFollowUp[], itemId: string, targetIndex: number) => QueuedFollowUp[];

package/dist/components/chat-ui/components/queued-follow-up-list.d.ts

@@ -0,0 +1,11 @@
+import { QueuedFollowUp } from './message-types';
+import { QueuedFollowUpMoveDirection } from './queued-follow-up-list-state';
+interface QueuedFollowUpListProps {
+    items: QueuedFollowUp[];
+    editingItemId?: string | null;
+    onEdit?: (item: QueuedFollowUp) => void;
+    onRemove?: (itemId: string) => void;
+    onMove?: (itemId: string, direction: QueuedFollowUpMoveDirection, steps?: number) => void;
+}
+export declare const QueuedFollowUpList: (props: QueuedFollowUpListProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/chat-ui/components/timeline.d.ts

@@ -94,6 +94,11 @@ export type Block = {
 } | {
     type: "references";
     references: string[];
+} | {
+    type: "image";
+    src: string;
+    alt: string;
+    caption?: string;
 } | {
     type: "component";
     render: (ctx: {

package/dist/components/chat-ui/components/working-indicator.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Working indicator: a spinner followed by the elapsed run time in mono digits — never a
+ * static "Working…" label. The elapsed time is the one thing a static label cannot tell you
+ * and how you judge whether a run is stuck. Counts from the start of the active stream, including
+ * time spent temporarily hidden while the workspace initializes.
+ */
+export declare const WorkingIndicator: (props: {
+    hidden?: boolean;
+}) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/chat-ui/components/workspace-hub.d.ts

@@ -1,12 +1,19 @@
 import { ReactNode } from 'react';
 type WorkspaceHubStatus = "ready" | "loading" | "error";
 interface ChatWorkspaceHubProps {
-    changesLabel: string;
+    /** Workspace identity/selector shown at the start of the header (e.g. GitBranch + name). */
+    workspaceControl?: ReactNode;
     additions: number;
     deletions: number;
+    /** Icon-only action that opens the workspace resource. */
     action?: ReactNode;
     status?: WorkspaceHubStatus;
     statusLabel?: string;
 }
+/**
+ * Workspace hub header: the frame the session sits in. The identity is always present;
+ * the slot beside it carries the diff counts, or the setup status while the workspace is
+ * being created or has failed. The open action recedes during setup.
+ */
 export declare const ChatWorkspaceHub: (props: ChatWorkspaceHubProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/chat-ui/index.d.ts

@@ -6,11 +6,13 @@ export { ApprovalPrompt } from './components/approval-prompt';
 export { AttachmentList } from './components/attachment-list';
 export type { AutoScrollProps } from './components/auto-scroll';
 export { AutoScroll } from './components/auto-scroll';
-export { ChatInput } from './components/chat-input';
+export { ChatInput, type ChatInputProps } from './components/chat-input';
 export type { ChatInputQuestionPrompt, ChatInputQuestionResponse } from './components/chat-input-question-prompt';
 export { ChatPanel } from './components/chat-panel';
 export { ChatSkeleton } from './components/chat-skeleton';
-export type { AlertPart, ChatMessagePart, SessionMessage, SessionMessagePart, ToolPart, } from './components/message-types';
+export { ConversationBrowse, type ConversationBrowseItem } from './components/conversation-browse';
+export type { AlertPart, ChatMessagePart, QueuedFollowUp, SessionMessage, SessionMessagePart, ToolPart, } from './components/message-types';
+export type { QueuedFollowUpMoveDirection } from './components/queued-follow-up-list-state';
 export type { SendButtonProps } from './components/send-button';
 export { SendButton } from './components/send-button';
 export { ChatWorkspaceHub } from './components/workspace-hub';

package/dist/components/chat-ui/tool-rendering/build-timeline.d.ts

@@ -1,8 +1,8 @@
 import { ToolPart } from '../components/message-types';
-import { Block, TitleSegment } from '../components/timeline';
+import { Block, Item, TitleSegment } from '../components/timeline';
 import { ToolTimelineBuilderOptions } from './types';
 export declare const buildTimelineDocFromInvocations: (invocations: ToolPart[], options?: ToolTimelineBuilderOptions) => {
-    items: (import('../components/timeline').Item | {
+    items: (Item | {
         indicator: {
             readonly type: "icon";
             readonly icon: "search" | "dot" | "danger" | "file" | "terminal" | "shell" | "ls" | "read_file" | "write_file" | "delete_file" | "patch" | "upload_files" | "download_file" | "move_file" | "browser" | "question" | "todo";

package/dist/components/chat-ui/tool-rendering/question-prompt.d.ts

@@ -0,0 +1,9 @@
+import { SessionMessage } from '../components/message-types';
+import { QuestionFormBlockQuestion } from '../components/timeline';
+export declare const getQuestionResponseText: (value: unknown) => string | null;
+export declare const parseQuestionPrompt: (input: unknown) => {
+    questions: QuestionFormBlockQuestion[];
+} | null;
+export declare const resolveActiveQuestionPrompt: (messages: SessionMessage[]) => {
+    questions: QuestionFormBlockQuestion[];
+} | undefined;

package/dist/components/data-table/build-columns.d.ts

@@ -1,3 +1,14 @@
+import { RowSelectionState } from '@tanstack/react-table';
 import { ReactNode } from 'react';
-import { RowData } from './types';
-export declare function buildColumns(data: RowData[], columnKeys: string[], columnIcons?: Partial<Record<string, ReactNode>>): (import('@tanstack/react-table').AccessorFnColumnDef<RowData, number> | import('@tanstack/react-table').AccessorFnColumnDef<RowData, unknown>)[];
+import { DataTableColumnRenderer, DataTableRowAction, RowData } from './types';
+interface BuildColumnsOptions {
+    columnIcons?: Partial<Record<string, ReactNode>>;
+    columnDescriptions?: Partial<Record<string, string>>;
+    compactHeaders?: Partial<Record<string, string>>;
+    enableSelection?: boolean;
+    rowActions?: DataTableRowAction[];
+    selectedRowIds?: RowSelectionState;
+    columnRenderers?: Partial<Record<string, DataTableColumnRenderer>>;
+}
+export declare function buildColumns(data: RowData[], columnKeys: string[], options?: BuildColumnsOptions): ((import('@tanstack/react-table').ColumnDefBase<RowData, unknown> & import('@tanstack/react-table').StringHeaderIdentifier) | (import('@tanstack/react-table').ColumnDefBase<RowData, unknown> & import('@tanstack/react-table').IdIdentifier<RowData, unknown>) | (import('@tanstack/react-table').AccessorFnColumnDefBase<RowData, number> & import('@tanstack/react-table').StringHeaderIdentifier) | (import('@tanstack/react-table').AccessorFnColumnDefBase<RowData, number> & import('@tanstack/react-table').IdIdentifier<RowData, number>))[];
+export {};

package/dist/components/data-table/categorical-color-cell.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { DataTableCategoricalColor } from './types';
+interface CategoricalColorCellProps {
+    children: ReactNode;
+}
+export declare const resolveCategoricalColor: (value: unknown, categories: DataTableCategoricalColor[]) => import('./types').DataTableThemeColor | null;
+export declare const CategoricalColorCell: (props: CategoricalColorCellProps) => ReactNode;
+export {};

package/dist/components/data-table/color-cell-style.d.ts

@@ -0,0 +1,13 @@
+import { DataTableThemeColor } from './types';
+export declare const parseHexColor: (color: string) => {
+    r: number;
+    g: number;
+    b: number;
+} | null;
+export declare const contrastRatioForHexColors: (foregroundColor: string, backgroundColor: string) => number;
+export declare const resolveReadableTextColor: (backgroundColor: string) => string;
+export declare const mixHexColors: (startColor: string, endColor: string, startWeight: number) => string | null;
+export declare const resolveColorCellStyle: (color: DataTableThemeColor) => {
+    backgroundColor: string;
+    color: string;
+};

package/dist/components/data-table/color-scale-cell.d.ts

@@ -0,0 +1,7 @@
+import { DataTableColorScaleStop, DataTableThemeColor } from './types';
+interface ColorScaleCellProps {
+    value: number;
+}
+export declare const resolveColorScaleValue: (value: unknown, stops: DataTableColorScaleStop[]) => DataTableThemeColor | null;
+export declare const ColorScaleCell: (props: ColorScaleCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/data-table-column-menu.d.ts

@@ -0,0 +1,12 @@
+interface DataTableColumnMenuColumn {
+    id: string;
+    label: string;
+}
+interface DataTableColumnMenuProps {
+    columns: DataTableColumnMenuColumn[];
+    visibleColumnIds: Set<string>;
+    onColumnToggle: (columnId: string) => void;
+    onColumnReorder: (activeColumnId: string, overColumnId: string) => void;
+}
+export declare const DataTableColumnMenu: (props: DataTableColumnMenuProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/data-table-header.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { AttributeDescriptor, KanbanRendererRow } from '../kanban-renderer/types';
+import { DataTableSelectionAction, RowData } from './types';
+interface DataTableHeaderProps {
+    rows: KanbanRendererRow[];
+    attributes: AttributeDescriptor[];
+    storageKey: string;
+    selectedCount: number;
+    totalCount: number;
+    visibleCount: number;
+    actions: DataTableSelectionAction[];
+    selectedRows: RowData[];
+    columnControl: ReactNode;
+    onClearSelection: () => void;
+    onSelectAll: () => void;
+}
+export declare const DataTableHeader: (props: DataTableHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/data-table-stat-chart.d.ts

@@ -0,0 +1,21 @@
+import { UseChartProps } from '@chakra-ui/charts';
+import { ReactNode } from 'react';
+type ChartSeries<T> = NonNullable<UseChartProps<T>["series"]>[number];
+type StringKeyOf<T> = Extract<keyof T, string>;
+interface DataTableStatChartProps<T extends object> {
+    data: T[];
+    dataKey: StringKeyOf<T>;
+    color: ChartSeries<T>["color"];
+    height: string;
+    ariaLabel: string;
+    tooltipLabel: (datum: T) => ReactNode;
+    tooltipValue: (value: string | number) => ReactNode;
+    tooltipSeriesLabel: string;
+    layout?: "horizontal" | "vertical";
+    categoryKey?: StringKeyOf<T>;
+    domain?: [number, number];
+    barSize?: number;
+    barCategoryGap?: number;
+}
+export declare const DataTableStatChart: <T extends object>(props: DataTableStatChartProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/data-table-state.d.ts

@@ -0,0 +1,27 @@
+import { AttributeDescriptor, KanbanRendererFilterState, KanbanRendererRow } from '../kanban-renderer/types';
+import { DataTableProps, DataTableSelectionAction, RowData } from './types';
+export declare const defaultPageSize = 30;
+export interface DataTableRendererRow extends KanbanRendererRow {
+    sourceRow: RowData;
+}
+export declare const resolveDataTableRowId: (row: RowData, index: number, getRowId?: DataTableProps["getRowId"]) => string;
+export declare const resolveInitialPageSize: (props: Pick<DataTableProps, "initialPageSize">) => number;
+export declare const getSelectedOriginalRows: (rows: Array<{
+    original: RowData;
+}>) => RowData[];
+export declare const resolveSelectionActions: (props: Pick<DataTableProps, "selectionActions" | "onCSVDownload" | "getRowId">) => DataTableSelectionAction[];
+export declare const shouldEnableSelection: (props: Pick<DataTableProps, "selectionMode" | "selectionActions" | "onCSVDownload">) => boolean;
+export declare const shouldHighlightActiveRow: (props: {
+    enableRowActivation?: boolean;
+    activeRowId?: string | null;
+    rowId: string;
+}) => boolean;
+export declare const buildDataTableRendererAttributes: (rows: RowData[], columnKeys: string[], compactHeaders?: Partial<Record<string, string>>) => AttributeDescriptor[];
+export declare const buildDataTableRendererRows: (rows: RowData[], columnKeys: string[], getRowId?: DataTableProps["getRowId"]) => DataTableRendererRow[];
+export declare const filterDataTableRows: (rows: DataTableRendererRow[], filters: KanbanRendererFilterState, attributes: AttributeDescriptor[]) => DataTableRendererRow[];
+export declare const resolveDataTableColumnOrder: (availableColumnIds: string[], requestedColumnOrder: string[]) => string[];
+export declare const reorderDataTableColumns: (columnIds: string[], activeColumnId: string, overColumnId: string) => string[];
+export declare const resolveDataTableToolbarStorageKey: (props: {
+    toolbarStorageKey?: string;
+    columnKeys: string[];
+}) => string;

package/dist/components/data-table/data-table-stats-row.d.ts

@@ -0,0 +1,11 @@
+import { HeaderGroup } from '@tanstack/react-table';
+import { DataTableColumnStat, RowData } from './types';
+interface DataTableStatsRowProps {
+    headerGroup: HeaderGroup<RowData>;
+    rows: RowData[];
+    columnStats: Partial<Record<string, DataTableColumnStat>>;
+    fullWidth?: boolean;
+    noBorder?: boolean;
+}
+export declare const DataTableStatsRow: (props: DataTableStatsRowProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/data-table/data-table-stats.d.ts

@@ -0,0 +1,19 @@
+import { RowData } from './types';
+export interface HistogramBin {
+    start: number;
+    end: number;
+    count: number;
+}
+export interface HistogramStat {
+    min: number;
+    max: number;
+    bins: HistogramBin[];
+}
+export interface TopValueStat {
+    label: string;
+    count: number;
+    percentage: number;
+}
+export declare const countUniqueStatValues: (rows: RowData[], columnId: string) => number;
+export declare const buildTopValuesStat: (rows: RowData[], columnId: string, limit: number) => TopValueStat[];
+export declare const buildHistogramStat: (rows: RowData[], columnId: string, binCount: number) => HistogramStat | null;

package/dist/components/data-table/data-table-table-parts.d.ts

@@ -0,0 +1,21 @@
+import { Header, HeaderGroup, Row, Table as TanStackTable } from '@tanstack/react-table';
+import { DataTableProps, RowData } from './types';
+interface DataTableColumnHeaderProps {
+    header: Header<RowData, unknown>;
+    headerGroup: HeaderGroup<RowData>;
+    table: TanStackTable<RowData>;
+    fullWidth?: boolean;
+    hasDescription?: boolean;
+}
+export declare const DataTableColumnHeader: (props: DataTableColumnHeaderProps) => import("react/jsx-runtime").JSX.Element;
+interface DataTableBodyRowProps {
+    row: Row<RowData>;
+    noBorder?: boolean;
+    rowIsInteractive: boolean;
+    rowIsActive: boolean;
+    rowIsSelected: boolean;
+    onRowClick?: DataTableProps["onRowClick"];
+    getCellContextMenuActions?: DataTableProps["getCellContextMenuActions"];
+}
+export declare const DataTableBodyRow: (props: DataTableBodyRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/data-table.story-descriptions.d.ts

@@ -0,0 +1,6 @@
+export declare const columnDescriptions: {
+    Invoice: string;
+    Amount: string;
+    Status: string;
+    Region: string;
+};

package/dist/components/data-table/data-table.story-fixtures.d.ts

@@ -0,0 +1,6 @@
+import { RowData } from './types';
+export declare const tableRows: RowData[];
+export declare const generateTableRows: (count: number) => RowData[];
+export declare const thousandTableRows: RowData[];
+export declare const columnManagementRows: RowData[];
+export declare const friendlyJsonRows: RowData[];

package/dist/components/data-table/friendly-json-display.d.ts

@@ -0,0 +1,31 @@
+export interface FriendlyJsonDisplayProps {
+    value: unknown;
+}
+export declare const parseJsonCellValue: (value: unknown) => unknown;
+export declare const buildJsonFields: (value: unknown) => {
+    label: string;
+    value: unknown;
+}[];
+export declare const isJsonImageValue: (value: unknown, label: string) => boolean;
+export declare const isJsonImageArray: (value: unknown, label: string) => boolean;
+export declare const getJsonCellSummary: (value: unknown) => string;
+export declare const buildFriendlyJsonParams: (value: unknown) => {
+    id: string;
+    name: string;
+    type: "readOnly";
+    value: string | number | boolean | (string | number | boolean | null)[] | {
+        type: "image";
+        src: string;
+        alt: string;
+        images?: undefined;
+    } | {
+        type: "image-gallery";
+        images: {
+            src: string;
+            alt: string;
+        }[];
+        src?: undefined;
+        alt?: undefined;
+    } | null;
+}[];
+export declare const FriendlyJsonDisplay: (props: FriendlyJsonDisplayProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-table/index.d.ts

@@ -1,3 +1,5 @@
 export { DataTable } from './data-table';
+export type { FriendlyJsonDisplayProps } from './friendly-json-display';
+export { FriendlyJsonDisplay } from './friendly-json-display';
 export { formatDisplayValue, getIcon } from './helpers';
-export type { DataTableProps, RowData } from './types';
+export type { DataTableCategoricalColor, DataTableCategoricalValue, DataTableCellContext, DataTableCellContextAction, DataTableColorScaleStop, DataTableColumnRenderer, DataTableColumnStat, DataTableProps, DataTableRowAction, DataTableSelectionAction, DataTableThemeColor, RowData, } from './types';

package/dist/components/data-table/json-cell.d.ts

@@ -0,0 +1,6 @@
+interface JsonCellProps {
+    columnLabel: string;
+    value: unknown;
+}
+export declare const JsonCell: (props: JsonCellProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-table/pagination-footer.d.ts

@@ -1,5 +1,8 @@
 import { useReactTable } from '@tanstack/react-table';
 import { RowData } from './types';
-export declare function PaginationFooter({ table }: {
+export declare function PaginationFooter({ table, pageIndex, pageSize, pageSizeOptions, }: {
     table: ReturnType<typeof useReactTable<RowData>>;
+    pageIndex: number;
+    pageSize: number;
+    pageSizeOptions: number[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/components/data-table/selection-toolbar.d.ts

@@ -1,9 +1,11 @@
+import { DataTableSelectionAction, RowData } from './types';
 interface SelectionToolbarProps {
     selectedCount: number;
     totalCount: number;
     onClearSelection: () => void;
     onSelectAll: () => void;
-    onCSVDownload: () => void;
+    actions: DataTableSelectionAction[];
+    selectedRows: RowData[];
 }
 export declare function SelectionToolbar(props: SelectionToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};