@nurix/ui-component-library 1.1.3-stage.91 → 1.1.3-stage.93

package/dist/index.d.mts

@@ -5,6 +5,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { Toaster as Toaster$1 } from 'sonner';
+import { LucideIcon } from 'lucide-react';
 
 type ButtonBorderRadius = "none" | "soft" | "rounded";
 type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline";
@@ -1093,6 +1094,7 @@ declare const DEFAULT_THEME: {
             readonly warning: "#fef3c7";
             readonly warningForeground: "#78350f";
             readonly switchTrack: "#e5e5e5";
+            readonly hover: "#0a0a0a1a";
         };
         readonly darkMode: {
             readonly background: "#1e1e1e";
@@ -1136,6 +1138,7 @@ declare const DEFAULT_THEME: {
             readonly warning: "#fde68a";
             readonly warningForeground: "#78350f";
             readonly switchTrack: "#ffffff";
+            readonly hover: "#ffffff1a";
         };
     };
     readonly components: {
@@ -1398,4 +1401,232 @@ interface ShadowDOMWrapperProps {
  */
 declare const ShadowDOMWrapper: React$1.FC<ShadowDOMWrapperProps>;
 
-export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, type ButtonProps, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, DEFAULT_THEME, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateProps, FileInput, type FileInputProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListProps, type ListType, type ListVariant, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Switch, type SwitchProps, type SwitchSize, type TabVariant, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographyTone, type TypographyVariant, type UsePlaySelectProps, type UseSelectProps, showToast, usePlaySelect, useSelect, useTheme };
+/**
+ * Cell content can be:
+ * - string: plain text
+ * - CellTextContent: text with optional className/style
+ * - React.ReactNode: any renderable node (icon, badge, custom element)
+ *
+ * Figma reference node: 3338:6396
+ */
+type CellTextContent = {
+    text: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+};
+type CellContent = string | CellTextContent | React$1.ReactNode;
+type SortDirection = "asc" | "desc";
+interface SortState {
+    key: string;
+    direction: SortDirection | null;
+}
+/**
+ * Column width size options.
+ * Defaults to "md" (160px).
+ */
+declare enum ColumnWidth {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl"
+}
+interface ColumnDef<TRow> {
+    /**
+     * Unique identifier for the column. Used for pinning and sort state.
+     */
+    key: string;
+    /**
+     * Display label shown in the column header.
+     */
+    header: string;
+    /**
+     * Returns the cell content for a given row.
+     */
+    accessor: (row: TRow) => CellContent;
+    /**
+     * Whether this column supports sorting. Clicking the header cycles
+     * null → asc → desc → null and fires onSortChange.
+     */
+    isSortable?: boolean;
+    /**
+     * Current sort direction for this column. When set, this column is sorted.
+     * Updated by the consumer in onSortChange.
+     */
+    sort_direction?: SortDirection | null;
+    /**
+     * Column width size. Defaults to "md" (160px).
+     * Required for accurate sticky offsets on pinned columns.
+     */
+    width?: ColumnWidth;
+}
+interface TableAction<TRow> {
+    /**
+     * Tooltip label shown on hover.
+     */
+    label: string;
+    /**
+     * Icon rendered inside the action button.
+     */
+    icon?: React$1.ReactNode;
+    /**
+     * Called when the action button is clicked.
+     */
+    onClick: (row: TRow) => void;
+}
+interface PaginationProps {
+    handlePageChange: (page: number) => void;
+    rowsPerPage: number;
+    setRowsPerPage: (rowsPerPage: number) => void;
+    currentPage: number;
+    total: number;
+    entityName?: string;
+}
+interface DataTableProps<TRow> {
+    /**
+     * Column definitions in display order. Pinned columns will be
+     * reordered to the front automatically.
+     */
+    columns: ColumnDef<TRow>[];
+    /**
+     * Rows to render on the current page.
+     */
+    data: TRow[];
+    /**
+     * Array of column keys to pin. Listed in the desired left-to-right order.
+     * Pinned columns are sticky and separated by a vertical line.
+     */
+    pinnedColumns?: string[];
+    /**
+     * When true, renders a checkbox column as the first column.
+     */
+    showCheckbox?: boolean;
+    /**
+     * Action buttons rendered in the last (Actions) column.
+     */
+    actions?: TableAction<TRow>[];
+    /**
+     * Returns a stable unique ID for a row (used for selection).
+     * Defaults to JSON.stringify if not provided.
+     */
+    getRowId?: (row: TRow) => string;
+    /**
+     * Controlled selected row IDs.
+     */
+    selectedRows?: string[];
+    /**
+     * Called when selection changes.
+     */
+    onSelectionChange?: (ids: string[]) => void;
+    /**
+     * Called when sort state changes. The consumer should update columns to set
+     * sort_direction on the sorted column (or clear it when sort is null).
+     */
+    onSortChange?: (sort: SortState | null) => void;
+    currentPage: number;
+    rowsPerPage: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    onRowsPerPageChange: (rowsPerPage: number) => void;
+    entityName?: string;
+    className?: string;
+}
+
+/**
+ * Pagination controls: rows-per-page selector + page navigation.
+ * Can also be used standalone outside of DataTable.
+ *
+ * Figma reference node: 3338:6396
+ */
+declare function Pagination({ handlePageChange, rowsPerPage, setRowsPerPage, currentPage, total, entityName, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
+/**
+ * A fully-featured data table with:
+ * - Column pinning (sticky with vertical divider)
+ * - Horizontal scrolling
+ * - Optional checkbox selection column
+ * - Flexible cell content (text, styled text, icon, badge, or any React node)
+ * - Sortable columns (consumer-driven — fires onSortChange)
+ * - Row action buttons
+ * - Pagination via Pagination
+ *
+ * Figma reference node: 3338:6396
+ */
+declare function DataTable<TRow>({ columns, data, pinnedColumns, showCheckbox, actions, getRowId, selectedRows, onSelectionChange, onSortChange, currentPage, rowsPerPage, total, onPageChange, onRowsPerPageChange, entityName, className, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
+declare namespace DataTable {
+    var displayName: string;
+}
+
+/**
+ * Filter item structure
+ */
+interface FilterItem<T = string> {
+    value: T;
+    label: string;
+}
+/**
+ * Props for FilterSelect component
+ */
+interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Filter label displayed in the trigger button */
+    label?: string;
+    /** Icon displayed on the left side of the trigger */
+    icon?: LucideIcon;
+    /** Array of selected item values */
+    selectedItems?: T[];
+    /** Available items for selection */
+    items: FilterItem<T>[];
+    /** Enable drag-and-drop reordering (default: false) */
+    draggable?: boolean;
+    /** Callback when selection changes */
+    onSelectionChange?: (values: T[]) => void;
+    /** Callback when order changes (draggable mode) */
+    onOrderChange?: (values: T[]) => void;
+    /** Max width for selected items display (default: "35ch") */
+    selectedItemsMaxWidth?: string;
+    /** Override classes for selected items display area */
+    selectedItemsClassName?: string;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Max height for dropdown content (default: "20vh") */
+    dropdownMaxHeight?: string;
+}
+/**
+ * Props for FilterListItem component
+ */
+interface FilterListItemProps<T = string> {
+    /** Unique item value */
+    value: T;
+    /** Display text */
+    label: string;
+    /** Selection state */
+    selected?: boolean;
+    /** Show drag handle */
+    draggable?: boolean;
+    /** Selection handler */
+    onSelect?: (value: T) => void;
+    /** Hover state (for stories) */
+    hover?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+declare const FilterSelect: React$1.ForwardRefExoticComponent<FilterSelectProps<string> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const FilterListItem: React$1.ForwardRefExoticComponent<FilterListItemProps<string> & {
+    onDragStart?: (e: React$1.DragEvent) => void;
+    onDragOver?: (e: React$1.DragEvent) => void;
+    onDragLeave?: (e: React$1.DragEvent) => void;
+    onDrop?: (e: React$1.DragEvent) => void;
+    onDragEnd?: (e: React$1.DragEvent) => void;
+    isDragging?: boolean;
+    isDragOver?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, Checkbox, type CheckboxProps, type ColumnDef, ColumnWidth, DEFAULT_THEME, DataTable, type DataTableProps, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListProps, type ListType, type ListVariant, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, type SortDirection, type SortState, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographyTone, type TypographyVariant, type UsePlaySelectProps, type UseSelectProps, showToast, usePlaySelect, useSelect, useTheme };

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { Toaster as Toaster$1 } from 'sonner';
+import { LucideIcon } from 'lucide-react';
 
 type ButtonBorderRadius = "none" | "soft" | "rounded";
 type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "link" | "iconPrimary" | "iconSecondary" | "iconOutline";
@@ -1093,6 +1094,7 @@ declare const DEFAULT_THEME: {
             readonly warning: "#fef3c7";
             readonly warningForeground: "#78350f";
             readonly switchTrack: "#e5e5e5";
+            readonly hover: "#0a0a0a1a";
         };
         readonly darkMode: {
             readonly background: "#1e1e1e";
@@ -1136,6 +1138,7 @@ declare const DEFAULT_THEME: {
             readonly warning: "#fde68a";
             readonly warningForeground: "#78350f";
             readonly switchTrack: "#ffffff";
+            readonly hover: "#ffffff1a";
         };
     };
     readonly components: {
@@ -1398,4 +1401,232 @@ interface ShadowDOMWrapperProps {
  */
 declare const ShadowDOMWrapper: React$1.FC<ShadowDOMWrapperProps>;
 
-export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, type ButtonProps, type ButtonSize, type ButtonVariant, Checkbox, type CheckboxProps, DEFAULT_THEME, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateProps, FileInput, type FileInputProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListProps, type ListType, type ListVariant, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Switch, type SwitchProps, type SwitchSize, type TabVariant, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographyTone, type TypographyVariant, type UsePlaySelectProps, type UseSelectProps, showToast, usePlaySelect, useSelect, useTheme };
+/**
+ * Cell content can be:
+ * - string: plain text
+ * - CellTextContent: text with optional className/style
+ * - React.ReactNode: any renderable node (icon, badge, custom element)
+ *
+ * Figma reference node: 3338:6396
+ */
+type CellTextContent = {
+    text: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+};
+type CellContent = string | CellTextContent | React$1.ReactNode;
+type SortDirection = "asc" | "desc";
+interface SortState {
+    key: string;
+    direction: SortDirection | null;
+}
+/**
+ * Column width size options.
+ * Defaults to "md" (160px).
+ */
+declare enum ColumnWidth {
+    xs = "xs",
+    sm = "sm",
+    md = "md",
+    lg = "lg",
+    xl = "xl"
+}
+interface ColumnDef<TRow> {
+    /**
+     * Unique identifier for the column. Used for pinning and sort state.
+     */
+    key: string;
+    /**
+     * Display label shown in the column header.
+     */
+    header: string;
+    /**
+     * Returns the cell content for a given row.
+     */
+    accessor: (row: TRow) => CellContent;
+    /**
+     * Whether this column supports sorting. Clicking the header cycles
+     * null → asc → desc → null and fires onSortChange.
+     */
+    isSortable?: boolean;
+    /**
+     * Current sort direction for this column. When set, this column is sorted.
+     * Updated by the consumer in onSortChange.
+     */
+    sort_direction?: SortDirection | null;
+    /**
+     * Column width size. Defaults to "md" (160px).
+     * Required for accurate sticky offsets on pinned columns.
+     */
+    width?: ColumnWidth;
+}
+interface TableAction<TRow> {
+    /**
+     * Tooltip label shown on hover.
+     */
+    label: string;
+    /**
+     * Icon rendered inside the action button.
+     */
+    icon?: React$1.ReactNode;
+    /**
+     * Called when the action button is clicked.
+     */
+    onClick: (row: TRow) => void;
+}
+interface PaginationProps {
+    handlePageChange: (page: number) => void;
+    rowsPerPage: number;
+    setRowsPerPage: (rowsPerPage: number) => void;
+    currentPage: number;
+    total: number;
+    entityName?: string;
+}
+interface DataTableProps<TRow> {
+    /**
+     * Column definitions in display order. Pinned columns will be
+     * reordered to the front automatically.
+     */
+    columns: ColumnDef<TRow>[];
+    /**
+     * Rows to render on the current page.
+     */
+    data: TRow[];
+    /**
+     * Array of column keys to pin. Listed in the desired left-to-right order.
+     * Pinned columns are sticky and separated by a vertical line.
+     */
+    pinnedColumns?: string[];
+    /**
+     * When true, renders a checkbox column as the first column.
+     */
+    showCheckbox?: boolean;
+    /**
+     * Action buttons rendered in the last (Actions) column.
+     */
+    actions?: TableAction<TRow>[];
+    /**
+     * Returns a stable unique ID for a row (used for selection).
+     * Defaults to JSON.stringify if not provided.
+     */
+    getRowId?: (row: TRow) => string;
+    /**
+     * Controlled selected row IDs.
+     */
+    selectedRows?: string[];
+    /**
+     * Called when selection changes.
+     */
+    onSelectionChange?: (ids: string[]) => void;
+    /**
+     * Called when sort state changes. The consumer should update columns to set
+     * sort_direction on the sorted column (or clear it when sort is null).
+     */
+    onSortChange?: (sort: SortState | null) => void;
+    currentPage: number;
+    rowsPerPage: number;
+    total: number;
+    onPageChange: (page: number) => void;
+    onRowsPerPageChange: (rowsPerPage: number) => void;
+    entityName?: string;
+    className?: string;
+}
+
+/**
+ * Pagination controls: rows-per-page selector + page navigation.
+ * Can also be used standalone outside of DataTable.
+ *
+ * Figma reference node: 3338:6396
+ */
+declare function Pagination({ handlePageChange, rowsPerPage, setRowsPerPage, currentPage, total, entityName, }: PaginationProps): react_jsx_runtime.JSX.Element;
+declare namespace Pagination {
+    var displayName: string;
+}
+/**
+ * A fully-featured data table with:
+ * - Column pinning (sticky with vertical divider)
+ * - Horizontal scrolling
+ * - Optional checkbox selection column
+ * - Flexible cell content (text, styled text, icon, badge, or any React node)
+ * - Sortable columns (consumer-driven — fires onSortChange)
+ * - Row action buttons
+ * - Pagination via Pagination
+ *
+ * Figma reference node: 3338:6396
+ */
+declare function DataTable<TRow>({ columns, data, pinnedColumns, showCheckbox, actions, getRowId, selectedRows, onSelectionChange, onSortChange, currentPage, rowsPerPage, total, onPageChange, onRowsPerPageChange, entityName, className, }: DataTableProps<TRow>): react_jsx_runtime.JSX.Element;
+declare namespace DataTable {
+    var displayName: string;
+}
+
+/**
+ * Filter item structure
+ */
+interface FilterItem<T = string> {
+    value: T;
+    label: string;
+}
+/**
+ * Props for FilterSelect component
+ */
+interface FilterSelectProps<T = string> extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    /** Filter label displayed in the trigger button */
+    label?: string;
+    /** Icon displayed on the left side of the trigger */
+    icon?: LucideIcon;
+    /** Array of selected item values */
+    selectedItems?: T[];
+    /** Available items for selection */
+    items: FilterItem<T>[];
+    /** Enable drag-and-drop reordering (default: false) */
+    draggable?: boolean;
+    /** Callback when selection changes */
+    onSelectionChange?: (values: T[]) => void;
+    /** Callback when order changes (draggable mode) */
+    onOrderChange?: (values: T[]) => void;
+    /** Max width for selected items display (default: "35ch") */
+    selectedItemsMaxWidth?: string;
+    /** Override classes for selected items display area */
+    selectedItemsClassName?: string;
+    /** Default open state */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Max height for dropdown content (default: "20vh") */
+    dropdownMaxHeight?: string;
+}
+/**
+ * Props for FilterListItem component
+ */
+interface FilterListItemProps<T = string> {
+    /** Unique item value */
+    value: T;
+    /** Display text */
+    label: string;
+    /** Selection state */
+    selected?: boolean;
+    /** Show drag handle */
+    draggable?: boolean;
+    /** Selection handler */
+    onSelect?: (value: T) => void;
+    /** Hover state (for stories) */
+    hover?: boolean;
+    /** Additional className */
+    className?: string;
+}
+
+declare const FilterSelect: React$1.ForwardRefExoticComponent<FilterSelectProps<string> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const FilterListItem: React$1.ForwardRefExoticComponent<FilterListItemProps<string> & {
+    onDragStart?: (e: React$1.DragEvent) => void;
+    onDragOver?: (e: React$1.DragEvent) => void;
+    onDragLeave?: (e: React$1.DragEvent) => void;
+    onDrop?: (e: React$1.DragEvent) => void;
+    onDragEnd?: (e: React$1.DragEvent) => void;
+    isDragging?: boolean;
+    isDragOver?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionContentPlaceholder, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionValue, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarShape, type AvatarSize, type BackButtonPosition, Badge, type BadgeProps, type BadgeVariant, Button, type ButtonBorderRadius, type ButtonProps, type ButtonSize, type ButtonVariant, type CellContent, type CellTextContent, Checkbox, type CheckboxProps, type ColumnDef, ColumnWidth, DEFAULT_THEME, DataTable, type DataTableProps, Dialog, DialogBody, type DialogBodyProps, DialogFooter, type DialogFooterProps, DialogHeader, DialogHeaderNavigation, type DialogHeaderNavigationProps, type DialogHeaderNavigationVariant, type DialogHeaderProps, DialogIcon, type DialogIconProps, type DialogProps, type DialogSize, type DialogType, EmptyState, type EmptyStateProps, FileInput, type FileInputProps, type FilterItem, FilterListItem, type FilterListItemProps, FilterSelect, type FilterSelectProps, Input, type InputBorderRadius, type InputForceState, InputGroup, type InputGroupBorderRadius, type InputGroupForceState, type InputGroupProps, type InputProps, LegoLandWrapper, type LegoLandWrapperProps, List, type ListBorderRadius, type ListProps, type ListType, type ListVariant, NumberBadge, type NumberBadgeProps, type NumberBadgeVariant, NurixThemeProvider, Pagination, type PaginationProps, PlaySelect, type PlaySelectAudioItem, type PlaySelectProps, PlaybackControl, type PlaybackControlProps, type PlaybackState, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps, Select, SelectContent, type SelectContentItem, SelectFormLabel, SelectGroup, type SelectGroupProps, SelectItem, SelectLabel, type SelectLabelProps, type SelectMenuItemProps, type SelectProps, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, ShadowDOMWrapper, type ShowToastOptions, type SortDirection, type SortState, type StepItem, type StepState, Stepper, StepperBar, type StepperBarProps, type StepperProps, type SupportingTextType, Switch, type SwitchProps, type SwitchSize, type TabVariant, type TableAction, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Textarea, type TextareaProps, ThemeProvider, Toast, type ToastProps, type ToastVariant, Toaster, Tooltip, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, Typography, type TypographyProps, type TypographyTone, type TypographyVariant, type UsePlaySelectProps, type UseSelectProps, showToast, usePlaySelect, useSelect, useTheme };