@tensor_1/react 2.26.3 → 2.28.0

package/dist/index.d.ts

@@ -4,7 +4,9 @@ export { UseTableOptions, UseTableResult, useTable } from './hooks/useTable.js';
 export { UseVirtualRowsOptions, UseVirtualRowsResult, useVirtualRows } from './hooks/useVirtualRows.js';
 export { UseAnchoredPositionOptions, useAnchoredPosition } from './hooks/useAnchoredPosition.js';
 export { Align, Placement, PositionOptions, PositionResult, Rect, Side, Size, computePosition } from './overlay-position.js';
-export { Button, ButtonGroup, ButtonGroupProps, ButtonProps } from './components/Button.js';
+export { Button, ButtonGroup, ButtonGroupProps, ButtonLink, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant } from './components/Button.js';
+export { UixLabels, UixLabelsProvider, UixLabelsProviderProps, useUixLabels } from './labels-context.js';
+export { UixLinkProps, UixRenderLink, renderPlainLink } from './link.js';
 export { Input, InputGroup, InputGroupProps, InputProps } from './components/Input.js';
 export { Combobox, ComboboxProps } from './components/Combobox.js';
 export { ComboboxOption, filterComboboxOptions } from './combobox-model.js';
@@ -17,7 +19,7 @@ export { Radio, RadioGroup, RadioGroupProps, RadioProps } from './components/Rad
 export { Switch, SwitchProps } from './components/Switch.js';
 export { Field, FieldProps } from './components/Field.js';
 export { Modal, ModalProps } from './components/Modal.js';
-export { ConfirmDialog, ConfirmDialogProps, PromptDialog, PromptDialogProps } from './components/Dialogs.js';
+export { ConfirmDialog, ConfirmDialogProps, Popconfirm, PopconfirmProps, PromptDialog, PromptDialogProps } from './components/Dialogs.js';
 export { Drawer, DrawerProps } from './components/Drawer.js';
 export { Peek, PeekProps } from './components/Peek.js';
 export { Card, CardLink, CardLinkProps, CardProps } from './components/Card.js';
@@ -39,6 +41,7 @@ export { NavFavouriteItem, NavFavourites, NavFavouritesLabels, NavFavouritesProp
 export { Alert, AlertProps, AlertTone } from './components/Alert.js';
 export { Spinner, SpinnerProps } from './components/Spinner.js';
 export { Toast, ToastProps, ToastTone, Toaster, ToasterProps } from './components/Toast.js';
+export { TOAST_LEAVE_MS, ToastAction, ToastApi, ToastDismissReason, ToastKind, ToastOptions, ToastPromiseMessages, ToastRecord, ToastStore, UndoableToastOptions, createToastApi, createToastStore, toast } from './toast-store.js';
 export { BulkBar, BulkBarProps, CellStrong, CellSub, ExpandToggle, ExpandToggleProps, Highlighted, HighlightedProps, Mark, MarkProps, RowAction, RowActionProps, RowActions, RowActionsProps, SortDirection, Table, TableDensity, TableProps, TableWrap, TableWrapProps, Td, TdProps, Th, ThProps, Tr, TrProps } from './components/Table.js';
 export { ColumnFilter, FilterKind, FilterOp, Primitive, Row, Segment, SelectAllState, SortDir, SortKey, ViewState, VirtualWindow, applyFilters, clampWidth, highlightSegments, matchFilter, mergePinned, multiSort, nextSortDir, parseView, reorder, searchRows, selectAllState, serializeView, shouldVirtualize, toggleId, togglePage, toggleSort, virtualWindow } from './table-engine.js';
 export { DEFAULT_PAGINATION_LABELS, Pagination, PaginationLabels, PaginationProps } from './components/Pagination.js';
@@ -46,6 +49,9 @@ export { PillTone, PillTreatment, StatusPill, StatusPillProps } from './componen
 export { Progress, ProgressProps } from './components/Progress.js';
 export { Meter, MeterProps, MeterTone } from './components/Meter.js';
 export { Stat, StatProps, StatTrend } from './components/Stat.js';
+export { Chip, ChipGroup, ChipGroupProps, ChipProps } from './components/Chip.js';
+export { Kbd, KbdCombo, KbdComboProps, KbdPlatform, KbdProps } from './components/Kbd.js';
+export { DEFAULT_STEP_STATE_LABELS, Step, StepProps, StepState, StepStateLabels, Steps, StepsProps } from './components/Steps.js';
 export { Tooltip, TooltipProps } from './components/Tooltip.js';
 export { InfoTip, InfoTipProps } from './components/InfoTip.js';
 export { AccessStateProps, EmptyState, EmptyStateProps, ErrorState, ErrorStateProps, FilteredEmptyState, ForbiddenState, LoadingState, LoadingStateProps, NotFoundState, Skeleton, SkeletonProps, StateVariant } from './components/States.js';
@@ -64,6 +70,7 @@ export { Pipeline, PipelineProps, PipelineStage, PipelineStageProps, PipelineSta
 export { Flow, FlowNode, FlowNodeProps, FlowNodeState, FlowProps, FlowVariant } from './components/Flow.js';
 export { Note, NoteProps, NoteTone, Prose, ProseProps } from './components/Prose.js';
 export { Popover, PopoverProps } from './components/Popover.js';
+export { Menu, MenuGroup, MenuGroupProps, MenuItem, MenuItemProps, MenuProps, MenuSeparator } from './components/Menu.js';
 export { CommandGroup, CommandGroupProps, CommandItem, CommandItemProps, CommandPalette, CommandPaletteProps } from './components/CommandPalette.js';
 export { Inbox, InboxDetail, InboxDetailProps, InboxItem, InboxItemProps, InboxList, InboxListProps, InboxProps } from './components/Inbox.js';
 export { Kanban, KanbanCard, KanbanCardProps, KanbanColumn, KanbanColumnProps, KanbanMoveDirection, KanbanProps } from './components/Kanban.js';
@@ -74,9 +81,9 @@ export { JsonPrimitive, JsonValue } from './json-value.js';
 export { DEFAULT_RULE_BUILDER_LABELS, RuleActionDefinition, RuleBuilder, RuleBuilderLabels, RuleBuilderProps, RuleFieldDefinition, RuleOperatorDefinition, RuleValueEditorProps } from './components/RuleBuilder.js';
 export { RuleAction, RuleCondition, RuleDefinition, RuleGroup, RuleValidationIssue, appendRuleNode, findRuleNodeDepth, isRuleGroup, mapRuleGroup, moveRuleNode, removeRuleNode, ruleDepth, summarizeRule, validateRuleDefinition } from './rule-builder-model.js';
 export { BuilderCanvas, BuilderCanvasItem, BuilderCanvasLabels, BuilderCanvasProps, BuilderPaletteItem, DEFAULT_BUILDER_CANVAS_LABELS } from './components/BuilderCanvas.js';
-export { DEFAULT_SCHEDULING_CALENDAR_LABELS, SchedulingCalendar, SchedulingCalendarEntry, SchedulingCalendarLabels, SchedulingCalendarOverlay, SchedulingCalendarProps, SchedulingCalendarView, SchedulingEntryState, SchedulingOverlayKind } from './components/SchedulingCalendar.js';
+export { DEFAULT_SCHEDULING_CALENDAR_LABELS, SchedulingCalendar, SchedulingCalendarEntry, SchedulingCalendarLabels, SchedulingCalendarOverlay, SchedulingCalendarProps, SchedulingCalendarView, SchedulingDatePart, SchedulingEntryState, SchedulingOverlayKind } from './components/SchedulingCalendar.js';
 export { DEFAULT_DATE_RANGE_PICKER_LABELS, DateRangePicker, DateRangePickerLabels, DateRangePickerProps } from './components/DateRangePicker.js';
-export { CalendarDay, DateRangeValue, ZonedDateSpan, addCalendarDays, addCalendarMonths, buildMonthGrid, enumerateDateSpan, isDateInRange, isDateUnavailable, selectRangeDate, startOfMonth, toDateKey, zonedDateKey, zonedDateSpan } from './calendar-model.js';
+export { CalendarDay, CalendarWeekday, DateRangeValue, ZonedDateSpan, addCalendarDays, addCalendarMonths, buildMonthGrid, enumerateDateSpan, isDateInRange, isDateUnavailable, selectRangeDate, startOfMonth, toDateKey, zonedDateKey, zonedDateSpan } from './calendar-model.js';
 export { DEFAULT_RELATIONSHIP_GRAPH_LABELS, RelationshipGraph, RelationshipGraphLabels, RelationshipGraphLegendItem, RelationshipGraphProps } from './components/RelationshipGraph.js';
 export { BoundedRelationshipGraph, LayeredColumn, LayeredEdgeClassification, LayeredEdgeKind, LayeredItem, LayeredLayout, LayeredLayoutOptions, LayeredNavigationKey, PositionedRelationshipNode, RelationshipGraphArrow, RelationshipGraphCluster, RelationshipGraphEdge, RelationshipGraphNode, RoutedEdge, boundRelationshipGraph, classifyLayeredEdges, clusterIdFor, layeredNeighbor, layoutLayeredGraph, layoutRelationshipGraph, relationshipNeighbors, traverseRelationshipNode, wrapEdgeLabel } from './relationship-graph-model.js';
 export { DEFAULT_MATCH_REVIEW_LABELS, MatchBulkResult, MatchReview, MatchReviewAction, MatchReviewCandidate, MatchReviewField, MatchReviewLabels, MatchReviewProps } from './components/MatchReview.js';

package/dist/index.js

@@ -4,7 +4,9 @@ import { useTable } from "./hooks/useTable.js";
 import { useVirtualRows } from "./hooks/useVirtualRows.js";
 import { useAnchoredPosition } from "./hooks/useAnchoredPosition.js";
 import { computePosition } from "./overlay-position.js";
-import { Button, ButtonGroup } from "./components/Button.js";
+import { Button, ButtonGroup, ButtonLink } from "./components/Button.js";
+import { UixLabelsProvider, useUixLabels } from "./labels-context.js";
+import { renderPlainLink } from "./link.js";
 import { Input, InputGroup } from "./components/Input.js";
 import { Combobox } from "./components/Combobox.js";
 import { filterComboboxOptions } from "./combobox-model.js";
@@ -17,7 +19,7 @@ import { Radio, RadioGroup } from "./components/Radio.js";
 import { Switch } from "./components/Switch.js";
 import { Field } from "./components/Field.js";
 import { Modal } from "./components/Modal.js";
-import { ConfirmDialog, PromptDialog } from "./components/Dialogs.js";
+import { ConfirmDialog, Popconfirm, PromptDialog } from "./components/Dialogs.js";
 import { Drawer } from "./components/Drawer.js";
 import { Peek } from "./components/Peek.js";
 import { Card, CardLink } from "./components/Card.js";
@@ -39,6 +41,7 @@ import { NavFavourites } from "./components/NavFavourites.js";
 import { Alert } from "./components/Alert.js";
 import { Spinner } from "./components/Spinner.js";
 import { Toast, Toaster } from "./components/Toast.js";
+import { toast, createToastStore, createToastApi, TOAST_LEAVE_MS } from "./toast-store.js";
 import {
   TableWrap,
   Table,
@@ -60,6 +63,9 @@ import { StatusPill } from "./components/StatusPill.js";
 import { Progress } from "./components/Progress.js";
 import { Meter } from "./components/Meter.js";
 import { Stat } from "./components/Stat.js";
+import { Chip, ChipGroup } from "./components/Chip.js";
+import { Kbd, KbdCombo } from "./components/Kbd.js";
+import { Steps, Step, DEFAULT_STEP_STATE_LABELS } from "./components/Steps.js";
 import { Tooltip } from "./components/Tooltip.js";
 import { InfoTip } from "./components/InfoTip.js";
 import { EmptyState, ErrorState, ForbiddenState, NotFoundState, FilteredEmptyState, Skeleton, LoadingState } from "./components/States.js";
@@ -78,6 +84,7 @@ import { Pipeline, PipelineStage } from "./components/Pipeline.js";
 import { Flow, FlowNode } from "./components/Flow.js";
 import { Prose, Note } from "./components/Prose.js";
 import { Popover } from "./components/Popover.js";
+import { Menu, MenuItem, MenuGroup, MenuSeparator } from "./components/Menu.js";
 import { CommandPalette, CommandGroup, CommandItem } from "./components/CommandPalette.js";
 import { Inbox, InboxList, InboxItem, InboxDetail } from "./components/Inbox.js";
 import { Kanban, KanbanColumn, KanbanCard } from "./components/Kanban.js";
@@ -150,11 +157,14 @@ export {
   BulkBar,
   Button,
   ButtonGroup,
+  ButtonLink,
   Card,
   CardLink,
   CellStrong,
   CellSub,
   Checkbox,
+  Chip,
+  ChipGroup,
   CollapsibleSection,
   ColorPicker,
   Combobox,
@@ -180,6 +190,7 @@ export {
   DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS,
   DEFAULT_SCHEDULING_CALENDAR_LABELS,
+  DEFAULT_STEP_STATE_LABELS,
   DateRangePicker,
   DescriptionItem,
   DescriptionList,
@@ -211,6 +222,8 @@ export {
   Kanban,
   KanbanCard,
   KanbanColumn,
+  Kbd,
+  KbdCombo,
   Label,
   LicensePositionBar,
   List,
@@ -218,6 +231,10 @@ export {
   LoadingState,
   Mark,
   MatchReview,
+  Menu,
+  MenuGroup,
+  MenuItem,
+  MenuSeparator,
   Meter,
   MetricInput,
   Modal,
@@ -234,6 +251,7 @@ export {
   Peek,
   Pipeline,
   PipelineStage,
+  Popconfirm,
   Popover,
   Progress,
   PromptDialog,
@@ -264,8 +282,11 @@ export {
   StatLine,
   StatusPill,
   StatusRow,
+  Step,
+  Steps,
   SubNavItem,
   Switch,
+  TOAST_LEAVE_MS,
   Tab,
   TabPanel,
   Table,
@@ -282,6 +303,7 @@ export {
   Tooltip,
   Tr,
   Tree,
+  UixLabelsProvider,
   UserChip,
   ViewMenu,
   addCalendarDays,
@@ -296,6 +318,8 @@ export {
   clusterIdFor,
   computePosition,
   contrastRatio,
+  createToastApi,
+  createToastStore,
   cx,
   enumerateDateSpan,
   filterComboboxOptions,
@@ -320,6 +344,7 @@ export {
   relationshipNeighbors,
   relativeTimeValue,
   removeRuleNode,
+  renderPlainLink,
   restoreBrandProfile,
   rgbToHex,
   rgbToHsv,
@@ -331,11 +356,13 @@ export {
   summarizeDiff,
   summarizeRule,
   toDateKey,
+  toast,
   traverseRelationshipNode,
   treeNav,
   useAnchoredPosition,
   useDialog,
   useTable,
+  useUixLabels,
   useVirtualRows,
   validateRuleDefinition,
   wrapEdgeLabel,

package/dist/labels-context.d.ts

@@ -0,0 +1,72 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { PaginationLabels } from './components/Pagination.js';
+import { SchedulingCalendarLabels } from './components/SchedulingCalendar.js';
+import { DateRangePickerLabels } from './components/DateRangePicker.js';
+import './link.js';
+import './calendar-model.js';
+
+/**
+ * Kit chrome strings by component (HAR-1358; TENSOR C20, MOTUS executive summary #3).
+ * Each entry overrides that component's English defaults for every instance below the
+ * provider; an explicit prop on one instance still wins.
+ *
+ * Client components read the provider. Server-renderable ones (`Pagination`, `BulkBar`)
+ * cannot read context: pass `labels` from `useUixLabels()` in a client parent, or translate
+ * on the server.
+ */
+interface UixLabels {
+    modal?: {
+        close?: string;
+    };
+    drawer?: {
+        close?: string;
+    };
+    peek?: {
+        previous?: string;
+        next?: string;
+        close?: string;
+    };
+    toast?: {
+        dismiss?: string;
+    };
+    toaster?: {
+        region?: string;
+    };
+    appShell?: {
+        skipToContent?: string;
+        exitFocus?: string;
+    };
+    sidebar?: {
+        expand?: string;
+        collapse?: string;
+    };
+    searchSuggest?: {
+        clear?: string;
+    };
+    commandPalette?: {
+        input?: string;
+    };
+    confirmDialog?: {
+        typeToConfirm?: string;
+        compensation?: string;
+    };
+    schedulingCalendar?: Partial<SchedulingCalendarLabels>;
+    dateRangePicker?: Partial<DateRangePickerLabels>;
+    /** Read by `useUixLabels()` callers; `Pagination` itself is server-safe and takes `labels`. */
+    pagination?: Partial<PaginationLabels>;
+    /** Read by `useUixLabels()` callers; `BulkBar` itself is server-safe and takes `label`. */
+    bulkBar?: {
+        region?: string;
+    };
+}
+interface UixLabelsProviderProps {
+    labels: UixLabels;
+    children?: ReactNode;
+}
+/** Translates kit chrome once for a subtree. Nested providers merge per component. */
+declare function UixLabelsProvider({ labels, children }: UixLabelsProviderProps): react.JSX.Element;
+/** The chrome strings in effect here (empty outside a provider). */
+declare function useUixLabels(): UixLabels;
+
+export { type UixLabels, UixLabelsProvider, type UixLabelsProviderProps, useUixLabels };

package/dist/labels-context.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+const UixLabelsContext = createContext({});
+function UixLabelsProvider({ labels, children }) {
+  const parent = useContext(UixLabelsContext);
+  const value = useMemo(() => {
+    const merged = { ...parent };
+    for (const [key, entry] of Object.entries(labels)) {
+      const inherited = parent[key];
+      merged[key] = inherited && entry ? { ...inherited, ...entry } : entry ?? inherited;
+    }
+    return merged;
+  }, [parent, labels]);
+  return /* @__PURE__ */ jsx(UixLabelsContext.Provider, { value, children });
+}
+function useUixLabels() {
+  return useContext(UixLabelsContext);
+}
+export {
+  UixLabelsProvider,
+  useUixLabels
+};

package/dist/link.d.ts

@@ -0,0 +1,20 @@
+import { AnchorHTMLAttributes, ReactNode } from 'react';
+
+/**
+ * What a `renderLink` callback receives (HAR-1348). Spread it onto your router's link
+ * so it keeps client navigation and prefetch: `renderLink={(p) => <NextLink {...p} />}`.
+ * Every UIx component that can render a link (`ButtonLink`, `Stat href`, `Pagination
+ * hrefFor`, `DetailPage`) takes the same callback, so one adapter serves them all.
+ */
+interface UixLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    href: string;
+    className?: string;
+    children?: ReactNode;
+}
+/** Renders a link with the consumer's router. Default: a plain `<a>`. */
+type UixRenderLink = (props: UixLinkProps) => ReactNode;
+declare const renderPlainLink: UixRenderLink;
+/** Calls the consumer's `renderLink`, falling back to a plain `<a>` when it returns nothing. */
+declare function renderUixLink(renderLink: UixRenderLink | undefined, props: UixLinkProps): ReactNode;
+
+export { type UixLinkProps, type UixRenderLink, renderPlainLink, renderUixLink };

package/dist/link.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+const renderPlainLink = (props) => /* @__PURE__ */ jsx("a", { ...props });
+function renderUixLink(renderLink, props) {
+  return renderLink?.(props) ?? renderPlainLink(props);
+}
+export {
+  renderPlainLink,
+  renderUixLink
+};

package/dist/toast-store.d.ts

@@ -0,0 +1,98 @@
+import { ReactNode } from 'react';
+
+/**
+ * The imperative toast queue behind `toast()` (HAR-1363; TENSOR A2/C3, MOTUS A3/A4/C-13).
+ * Plain module state, no React: mutation helpers and server-action wrappers can call
+ * `toast.success(...)` from anywhere on the client; every mounted `Toaster` subscribed to
+ * the store renders it. Timing (auto-dismiss, pause on hover/focus/hidden tab) belongs to the
+ * `Toaster`, because it depends on what the user is looking at.
+ */
+type ToastKind = 'success' | 'error' | 'warning' | 'info' | 'loading' | 'default';
+interface ToastAction {
+    label: string;
+    /** Runs, then the toast closes (reason `"action"`). */
+    onClick: () => void;
+}
+/** Why a toast closed. */
+type ToastDismissReason = 'timeout' | 'close' | 'action' | 'programmatic';
+interface ToastOptions {
+    /** Reuse an id to replace a toast in place instead of stacking a duplicate. */
+    id?: string;
+    /** A second, quieter line. */
+    description?: ReactNode;
+    /**
+     * Milliseconds on screen while visible and not paused. `null` keeps it until dismissed.
+     * Defaults: success/info/default 5 s, warning 8 s, error and loading stay.
+     */
+    duration?: number | null;
+    action?: ToastAction;
+    /** Replaces the tone glyph. */
+    icon?: ReactNode;
+    /** Called once when the toast closes, with the reason. */
+    onDismiss?: (reason: ToastDismissReason) => void;
+}
+interface ToastRecord {
+    id: string;
+    kind: ToastKind;
+    message: ReactNode;
+    description?: ReactNode;
+    duration: number | null;
+    action?: ToastAction;
+    icon?: ReactNode;
+    /** Set while the leave animation runs; the record is removed after it. */
+    leaving?: boolean;
+    /** Bumped on every update, so a Toaster restarts the toast's timer. */
+    version: number;
+    onDismiss?: (reason: ToastDismissReason) => void;
+}
+interface ToastPromiseMessages<T> {
+    loading: ReactNode;
+    success: ReactNode | ((value: T) => ReactNode);
+    error: ReactNode | ((error: unknown) => ReactNode);
+}
+interface UndoableToastOptions extends Omit<ToastOptions, 'action' | 'onDismiss'> {
+    /** The user pressed Undo: revert the optimistic change. `onCommit` is not called. */
+    onUndo: () => void;
+    /** The toast closed without Undo (timeout, ×, or a later dismiss): make the change final. */
+    onCommit: () => void;
+    /** Default "Undo". */
+    undoLabel?: string;
+}
+interface ToastStore {
+    show: (kind: ToastKind, message: ReactNode, options?: ToastOptions) => string;
+    update: (id: string, patch: Partial<Omit<ToastRecord, 'id' | 'version'>>) => void;
+    dismiss: (id?: string, reason?: ToastDismissReason) => void;
+    subscribe: (listener: () => void) => () => void;
+    getSnapshot: () => readonly ToastRecord[];
+}
+/** How long the leave animation gets before the record is removed. */
+declare const TOAST_LEAVE_MS = 200;
+/** A separate queue, e.g. per test or per embedded app. Most products use the default `toast`. */
+declare function createToastStore(): ToastStore;
+interface ToastApi {
+    (message: ReactNode, options?: ToastOptions): string;
+    success: (message: ReactNode, options?: ToastOptions) => string;
+    error: (message: ReactNode, options?: ToastOptions) => string;
+    warning: (message: ReactNode, options?: ToastOptions) => string;
+    info: (message: ReactNode, options?: ToastOptions) => string;
+    loading: (message: ReactNode, options?: ToastOptions) => string;
+    /** Close one toast, or every toast without an id. */
+    dismiss: (id?: string) => void;
+    /** Change a toast in place (message, kind, description, duration, action). */
+    update: (id: string, patch: Partial<Omit<ToastRecord, 'id' | 'version'>>) => void;
+    /** A loading toast that turns into success or error when the promise settles. Returns the promise. */
+    promise: <T>(promise: Promise<T>, messages: ToastPromiseMessages<T>, options?: ToastOptions) => Promise<T>;
+    /**
+     * An optimistic action with an Undo button (TENSOR C2 `useUndoableAction`): `onCommit` runs
+     * when the toast closes without Undo; `onUndo` runs instead when Undo is pressed.
+     */
+    undoable: (message: ReactNode, options: UndoableToastOptions) => string;
+    /** The store this API writes to; pass it to `<Toaster store>` for a non-default queue. */
+    store: ToastStore;
+}
+/** Binds the `toast()` API to a store. */
+declare function createToastApi(store: ToastStore): ToastApi;
+/** The default queue; a `<Toaster />` without a `store` prop renders it. */
+declare const toast: ToastApi;
+
+export { TOAST_LEAVE_MS, type ToastAction, type ToastApi, type ToastDismissReason, type ToastKind, type ToastOptions, type ToastPromiseMessages, type ToastRecord, type ToastStore, type UndoableToastOptions, createToastApi, createToastStore, toast };

package/dist/toast-store.js

@@ -0,0 +1,110 @@
+const DEFAULT_DURATION = {
+  success: 5e3,
+  info: 5e3,
+  default: 5e3,
+  warning: 8e3,
+  error: null,
+  loading: null
+};
+const TOAST_LEAVE_MS = 200;
+let counter = 0;
+function createToastStore() {
+  let records = [];
+  const listeners = /* @__PURE__ */ new Set();
+  const emit = () => {
+    for (const listener of listeners) listener();
+  };
+  const set = (next) => {
+    records = next;
+    emit();
+  };
+  const show = (kind, message, options = {}) => {
+    const id = options.id ?? `uix-toast-${++counter}`;
+    const record = {
+      id,
+      kind,
+      message,
+      description: options.description,
+      duration: options.duration === void 0 ? DEFAULT_DURATION[kind] : options.duration,
+      action: options.action,
+      icon: options.icon,
+      onDismiss: options.onDismiss,
+      version: 0
+    };
+    const existing = records.find((r) => r.id === id);
+    set(existing ? records.map((r) => r.id === id ? { ...record, version: r.version + 1 } : r) : [...records, record]);
+    return id;
+  };
+  const update = (id, patch) => {
+    if (!records.some((r) => r.id === id)) return;
+    set(records.map((r) => {
+      if (r.id !== id) return r;
+      const kind = patch.kind ?? r.kind;
+      const duration = "duration" in patch ? patch.duration ?? null : patch.kind ? DEFAULT_DURATION[kind] : r.duration;
+      return { ...r, ...patch, kind, duration, leaving: false, version: r.version + 1 };
+    }));
+  };
+  const dismiss = (id, reason = "programmatic") => {
+    const closing = records.filter((r) => (id === void 0 || r.id === id) && !r.leaving);
+    if (closing.length === 0) return;
+    const ids = new Set(closing.map((r) => r.id));
+    set(records.map((r) => ids.has(r.id) ? { ...r, leaving: true } : r));
+    for (const r of closing) r.onDismiss?.(reason);
+    const remove = () => set(records.filter((r) => !(ids.has(r.id) && r.leaving)));
+    if (typeof setTimeout === "function") setTimeout(remove, TOAST_LEAVE_MS);
+    else remove();
+  };
+  return {
+    show,
+    update,
+    dismiss,
+    subscribe: (listener) => {
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+      };
+    },
+    getSnapshot: () => records
+  };
+}
+function createToastApi(store) {
+  const api = ((message, options) => store.show("default", message, options));
+  api.success = (message, options) => store.show("success", message, options);
+  api.error = (message, options) => store.show("error", message, options);
+  api.warning = (message, options) => store.show("warning", message, options);
+  api.info = (message, options) => store.show("info", message, options);
+  api.loading = (message, options) => store.show("loading", message, options);
+  api.dismiss = (id) => store.dismiss(id, "programmatic");
+  api.update = (id, patch) => store.update(id, patch);
+  api.promise = (promise, messages, options) => {
+    const id = store.show("loading", messages.loading, options);
+    promise.then(
+      (value) => store.update(id, { kind: "success", message: typeof messages.success === "function" ? messages.success(value) : messages.success }),
+      (error) => store.update(id, { kind: "error", message: typeof messages.error === "function" ? messages.error(error) : messages.error })
+    );
+    return promise;
+  };
+  api.undoable = (message, { onUndo, onCommit, undoLabel = "Undo", duration = 6e3, ...options }) => {
+    let undone = false;
+    return store.show("default", message, {
+      ...options,
+      duration,
+      action: { label: undoLabel, onClick: () => {
+        undone = true;
+        onUndo();
+      } },
+      onDismiss: () => {
+        if (!undone) onCommit();
+      }
+    });
+  };
+  api.store = store;
+  return api;
+}
+const toast = createToastApi(createToastStore());
+export {
+  TOAST_LEAVE_MS,
+  createToastApi,
+  createToastStore,
+  toast
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tensor_1/react",
-  "version": "2.26.3",
+  "version": "2.28.0",
   "description": "Thin React wrappers over the UIx v2 CSS component library.",
   "license": "UNLICENSED",
   "type": "module",