@tensor_1/react 2.26.2 → 2.27.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';
@@ -46,6 +48,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 +69,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 +80,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";
@@ -60,6 +62,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 +83,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 +156,14 @@ export {
   BulkBar,
   Button,
   ButtonGroup,
+  ButtonLink,
   Card,
   CardLink,
   CellStrong,
   CellSub,
   Checkbox,
+  Chip,
+  ChipGroup,
   CollapsibleSection,
   ColorPicker,
   Combobox,
@@ -180,6 +189,7 @@ export {
   DEFAULT_RULE_BUILDER_LABELS,
   DEFAULT_SAVE_STATUS_LABELS,
   DEFAULT_SCHEDULING_CALENDAR_LABELS,
+  DEFAULT_STEP_STATE_LABELS,
   DateRangePicker,
   DescriptionItem,
   DescriptionList,
@@ -211,6 +221,8 @@ export {
   Kanban,
   KanbanCard,
   KanbanColumn,
+  Kbd,
+  KbdCombo,
   Label,
   LicensePositionBar,
   List,
@@ -218,6 +230,10 @@ export {
   LoadingState,
   Mark,
   MatchReview,
+  Menu,
+  MenuGroup,
+  MenuItem,
+  MenuSeparator,
   Meter,
   MetricInput,
   Modal,
@@ -234,6 +250,7 @@ export {
   Peek,
   Pipeline,
   PipelineStage,
+  Popconfirm,
   Popover,
   Progress,
   PromptDialog,
@@ -264,6 +281,8 @@ export {
   StatLine,
   StatusPill,
   StatusRow,
+  Step,
+  Steps,
   SubNavItem,
   Switch,
   Tab,
@@ -282,6 +301,7 @@ export {
   Tooltip,
   Tr,
   Tree,
+  UixLabelsProvider,
   UserChip,
   ViewMenu,
   addCalendarDays,
@@ -320,6 +340,7 @@ export {
   relationshipNeighbors,
   relativeTimeValue,
   removeRuleNode,
+  renderPlainLink,
   restoreBrandProfile,
   rgbToHex,
   rgbToHsv,
@@ -336,6 +357,7 @@ export {
   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/{overlay-position-CEGSz6Z2.d.cts → overlay-position-Cjv5E7mn.d.cts}

@@ -39,6 +39,13 @@ interface PositionOptions {
     flip?: boolean;
     /** Slide along the cross axis to stay on-screen. Default true. */
     shift?: boolean;
+    /**
+     * The side the element is already on, while it stays open. It is kept unless it no longer
+     * fits AND the opposite side does, so a size change or a small scroll never flips an open
+     * overlay back and forth. Ignored when it is not on `placement`'s axis. Unset = decide from
+     * `placement` alone (an overlay that is opening).
+     */
+    stickySide?: Side;
 }
 interface PositionResult {
     /** Viewport-space left, for `position: fixed`. */

package/dist/overlay-position.d.ts

@@ -39,6 +39,13 @@ interface PositionOptions {
     flip?: boolean;
     /** Slide along the cross axis to stay on-screen. Default true. */
     shift?: boolean;
+    /**
+     * The side the element is already on, while it stays open. It is kept unless it no longer
+     * fits AND the opposite side does, so a size change or a small scroll never flips an open
+     * overlay back and forth. Ignored when it is not on `placement`'s axis. Unset = decide from
+     * `placement` alone (an overlay that is opening).
+     */
+    stickySide?: Side;
 }
 interface PositionResult {
     /** Viewport-space left, for `position: fixed`. */

package/dist/overlay-position.js

@@ -21,10 +21,15 @@ function fitsOn(side, a, f, vp, offset, padding) {
   return spaceOn(side, a, vp, offset) >= need + padding;
 }
 function computePosition(anchor, floating, viewport, options = {}) {
-  const { placement = "bottom-start", offset = 6, padding = 8, flip = true, shift = true } = options;
+  const { placement = "bottom-start", offset = 6, padding = 8, flip = true, shift = true, stickySide } = options;
   const { side: preferred, align } = parsePlacement(placement);
   let side = preferred;
-  if (flip && !fitsOn(side, anchor, floating, viewport, offset, padding)) {
+  const sticky = stickySide === preferred || stickySide === OPPOSITE[preferred] ? stickySide : void 0;
+  if (flip && sticky) {
+    side = sticky;
+    const opp = OPPOSITE[side];
+    if (!fitsOn(side, anchor, floating, viewport, offset, padding) && fitsOn(opp, anchor, floating, viewport, offset, padding)) side = opp;
+  } else if (flip && !fitsOn(side, anchor, floating, viewport, offset, padding)) {
     const opp = OPPOSITE[side];
     if (fitsOn(opp, anchor, floating, viewport, offset, padding) || spaceOn(opp, anchor, viewport, offset) > spaceOn(side, anchor, viewport, offset)) {
       side = opp;