@papernote/ui 1.5.0 → 1.7.0

package/dist/index.d.ts

@@ -358,6 +358,8 @@ interface SelectProps {
     size?: 'sm' | 'md' | 'lg';
     /** Mobile display mode - 'auto' uses BottomSheet on mobile, 'dropdown' always uses dropdown, 'native' uses native select on mobile */
     mobileMode?: 'auto' | 'dropdown' | 'native';
+    /** Render dropdown via portal (default: true). Set to false when overflow clipping is not an issue */
+    usePortal?: boolean;
 }
 /**
  * Select - Dropdown select component with search, groups, virtual scrolling, and mobile support
@@ -1363,6 +1365,10 @@ interface ModalProps {
     showCloseButton?: boolean;
     /** Animation variant for modal entrance (default: 'scale') */
     animation?: 'scale' | 'slide-up' | 'slide-down' | 'fade' | 'none';
+    /** Enable automatic scrolling for content that exceeds viewport height */
+    scrollable?: boolean;
+    /** Maximum height of the modal content area (e.g., '70vh', '500px') */
+    maxHeight?: string;
     /** Mobile display mode: 'auto' uses BottomSheet on mobile, 'modal' always uses modal, 'sheet' always uses BottomSheet */
     mobileMode?: 'auto' | 'modal' | 'sheet';
     /** Height preset for BottomSheet on mobile (default: 'lg') */
@@ -1388,6 +1394,30 @@ interface ModalProps {
  * </Modal>
  * ```
  *
+ * @example Scrollable modal for long content
+ * ```tsx
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={handleClose}
+ *   title="Terms and Conditions"
+ *   scrollable
+ * >
+ *   {longContent}
+ * </Modal>
+ * ```
+ *
+ * @example Modal with custom max height
+ * ```tsx
+ * <Modal
+ *   isOpen={isOpen}
+ *   onClose={handleClose}
+ *   title="Document Preview"
+ *   maxHeight="70vh"
+ * >
+ *   {documentContent}
+ * </Modal>
+ * ```
+ *
  * @example Force modal on mobile
  * ```tsx
  * <Modal
@@ -1413,7 +1443,7 @@ interface ModalProps {
  * </Modal>
  * ```
  */
-declare function Modal({ isOpen, onClose, title, children, size, showCloseButton, animation, mobileMode, mobileHeight, mobileShowHandle, }: ModalProps): react_jsx_runtime.JSX.Element | null;
+declare function Modal({ isOpen, onClose, title, children, size, showCloseButton, animation, scrollable, maxHeight, mobileMode, mobileHeight, mobileShowHandle, }: ModalProps): react_jsx_runtime.JSX.Element | null;
 declare function ModalFooter({ children }: {
     children: React__default.ReactNode;
 }): react_jsx_runtime.JSX.Element;
@@ -4153,6 +4183,172 @@ interface DataTableProps<T extends BaseDataItem$1 = BaseDataItem$1> {
  */
 declare function DataTable<T extends BaseDataItem$1 = BaseDataItem$1>({ data, columns, loading, error, emptyMessage, loadingRows, className, onSortChange, currentSort, onEdit, onDelete, actions, enableContextMenu, onRowClick, onRowDoubleClick, selectable, selectedRows: externalSelectedRows, onRowSelect, keyExtractor, expandable, expandedRows: externalExpandedRows, renderExpandedRow, expandedRowConfig, showExpandChevron, striped, stripedColor, density, rowClassName, rowHighlight, highlightedRowId, bordered, borderColor, disableHover, hiddenColumns, headerClassName, renderEmptyState: customRenderEmptyState, resizable, onColumnResize, reorderable, onColumnReorder, virtualized, virtualHeight, virtualRowHeight, paginated, currentPage, pageSize, totalItems, onPageChange, pageSizeOptions, onPageSizeChange, showPageSizeSelector, mobileView, cardConfig, cardGap, cardClassName, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
+/**
+ * Cell value type - can be primitive or formula
+ */
+type CellValue = string | number | boolean | null;
+/**
+ * Cell data structure
+ */
+interface DataGridCell {
+    /** The display/computed value */
+    value: CellValue;
+    /** Optional formula (e.g., "=SUM(B2:B5)") */
+    formula?: string;
+    /** Read-only cell */
+    readOnly?: boolean;
+    /** Custom class name */
+    className?: string;
+}
+/**
+ * Column configuration
+ */
+interface DataGridColumn {
+    /** Unique column key */
+    key: string;
+    /** Header text */
+    header: string;
+    /** Column width in pixels */
+    width?: number;
+    /** Minimum width */
+    minWidth?: number;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right';
+    /** Enable sorting */
+    sortable?: boolean;
+    /** Enable filtering */
+    filterable?: boolean;
+    /** Read-only column */
+    readOnly?: boolean;
+    /** Cell type for formatting */
+    type?: 'text' | 'number' | 'currency' | 'percent' | 'date';
+    /** Number format options */
+    format?: {
+        decimals?: number;
+        prefix?: string;
+        suffix?: string;
+    };
+}
+/**
+ * Frozen row mode options
+ * - 'none': No frozen rows
+ * - 'first': Freeze first data row (common for headers in data)
+ * - 'selected': Freeze the currently selected row
+ * - number: Freeze specific number of rows from top
+ */
+type FrozenRowMode = 'none' | 'first' | 'selected' | number;
+/**
+ * DataGrid component props
+ */
+interface DataGridProps {
+    /** 2D array of cell data */
+    data: DataGridCell[][];
+    /** Column configurations */
+    columns: DataGridColumn[];
+    /** Callback when data changes */
+    onChange?: (data: DataGridCell[][], rowIndex: number, colIndex: number) => void;
+    /** Row headers (e.g., ["1", "2", "3"] or true for auto) */
+    rowHeaders?: boolean | string[];
+    /**
+     * Frozen rows configuration:
+     * - 'none' or 0: No frozen rows
+     * - 'first' or 1: Freeze first data row (common for headers in data)
+     * - 'selected': Freeze the currently selected row (moves with selection)
+     * - number > 1: Freeze specific number of rows from top
+     */
+    frozenRows?: FrozenRowMode;
+    /** Number of frozen columns at left */
+    frozenColumns?: number;
+    /** Show freeze row toggle button in toolbar */
+    showFreezeRowToggle?: boolean;
+    /** Enable zebra striping */
+    zebraStripes?: boolean;
+    /** Enable formula evaluation */
+    formulas?: boolean;
+    /** Read-only mode */
+    readOnly?: boolean;
+    /** Table height */
+    height?: number | string;
+    /** Table width */
+    width?: number | string;
+    /** Show toolbar */
+    showToolbar?: boolean;
+    /** Toolbar title */
+    title?: string;
+    /** Enable export */
+    enableExport?: boolean;
+    /** Export filename */
+    exportFileName?: string;
+    /** Enable save */
+    enableSave?: boolean;
+    /** Save handler */
+    onSave?: (data: DataGridCell[][]) => Promise<void> | void;
+    /** Custom toolbar actions */
+    toolbarActions?: React__default.ReactNode;
+    /** Custom class name */
+    className?: string;
+    /** Density */
+    density?: 'compact' | 'normal' | 'comfortable';
+}
+/**
+ * DataGrid imperative handle
+ */
+interface DataGridHandle {
+    /** Get current data */
+    getData: () => DataGridCell[][];
+    /** Set cell value */
+    setCell: (rowIndex: number, colIndex: number, value: CellValue | DataGridCell) => void;
+    /** Clear all filters */
+    clearFilters: () => void;
+    /** Clear sorting */
+    clearSort: () => void;
+    /** Export to CSV */
+    exportToCSV: () => void;
+    /** Freeze/unfreeze the first row */
+    toggleFreezeFirstRow: () => void;
+    /** Freeze/unfreeze the selected row */
+    toggleFreezeSelectedRow: () => void;
+    /** Set frozen rows mode */
+    setFrozenRows: (mode: FrozenRowMode) => void;
+}
+/**
+ * DataGrid - Excel-like data grid component with formulas
+ *
+ * A grid-based spreadsheet component that provides:
+ * - Cell-level editing with formula support (280+ Excel formulas)
+ * - Sorting and filtering
+ * - Frozen rows and columns
+ * - Zebra striping
+ * - CSV export
+ * - Keyboard navigation
+ *
+ * Uses fast-formula-parser (MIT licensed) for formula evaluation.
+ *
+ * @example Basic usage
+ * ```tsx
+ * const columns = [
+ *   { key: 'name', header: 'Name' },
+ *   { key: 'q1', header: 'Q1', type: 'number' },
+ *   { key: 'q2', header: 'Q2', type: 'number' },
+ *   { key: 'total', header: 'Total', type: 'number' },
+ * ];
+ *
+ * const data = [
+ *   [{ value: 'Widget A' }, { value: 100 }, { value: 150 }, { value: 0, formula: '=SUM(B1:C1)' }],
+ *   [{ value: 'Widget B' }, { value: 200 }, { value: 250 }, { value: 0, formula: '=SUM(B2:C2)' }],
+ * ];
+ *
+ * <DataGrid
+ *   data={data}
+ *   columns={columns}
+ *   formulas
+ *   zebraStripes
+ *   frozenRows={1}
+ * />
+ * ```
+ */
+declare const DataGrid: React__default.ForwardRefExoticComponent<DataGridProps & React__default.RefAttributes<DataGridHandle>>;
+
 /**
  * Single swipe action configuration
  */
@@ -4847,6 +5043,201 @@ interface PageLayoutProps {
  */
 declare function PageLayout({ title, description, children, className, headerContent, maxWidth, fixed }: PageLayoutProps): react_jsx_runtime.JSX.Element;
 
+interface PageHeaderAction {
+    /** Unique identifier for the action */
+    id: string;
+    /** Button label text */
+    label: string;
+    /** Icon to display (from lucide-react) */
+    icon?: ReactNode;
+    /** Click handler */
+    onClick: () => void;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'outline';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    loading?: boolean;
+    /** Hide on mobile */
+    hideOnMobile?: boolean;
+}
+interface PageHeaderProps {
+    /** Page title */
+    title: string;
+    /** Optional subtitle/description */
+    subtitle?: string;
+    /** Breadcrumb navigation items */
+    breadcrumbs?: BreadcrumbItem[];
+    /** Show home icon in breadcrumbs (default: true) */
+    showHomeBreadcrumb?: boolean;
+    /** Action buttons to display on the right */
+    actions?: PageHeaderAction[];
+    /** Custom content to render on the right (instead of actions) */
+    rightContent?: ReactNode;
+    /** Custom content to render below title */
+    belowTitle?: ReactNode;
+    /** Additional CSS classes */
+    className?: string;
+    /** Make header sticky at top */
+    sticky?: boolean;
+    /** Back button configuration */
+    backButton?: {
+        label?: string;
+        onClick: () => void;
+    };
+}
+/**
+ * PageHeader - Standard page header with title, breadcrumbs, and actions
+ *
+ * A consistent header component for pages that provides:
+ * - Page title and optional subtitle
+ * - Breadcrumb navigation
+ * - Action buttons (Create, Export, etc.)
+ * - Optional back button
+ * - Sticky positioning option
+ *
+ * @example Basic usage
+ * ```tsx
+ * <PageHeader
+ *   title="Products"
+ *   subtitle="Manage your product catalog"
+ *   breadcrumbs={[{ label: 'Inventory' }, { label: 'Products' }]}
+ *   actions={[
+ *     { id: 'export', label: 'Export', icon: <Download />, onClick: handleExport, variant: 'ghost' },
+ *     { id: 'add', label: 'Add Product', icon: <Plus />, onClick: handleAdd, variant: 'primary' },
+ *   ]}
+ * />
+ * ```
+ *
+ * @example With back button
+ * ```tsx
+ * <PageHeader
+ *   title="Edit Product"
+ *   backButton={{ label: 'Back to Products', onClick: () => navigate('/products') }}
+ * />
+ * ```
+ *
+ * @example With custom right content
+ * ```tsx
+ * <PageHeader
+ *   title="Dashboard"
+ *   rightContent={<DateRangePicker value={range} onChange={setRange} />}
+ * />
+ * ```
+ */
+declare function PageHeader({ title, subtitle, breadcrumbs, showHomeBreadcrumb, actions, rightContent, belowTitle, className, sticky, backButton, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+
+interface ActionBarAction {
+    /** Unique identifier for the action */
+    id: string;
+    /** Button label text */
+    label: string;
+    /** Icon to display (from lucide-react) */
+    icon?: ReactNode;
+    /** Click handler */
+    onClick: () => void;
+    /** Button variant */
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'outline';
+    /** Disabled state */
+    disabled?: boolean;
+    /** Loading state */
+    loading?: boolean;
+}
+interface ActionBarProps {
+    /** Content to display on the left side (e.g., selection count, status text) */
+    leftContent?: ReactNode;
+    /** Content to display in the center */
+    centerContent?: ReactNode;
+    /** Content to display on the right side (overrides actions) */
+    rightContent?: ReactNode;
+    /** Action buttons to display on the right */
+    actions?: ActionBarAction[];
+    /** Position of the action bar */
+    position?: 'top' | 'bottom';
+    /** Make the bar sticky */
+    sticky?: boolean;
+    /** Show the action bar (useful for conditional display like bulk selection) */
+    visible?: boolean;
+    /** Callback when close/dismiss button is clicked */
+    onDismiss?: () => void;
+    /** Show dismiss button */
+    showDismiss?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+    /** Background variant */
+    variant?: 'default' | 'primary' | 'warning' | 'info';
+    /** Compact mode with less padding */
+    compact?: boolean;
+}
+/**
+ * ActionBar - Flexible toolbar for page-level and contextual actions
+ *
+ * A versatile action container that can be used for:
+ * - Bulk actions when rows are selected
+ * - Page-level actions and controls
+ * - Form action buttons (Save/Cancel)
+ * - Contextual toolbars
+ *
+ * @example Basic bulk actions bar
+ * ```tsx
+ * <ActionBar
+ *   visible={selectedIds.length > 0}
+ *   leftContent={<Text weight="medium">{selectedIds.length} selected</Text>}
+ *   actions={[
+ *     { id: 'export', label: 'Export', icon: <Download />, onClick: handleExport },
+ *     { id: 'delete', label: 'Delete', icon: <Trash />, onClick: handleDelete, variant: 'danger' },
+ *   ]}
+ *   onDismiss={() => setSelectedIds([])}
+ *   showDismiss
+ * />
+ * ```
+ *
+ * @example Sticky bottom form actions
+ * ```tsx
+ * <ActionBar
+ *   position="bottom"
+ *   sticky
+ *   rightContent={
+ *     <>
+ *       <Button variant="ghost" onClick={handleCancel}>Cancel</Button>
+ *       <Button variant="primary" onClick={handleSave} loading={isSaving}>Save Changes</Button>
+ *     </>
+ *   }
+ * />
+ * ```
+ *
+ * @example Info bar with center content
+ * ```tsx
+ * <ActionBar
+ *   variant="info"
+ *   centerContent={
+ *     <Text size="sm">Showing results for "search term" - 42 items found</Text>
+ *   }
+ *   onDismiss={clearSearch}
+ *   showDismiss
+ * />
+ * ```
+ */
+declare function ActionBar({ leftContent, centerContent, rightContent, actions, position, sticky, visible, onDismiss, showDismiss, className, variant, compact, }: ActionBarProps): react_jsx_runtime.JSX.Element | null;
+/**
+ * ActionBar.Left - Semantic wrapper for left content
+ */
+declare function ActionBarLeft({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * ActionBar.Center - Semantic wrapper for center content
+ */
+declare function ActionBarCenter({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+/**
+ * ActionBar.Right - Semantic wrapper for right content
+ */
+declare function ActionBarRight({ children }: {
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
 interface AdminModalTab {
     id: string;
     label: string;
@@ -5308,6 +5699,31 @@ interface MultiSheetExcelOptions {
 }
 declare function createMultiSheetExcel({ filename, sheets }: MultiSheetExcelOptions): void;
 
+/**
+ * Formula definitions for DataGrid intellisense
+ * Based on fast-formula-parser supported functions
+ */
+interface FormulaParameter {
+    name: string;
+    description: string;
+    optional?: boolean;
+}
+interface FormulaDefinition {
+    name: string;
+    category: FormulaCategory;
+    description: string;
+    syntax: string;
+    parameters: FormulaParameter[];
+    example?: string;
+}
+type FormulaCategory = 'Math' | 'Statistical' | 'Lookup' | 'Text' | 'Logical' | 'Date' | 'Information' | 'Financial';
+declare const FORMULA_DEFINITIONS: FormulaDefinition[];
+declare const FORMULA_NAMES: string[];
+declare const getFormulasByCategory: (category: FormulaCategory) => FormulaDefinition[];
+declare const searchFormulas: (query: string) => FormulaDefinition[];
+declare const getFormula: (name: string) => FormulaDefinition | undefined;
+declare const FORMULA_CATEGORIES: FormulaCategory[];
+
 interface UseColumnResizeOptions {
     tableId?: string;
     persist?: boolean;
@@ -5657,5 +6073,5 @@ declare function Responsive({ mobile, tablet, desktop, }: {
     desktop?: ReactNode;
 }): react_jsx_runtime.JSX.Element;
 
-export { Accordion, ActionButton, AdminModal, Alert, AlertDialog, AppLayout, Autocomplete, Avatar, BREAKPOINTS, Badge, BottomNavigation, BottomNavigationSpacer, BottomSheet, Box, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Carousel, Checkbox, CheckboxList, Chip, ChipGroup, Collapsible, ColorPicker, Combobox, ComingSoon, CommandPalette, ConfirmDialog, ContextMenu, ControlBar, CurrencyDisplay, CurrencyInput, Dashboard, DashboardContent, DashboardHeader, DataTable, DataTableCardView, DateDisplay, DatePicker, DateRangePicker, DateTimePicker, DesktopOnly, Drawer, DrawerFooter, DropZone, Dropdown, DropdownTrigger, EmptyState, ErrorBoundary, ExpandablePanel, ExpandablePanelContainer, ExpandablePanelSpacer, ExpandableRowButton, ExpandableToolbar, ExpandedRowEditForm, ExportButton, FieldArray, FileUpload, FilterBar, FilterControls, FilterStatusBanner, FloatingActionButton, Form, FormContext, FormControl, FormWizard, Grid, GridItem, Hide, HoverCard, InfiniteScroll, Input, KanbanBoard, Layout, Loading, LoadingOverlay, Logo, MarkdownEditor, MaskedInput, Menu, MenuDivider, MobileHeader, MobileHeaderSpacer, MobileLayout, MobileOnly, MobileProvider, Modal, ModalFooter, MultiSelect, NotificationBar, NotificationIndicator, NumberInput, Page, PageLayout, PageNavigation, Pagination, PasswordInput, Popover, Progress, PullToRefresh, QueryTransparency, RadioGroup, Rating, Responsive, RichTextEditor, SearchBar, SearchableList, Select, Separator, Show, Sidebar, SidebarGroup, Skeleton, SkeletonCard, SkeletonTable, Slider, Spreadsheet, SpreadsheetReport, Stack, StatCard$1 as StatCard, StatItem, StatsCardGrid, StatsGrid, StatusBadge, StatusBar, StepIndicator, Stepper, SwipeActions, Switch, Tabs, Text, Textarea, ThemeToggle, TimePicker, Timeline, Toast, ToastContainer, Tooltip, Transfer, TreeView, TwoColumnContent, UserProfileButton, addErrorMessage, addInfoMessage, addSuccessMessage, addWarningMessage, calculateColumnWidth, createActionsSection, createFiltersSection, createMultiSheetExcel, createPageControlsSection, createQueryDetailsSection, exportDataTableToExcel, exportToExcel, formatStatisticValue, formatStatistics, loadColumnOrder, loadColumnWidths, reorderArray, saveColumnOrder, saveColumnWidths, statusManager, useBreakpoint, useBreakpointValue, useColumnReorder, useColumnResize, useCommandPalette, useConfirmDialog, useFABScroll, useFormContext, useIsDesktop, useIsMobile, useIsTablet, useIsTouchDevice, useMediaQuery, useMobileContext, useOrientation, usePrefersMobile, usePullToRefresh, useResponsiveCallback, useSafeAreaInsets, useViewportSize, withMobileContext };
-export type { AccordionItem, AccordionProps, ActionButtonProps, ActionsSectionProps, AdminModalProps, AdminModalTab, AlertDialogAction, AlertDialogProps, AlertProps, AppLayoutProps, AppliedFilter, AutocompleteHandle, AutocompleteOption, AutocompleteProps, AvatarProps, BadgeProps, BaseDataItem, BottomNavItem, BottomNavigationProps, BottomSheetProps, BoxProps, BreadcrumbItem, BreadcrumbsProps, Breakpoint, ButtonGroupOption, ButtonGroupProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CardViewConfig, CardViewItem, CarouselItem, CarouselProps, CheckboxFormField, CheckboxListItem, CheckboxListProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsibleProps, ColorPickerProps, ColumnOrder, ColumnResize, ComboboxHandle, ComboboxOption, ComboboxProps, ComingSoonProps, Command, CommandPaletteProps, ConfirmDialogProps, ContextMenuProps, ControlBarProps, ControlBarSection, CurrencyDisplayProps, CurrencyInputProps, DashboardContentProps, DashboardHeaderProps, DashboardProps, DataFetchParams, DataTableAction, DataTableCardViewProps, DataTableColumn, DataTableExportOptions, DateDisplayProps, DatePickerHandle, DatePickerProps, DateRange, DateRangePickerHandle, DateRangePickerProps, DateTimePickerProps, DrawerProps, DropZoneProps, DropdownItem, DropdownProps, EmptyStateProps, ErrorBoundaryProps, ExcelColumn, ExpandablePanelProps, ExpandableRowButtonProps, ExpandableToolbarProps, ExpandedRowConfig, ExpandedRowEditFormProps, ExpansionMode, ExportButtonProps, ExportFormat, ExportToExcelOptions, FABAction, FieldArrayProps, FieldErrors, FileUploadProps, FilterBarProps, FilterConfig, FiltersSectionProps, FloatingActionButtonProps, FormContextValue, FormControlProps, FormField, FormFieldType, FormProps, FormWizardProps, FormattedStatistic, GridItemProps, GridProps, HoverCardProps, InfiniteScrollProps, InputProps, KanbanBoardProps, KanbanCard, KanbanColumn, LayoutProps, LoadingOverlayProps, LoadingProps, LogoProps, MarkdownEditorProps, MaskType, MaskedInputHandle, MaskedInputProps, MenuItem, MenuProps, MobileContextValue, MobileHeaderProps, MobileLayoutProps, MobileProviderProps, ModalProps, MultiSelectHandle, MultiSelectOption, MultiSelectProps, MultiSheetExcelOptions, NotificationIndicatorProps, NumberInputProps, Orientation, PageControlsSectionProps, PageNavigationProps, PageProps, PaginationProps, PaginationResponse, PasswordInputHandle, PasswordInputProps, PasswordStrength, PopoverProps, ProgressProps, PullToRefreshProps, QueryDetailsSectionProps, QueryTransparencyInfo, QueryTransparencyProps, RadioGroupProps, RadioOption, RatingProps, RichTextEditorProps, SearchBarProps, SearchableListItem, SearchableListProps, SelectFormField, SelectHandle, SelectOption, SelectProps, SeparatorProps, SidebarGroupProps, SidebarItem, SidebarProps, SliderProps, SortConfig, SpreadsheetCell, SpreadsheetProps, StackProps, StatCardProps, StatItemProps, StatisticConfig, StatisticFormat, StatsGridProps, StatusBadgeProps, StatusBarProps, StatusMessage, StatusType, Step, StepConfig, StepIndicatorProps, StepperProps, SwipeAction, SwipeActionsProps, SwitchFormField, SwitchProps, Tab, TabsProps, TextFormField, TextProps, TextareaFormField, TextareaProps, ThemeToggleProps, TimePickerHandle, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToastType, ToolbarSection, TooltipProps, TransferItem, TransferProps, TreeNode, TreeViewProps, TwoColumnContentProps, UploadedFile, UseColumnReorderOptions, UseColumnResizeOptions, UseDataTableOptions, UseDataTableReturn, UserProfileButtonProps, ValidationRule, ValidationState$1 as ValidationState, ViewportSize, WizardStep };
+export { Accordion, ActionBar, ActionBarCenter, ActionBarLeft, ActionBarRight, ActionButton, AdminModal, Alert, AlertDialog, AppLayout, Autocomplete, Avatar, BREAKPOINTS, Badge, BottomNavigation, BottomNavigationSpacer, BottomSheet, Box, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Carousel, Checkbox, CheckboxList, Chip, ChipGroup, Collapsible, ColorPicker, Combobox, ComingSoon, CommandPalette, ConfirmDialog, ContextMenu, ControlBar, CurrencyDisplay, CurrencyInput, Dashboard, DashboardContent, DashboardHeader, DataGrid, DataTable, DataTableCardView, DateDisplay, DatePicker, DateRangePicker, DateTimePicker, DesktopOnly, Drawer, DrawerFooter, DropZone, Dropdown, DropdownTrigger, EmptyState, ErrorBoundary, ExpandablePanel, ExpandablePanelContainer, ExpandablePanelSpacer, ExpandableRowButton, ExpandableToolbar, ExpandedRowEditForm, ExportButton, FORMULA_CATEGORIES, FORMULA_DEFINITIONS, FORMULA_NAMES, FieldArray, FileUpload, FilterBar, FilterControls, FilterStatusBanner, FloatingActionButton, Form, FormContext, FormControl, FormWizard, Grid, GridItem, Hide, HoverCard, InfiniteScroll, Input, KanbanBoard, Layout, Loading, LoadingOverlay, Logo, MarkdownEditor, MaskedInput, Menu, MenuDivider, MobileHeader, MobileHeaderSpacer, MobileLayout, MobileOnly, MobileProvider, Modal, ModalFooter, MultiSelect, NotificationBar, NotificationIndicator, NumberInput, Page, PageHeader, PageLayout, PageNavigation, Pagination, PasswordInput, Popover, Progress, PullToRefresh, QueryTransparency, RadioGroup, Rating, Responsive, RichTextEditor, SearchBar, SearchableList, Select, Separator, Show, Sidebar, SidebarGroup, Skeleton, SkeletonCard, SkeletonTable, Slider, Spreadsheet, SpreadsheetReport, Stack, StatCard$1 as StatCard, StatItem, StatsCardGrid, StatsGrid, StatusBadge, StatusBar, StepIndicator, Stepper, SwipeActions, Switch, Tabs, Text, Textarea, ThemeToggle, TimePicker, Timeline, Toast, ToastContainer, Tooltip, Transfer, TreeView, TwoColumnContent, UserProfileButton, addErrorMessage, addInfoMessage, addSuccessMessage, addWarningMessage, calculateColumnWidth, createActionsSection, createFiltersSection, createMultiSheetExcel, createPageControlsSection, createQueryDetailsSection, exportDataTableToExcel, exportToExcel, formatStatisticValue, formatStatistics, getFormula, getFormulasByCategory, loadColumnOrder, loadColumnWidths, reorderArray, saveColumnOrder, saveColumnWidths, searchFormulas, statusManager, useBreakpoint, useBreakpointValue, useColumnReorder, useColumnResize, useCommandPalette, useConfirmDialog, useFABScroll, useFormContext, useIsDesktop, useIsMobile, useIsTablet, useIsTouchDevice, useMediaQuery, useMobileContext, useOrientation, usePrefersMobile, usePullToRefresh, useResponsiveCallback, useSafeAreaInsets, useViewportSize, withMobileContext };
+export type { AccordionItem, AccordionProps, ActionBarAction, ActionBarProps, ActionButtonProps, ActionsSectionProps, AdminModalProps, AdminModalTab, AlertDialogAction, AlertDialogProps, AlertProps, AppLayoutProps, AppliedFilter, AutocompleteHandle, AutocompleteOption, AutocompleteProps, AvatarProps, BadgeProps, BaseDataItem, BottomNavItem, BottomNavigationProps, BottomSheetProps, BoxProps, BreadcrumbItem, BreadcrumbsProps, Breakpoint, ButtonGroupOption, ButtonGroupProps, ButtonProps, CalendarEvent, CalendarProps, CardProps, CardViewConfig, CardViewItem, CarouselItem, CarouselProps, CellValue, CheckboxFormField, CheckboxListItem, CheckboxListProps, CheckboxProps, ChipGroupProps, ChipProps, CollapsibleProps, ColorPickerProps, ColumnOrder, ColumnResize, ComboboxHandle, ComboboxOption, ComboboxProps, ComingSoonProps, Command, CommandPaletteProps, ConfirmDialogProps, ContextMenuProps, ControlBarProps, ControlBarSection, CurrencyDisplayProps, CurrencyInputProps, DashboardContentProps, DashboardHeaderProps, DashboardProps, DataFetchParams, DataGridCell, DataGridColumn, DataGridHandle, DataGridProps, DataTableAction, DataTableCardViewProps, DataTableColumn, DataTableExportOptions, DateDisplayProps, DatePickerHandle, DatePickerProps, DateRange, DateRangePickerHandle, DateRangePickerProps, DateTimePickerProps, DrawerProps, DropZoneProps, DropdownItem, DropdownProps, EmptyStateProps, ErrorBoundaryProps, ExcelColumn, ExpandablePanelProps, ExpandableRowButtonProps, ExpandableToolbarProps, ExpandedRowConfig, ExpandedRowEditFormProps, ExpansionMode, ExportButtonProps, ExportFormat, ExportToExcelOptions, FABAction, FieldArrayProps, FieldErrors, FileUploadProps, FilterBarProps, FilterConfig, FiltersSectionProps, FloatingActionButtonProps, FormContextValue, FormControlProps, FormField, FormFieldType, FormProps, FormWizardProps, FormattedStatistic, FormulaCategory, FormulaDefinition, FormulaParameter, FrozenRowMode, GridItemProps, GridProps, HoverCardProps, InfiniteScrollProps, InputProps, KanbanBoardProps, KanbanCard, KanbanColumn, LayoutProps, LoadingOverlayProps, LoadingProps, LogoProps, MarkdownEditorProps, MaskType, MaskedInputHandle, MaskedInputProps, MenuItem, MenuProps, MobileContextValue, MobileHeaderProps, MobileLayoutProps, MobileProviderProps, ModalProps, MultiSelectHandle, MultiSelectOption, MultiSelectProps, MultiSheetExcelOptions, NotificationIndicatorProps, NumberInputProps, Orientation, PageControlsSectionProps, PageHeaderAction, PageHeaderProps, PageNavigationProps, PageProps, PaginationProps, PaginationResponse, PasswordInputHandle, PasswordInputProps, PasswordStrength, PopoverProps, ProgressProps, PullToRefreshProps, QueryDetailsSectionProps, QueryTransparencyInfo, QueryTransparencyProps, RadioGroupProps, RadioOption, RatingProps, RichTextEditorProps, SearchBarProps, SearchableListItem, SearchableListProps, SelectFormField, SelectHandle, SelectOption, SelectProps, SeparatorProps, SidebarGroupProps, SidebarItem, SidebarProps, SliderProps, SortConfig, SpreadsheetCell, SpreadsheetProps, StackProps, StatCardProps, StatItemProps, StatisticConfig, StatisticFormat, StatsGridProps, StatusBadgeProps, StatusBarProps, StatusMessage, StatusType, Step, StepConfig, StepIndicatorProps, StepperProps, SwipeAction, SwipeActionsProps, SwitchFormField, SwitchProps, Tab, TabsProps, TextFormField, TextProps, TextareaFormField, TextareaProps, ThemeToggleProps, TimePickerHandle, TimePickerProps, TimelineItem, TimelineProps, ToastProps, ToastType, ToolbarSection, TooltipProps, TransferItem, TransferProps, TreeNode, TreeViewProps, TwoColumnContentProps, UploadedFile, UseColumnReorderOptions, UseColumnResizeOptions, UseDataTableOptions, UseDataTableReturn, UserProfileButtonProps, ValidationRule, ValidationState$1 as ValidationState, ViewportSize, WizardStep };