@mirror-physics/fractal-ui 0.2.0-next.76 → 0.2.0-next.78

package/dist/index.d.cts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
 import { ClassValue } from 'clsx';
+export { ColumnEditor, ColumnEditorItem, ColumnEditorProps } from './column-editor.cjs';
 
 /** Shared density scale for single-line controls and their labels. */
 type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -226,13 +227,48 @@ interface ModalProps {
 }
 declare function Modal({ open, onClose, title, children, danger, warn, footer, noClose, closeDisabled, size, loading, loadingLabel, scrollable, className }: ModalProps): React.ReactPortal | null;
 
-interface DataTableColumn<T> {
+interface TableOverflowMenuItem {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface TableOverflowMenuConfig<T> {
+    items: (row: T, index: number) => TableOverflowMenuItem[];
+    onSelect: (value: string, row: T, index: number) => void;
+    getLabel?: (row: T, index: number) => string;
+    isDisabled?: (row: T, index: number) => boolean;
+}
+
+interface TableColumnSizing {
+    /** Preferred column width. Percentage widths require layout="fill". */
+    width?: string;
+    /** Minimum content width, including cell padding. */
+    minWidth?: number | string;
+    /** Maximum content width, including cell padding. Defaults adapt to the table container. */
+    maxWidth?: number | string;
+}
+interface TableLayoutProps {
+    /** Defaults to fill: distribute spare width across content-sized columns; overflow at their preferred widths. Content opts out of expansion. */
+    layout?: 'content' | 'fill';
+    /** Keeps column headers at the top of this table's scroll viewport. */
+    stickyHeader?: boolean;
+    /** Keeps the first data column (and selection column, if present) visible. */
+    stickyFirstColumn?: boolean;
+    /** Bounds vertical scrolling. Required for sticky headers during vertical scrolling. */
+    maxHeight?: number | string;
+}
+
+interface DataTableColumn<T> extends TableColumnSizing {
     key: string;
     header: string;
     width?: string;
     render: (row: T, index: number) => ReactNode;
 }
-interface DataTableProps<T> {
+interface DataTableProps<T> extends TableLayoutProps {
+    'aria-label'?: string;
+    /** Adds a trailing, sticky row-actions column with an overflow menu. */
+    overflowMenu?: TableOverflowMenuConfig<T>;
     columns: DataTableColumn<T>[];
     data: T[];
     emptyMessage?: string;
@@ -240,7 +276,7 @@ interface DataTableProps<T> {
     size?: 'sm' | 'md' | 'lg';
     className?: string;
 }
-declare function DataTable<T>({ columns, data, emptyMessage, header, size, className }: DataTableProps<T>): React.JSX.Element;
+declare function DataTable<T>({ columns, data, emptyMessage, header, size, className, overflowMenu, layout, stickyHeader, stickyFirstColumn, maxHeight, 'aria-label': ariaLabel }: DataTableProps<T>): React.JSX.Element;
 
 interface DropdownItem {
     value: string;
@@ -256,7 +292,12 @@ interface DropdownProps {
     onSelect: (value: string) => void;
     triggerLabel?: string;
     direction?: 'up' | 'down' | 'left' | 'right';
+    /** Preferred alignment; shifted as needed to stay inside visible bounds. */
     align?: 'left' | 'right';
+    /** Maximum menu height in pixels, further limited by available space. Default: 320. */
+    maxHeight?: number;
+    /** Minimum inset from the viewport and clipping ancestors in pixels. Default: 8. */
+    collisionPadding?: number;
     /** Arranges the trigger content vertically without rotating the dropdown panel. */
     triggerOrientation?: 'horizontal' | 'vertical';
     triggerContent?: React.ReactNode;
@@ -277,7 +318,7 @@ interface DropdownProps {
     closeOnSelect?: boolean;
     disabled?: boolean;
 }
-declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, triggerOrientation, triggerContent, label, iconOnly, noChevron, size: sizeAlias, controlSize, triggerId, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
+declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, maxHeight, collisionPadding, triggerOrientation, triggerContent, label, iconOnly, noChevron, size: sizeAlias, controlSize, triggerId, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
 
 type LinkTheme = 'default' | 'muted' | 'accent';
 type LinkSize = 'sm' | 'md' | 'lg';
@@ -312,7 +353,7 @@ interface SortableTableDefaultSort {
     key: string;
     direction: Exclude<SortDirection, null>;
 }
-interface SortableTableColumn<T> {
+interface SortableTableColumn<T> extends TableColumnSizing {
     key: string;
     header: string;
     width?: string;
@@ -344,7 +385,9 @@ interface SortableTablePagination {
     page: number;
     pageSize: number;
 }
-interface SortableTableProps<T> {
+interface SortableTableProps<T> extends TableLayoutProps {
+    /** Adds a trailing, sticky row-actions column with an overflow menu. */
+    overflowMenu?: TableOverflowMenuConfig<T>;
     columns: SortableTableColumn<T>[];
     data: T[];
     /** Accessible name applied to the underlying table element. */
@@ -382,7 +425,7 @@ interface SortableTableProps<T> {
     /** Directional affordance displayed over the right edge of an interactive row. */
     rowAction?: SortableTableRowAction<T>;
 }
-declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, isRowSelectionDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
+declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, layout, stickyHeader, stickyFirstColumn, maxHeight, overflowMenu, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, isRowSelectionDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
 
 interface TabItem {
     id: string;
@@ -642,4 +685,4 @@ declare function useEscapeDismiss(priority: number, handler: () => void, enabled
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, type ControlSize, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, Radio, type RadioProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };
+export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, type ControlSize, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, Radio, type RadioProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, type TableColumnSizing, type TableLayoutProps, type TableOverflowMenuConfig, type TableOverflowMenuItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { HTMLAttributes, ReactNode, CSSProperties } from 'react';
 import { ClassValue } from 'clsx';
+export { ColumnEditor, ColumnEditorItem, ColumnEditorProps } from './column-editor.js';
 
 /** Shared density scale for single-line controls and their labels. */
 type ControlSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -226,13 +227,48 @@ interface ModalProps {
 }
 declare function Modal({ open, onClose, title, children, danger, warn, footer, noClose, closeDisabled, size, loading, loadingLabel, scrollable, className }: ModalProps): React.ReactPortal | null;
 
-interface DataTableColumn<T> {
+interface TableOverflowMenuItem {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+}
+interface TableOverflowMenuConfig<T> {
+    items: (row: T, index: number) => TableOverflowMenuItem[];
+    onSelect: (value: string, row: T, index: number) => void;
+    getLabel?: (row: T, index: number) => string;
+    isDisabled?: (row: T, index: number) => boolean;
+}
+
+interface TableColumnSizing {
+    /** Preferred column width. Percentage widths require layout="fill". */
+    width?: string;
+    /** Minimum content width, including cell padding. */
+    minWidth?: number | string;
+    /** Maximum content width, including cell padding. Defaults adapt to the table container. */
+    maxWidth?: number | string;
+}
+interface TableLayoutProps {
+    /** Defaults to fill: distribute spare width across content-sized columns; overflow at their preferred widths. Content opts out of expansion. */
+    layout?: 'content' | 'fill';
+    /** Keeps column headers at the top of this table's scroll viewport. */
+    stickyHeader?: boolean;
+    /** Keeps the first data column (and selection column, if present) visible. */
+    stickyFirstColumn?: boolean;
+    /** Bounds vertical scrolling. Required for sticky headers during vertical scrolling. */
+    maxHeight?: number | string;
+}
+
+interface DataTableColumn<T> extends TableColumnSizing {
     key: string;
     header: string;
     width?: string;
     render: (row: T, index: number) => ReactNode;
 }
-interface DataTableProps<T> {
+interface DataTableProps<T> extends TableLayoutProps {
+    'aria-label'?: string;
+    /** Adds a trailing, sticky row-actions column with an overflow menu. */
+    overflowMenu?: TableOverflowMenuConfig<T>;
     columns: DataTableColumn<T>[];
     data: T[];
     emptyMessage?: string;
@@ -240,7 +276,7 @@ interface DataTableProps<T> {
     size?: 'sm' | 'md' | 'lg';
     className?: string;
 }
-declare function DataTable<T>({ columns, data, emptyMessage, header, size, className }: DataTableProps<T>): React.JSX.Element;
+declare function DataTable<T>({ columns, data, emptyMessage, header, size, className, overflowMenu, layout, stickyHeader, stickyFirstColumn, maxHeight, 'aria-label': ariaLabel }: DataTableProps<T>): React.JSX.Element;
 
 interface DropdownItem {
     value: string;
@@ -256,7 +292,12 @@ interface DropdownProps {
     onSelect: (value: string) => void;
     triggerLabel?: string;
     direction?: 'up' | 'down' | 'left' | 'right';
+    /** Preferred alignment; shifted as needed to stay inside visible bounds. */
     align?: 'left' | 'right';
+    /** Maximum menu height in pixels, further limited by available space. Default: 320. */
+    maxHeight?: number;
+    /** Minimum inset from the viewport and clipping ancestors in pixels. Default: 8. */
+    collisionPadding?: number;
     /** Arranges the trigger content vertically without rotating the dropdown panel. */
     triggerOrientation?: 'horizontal' | 'vertical';
     triggerContent?: React.ReactNode;
@@ -277,7 +318,7 @@ interface DropdownProps {
     closeOnSelect?: boolean;
     disabled?: boolean;
 }
-declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, triggerOrientation, triggerContent, label, iconOnly, noChevron, size: sizeAlias, controlSize, triggerId, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
+declare function Dropdown({ items, selectedValue, onSelect, triggerLabel, direction, align, maxHeight, collisionPadding, triggerOrientation, triggerContent, label, iconOnly, noChevron, size: sizeAlias, controlSize, triggerId, triggerVariant, className, triggerClassName, panelClassName, closeOnSelect, disabled, }: DropdownProps): React.JSX.Element | null;
 
 type LinkTheme = 'default' | 'muted' | 'accent';
 type LinkSize = 'sm' | 'md' | 'lg';
@@ -312,7 +353,7 @@ interface SortableTableDefaultSort {
     key: string;
     direction: Exclude<SortDirection, null>;
 }
-interface SortableTableColumn<T> {
+interface SortableTableColumn<T> extends TableColumnSizing {
     key: string;
     header: string;
     width?: string;
@@ -344,7 +385,9 @@ interface SortableTablePagination {
     page: number;
     pageSize: number;
 }
-interface SortableTableProps<T> {
+interface SortableTableProps<T> extends TableLayoutProps {
+    /** Adds a trailing, sticky row-actions column with an overflow menu. */
+    overflowMenu?: TableOverflowMenuConfig<T>;
     columns: SortableTableColumn<T>[];
     data: T[];
     /** Accessible name applied to the underlying table element. */
@@ -382,7 +425,7 @@ interface SortableTableProps<T> {
     /** Directional affordance displayed over the right edge of an interactive row. */
     rowAction?: SortableTableRowAction<T>;
 }
-declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, isRowSelectionDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
+declare function SortableTable<T>({ columns, data, 'aria-label': ariaLabel, emptyMessage, header, size, embedded, layout, stickyHeader, stickyFirstColumn, maxHeight, overflowMenu, className, defaultSort, defaultSortKey, defaultSortDirection, sortKey: controlledKey, sortDirection: controlledDirection, onSortChange, pagination, highlightRow, selection, isRowDisabled, isRowSelectionDisabled, onRowClick, onRowDoubleClick, rowAction, }: SortableTableProps<T>): React.JSX.Element;
 
 interface TabItem {
     id: string;
@@ -642,4 +685,4 @@ declare function useEscapeDismiss(priority: number, handler: () => void, enabled
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, type ControlSize, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, Radio, type RadioProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };
+export { Alert, AlertDescription, AlertGhost, AlertTitle, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonColor, ButtonGhost, type ButtonGhostProps, type ButtonProps, type ButtonSize, type ButtonType, Card, CardContent, CardDescription, CardFooter, CardGhost, type CardGhostProps, CardHeader, CardTitle, Checkbox, CheckboxGhost, type CheckboxProps, Chip, ChipGhost, type ChipProps, type ChipTone, CodeBlock, type CodeBlockProps, ContentSwitcher, ContentSwitcherGhost, type ContentSwitcherItem, type ContentSwitcherProps, type ControlSize, ConversationGhost, type ConversationGhostProps, DataTable, type DataTableColumn, DataTableGhost, type DataTableGhostProps, type DataTableProps, Disclosure, DisclosureGhost, type DisclosureProps, Dropdown, DropdownGhost, type DropdownItem, type DropdownProps, FeatureCard, type FeatureCardProps, FileDropzone, FileDropzoneGhost, type FileDropzoneProps, FolderCard, type FolderCardProps, type FormFieldGhostProps, Ghost, GhostLine, type GhostLineProps, type GhostProps, Input, InputGhost, type InputProps, Label, LabelGhost, type LabelProps, LatticeLoader, type LatticeLoaderProps, Link, LinkGhost, type LinkProps, type LinkSize, type LinkTheme, Modal, ModalGhost, type ModalProps, NumberInput, type NumberInputProps, Pagination, PaginationGhost, type PaginationProps, PasswordInput, type PasswordInputProps, PromptCard, PromptCardGhost, type PromptCardProps, type PromptCardTone, PromptGrid, type PromptGridProps, Radio, type RadioProps, type RangeSliderProps, SidePanel, SidePanelGhost, type SidePanelProps, Sidebar, SidebarAccountMenu, type SidebarAccountMenuProps, SidebarBrand, SidebarFooter, SidebarGhost, type SidebarGhostProps, SidebarHeader, SidebarNav, SidebarNavItem, type SidebarNavItemProps, type SidebarProps, SidebarSection, type SingleSliderProps, Slider, type SliderProps, type SortDirection, SortableTable, type SortableTableColumn, type SortableTableDefaultSort, SortableTableGhost, type SortableTablePagination, type SortableTableProps, type SortableTableRowAction, type SortableTableSelection, type SurfaceGhostProps, type TabItem, type TableColumnSizing, type TableLayoutProps, type TableOverflowMenuConfig, type TableOverflowMenuItem, TableSearch, type TableSearchProps, type TableSearchType, Tabs, TabsGhost, type TabsProps, type TabsVariant, TextButton, TextButtonGhost, type TextButtonIconPosition, type TextButtonProps, type TextButtonSize, type TextButtonTone, Textarea, TextareaGhost, type TextareaProps, Toast, type ToastPosition, type ToastProps, type ToastVariant, ToastViewport, type ToastViewportProps, Toggle, ToggleGhost, type ToggleProps, UILoader, type UILoaderProps, type UILoaderTone, cn, useEscapeDismiss };