@persona/design-system 0.1.5-pre.4 → 0.1.6

package/dist/TableBoxCell-DJz423uN.d.cts

@@ -0,0 +1,242 @@
+import { o as ComboboxOptionsOrGroups } from "./ComboboxBase-d98GJD-k.cjs";
+import { a as TableCellProps, i as TableCell } from "./index-Bp3vEph6.cjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-CZwVgei6.cjs";
+import { n as ReorderConfig, t as DragDirection } from "./useTableBoxDragAndDrop-hrESBhKb.cjs";
+import { t as RowAction } from "./TableBoxRowActions-VDAOxNDG.cjs";
+import * as _$react from "react";
+import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/TableBox/TableBox.d.ts
+interface InlineEditConfig {
+  type: 'text' | 'combobox';
+  options?: ComboboxOptionsOrGroups;
+  /**
+   * Whether to render the combobox dropdown in a portal (breaks out of overflow containers)
+   */
+  useComboboxPortal?: boolean;
+  /**
+   * When true, the combobox dropdown will use the table row as the containerRef,
+   * allowing the dropdown to span the full width of the row. Passing true will also
+   * automatically set useComboboxPortal to true, since the positioning logic relies on
+   * portaling. Defaults to false.
+   */
+  fullWidthComboboxDropdown?: boolean;
+  /**
+   * Whether to support multiline text input. When true, renders a textarea instead of input.
+   * Default state: limits display to 2 lines with ellipsis.
+   * Focused/editing state: expands to show all lines.
+   * Only applies when type is 'text'. Defaults to false.
+   */
+  multiline?: boolean;
+  /** Ellipsize the closed-state display instead of letting it overflow. Combobox only; off by default to preserve existing layouts. */
+  truncateDisplay?: boolean;
+  placeholder?: string;
+  onChange: (id: string, value: string) => void;
+}
+interface TableBoxContextValue {
+  disabled: boolean;
+  newRowId?: string | null;
+  columns: Array<{
+    key: string;
+    title: string;
+    inlineEditConfig?: InlineEditConfig;
+  }>;
+  selectedKey: string | null;
+  selectionMode: 'single' | 'none';
+  onRowClick: (rowId: string) => void;
+  tableBoxId: string;
+  rowDropdownId: string;
+  /**
+   * True when the TableBox has a `reorderConfig` set. Rows use this to know
+   * whether to render a leading drag-handle cell and wire up `useSortable`.
+   */
+  isReorderable: boolean;
+  /**
+   * Current vertical direction of the active drag, or `null` when no drag is
+   * in progress. Rows use this to position the drop indicator on a neighbor
+   * when the pointer is in dnd-kit's "dead zone" (`overIndex === activeIndex`).
+   */
+  draggedDirection: DragDirection;
+  /**
+   * Registry of row content keyed by row id. Rows write their content here so
+   * the DragOverlay can render the dragged row. `null` when reordering is
+   * disabled.
+   */
+  rowRegistry: React.MutableRefObject<Map<string, React.ReactNode>> | null;
+  /**
+   * True when the TableBox renders a dedicated sticky trailing column for
+   * row actions. False when `disableHorizontalScroll` is set, in which case
+   * actions are injected into the last data cell instead.
+   */
+  hasActionsColumn: boolean;
+  /**
+   * True when the scroll container is using `overflow-x: auto`. Cells force
+   * inline-edit combobox dropdowns into a portal in this case so they aren't
+   * clipped by the auto-overflow box.
+   */
+  hasHorizontalOverflow: boolean;
+  /**
+   * Called by inline-edit cells when editing starts or ends. TableBox uses
+   * this to lock column widths (table-layout: fixed) for the duration of the
+   * edit so the input swap doesn't cause a layout reflow.
+   */
+  onEditingChange: (isEditing: boolean) => void;
+  /** Schedules row creation after the current inline edit has rendered. */
+  scheduleCreateNewRowAfterCommit?: () => void;
+}
+declare const TableBoxContext: _$react.Context<TableBoxContextValue | null>;
+interface TableBoxProps<T extends object = object> {
+  /** Text to display if no rows are available. */
+  emptyText?: string;
+  /** Selected key for the table. */
+  selectedKey?: string | null;
+  /** Default selected key for the table (uncontrolled mode). */
+  defaultSelectedKey?: string | null;
+  /** Called when selection changes. */
+  onSelectionChange?: (selectedKey: string | null) => void;
+  /**
+   * Selection mode for the table. 'single' allows one row to be selected at a time,
+   * 'none' disables row selection entirely.
+   */
+  selectionMode?: 'single' | 'none';
+  /** ARIA label for the table. */
+  'aria-label': string;
+  /** Column definitions for the table headers. */
+  columns: Array<{
+    key: string;
+    title: string; /** Inline edit configuration for this column */
+    inlineEditConfig?: InlineEditConfig;
+  }>;
+  /** ID of the newly created row that should be focused */
+  newRowId?: string | null;
+  /** Creates a row after a single-line inline edit is committed with Enter. */
+  onCreateNewRow?: () => void;
+  /** When true, table content remains viewable but row mutations and inline editing are disabled. */
+  disabled?: boolean;
+  /**
+   * Opt out of the horizontally-scrolling layout and restore the legacy
+   * behavior where the table is locked to its container width and long cell
+   * values are truncated (`table-layout: fixed`, `width: 100%`, no sticky
+   * first column, no horizontal overflow).
+   *
+   * Use this for callers that expect the table to always fit inside a
+   * narrow container and don't benefit from a scroll affordance — e.g.
+   * small summary tables whose content is known to fit.
+   *
+   * Defaults to `false` (horizontal scrolling + sticky first column).
+   * Automatically forced to `true` when any column declares
+   * `inlineEditConfig`, since inline editing requires a stable
+   * non-scrolling layout.
+   */
+  disableHorizontalScroll?: boolean;
+  /**
+   * When provided, enables drag and drop row reordering. Mirrors the
+   * `reorderConfig` API on `ListBox`, but since `TableBox` renders rows from
+   * children rather than an `items` prop, the item array lives inside
+   * `reorderConfig`.
+   */
+  reorderConfig?: ReorderConfig<T>;
+  /**
+   * Hide the column header row. Useful for single-column tables where the
+   * surrounding `FormField` label already describes the data, so the column
+   * title would be visually redundant.
+   *
+   * When true, the first body row's top corners are rounded to match the
+   * outer container, since there's no header cell to provide that rounding.
+   *
+   * Defaults to `false`.
+   */
+  hideHeader?: boolean;
+}
+declare const PinnedActionsCell: _$styled_components0.StyledComponent<"td", any, {
+  role: "cell";
+} & TableCellProps, "role">;
+declare const TableBox: {
+  <T extends object>({
+    children,
+    emptyText,
+    selectedKey,
+    defaultSelectedKey,
+    columns,
+    onSelectionChange,
+    selectionMode,
+    newRowId,
+    onCreateNewRow: onCreateNewRowProp,
+    disabled,
+    reorderConfig,
+    disableHorizontalScroll: disableHorizontalScrollProp,
+    hideHeader,
+    "aria-label": ariaLabel,
+    ...props
+  }: PropsWithChildren<TableBoxProps<T>>): _$react_jsx_runtime0.JSX.Element;
+  Row: ({
+    children,
+    actions,
+    onDelete,
+    id,
+    dropdownFormFields,
+    dropdownContent,
+    dropdownHeadingText,
+    dropdownFooter,
+    ...props
+  }: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
+  Cell: ({
+    children,
+    itemId,
+    value,
+    columnKey,
+    isLastCell,
+    actions,
+    onDelete,
+    inlineEditConfigOverride,
+    ...props
+  }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+//#region components/TableBox/TableBoxCell.d.ts
+interface TableBoxCellProps extends ComponentPropsWithoutRef<typeof TableCell> {
+  /** The id of the item the cell belongs to */
+  itemId?: string;
+  /** Initial value for the cell */
+  value?: string;
+  /** The column key this cell belongs to. Used to look up the change handler from context. */
+  columnKey?: string;
+  /**
+   * Whether this is the last cell in the row. Set automatically by
+   * `TableBoxRow` so that, in fixed-layout mode (no dedicated trailing
+   * actions column), the cell can host the row's actions / delete button.
+   */
+  isLastCell?: boolean;
+  /**
+   * Row actions, only injected by `TableBoxRow` when actions live inside
+   * the last data cell (fixed-layout mode).
+   */
+  actions?: RowAction[];
+  /**
+   * Delete handler, only injected by `TableBoxRow` when delete lives inside
+   * the last data cell (fixed-layout mode).
+   */
+  onDelete?: (id: string | number) => void;
+  /**
+   * Cell-specific inline edit configuration.
+   * Properties provided here will override the column-level configuration.
+   * Useful for per-row customization of options, onChange handlers, etc.
+   */
+  inlineEditConfigOverride?: Partial<InlineEditConfig>;
+}
+declare const TableBoxCell: ({
+  children,
+  itemId,
+  value,
+  columnKey,
+  isLastCell,
+  actions,
+  onDelete,
+  inlineEditConfigOverride,
+  ...props
+}: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableBox as a, PinnedActionsCell as i, TableBoxCellProps as n, TableBoxContext as o, InlineEditConfig as r, TableBoxProps as s, TableBoxCell as t };
+//# sourceMappingURL=TableBoxCell-DJz423uN.d.cts.map

package/dist/TableBoxCell.d.cts

@@ -0,0 +1,2 @@
+import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-DJz423uN.cjs";
+export { TableBoxCellProps, TableBoxCell as default };

package/dist/TableBoxCell.d.mts

@@ -0,0 +1,2 @@
+import { n as TableBoxCellProps, t as TableBoxCell } from "./TableBoxCell-CEvOcGYa.mjs";
+export { TableBoxCellProps, TableBoxCell as default };

package/dist/TableBoxField.d.cts

@@ -0,0 +1,84 @@
+import { l as MenuItemProps } from "./Menu-C_NOsHAm.cjs";
+import { ImplementsFormField } from "./inputFields.cjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-CZwVgei6.cjs";
+import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-DJz423uN.cjs";
+import { MouseEvent, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/FormField/TableBoxField.d.ts
+interface TableBoxFieldAction extends Omit<MenuItemProps, 'children'> {
+  label: string;
+  onClick: (selectedKey: TableBoxProps['selectedKey']) => void;
+}
+interface AddDropdownConfig {
+  options: Array<{
+    label: string;
+    value: string;
+  }>;
+  onSelection: (value: string) => void;
+}
+interface TableBoxFieldProps<T extends object = object> extends ImplementsFormField, Omit<TableBoxProps<T>, 'aria-label' | 'onCreateNewRow'> {
+  onAdd?: (e: MouseEvent<HTMLButtonElement>) => void;
+  onDelete?: (selectedKey: string | null) => void;
+  deleteDisabled?: boolean;
+  actions?: TableBoxFieldAction[];
+  addDropdownConfig?: AddDropdownConfig;
+  /**
+   * Callback to create a new row and add it to the rows array
+   * Should return the id of the newly created row
+   */
+  createNewRow?: () => string;
+  children?: ReactNode;
+}
+declare const TableBoxField: {
+  <T extends object = object>({
+    label,
+    helperText,
+    errorText,
+    warningText,
+    labelProps: labelPropsProp,
+    helperProps,
+    errorProps,
+    warningProps,
+    inputId,
+    onAdd,
+    onDelete,
+    deleteDisabled,
+    configField: configFieldProp,
+    actions,
+    addDropdownConfig,
+    selectedKey: selectedKeyProp,
+    onSelectionChange,
+    defaultSelectedKey,
+    selectionMode,
+    disabled,
+    createNewRow,
+    children,
+    emptyText,
+    ...props
+  }: TableBoxFieldProps<T>): _$react_jsx_runtime0.JSX.Element;
+  Row: ({
+    children,
+    actions,
+    onDelete,
+    id,
+    dropdownFormFields,
+    dropdownContent,
+    dropdownHeadingText,
+    dropdownFooter,
+    ...props
+  }: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
+  Cell: ({
+    children,
+    itemId,
+    value,
+    columnKey,
+    isLastCell,
+    actions,
+    onDelete,
+    inlineEditConfigOverride,
+    ...props
+  }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
+};
+export = TableBoxField;
+//# sourceMappingURL=TableBoxField.d.cts.map

package/dist/TableBoxField.d.mts

@@ -0,0 +1,85 @@
+import { l as MenuItemProps } from "./Menu-CSgCXX0k.mjs";
+import { ImplementsFormField } from "./inputFields.mjs";
+import { r as TableBoxRowProps } from "./TableBoxRow-LyHvITwZ.mjs";
+import { n as TableBoxCellProps, s as TableBoxProps } from "./TableBoxCell-CEvOcGYa.mjs";
+import { MouseEvent, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/FormField/TableBoxField.d.ts
+interface TableBoxFieldAction extends Omit<MenuItemProps, 'children'> {
+  label: string;
+  onClick: (selectedKey: TableBoxProps['selectedKey']) => void;
+}
+interface AddDropdownConfig {
+  options: Array<{
+    label: string;
+    value: string;
+  }>;
+  onSelection: (value: string) => void;
+}
+interface TableBoxFieldProps<T extends object = object> extends ImplementsFormField, Omit<TableBoxProps<T>, 'aria-label' | 'onCreateNewRow'> {
+  onAdd?: (e: MouseEvent<HTMLButtonElement>) => void;
+  onDelete?: (selectedKey: string | null) => void;
+  deleteDisabled?: boolean;
+  actions?: TableBoxFieldAction[];
+  addDropdownConfig?: AddDropdownConfig;
+  /**
+   * Callback to create a new row and add it to the rows array
+   * Should return the id of the newly created row
+   */
+  createNewRow?: () => string;
+  children?: ReactNode;
+}
+declare const TableBoxField: {
+  <T extends object = object>({
+    label,
+    helperText,
+    errorText,
+    warningText,
+    labelProps: labelPropsProp,
+    helperProps,
+    errorProps,
+    warningProps,
+    inputId,
+    onAdd,
+    onDelete,
+    deleteDisabled,
+    configField: configFieldProp,
+    actions,
+    addDropdownConfig,
+    selectedKey: selectedKeyProp,
+    onSelectionChange,
+    defaultSelectedKey,
+    selectionMode,
+    disabled,
+    createNewRow,
+    children,
+    emptyText,
+    ...props
+  }: TableBoxFieldProps<T>): _$react_jsx_runtime0.JSX.Element;
+  Row: ({
+    children,
+    actions,
+    onDelete,
+    id,
+    dropdownFormFields,
+    dropdownContent,
+    dropdownHeadingText,
+    dropdownFooter,
+    ...props
+  }: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
+  Cell: ({
+    children,
+    itemId,
+    value,
+    columnKey,
+    isLastCell,
+    actions,
+    onDelete,
+    inlineEditConfigOverride,
+    ...props
+  }: TableBoxCellProps) => _$react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { TableBoxField as default };
+//# sourceMappingURL=TableBoxField.d.mts.map

package/dist/TableBoxRow-CZwVgei6.d.cts

@@ -0,0 +1,77 @@
+import { l as MenuItemProps } from "./Menu-C_NOsHAm.cjs";
+import { t as TableRow } from "./TableRow-BfGJSGZH.cjs";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/TableBox/TableBoxRow.d.ts
+interface TableBoxRowProps extends ComponentPropsWithoutRef<typeof TableRow> {
+  /**
+   * Actions to display in a dropdown menu.
+   * Supports all props from `MenuItem`.
+   */
+  actions?: Array<{
+    label: string;
+    onClick: () => void;
+  } & Omit<MenuItemProps, 'children'>>;
+  /**
+   * Called when the delete (X) icon is clicked. Only renders item-level delete icon if this prop is present.
+   * Receives the item's id as a parameter.
+   */
+  onDelete?: (id: string | number) => void;
+  /**
+   * Form fields to be rendered inside a row dropdown popover.
+   * The configField prop will be set to true for all fields via FormGroupContext.
+   * Dropdown will be opened when the row is selected.
+   */
+  dropdownFormFields?: ReactNode;
+  /**
+   * Content to be rendered inside the row dropdown popover.
+   * Dropdown will be opened when the row is selected.
+   */
+  dropdownContent?: ReactNode;
+  /**
+   * Optional heading text to display in the row dropdown popover.
+   * Either dropdownFormFields or dropdownContent must also be provided,
+   * otherwise the dropdown will not be rendered.
+   */
+  dropdownHeadingText?: string;
+  /**
+   * Footer to be rendered inside the row dropdown popover.
+   * Either dropdownFormFields or dropdownContent must also be provided,
+   * otherwise the dropdown will not be rendered.
+   */
+  dropdownFooter?: ReactNode;
+}
+declare const TableBoxRow: ({
+  children,
+  actions,
+  onDelete,
+  id,
+  dropdownFormFields,
+  dropdownContent,
+  dropdownHeadingText,
+  dropdownFooter,
+  ...props
+}: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
+/**
+ * Visual clone of a `TableBoxRow` used inside `@dnd-kit`'s `DragOverlay`.
+ * Renders a minimal table wrapper with a static drag-handle cell followed by
+ * the original row's cells, so the portaled overlay looks identical to the
+ * dragged row while it follows the pointer.
+ *
+ * `cellWidths` is the measured width (in px) of each `<td>` in the source
+ * row at drag start, in source order (drag handle cell first, then content
+ * cells). Applied via a `<colgroup>` with `table-layout: fixed` so the
+ * overlay's columns align 1:1 with the source table instead of re-flowing
+ * to the single row's content.
+ */
+declare const TableBoxRowOverlay: ({
+  children,
+  cellWidths
+}: {
+  children: ReactNode;
+  cellWidths: number[];
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableBoxRowOverlay as n, TableBoxRowProps as r, TableBoxRow as t };
+//# sourceMappingURL=TableBoxRow-CZwVgei6.d.cts.map

package/dist/TableBoxRow-LyHvITwZ.d.mts

@@ -0,0 +1,77 @@
+import { l as MenuItemProps } from "./Menu-CSgCXX0k.mjs";
+import { t as TableRow } from "./TableRow-CjQmDmfx.mjs";
+import { ComponentPropsWithoutRef, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/TableBox/TableBoxRow.d.ts
+interface TableBoxRowProps extends ComponentPropsWithoutRef<typeof TableRow> {
+  /**
+   * Actions to display in a dropdown menu.
+   * Supports all props from `MenuItem`.
+   */
+  actions?: Array<{
+    label: string;
+    onClick: () => void;
+  } & Omit<MenuItemProps, 'children'>>;
+  /**
+   * Called when the delete (X) icon is clicked. Only renders item-level delete icon if this prop is present.
+   * Receives the item's id as a parameter.
+   */
+  onDelete?: (id: string | number) => void;
+  /**
+   * Form fields to be rendered inside a row dropdown popover.
+   * The configField prop will be set to true for all fields via FormGroupContext.
+   * Dropdown will be opened when the row is selected.
+   */
+  dropdownFormFields?: ReactNode;
+  /**
+   * Content to be rendered inside the row dropdown popover.
+   * Dropdown will be opened when the row is selected.
+   */
+  dropdownContent?: ReactNode;
+  /**
+   * Optional heading text to display in the row dropdown popover.
+   * Either dropdownFormFields or dropdownContent must also be provided,
+   * otherwise the dropdown will not be rendered.
+   */
+  dropdownHeadingText?: string;
+  /**
+   * Footer to be rendered inside the row dropdown popover.
+   * Either dropdownFormFields or dropdownContent must also be provided,
+   * otherwise the dropdown will not be rendered.
+   */
+  dropdownFooter?: ReactNode;
+}
+declare const TableBoxRow: ({
+  children,
+  actions,
+  onDelete,
+  id,
+  dropdownFormFields,
+  dropdownContent,
+  dropdownHeadingText,
+  dropdownFooter,
+  ...props
+}: TableBoxRowProps) => _$react_jsx_runtime0.JSX.Element;
+/**
+ * Visual clone of a `TableBoxRow` used inside `@dnd-kit`'s `DragOverlay`.
+ * Renders a minimal table wrapper with a static drag-handle cell followed by
+ * the original row's cells, so the portaled overlay looks identical to the
+ * dragged row while it follows the pointer.
+ *
+ * `cellWidths` is the measured width (in px) of each `<td>` in the source
+ * row at drag start, in source order (drag handle cell first, then content
+ * cells). Applied via a `<colgroup>` with `table-layout: fixed` so the
+ * overlay's columns align 1:1 with the source table instead of re-flowing
+ * to the single row's content.
+ */
+declare const TableBoxRowOverlay: ({
+  children,
+  cellWidths
+}: {
+  children: ReactNode;
+  cellWidths: number[];
+}) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { TableBoxRowOverlay as n, TableBoxRowProps as r, TableBoxRow as t };
+//# sourceMappingURL=TableBoxRow-LyHvITwZ.d.mts.map

package/dist/TableBoxRow.d.cts

@@ -0,0 +1,2 @@
+import { n as TableBoxRowOverlay, r as TableBoxRowProps, t as TableBoxRow } from "./TableBoxRow-CZwVgei6.cjs";
+export { TableBoxRowOverlay, TableBoxRowProps, TableBoxRow as default };

package/dist/TableBoxRow.d.mts

@@ -0,0 +1,2 @@
+import { n as TableBoxRowOverlay, r as TableBoxRowProps, t as TableBoxRow } from "./TableBoxRow-LyHvITwZ.mjs";
+export { TableBoxRowOverlay, TableBoxRowProps, TableBoxRow as default };

package/dist/TableBoxRowActions-C8SAxrYG.d.mts

@@ -0,0 +1,57 @@
+import { l as MenuItemProps } from "./Menu-CSgCXX0k.mjs";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/TableBox/TableBoxRowActions.d.ts
+type RowAction = {
+  label: string;
+  onClick: () => void;
+} & Omit<MenuItemProps, 'children'>;
+declare const RowActionsContainerWithFadeWidth: number;
+/**
+ * Container for row-level actions (`actions` menu and/or delete `X`). Used
+ * in two layouts:
+ *
+ * - **Dedicated trailing column** (`$inDedicatedColumn=true`, the default
+ *   for horizontal-scroll mode): laid out in normal flow inside
+ *   `PinnedActionsCell`.
+ * - **Overlaid in last data cell** (`$inDedicatedColumn=false`,
+ *   `disableHorizontalScroll` mode): absolutely positioned on top of the
+ *   last cell's content with a fade gradient so it overlaps text on hover.
+ *
+ * Other variant props:
+ * - `$hasCombobox` — last data column is an inline combobox; we use auto
+ *   width so the caret↔first-action gap matches the action↔delete gap, and
+ *   we drop the gradient so there's no fade running over the caret.
+ * - `$hasDelete` — fade the container in only on hover, mirroring the
+ *   legacy "show delete on hover" behavior.
+ */
+declare const RowActionsContainer: _$styled_components0.StyledComponent<"div", any, {
+  $hasActions?: boolean;
+  $hasDelete?: boolean;
+  $hasCombobox?: boolean;
+  $inDedicatedColumn?: boolean;
+}, never>;
+interface RowActionsProps {
+  actions?: RowAction[];
+  onDelete?: () => void;
+  /** When true, sizes/positions for the dedicated sticky trailing column. */
+  inDedicatedColumn?: boolean;
+  /** When true, sizes/positions inline alongside a combobox caret. */
+  inCombobox?: boolean;
+}
+/**
+ * Renders the actions menu and/or delete icon button inside a
+ * `RowActionsContainer`. Used both as an absolute overlay inside the
+ * last data cell (fixed-layout mode) and as static content inside the
+ * dedicated sticky trailing column (horizontal scroll mode).
+ */
+declare const RowActions: ({
+  actions,
+  onDelete,
+  inDedicatedColumn,
+  inCombobox
+}: RowActionsProps) => _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { RowActionsContainerWithFadeWidth as i, RowActions as n, RowActionsContainer as r, RowAction as t };
+//# sourceMappingURL=TableBoxRowActions-C8SAxrYG.d.mts.map