@papernote/ui 1.10.5 → 1.10.7

package/dist/index.esm.js

@@ -3346,7 +3346,7 @@ const toastStyles = {
         icon: jsx(Info, { className: "h-5 w-5 text-primary-600" }),
     },
 };
-function Toast({ id, type, title, message, duration = 5000, onClose }) {
+function Toast({ id, type, title, message, duration = 5000, onClose, action }) {
     const [isExiting, setIsExiting] = useState(false);
     const styles = toastStyles[type];
     const handleClose = useCallback(() => {
@@ -3355,13 +3355,19 @@ function Toast({ id, type, title, message, duration = 5000, onClose }) {
             onClose(id);
         }, 300); // Match animation duration
     }, [id, onClose]);
+    const handleAction = useCallback(() => {
+        if (action) {
+            action.onClick();
+            handleClose();
+        }
+    }, [action, handleClose]);
     useEffect(() => {
         const timer = setTimeout(() => {
             handleClose();
         }, duration);
         return () => clearTimeout(timer);
     }, [duration, handleClose]);
-    return (jsx("div", { className: `${styles.bg} ${styles.border} bg-subtle-grain rounded-lg shadow-lg p-4 min-w-[320px] max-w-md transition-all duration-300 ${isExiting ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0 animate-slide-in-right'}`, children: jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "flex-shrink-0 mt-0.5", children: styles.icon }), jsxs("div", { className: "flex-1 min-w-0", children: [jsx("h4", { className: "text-sm font-medium text-ink-900 mb-1", children: title }), jsx("p", { className: "text-sm text-ink-600", children: message })] }), jsx("button", { onClick: handleClose, className: "flex-shrink-0 text-ink-400 hover:text-ink-600 transition-colors", "aria-label": "Close notification", children: jsx(X, { className: "h-4 w-4" }) })] }) }));
+    return (jsx("div", { className: `${styles.bg} ${styles.border} bg-subtle-grain rounded-lg shadow-lg p-4 min-w-[320px] max-w-md transition-all duration-300 ${isExiting ? 'opacity-0 translate-x-full' : 'opacity-100 translate-x-0 animate-slide-in-right'}`, children: jsxs("div", { className: "flex items-start gap-3", children: [jsx("div", { className: "flex-shrink-0 mt-0.5", children: styles.icon }), jsxs("div", { className: "flex-1 min-w-0", children: [jsx("h4", { className: "text-sm font-medium text-ink-900 mb-1", children: title }), jsx("p", { className: "text-sm text-ink-600", children: message }), action && (jsx("button", { onClick: handleAction, className: "mt-2 text-sm font-medium text-accent-600 hover:text-accent-700 transition-colors", children: action.label }))] }), jsx("button", { onClick: handleClose, className: "flex-shrink-0 text-ink-400 hover:text-ink-600 transition-colors", "aria-label": "Close notification", children: jsx(X, { className: "h-4 w-4" }) })] }) }));
 }
 const positionStyles = {
     'top-right': 'top-20 right-6',
@@ -8096,6 +8102,373 @@ function SwipeableCard({ children, onSwipeRight, onSwipeLeft, rightAction = {
                 }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, onMouseDown: handleMouseDown, role: "button", "aria-label": `Swipeable card. ${onSwipeRight ? `Swipe right to ${rightAction.label}.` : ''} ${onSwipeLeft ? `Swipe left to ${leftAction.label}.` : ''}`, tabIndex: disabled ? -1 : 0, children: children })] }));
 }
 
+// Color classes for action backgrounds
+const getColorClasses = (color) => {
+    const colorMap = {
+        destructive: { bg: 'bg-gradient-to-r from-error-500 to-error-600', hover: 'hover:from-error-600 hover:to-error-700' },
+        warning: { bg: 'bg-gradient-to-r from-warning-500 to-warning-600', hover: 'hover:from-warning-600 hover:to-warning-700' },
+        success: { bg: 'bg-gradient-to-r from-success-500 to-success-600', hover: 'hover:from-success-600 hover:to-success-700' },
+        primary: { bg: 'bg-gradient-to-r from-accent-500 to-accent-600', hover: 'hover:from-accent-600 hover:to-accent-700' },
+        neutral: { bg: 'bg-gradient-to-r from-paper-400 to-paper-500', hover: 'hover:from-paper-500 hover:to-paper-600' },
+    };
+    return colorMap[color] || { bg: color, hover: '' };
+};
+/**
+ * SwipeableListItem - List item with swipe-to-reveal action buttons
+ *
+ * Features:
+ * - Multiple actions per side (like email apps)
+ * - Full swipe to trigger primary action
+ * - Keyboard accessibility (Arrow keys + Tab + Enter)
+ * - Async callback support with loading state
+ * - Haptic feedback on mobile
+ * - Smooth animations and visual polish
+ *
+ * @example Single action per side
+ * ```tsx
+ * <SwipeableListItem
+ *   rightActions={[
+ *     { id: 'approve', icon: Check, color: 'success', label: 'Approve', onClick: handleApprove }
+ *   ]}
+ *   leftActions={[
+ *     { id: 'delete', icon: Trash, color: 'destructive', label: 'Delete', onClick: handleDelete }
+ *   ]}
+ * >
+ *   <div className="p-4">List item content</div>
+ * </SwipeableListItem>
+ * ```
+ *
+ * @example Multiple actions (email-style)
+ * ```tsx
+ * <SwipeableListItem
+ *   leftActions={[
+ *     { id: 'delete', icon: Trash, color: 'destructive', label: 'Delete', onClick: handleDelete },
+ *     { id: 'archive', icon: Archive, color: 'warning', label: 'Archive', onClick: handleArchive },
+ *   ]}
+ *   rightActions={[
+ *     { id: 'read', icon: Mail, color: 'primary', label: 'Read', onClick: handleRead },
+ *     { id: 'star', icon: Star, color: 'warning', label: 'Star', onClick: handleStar },
+ *   ]}
+ *   fullSwipe
+ * >
+ *   <EmailListItem />
+ * </SwipeableListItem>
+ * ```
+ */
+function SwipeableListItem({ children, leftActions = [], rightActions = [], actionWidth = 72, fullSwipe = false, fullSwipeThreshold = 0.5, disabled = false, className = '', onSwipeChange, }) {
+    const containerRef = useRef(null);
+    const [isDragging, setIsDragging] = useState(false);
+    const [offsetX, setOffsetX] = useState(0);
+    const [activeDirection, setActiveDirection] = useState(null);
+    const [loadingActionId, setLoadingActionId] = useState(null);
+    const [focusedActionIndex, setFocusedActionIndex] = useState(-1);
+    const startX = useRef(0);
+    const startY = useRef(0);
+    const startTime = useRef(0);
+    const isHorizontalSwipe = useRef(null);
+    // Calculate total widths
+    const leftActionsWidth = leftActions.length * actionWidth;
+    const rightActionsWidth = rightActions.length * actionWidth;
+    // Trigger haptic feedback
+    const triggerHaptic = useCallback((style = 'medium') => {
+        if ('vibrate' in navigator) {
+            const patterns = {
+                light: 10,
+                medium: 25,
+                heavy: [50, 30, 50],
+            };
+            navigator.vibrate(patterns[style]);
+        }
+    }, []);
+    // Reset position
+    const resetPosition = useCallback(() => {
+        setOffsetX(0);
+        setActiveDirection(null);
+        setFocusedActionIndex(-1);
+        onSwipeChange?.(null);
+    }, [onSwipeChange]);
+    // Execute action with async support
+    const executeAction = useCallback(async (action) => {
+        setLoadingActionId(action.id);
+        triggerHaptic('heavy');
+        try {
+            await action.onClick();
+        }
+        finally {
+            setLoadingActionId(null);
+            resetPosition();
+        }
+    }, [triggerHaptic, resetPosition]);
+    // Handle drag start
+    const handleDragStart = useCallback((clientX, clientY) => {
+        if (disabled || loadingActionId)
+            return;
+        setIsDragging(true);
+        startX.current = clientX;
+        startY.current = clientY;
+        startTime.current = Date.now();
+        isHorizontalSwipe.current = null;
+    }, [disabled, loadingActionId]);
+    // Handle drag move
+    const handleDragMove = useCallback((clientX, clientY) => {
+        if (!isDragging || disabled || loadingActionId)
+            return;
+        const deltaX = clientX - startX.current;
+        const deltaY = clientY - startY.current;
+        // Determine if this is a horizontal swipe on first significant movement
+        if (isHorizontalSwipe.current === null) {
+            const absDeltaX = Math.abs(deltaX);
+            const absDeltaY = Math.abs(deltaY);
+            if (absDeltaX > 10 || absDeltaY > 10) {
+                isHorizontalSwipe.current = absDeltaX > absDeltaY;
+            }
+        }
+        // Only process horizontal swipes
+        if (isHorizontalSwipe.current !== true)
+            return;
+        let newOffset = deltaX;
+        // Swiping left (reveals left actions on right side)
+        if (deltaX < 0) {
+            if (leftActions.length === 0) {
+                newOffset = deltaX * 0.2; // Heavy resistance if no actions
+            }
+            else {
+                const maxSwipe = fullSwipe
+                    ? -(containerRef.current?.offsetWidth || 300)
+                    : -leftActionsWidth;
+                newOffset = Math.max(maxSwipe, deltaX);
+                // Apply resistance past the action buttons
+                if (newOffset < -leftActionsWidth && !fullSwipe) {
+                    const overSwipe = newOffset + leftActionsWidth;
+                    newOffset = -leftActionsWidth + overSwipe * 0.3;
+                }
+            }
+            if (activeDirection !== 'left') {
+                setActiveDirection('left');
+                onSwipeChange?.('left');
+            }
+        }
+        // Swiping right (reveals right actions on left side)
+        else if (deltaX > 0) {
+            if (rightActions.length === 0) {
+                newOffset = deltaX * 0.2; // Heavy resistance if no actions
+            }
+            else {
+                const maxSwipe = fullSwipe
+                    ? (containerRef.current?.offsetWidth || 300)
+                    : rightActionsWidth;
+                newOffset = Math.min(maxSwipe, deltaX);
+                // Apply resistance past the action buttons
+                if (newOffset > rightActionsWidth && !fullSwipe) {
+                    const overSwipe = newOffset - rightActionsWidth;
+                    newOffset = rightActionsWidth + overSwipe * 0.3;
+                }
+            }
+            if (activeDirection !== 'right') {
+                setActiveDirection('right');
+                onSwipeChange?.('right');
+            }
+        }
+        setOffsetX(newOffset);
+    }, [isDragging, disabled, loadingActionId, leftActions.length, rightActions.length, leftActionsWidth, rightActionsWidth, fullSwipe, activeDirection, onSwipeChange]);
+    // Handle drag end
+    const handleDragEnd = useCallback(() => {
+        if (!isDragging)
+            return;
+        setIsDragging(false);
+        const velocity = Math.abs(offsetX) / (Date.now() - startTime.current);
+        const containerWidth = containerRef.current?.offsetWidth || 300;
+        // Check for full swipe trigger
+        if (fullSwipe) {
+            const swipePercentage = Math.abs(offsetX) / containerWidth;
+            if (swipePercentage >= fullSwipeThreshold || velocity > 0.5) {
+                if (offsetX < 0 && leftActions.length > 0) {
+                    executeAction(leftActions[0]);
+                    return;
+                }
+                else if (offsetX > 0 && rightActions.length > 0) {
+                    executeAction(rightActions[0]);
+                    return;
+                }
+            }
+        }
+        // Snap to open or closed position
+        const threshold = actionWidth * 0.5;
+        if (Math.abs(offsetX) >= threshold || velocity > 0.3) {
+            // Snap open
+            if (offsetX < 0 && leftActions.length > 0) {
+                setOffsetX(-leftActionsWidth);
+                setActiveDirection('left');
+                onSwipeChange?.('left');
+            }
+            else if (offsetX > 0 && rightActions.length > 0) {
+                setOffsetX(rightActionsWidth);
+                setActiveDirection('right');
+                onSwipeChange?.('right');
+            }
+            else {
+                resetPosition();
+            }
+        }
+        else {
+            resetPosition();
+        }
+    }, [isDragging, offsetX, fullSwipe, fullSwipeThreshold, leftActions, rightActions, leftActionsWidth, rightActionsWidth, actionWidth, executeAction, resetPosition, onSwipeChange]);
+    // Touch event handlers
+    const handleTouchStart = (e) => {
+        handleDragStart(e.touches[0].clientX, e.touches[0].clientY);
+    };
+    const handleTouchMove = (e) => {
+        handleDragMove(e.touches[0].clientX, e.touches[0].clientY);
+        if (isHorizontalSwipe.current === true) {
+            e.preventDefault();
+        }
+    };
+    const handleTouchEnd = () => {
+        handleDragEnd();
+    };
+    // Mouse event handlers
+    const handleMouseDown = (e) => {
+        handleDragStart(e.clientX, e.clientY);
+    };
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        const handleMouseMove = (e) => {
+            handleDragMove(e.clientX, e.clientY);
+        };
+        const handleMouseUp = () => {
+            handleDragEnd();
+        };
+        document.addEventListener('mousemove', handleMouseMove);
+        document.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            document.removeEventListener('mousemove', handleMouseMove);
+            document.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [isDragging, handleDragMove, handleDragEnd]);
+    // Close on outside click
+    useEffect(() => {
+        if (activeDirection === null)
+            return;
+        const handleClickOutside = (e) => {
+            if (containerRef.current && !containerRef.current.contains(e.target)) {
+                resetPosition();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        return () => document.removeEventListener('mousedown', handleClickOutside);
+    }, [activeDirection, resetPosition]);
+    // Keyboard navigation
+    const handleKeyDown = useCallback((e) => {
+        if (disabled || loadingActionId)
+            return;
+        const currentActions = activeDirection === 'left' ? leftActions :
+            activeDirection === 'right' ? rightActions : [];
+        switch (e.key) {
+            case 'ArrowRight':
+                e.preventDefault();
+                if (activeDirection === null && rightActions.length > 0) {
+                    setOffsetX(rightActionsWidth);
+                    setActiveDirection('right');
+                    setFocusedActionIndex(0);
+                    onSwipeChange?.('right');
+                    triggerHaptic('light');
+                }
+                else if (activeDirection === 'right' && focusedActionIndex < rightActions.length - 1) {
+                    setFocusedActionIndex(prev => prev + 1);
+                }
+                else if (activeDirection === 'left') {
+                    resetPosition();
+                }
+                break;
+            case 'ArrowLeft':
+                e.preventDefault();
+                if (activeDirection === null && leftActions.length > 0) {
+                    setOffsetX(-leftActionsWidth);
+                    setActiveDirection('left');
+                    setFocusedActionIndex(0);
+                    onSwipeChange?.('left');
+                    triggerHaptic('light');
+                }
+                else if (activeDirection === 'left' && focusedActionIndex < leftActions.length - 1) {
+                    setFocusedActionIndex(prev => prev + 1);
+                }
+                else if (activeDirection === 'right') {
+                    resetPosition();
+                }
+                break;
+            case 'Tab':
+                if (activeDirection !== null && currentActions.length > 0) {
+                    e.preventDefault();
+                    if (e.shiftKey) {
+                        setFocusedActionIndex(prev => prev <= 0 ? currentActions.length - 1 : prev - 1);
+                    }
+                    else {
+                        setFocusedActionIndex(prev => prev >= currentActions.length - 1 ? 0 : prev + 1);
+                    }
+                }
+                break;
+            case 'Enter':
+            case ' ':
+                if (activeDirection !== null && focusedActionIndex >= 0 && focusedActionIndex < currentActions.length) {
+                    e.preventDefault();
+                    executeAction(currentActions[focusedActionIndex]);
+                }
+                break;
+            case 'Escape':
+                if (activeDirection !== null) {
+                    e.preventDefault();
+                    resetPosition();
+                }
+                break;
+        }
+    }, [disabled, loadingActionId, activeDirection, leftActions, rightActions, leftActionsWidth, rightActionsWidth, focusedActionIndex, executeAction, resetPosition, onSwipeChange, triggerHaptic]);
+    // Render action button
+    const renderActionButton = (action, index, side) => {
+        const { bg, hover } = getColorClasses(action.color);
+        const isLoading = loadingActionId === action.id;
+        const isFocused = activeDirection === side && focusedActionIndex === index;
+        const IconComponent = action.icon;
+        return (jsxs("button", { onClick: (e) => {
+                e.stopPropagation();
+                executeAction(action);
+            }, disabled: !!loadingActionId, className: `
+          flex flex-col items-center justify-center gap-1
+          h-full text-white
+          ${bg} ${hover}
+          transition-all duration-150 ease-out
+          focus:outline-none
+          ${isFocused ? 'ring-2 ring-white ring-inset scale-105' : ''}
+          ${isLoading ? 'opacity-75' : 'active:scale-95'}
+          disabled:cursor-not-allowed
+        `, style: { width: actionWidth }, "aria-label": action.label, children: [jsx("div", { className: `transition-transform duration-200 ${isFocused ? 'scale-110' : ''}`, children: isLoading ? (jsx(Loader2, { className: "h-5 w-5 animate-spin" })) : (jsx(IconComponent, { className: "h-5 w-5" })) }), jsx("span", { className: "text-[10px] font-medium uppercase tracking-wide opacity-90", children: action.label })] }, action.id));
+    };
+    // Build aria-label
+    const ariaLabel = [
+        'Swipeable list item.',
+        rightActions.length > 0 ? `Swipe right for ${rightActions.map(a => a.label).join(', ')}.` : '',
+        leftActions.length > 0 ? `Swipe left for ${leftActions.map(a => a.label).join(', ')}.` : '',
+    ].filter(Boolean).join(' ');
+    // Calculate visual progress for full swipe indicator
+    const fullSwipeProgress = fullSwipe
+        ? Math.min(1, Math.abs(offsetX) / ((containerRef.current?.offsetWidth || 300) * fullSwipeThreshold))
+        : 0;
+    return (jsxs("div", { ref: containerRef, className: `relative overflow-hidden ${className}`, children: [rightActions.length > 0 && (jsx("div", { className: "absolute left-0 top-0 bottom-0 flex shadow-inner", style: { width: rightActionsWidth }, children: rightActions.map((action, index) => renderActionButton(action, index, 'right')) })), leftActions.length > 0 && (jsx("div", { className: "absolute right-0 top-0 bottom-0 flex shadow-inner", style: { width: leftActionsWidth }, children: leftActions.map((action, index) => renderActionButton(action, index, 'left')) })), fullSwipe && fullSwipeProgress > 0.3 && (jsx("div", { className: `
+            absolute inset-0 pointer-events-none
+            ${offsetX > 0 ? 'bg-gradient-to-r from-success-500/20 to-transparent' : 'bg-gradient-to-l from-error-500/20 to-transparent'}
+          `, style: { opacity: fullSwipeProgress } })), jsx("div", { className: `
+          relative bg-white
+          ${isDragging ? 'cursor-grabbing' : 'cursor-grab'}
+          ${isDragging ? '' : 'transition-transform duration-200 ease-out'}
+          ${disabled ? 'opacity-50 pointer-events-none' : ''}
+          ${isDragging ? 'shadow-lg' : activeDirection ? 'shadow-md' : ''}
+        `, style: {
+                    transform: `translateX(${offsetX}px)`,
+                    touchAction: 'pan-y',
+                }, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, onMouseDown: handleMouseDown, onKeyDown: handleKeyDown, role: "button", "aria-label": ariaLabel, tabIndex: disabled ? -1 : 0, children: children })] }));
+}
+
 /**
  * NotificationBanner - Dismissible banner for important alerts
  *
@@ -58476,5 +58849,5 @@ function Responsive({ mobile, tablet, desktop, }) {
     return jsx(Fragment, { children: mobile || tablet || desktop });
 }
 
-export { Accordion, ActionBar, ActionBarCenter, ActionBarLeft, ActionBarRight, ActionButton, AdminModal, Alert, AlertDialog, AppLayout, Autocomplete, Avatar, BREAKPOINTS, Badge, BottomNavigation, BottomNavigationSpacer, BottomSheet, BottomSheetActions, BottomSheetContent, BottomSheetHeader, Box, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Carousel, Checkbox, CheckboxList, Chip, ChipGroup, Collapsible, ColorPicker, Combobox, ComingSoon, CommandPalette, CompactStat, 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, HorizontalScroll, HoverCard, InfiniteScroll, Input, KanbanBoard, Layout, Loading, LoadingOverlay, Logo, MarkdownEditor, MaskedInput, Menu, MenuDivider, MobileHeader, MobileHeaderSpacer, MobileLayout, MobileOnly, MobileProvider, Modal, ModalFooter, MultiSelect, NotificationBanner, NotificationBar, NotificationBell, 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$1 as SkeletonCard, SkeletonTable, Slider, Spreadsheet, SpreadsheetReport, Stack, StatCard, StatItem, StatsCardGrid, StatsGrid, StatusBadge, StatusBar, StepIndicator, Stepper, SwipeActions, SwipeableCard, Switch, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, ThemeToggle, TimePicker, Timeline, TimezoneSelector, Toast, ToastContainer, Tooltip, Transfer, TreeView, TwoColumnContent, UserProfileButton, addErrorMessage, addInfoMessage, addSuccessMessage, addWarningMessage, calculateColumnWidth, createActionsSection, createFiltersSection, createMultiSheetExcel, createPageControlsSection, createQueryDetailsSection, exportDataTableToExcel, exportToExcel, formatStatisticValue, formatStatistics, getFormula, getFormulasByCategory, getLocalTimezone, isValidTimezone, loadColumnOrder, loadColumnWidths, reorderArray, saveColumnOrder, saveColumnWidths, searchFormulas, statusManager, useBreadcrumbReset, useBreakpoint, useBreakpointValue, useColumnReorder, useColumnResize, useCommandPalette, useConfirmDialog, useFABScroll, useFormContext, useIsDesktop, useIsMobile, useIsTablet, useIsTouchDevice, useMediaQuery, useMobileContext, useOrientation, usePrefersMobile, useResponsiveCallback, useSafeAreaInsets, useViewportSize, withMobileContext };
+export { Accordion, ActionBar, ActionBarCenter, ActionBarLeft, ActionBarRight, ActionButton, AdminModal, Alert, AlertDialog, AppLayout, Autocomplete, Avatar, BREAKPOINTS, Badge, BottomNavigation, BottomNavigationSpacer, BottomSheet, BottomSheetActions, BottomSheetContent, BottomSheetHeader, Box, Breadcrumbs, Button, ButtonGroup, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardView, Carousel, Checkbox, CheckboxList, Chip, ChipGroup, Collapsible, ColorPicker, Combobox, ComingSoon, CommandPalette, CompactStat, 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, HorizontalScroll, HoverCard, InfiniteScroll, Input, KanbanBoard, Layout, Loading, LoadingOverlay, Logo, MarkdownEditor, MaskedInput, Menu, MenuDivider, MobileHeader, MobileHeaderSpacer, MobileLayout, MobileOnly, MobileProvider, Modal, ModalFooter, MultiSelect, NotificationBanner, NotificationBar, NotificationBell, 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$1 as SkeletonCard, SkeletonTable, Slider, Spreadsheet, SpreadsheetReport, Stack, StatCard, StatItem, StatsCardGrid, StatsGrid, StatusBadge, StatusBar, StepIndicator, Stepper, SwipeActions, SwipeableCard, SwipeableListItem, Switch, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, ThemeToggle, TimePicker, Timeline, TimezoneSelector, Toast, ToastContainer, Tooltip, Transfer, TreeView, TwoColumnContent, UserProfileButton, addErrorMessage, addInfoMessage, addSuccessMessage, addWarningMessage, calculateColumnWidth, createActionsSection, createFiltersSection, createMultiSheetExcel, createPageControlsSection, createQueryDetailsSection, exportDataTableToExcel, exportToExcel, formatStatisticValue, formatStatistics, getFormula, getFormulasByCategory, getLocalTimezone, isValidTimezone, loadColumnOrder, loadColumnWidths, reorderArray, saveColumnOrder, saveColumnWidths, searchFormulas, statusManager, useBreadcrumbReset, useBreakpoint, useBreakpointValue, useColumnReorder, useColumnResize, useCommandPalette, useConfirmDialog, useFABScroll, useFormContext, useIsDesktop, useIsMobile, useIsTablet, useIsTouchDevice, useMediaQuery, useMobileContext, useOrientation, usePrefersMobile, useResponsiveCallback, useSafeAreaInsets, useViewportSize, withMobileContext };
 //# sourceMappingURL=index.esm.js.map