@wallarm-org/design-system 0.87.1 → 0.88.1-rc-fix-status-code-zero-value.1

package/dist/components/Table/EditableCell/EditableSelectCell.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { Select } from "@ark-ui/react/select";
+import { cn } from "../../../utils/cn.js";
+import { useTestId } from "../../../utils/testId.js";
+import { Select as index_js_Select, SelectContent, SelectOption, SelectOptionIndicator, SelectOptionText, SelectPositioner, createListCollection } from "../../Select/index.js";
+import { editableCellPlaceholder, editableCellValue, editableCellVariants } from "./classes.js";
+const EditableSelectCell = ({ value, onCommit, items, children, placeholder = 'Select…', className, ref, 'data-testid': testIdProp, ...rest })=>{
+    const testId = useTestId(void 0, testIdProp);
+    const collection = useMemo(()=>createListCollection({
+            items
+        }), [
+        items
+    ]);
+    const hasValue = null != value && '' !== value;
+    return /*#__PURE__*/ jsxs(index_js_Select, {
+        className: "h-full",
+        collection: collection,
+        value: hasValue ? [
+            value
+        ] : [],
+        "data-testid": testId,
+        onValueChange: (details)=>{
+            const next = details.value[0];
+            if (next && next !== value) onCommit(next);
+        },
+        children: [
+            /*#__PURE__*/ jsx(Select.Control, {
+                className: "h-full",
+                children: /*#__PURE__*/ jsx(Select.Trigger, {
+                    asChild: true,
+                    children: /*#__PURE__*/ jsx("div", {
+                        ...rest,
+                        ref: ref,
+                        "data-slot": "editable-select-cell",
+                        className: cn(editableCellVariants({
+                            state: 'idle'
+                        }), 'data-[state=open]:border-border-strong-brand data-[state=open]:bg-bg-surface-1 data-[state=open]:hover:bg-bg-surface-1', className),
+                        children: hasValue ? /*#__PURE__*/ jsx("span", {
+                            className: editableCellValue,
+                            children: children
+                        }) : /*#__PURE__*/ jsx("span", {
+                            className: editableCellPlaceholder,
+                            children: placeholder
+                        })
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(SelectPositioner, {
+                children: /*#__PURE__*/ jsx(SelectContent, {
+                    children: items.map((item)=>/*#__PURE__*/ jsxs(SelectOption, {
+                            item: item,
+                            children: [
+                                /*#__PURE__*/ jsx(SelectOptionText, {
+                                    children: item.label
+                                }),
+                                /*#__PURE__*/ jsx(SelectOptionIndicator, {})
+                            ]
+                        }, item.value))
+                })
+            })
+        ]
+    });
+};
+EditableSelectCell.displayName = 'EditableSelectCell';
+export { EditableSelectCell };

package/dist/components/Table/EditableCell/EditableTextCell.d.ts

@@ -0,0 +1,22 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+import { type TestableProps } from '../../../utils/testId';
+type NativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
+export interface EditableTextCellProps extends NativeProps, TestableProps {
+    /** Current committed value. */
+    value: string;
+    /** Called with the new value on Enter / blur (only when it actually changed). */
+    onCommit: (value: string) => void;
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Inline-editable text cell for the DataTable. Idle it reads as text (the whole
+ * cell highlights on hover); click / Enter / Space swaps in a borderless input
+ * in the exact same position (brand-orange border, no layout shift). Enter or
+ * blur commits, Escape reverts.
+ *
+ * Analytics-ready: arbitrary `data-*` / `aria-*` / `id` / event props (e.g.
+ * `data-analytics-id`) land on the persistent cell element, so they resolve via
+ * `closest()` whether the read view or the input is the active target.
+ */
+export declare const EditableTextCell: FC<EditableTextCellProps>;
+export {};

package/dist/components/Table/EditableCell/EditableTextCell.js

@@ -0,0 +1,78 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Pencil } from "../../../icons/index.js";
+import { cn } from "../../../utils/cn.js";
+import { useTestId } from "../../../utils/testId.js";
+import { editableCellIcon, editableCellInput, editableCellValue, editableCellVariants } from "./classes.js";
+const EditableTextCell = ({ value, onCommit, className, ref, 'data-testid': testIdProp, 'aria-label': ariaLabel, onClick, onKeyDown, ...rest })=>{
+    const testId = useTestId(void 0, testIdProp);
+    const [isEditing, setIsEditing] = useState(false);
+    const [draft, setDraft] = useState(value);
+    const start = ()=>{
+        setDraft(value);
+        setIsEditing(true);
+    };
+    const commit = ()=>{
+        setIsEditing(false);
+        if (draft !== value) onCommit(draft);
+    };
+    const cancel = ()=>{
+        setIsEditing(false);
+        setDraft(value);
+    };
+    return /*#__PURE__*/ jsx("div", {
+        ...rest,
+        ref: ref,
+        "data-slot": "editable-text-cell",
+        "data-testid": testId,
+        "data-editing": isEditing || void 0,
+        className: cn(editableCellVariants({
+            state: isEditing ? 'active' : 'idle'
+        }), className),
+        role: isEditing ? void 0 : 'button',
+        tabIndex: isEditing ? void 0 : 0,
+        "aria-label": isEditing ? void 0 : ariaLabel,
+        onClick: (event)=>{
+            onClick?.(event);
+            if (!isEditing) start();
+        },
+        onKeyDown: (event)=>{
+            onKeyDown?.(event);
+            if (!isEditing && ('Enter' === event.key || ' ' === event.key)) {
+                event.preventDefault();
+                start();
+            }
+        },
+        children: isEditing ? /*#__PURE__*/ jsx("input", {
+            autoFocus: true,
+            "aria-label": ariaLabel,
+            value: draft,
+            "data-testid": testId ? `${testId}--input` : void 0,
+            onChange: (event)=>setDraft(event.currentTarget.value),
+            onFocus: (event)=>event.currentTarget.select(),
+            onBlur: commit,
+            onKeyDown: (event)=>{
+                if ('Enter' === event.key) {
+                    event.preventDefault();
+                    commit();
+                } else if ('Escape' === event.key) {
+                    event.preventDefault();
+                    cancel();
+                }
+            },
+            className: editableCellInput
+        }) : /*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                /*#__PURE__*/ jsx("span", {
+                    className: editableCellValue,
+                    children: value
+                }),
+                /*#__PURE__*/ jsx(Pencil, {
+                    className: cn(editableCellIcon, 'opacity-0 transition-opacity group-hover/cell:opacity-100')
+                })
+            ]
+        })
+    });
+};
+EditableTextCell.displayName = 'EditableTextCell';
+export { EditableTextCell };

package/dist/components/Table/EditableCell/classes.d.ts

@@ -0,0 +1,11 @@
+export declare const editableCellVariants: (props?: ({
+    state?: "active" | "idle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/** Value slot — truncates, takes the free space, leaves room for the trailing icon. */
+export declare const editableCellValue = "min-w-0 flex-1 truncate";
+/** Same as the value slot but muted, for the empty-state placeholder. */
+export declare const editableCellPlaceholder = "min-w-0 flex-1 truncate text-text-secondary";
+/** Trailing affordance icon (pencil / chevron). */
+export declare const editableCellIcon = "size-16 shrink-0 text-text-secondary";
+/** Borderless in-place text editor — inherits the cell's typography and inset. */
+export declare const editableCellInput = "min-w-0 flex-1 bg-transparent p-0 text-sm text-text-primary outline-none";

package/dist/components/Table/EditableCell/classes.js

@@ -0,0 +1,17 @@
+import { cva } from "class-variance-authority";
+const editableCellVariants = cva("group/cell flex h-full w-full items-center gap-8 px-16 py-8 border border-transparent text-left text-sm text-text-primary cursor-pointer outline-none transition-colors", {
+    variants: {
+        state: {
+            idle: 'hover:bg-states-primary-hover active:bg-states-primary-pressed',
+            active: 'border-border-strong-brand bg-bg-surface-1'
+        }
+    },
+    defaultVariants: {
+        state: 'idle'
+    }
+});
+const editableCellValue = 'min-w-0 flex-1 truncate';
+const editableCellPlaceholder = 'min-w-0 flex-1 truncate text-text-secondary';
+const editableCellIcon = 'size-16 shrink-0 text-text-secondary';
+const editableCellInput = 'min-w-0 flex-1 bg-transparent p-0 text-sm text-text-primary outline-none';
+export { editableCellIcon, editableCellInput, editableCellPlaceholder, editableCellValue, editableCellVariants };

package/dist/components/Table/EditableCell/constants.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Spread onto an editable column's `meta` so `EditableTextCell` /
+ * `EditableSelectCell` can own the whole body cell:
+ *
+ * - `p-0` removes the body-cell padding (the shell re-applies its own), so the
+ *   hover fill and the editing border reach the cell edges.
+ * - `h-[1px]` gives the cell a definite height. A percentage height (`h-full`
+ *   on the shell) only resolves against a parent with a resolvable height; a
+ *   bare table cell is `height: auto`, so the shell would sit top-aligned and
+ *   leave a gap. The `1px` acts as a minimum the row grows past, and the
+ *   shell's `h-full` then resolves against the real row height (the standard
+ *   "fill a table-cell height" trick).
+ *
+ * Use on a NON-master column — the first/master column is pinned, cut and
+ * truncated by the Table and is not a clean host for a full-bleed editable cell.
+ */
+export declare const EDITABLE_CELL_COLUMN_META: {
+    readonly cellClassName: 'h-[1px] p-0';
+};

package/dist/components/Table/EditableCell/constants.js

@@ -0,0 +1,4 @@
+const EDITABLE_CELL_COLUMN_META = {
+    cellClassName: 'h-[1px] p-0'
+};
+export { EDITABLE_CELL_COLUMN_META };

package/dist/components/Table/EditableCell/index.d.ts

@@ -0,0 +1,4 @@
+export { editableCellVariants } from './classes';
+export { EDITABLE_CELL_COLUMN_META } from './constants';
+export { EditableSelectCell, type EditableSelectCellProps } from './EditableSelectCell';
+export { EditableTextCell, type EditableTextCellProps } from './EditableTextCell';

package/dist/components/Table/EditableCell/index.js

@@ -0,0 +1,4 @@
+export { editableCellVariants } from "./classes.js";
+export { EDITABLE_CELL_COLUMN_META } from "./constants.js";
+export { EditableSelectCell } from "./EditableSelectCell.js";
+export { EditableTextCell } from "./EditableTextCell.js";

package/dist/components/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import type { TableProps } from './types';
-export declare const Table: {
-    <T>(props: TableProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function Table<T>(props: TableProps<T>): import("react").JSX.Element;
+export declare namespace Table {
+    var displayName: string;
+}

package/dist/components/Table/TableBody/TableBodyCell.d.ts

@@ -5,8 +5,8 @@ interface TableBodyCellProps<T> {
     className?: string;
     disablePinnedShadow?: boolean;
 }
-export declare const TableBodyCell: {
-    <T>({ cell, colSpan, className, disablePinnedShadow, }: TableBodyCellProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function TableBodyCell<T>({ cell, colSpan, className, disablePinnedShadow, }: TableBodyCellProps<T>): import("react").JSX.Element;
+export declare namespace TableBodyCell {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableColumnMenu/TableColumnMenu.d.ts

@@ -18,20 +18,8 @@ export interface TableColumnMenuProps<T = unknown> extends Omit<ButtonHTMLAttrib
      */
     children?: ReactNode;
 }
-/**
- * Per-column header menu ("…" trigger) with an optional consumer-controlled
- * item set. The trigger `<button>` accepts the full
- * `ButtonHTMLAttributes<HTMLButtonElement>` surface (minus `color` / `type` /
- * `children`) plus `TestableProps`, so `data-analytics-id`,
- * `data-analytics-props`, `aria-*`, `id`, `ref`, and any `data-*` reach the
- * underlying DOM node directly.
- *
- * The menu collapses to `null` when no action is available for the column
- * (sorting disabled, pinning disabled, hiding disabled, and DnD disabled) —
- * matching the behavior of the legacy `TableHeadCellMenu` it replaces.
- */
-export declare const TableColumnMenu: {
-    <T>({ column, children, className, "data-testid": testIdProp, ...rest }: TableColumnMenuProps<T>): import("react").JSX.Element | null;
-    displayName: string;
-};
+export declare function TableColumnMenu<T>({ column, children, className, 'data-testid': testIdProp, ...rest }: TableColumnMenuProps<T>): import("react").JSX.Element | null;
+export declare namespace TableColumnMenu {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableHeadCell.d.ts

@@ -3,8 +3,8 @@ interface TableHeadCellProps<T> {
     header: Header<T, unknown>;
     hasTextDescription?: boolean;
 }
-export declare const TableHeadCell: {
-    <T>({ header, hasTextDescription }: TableHeadCellProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function TableHeadCell<T>({ header, hasTextDescription }: TableHeadCellProps<T>): import("react").JSX.Element;
+export declare namespace TableHeadCell {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableImperativeBridge.d.ts

@@ -3,13 +3,8 @@ import type { TableHandle } from './types';
 interface TableImperativeBridgeProps {
     handleRef: Ref<TableHandle>;
 }
-/**
- * Bridges the imperative ref forwarded to `<Table>` to context-backed
- * refs (`virtualizerRef`, `tbodyRef`). Mounted inside `TableProvider` so
- * it has access to the context; renders nothing.
- */
-export declare const TableImperativeBridge: {
-    ({ handleRef }: TableImperativeBridgeProps): null;
-    displayName: string;
-};
+export declare function TableImperativeBridge({ handleRef }: TableImperativeBridgeProps): null;
+export declare namespace TableImperativeBridge {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableMasterCellActions.d.ts

@@ -2,8 +2,8 @@ import type { ReactNode } from 'react';
 interface TableMasterCellActionsProps {
     children: ReactNode;
 }
-export declare const TableMasterCellActions: {
-    ({ children }: TableMasterCellActionsProps): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function TableMasterCellActions({ children }: TableMasterCellActionsProps): import("react").JSX.Element;
+export declare namespace TableMasterCellActions {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableResizeHandler.d.ts

@@ -2,8 +2,8 @@ import type { Header } from '@tanstack/react-table';
 interface TableResizeHandlerProps<T> {
     header: Header<T, unknown>;
 }
-export declare const TableResizeHandler: {
-    <T>({ header }: TableResizeHandlerProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function TableResizeHandler<T>({ header }: TableResizeHandlerProps<T>): import("react").JSX.Element;
+export declare namespace TableResizeHandler {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableRow.d.ts

@@ -6,7 +6,7 @@ interface TableRowProps<T> {
     'data-index'?: number;
 }
 declare const TableRowInner: {
-    <T>({ row, ref, "data-index": dataIndex }: TableRowProps<T>): import("react").JSX.Element;
+    <T>({ row, ref, 'data-index': dataIndex }: TableRowProps<T>): import("react").JSX.Element;
     displayName: string;
 };
 export declare const TableRow: typeof TableRowInner;

package/dist/components/Table/TableRowExpanded.d.ts

@@ -2,8 +2,8 @@ import type { Row } from '@tanstack/react-table';
 interface TableRowExpandedProps<T> {
     row: Row<T>;
 }
-export declare const TableRowExpanded: {
-    <T>({ row }: TableRowExpandedProps<T>): import("react").JSX.Element | null;
-    displayName: string;
-};
+export declare function TableRowExpanded<T>({ row }: TableRowExpandedProps<T>): import("react").JSX.Element | null;
+export declare namespace TableRowExpanded {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableSettingsMenu/TableSettingsMenuItem.d.ts

@@ -3,7 +3,7 @@ export interface TableSettingsMenuItemProps extends Omit<SwitchProps, 'checked'
     /** Column id from the table's column definitions. */
     columnId: string;
 }
-export declare const TableSettingsMenuItem: {
-    ({ columnId, className, "data-testid": testIdProp, ...rest }: TableSettingsMenuItemProps): import("react").JSX.Element | null;
-    displayName: string;
-};
+export declare function TableSettingsMenuItem({ columnId, className, 'data-testid': testIdProp, ...rest }: TableSettingsMenuItemProps): import("react").JSX.Element | null;
+export declare namespace TableSettingsMenuItem {
+    var displayName: string;
+}

package/dist/components/Table/TableSortHandler.d.ts

@@ -2,8 +2,8 @@ import type { Header } from '@tanstack/react-table';
 interface TableSortHandler<T> {
     header: Header<T, unknown>;
 }
-export declare const TableSortHandler: {
-    <T>({ header }: TableSortHandler<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function TableSortHandler<T>({ header }: TableSortHandler<T>): import("react").JSX.Element;
+export declare namespace TableSortHandler {
+    var displayName: string;
+}
 export {};

package/dist/components/Table/TableSortTrigger.d.ts

@@ -18,22 +18,7 @@ export interface TableSortTriggerProps<T = unknown> extends Omit<ButtonHTMLAttri
     /** Label rendered next to the sort icon. Visual styling matches the default header text. */
     children?: ReactNode;
 }
-/**
- * Consumer-rendered sort trigger. Replaces the auto-rendered sort icon when
- * present as a direct child of the column's `header` render return — the
- * `TableHeadCell` children-scan suppresses the default `TableSortHandler` and
- * does not wrap the label in its own `<Text>`.
- *
- * All native button attributes (including `data-analytics-id`,
- * `data-analytics-props`, `aria-*`, `id`, `ref`, and any `data-*`) reach the
- * underlying `<button>` so analytics SDKs that walk up via
- * `closest('[data-analytics-id]')` resolve clicks on the icon to the
- * consumer-supplied id.
- *
- * Consumer-passed `onClick` runs first; if it calls `event.preventDefault()`,
- * the internal `toggleSorting` is skipped.
- */
-export declare const TableSortTrigger: {
-    <T>({ column, children, "data-testid": testIdProp, className, onClick, ...rest }: TableSortTriggerProps<T>): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function TableSortTrigger<T>({ column, children, 'data-testid': testIdProp, className, onClick, ...rest }: TableSortTriggerProps<T>): import("react").JSX.Element;
+export declare namespace TableSortTrigger {
+    var displayName: string;
+}

package/dist/components/Table/index.d.ts

@@ -1,4 +1,5 @@
 export { BulkBarSummary, BulkBarSummaryClear, type BulkBarSummaryClearProps, BulkBarSummaryCount, type BulkBarSummaryCountProps, type BulkBarSummaryProps, BulkBarSummarySelectAll, type BulkBarSummarySelectAllProps, BulkBarSummarySeparator, } from '../BulkBar';
+export { EDITABLE_CELL_COLUMN_META, EditableSelectCell, type EditableSelectCellProps, EditableTextCell, type EditableTextCellProps, editableCellVariants, } from './EditableCell';
 export { createTableColumnHelper } from './lib';
 export type { TableColumnHelper } from './lib/createTableColumnHelper';
 export { Table } from './Table';

package/dist/components/Table/index.js

@@ -1,4 +1,5 @@
 export { BulkBarSummary, BulkBarSummaryClear, BulkBarSummaryCount, BulkBarSummarySelectAll, BulkBarSummarySeparator } from "../BulkBar/index.js";
+export { EDITABLE_CELL_COLUMN_META, EditableSelectCell, EditableTextCell, editableCellVariants } from "./EditableCell/index.js";
 export { createTableColumnHelper } from "./lib/index.js";
 export { Table } from "./Table.js";
 export { TableActionBar, TableActionBarSelection } from "./TableActionBar/index.js";

package/dist/components/Table/lib/detectDataChange.d.ts

@@ -1,4 +1,4 @@
 /** Classifies a data change by comparing the previous first/last row ids to the new rows. */
 export declare const detectDataChange: (prevFirstRowId: string | undefined, rows: {
     id: string;
-}[], prevLastRowId?: string) => "prepend" | "replace" | "none";
+}[], prevLastRowId?: string) => 'prepend' | 'replace' | 'none';

package/dist/components/Table/lib/isLastPinnedLeft.d.ts

@@ -2,8 +2,8 @@
  * Checks if a column is the last pinned column on the left side.
  */
 export declare const isLastPinnedLeft: (column: {
-    getIsPinned: () => false | "left" | "right";
+    getIsPinned: () => false | 'left' | 'right';
 }, allColumns: {
-    getIsPinned: () => false | "left" | "right";
+    getIsPinned: () => false | 'left' | 'right';
     id: string;
 }[], columnId: string) => boolean;

package/dist/components/Tabs/classes.d.ts

@@ -1,3 +1,3 @@
 export declare const tabsTriggerVariants: (props?: ({
-    size?: "small" | "medium" | null | undefined;
+    size?: "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Text/Text.d.ts

@@ -2,16 +2,16 @@ import type { FC, HTMLAttributes, PropsWithChildren, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 declare const textVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
-    weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
-    color?: "primary" | "secondary" | "inherit" | "primary-alt" | "secondary-alt" | "tertiary-alt" | "danger" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
+    weight?: "bold" | "light" | "medium" | "regular" | null | undefined;
+    color?: "danger" | "inherit" | "primary" | "primary-alt" | "secondary" | "secondary-alt" | "tertiary-alt" | null | undefined;
     align?: "center" | "left" | "right" | null | undefined;
     inline?: boolean | null | undefined;
     grow?: boolean | null | undefined;
     truncate?: boolean | null | undefined;
     decoration?: "dashed" | null | undefined;
-    lineHeight?: "none" | "normal" | "tight" | "snug" | "relaxed" | null | undefined;
-    textTransform?: "none" | "uppercase" | "lowercase" | "capitalize" | null | undefined;
+    lineHeight?: "none" | "normal" | "relaxed" | "snug" | "tight" | null | undefined;
+    textTransform?: "capitalize" | "lowercase" | "none" | "uppercase" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TextNativeProps = Omit<HTMLAttributes<HTMLParagraphElement>, 'className' | 'color'>;
 type TextVariantProps = VariantProps<typeof textVariants>;

package/dist/components/Textarea/classes.d.ts

@@ -1,6 +1,6 @@
 export declare const textareaPaddingVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const textareaHeightVariants: (props?: ({
-    size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
+    size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Toast/Toast.d.ts

@@ -14,7 +14,7 @@ export interface ToastData {
 export interface ToastProps {
     toast: ToastData;
 }
-export declare const Toast: {
-    ({ toast }: ToastProps): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function Toast({ toast }: ToastProps): import("react").JSX.Element;
+export declare namespace Toast {
+    var displayName: string;
+}

package/dist/components/Toast/ToastClose.d.ts

@@ -1,4 +1,4 @@
-export declare const ToastClose: {
-    (): import("react").JSX.Element;
-    displayName: string;
-};
+export declare function ToastClose(): import("react").JSX.Element;
+export declare namespace ToastClose {
+    var displayName: string;
+}

package/dist/components/Toast/useToast.d.ts

@@ -11,7 +11,7 @@ export interface UseToastReturn {
     update: (options: UpdateToastOptions) => string;
     dismiss: (options?: DismissToastOptions) => void;
 }
-export declare const useToast: {
-    (): UseToastReturn;
-    displayName: string;
-};
+export declare function useToast(): UseToastReturn;
+export declare namespace useToast {
+    var displayName: string;
+}

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
 import type { TestableProps } from '../../utils/testId';
 import { type ButtonBaseProps } from '../ButtonBase';
 declare const toggleButtonVariants: (props?: ({
-    variant?: "outline" | "ghost" | null | undefined;
+    variant?: "ghost" | "outline" | null | undefined;
     color?: "brand" | "neutral" | null | undefined;
     active?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Tour/lib/waitForStepEvent.d.ts

@@ -12,6 +12,6 @@ import type { TourStepEffectArgs, WaitForStepEventOptions } from '../types';
  *
  * Returns a cleanup function for early teardown (e.g. dismiss / Back).
  */
-export declare const waitForStepEvent: <T extends HTMLElement = HTMLElement>(event: keyof HTMLElementEventMap, args: Pick<TourStepEffectArgs, "show" | "next"> & {
+export declare const waitForStepEvent: <T extends HTMLElement = HTMLElement>(event: keyof HTMLElementEventMap, args: Pick<TourStepEffectArgs, 'show' | 'next'> & {
     target?: (() => T | null) | undefined;
 }, options?: WaitForStepEventOptions<T>) => VoidFunction;

package/dist/components/WallyIcon/classes.d.ts

@@ -1,3 +1,3 @@
 export declare const wallyIconVariants: (props?: ({
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/icons/SvgIcon.d.ts

@@ -1,7 +1,7 @@
 import type { FC, ReactNode, Ref, SVGProps } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const iconVariants: (props?: ({
-    size?: "inherit" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+    size?: "2xl" | "inherit" | "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SvgIconNativeProps = SVGProps<SVGSVGElement>;
 type SvgIconVariantProps = VariantProps<typeof iconVariants>;

package/dist/index.d.ts

@@ -71,7 +71,7 @@ export { SplashScreen, type SplashScreenProps } from './components/SplashScreen'
 export { SplitButton, type SplitButtonProps } from './components/SplitButton';
 export { HStack, type HStackProps, Stack, type StackProps, VStack, type VStackProps, } from './components/Stack';
 export { Switch, SwitchControl, SwitchDescription, type SwitchDescriptionProps, SwitchLabel, type SwitchLabelProps, type SwitchProps, } from './components/Switch';
-export { createTableColumnHelper, Table, type TableAccessorColumnDef, TableActionBar, type TableCellContext, type TableColumnBase, type TableColumnDef, type TableColumnHelper, TableColumnMenu, TableColumnMenuHideItem, type TableColumnMenuHideItemProps, TableColumnMenuMoveLeftItem, type TableColumnMenuMoveLeftItemProps, TableColumnMenuMoveRightItem, type TableColumnMenuMoveRightItemProps, TableColumnMenuPinItem, type TableColumnMenuPinItemProps, type TableColumnMenuProps, TableColumnMenuSortItem, type TableColumnMenuSortItemProps, type TableColumnMeta, type TableColumnPinningState, type TableColumnSizingState, type TableDisplayColumnDef, TableEmptyState, type TableExpandedState, type TableGroupingState, type TableHandle, type TableOnChangeFn, type TableProps, type TableRow, type TableRowSelectionState, type TableScrollToRowOptions, TableSettingsMenu, type TableSortingState, TableSortTrigger, type TableSortTriggerProps, type TableUpdater, type TableVisibilityState, } from './components/Table';
+export { createTableColumnHelper, EDITABLE_CELL_COLUMN_META, EditableSelectCell, type EditableSelectCellProps, EditableTextCell, type EditableTextCellProps, editableCellVariants, Table, type TableAccessorColumnDef, TableActionBar, type TableCellContext, type TableColumnBase, type TableColumnDef, type TableColumnHelper, TableColumnMenu, TableColumnMenuHideItem, type TableColumnMenuHideItemProps, TableColumnMenuMoveLeftItem, type TableColumnMenuMoveLeftItemProps, TableColumnMenuMoveRightItem, type TableColumnMenuMoveRightItemProps, TableColumnMenuPinItem, type TableColumnMenuPinItemProps, type TableColumnMenuProps, TableColumnMenuSortItem, type TableColumnMenuSortItemProps, type TableColumnMeta, type TableColumnPinningState, type TableColumnSizingState, type TableDisplayColumnDef, TableEmptyState, type TableExpandedState, type TableGroupingState, type TableHandle, type TableOnChangeFn, type TableProps, type TableRow, type TableRowSelectionState, type TableScrollToRowOptions, TableSettingsMenu, type TableSortingState, TableSortTrigger, type TableSortTriggerProps, type TableUpdater, type TableVisibilityState, } from './components/Table';
 export { Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger, } from './components/Tabs';
 export { Tag, TagClose, type TagProps } from './components/Tag';
 export { Text, type TextProps } from './components/Text';

package/dist/index.js

@@ -60,7 +60,7 @@ export { SplashScreen } from "./components/SplashScreen/index.js";
 export { SplitButton } from "./components/SplitButton/index.js";
 export { HStack, Stack, VStack } from "./components/Stack/index.js";
 export { Switch, SwitchControl, SwitchDescription, SwitchLabel } from "./components/Switch/index.js";
-export { Table, TableActionBar, TableColumnMenu, TableColumnMenuHideItem, TableColumnMenuMoveLeftItem, TableColumnMenuMoveRightItem, TableColumnMenuPinItem, TableColumnMenuSortItem, TableEmptyState, TableSettingsMenu, TableSortTrigger, createTableColumnHelper } from "./components/Table/index.js";
+export { EDITABLE_CELL_COLUMN_META, EditableSelectCell, EditableTextCell, Table, TableActionBar, TableColumnMenu, TableColumnMenuHideItem, TableColumnMenuMoveLeftItem, TableColumnMenuMoveRightItem, TableColumnMenuPinItem, TableColumnMenuSortItem, TableEmptyState, TableSettingsMenu, TableSortTrigger, createTableColumnHelper, editableCellVariants } from "./components/Table/index.js";
 export { Tabs, TabsButton, TabsContent, TabsLineActions, TabsList, TabsSeparator, TabsTrigger } from "./components/Tabs/index.js";
 export { Tag, TagClose } from "./components/Tag/index.js";
 export { Text } from "./components/Text/index.js";