@scalably/ui 0.18.1 → 0.20.1

package/dist/index.d.cts

@@ -2253,7 +2253,7 @@ interface SelectProps extends SelectBaseProps {
  * />
  * ```
  */
-declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLButtonElement | HTMLSelectElement>>;
+declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAttributes<HTMLSelectElement | HTMLButtonElement>>;
 
 type SkeletonVariant = "text" | "circle" | "rectangle";
 type SkeletonSize = "sm" | "md" | "lg";
@@ -3132,14 +3132,147 @@ interface LogoProps extends Omit<LogoAssetProps, "children"> {
  */
 declare const Logo: react.ForwardRefExoticComponent<LogoProps & react.RefAttributes<SVGSVGElement>>;
 
+interface LoadingMessageItem {
+    /** The message text or React node */
+    text: react__default.ReactNode;
+    /** Optional custom duration in milliseconds for this specific message */
+    duration?: number;
+    /** Optional unique key or identifier */
+    id?: string | number;
+}
+type LoadingMessagesProp = Array<react__default.ReactNode | LoadingMessageItem>;
+/**
+ * Market-standard progressive loading messages for reassurance during long operations.
+ */
+declare const DEFAULT_LOADING_MESSAGES: readonly ["Loading...", "Almost there...", "Still working on it, please hang tight..."];
+interface UseLoadingMessagesOptions {
+    /** Single loading message */
+    message?: react__default.ReactNode;
+    /** Sequence of messages to cycle through */
+    messages?: LoadingMessagesProp;
+    /**
+     * Whether to display DEFAULT_LOADING_MESSAGES when neither message nor messages is provided.
+     * @default false
+     */
+    showDefaultMessages?: boolean;
+    /**
+     * Delay in milliseconds before the first message appears (loading graphic only).
+     * @default 1500
+     */
+    initialDelay?: number;
+    /**
+     * Time in milliseconds each message stays before switching to the next.
+     * @default 3000
+     */
+    interval?: number;
+    /**
+     * Whether to cycle back to the first message after reaching the end.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Controlled message index. When specified, automatic timer is disabled.
+     */
+    currentMessageIndex?: number;
+    /**
+     * Signal value. Whenever this value changes, the sequence advances to the next message.
+     */
+    signal?: unknown;
+    /**
+     * Callback fired whenever the active message changes.
+     */
+    onMessageChange?: (index: number, message: react__default.ReactNode) => void;
+    /**
+     * Whether automatic timer-based message advancing is enabled.
+     * @default true (unless currentMessageIndex is controlled)
+     */
+    autoAdvance?: boolean;
+    /**
+     * Duration in milliseconds for message exit animation before new message enters.
+     * @default 180
+     */
+    transitionDuration?: number;
+}
+interface UseLoadingMessagesReturn {
+    /** The active message to render (null if still in initialDelay or no messages) */
+    currentMessage: react__default.ReactNode | null;
+    /** The current active index (-1 if still in initialDelay or no messages) */
+    currentIndex: number;
+    /** Whether the initial delay has passed and a message should be visible */
+    isMessageVisible: boolean;
+    /** Whether the message is currently in exit transition */
+    isTransitioning: boolean;
+    /** Total count of configured messages */
+    totalMessages: number;
+    /** Normalized list of message texts */
+    messageList: react__default.ReactNode[];
+    /** Advance to next message */
+    next: () => void;
+    /** Go to previous message */
+    prev: () => void;
+    /** Jump to a specific message index */
+    goTo: (index: number) => void;
+    /** Reset to initial state */
+    reset: () => void;
+}
+/**
+ * Headless hook to manage loading messages with initial delay, auto-advancing intervals,
+ * controlled indices, signal-driven triggers, and transition states.
+ */
+declare function useLoadingMessages({ message, messages, showDefaultMessages, initialDelay, interval, loop, currentMessageIndex, signal, onMessageChange, autoAdvance, transitionDuration, }?: UseLoadingMessagesOptions): UseLoadingMessagesReturn;
+
 interface LoadingScreenProps extends Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> {
     /**
-     * Optional loading message displayed below the logo.
+     * Optional single loading message displayed below the logo.
      */
-    message?: string;
+    message?: react__default.ReactNode;
+    /**
+     * Optional sequential loading messages to display below the logo.
+     * Can be strings, React nodes, or objects with custom duration: `{ text: ReactNode, duration?: number }`.
+     */
+    messages?: LoadingMessagesProp;
+    /**
+     * Whether to display market-standard default messages when neither message nor messages is provided.
+     * @default false
+     */
+    showDefaultMessages?: boolean;
+    /**
+     * Delay in milliseconds before displaying the first message.
+     * During this delay, only the animated loading logo is displayed.
+     * Set to 0 to show the message immediately on mount.
+     * @default 1500
+     */
+    initialDelay?: number;
+    /**
+     * Time in milliseconds between sequential message transitions.
+     * @default 3000
+     */
+    interval?: number;
+    /**
+     * Whether to loop back to the first message after reaching the end of messages.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Controlled message index. When provided, timer-based auto-advancing is disabled,
+     * allowing consumers to switch messages by step or external state.
+     */
+    currentMessageIndex?: number;
+    /**
+     * Signal value. Whenever this value changes, the sequence advances to the next message.
+     */
+    signal?: unknown;
+    /**
+     * Callback fired whenever the active message changes.
+     */
+    onMessageChange?: (index: number, message: react__default.ReactNode) => void;
+    /**
+     * Optional CSS class name for the message container.
+     */
+    messageClassName?: string;
     /**
      * Logo size in pixels. Responsive: smaller on mobile, larger on desktop.
-     * @default { mobile: 64, desktop: 80 }
+     * @default { mobile: 64, desktop: 128 }
      */
     size?: number | {
         mobile: number;
@@ -3147,38 +3280,66 @@ interface LoadingScreenProps extends Omit<react__default.HTMLAttributes<HTMLDivE
     };
     /**
      * Accessible label for screen readers.
-     * Falls back to "Loading" or includes message if provided.
+     * Falls back to "Loading: <message>" or "Loading".
      */
     "aria-label"?: string;
 }
 /**
- * Full-screen loading overlay component with animated Scalably logo.
+ * Full-screen loading overlay component with animated Scalably logo and sequential messaging.
  *
  * Features:
  * - Full-screen transparent overlay
  * - Animated logo with pulse and rotate combination
- * - Optional loading message
- * - Full accessibility support
+ * - Progressive sequential reassurance messages with configurable initial delay and interval
+ * - Controlled step-index and signal-driven message switching
+ * - Smooth fade-in & slide transitions between messages
+ * - Full accessibility support (role="status", aria-live="polite")
  * - Respects reduced motion preferences
  * - Mobile-first responsive design
  *
  * @example
  * ```tsx
- * // Basic usage
+ * // Basic usage with default progressive reassurance messages
  * <LoadingScreen />
  *
- * // With message
- * <LoadingScreen message="Loading your data..." />
+ * // Immediate single message
+ * <LoadingScreen message="Loading your data..." initialDelay={0} />
  *
- * // With backdrop blur via className
- * <LoadingScreen className="backdrop-blur-md" />
+ * // Custom sequential messages
+ * <LoadingScreen
+ *   messages={[
+ *     "Connecting to server...",
+ *     "Syncing your workspace...",
+ *     "Almost ready...",
+ *   ]}
+ *   initialDelay={1500}
+ *   interval={3000}
+ * />
  *
- * // Custom size
- * <LoadingScreen size={{ mobile: 48, desktop: 96 }} />
+ * // Signal-driven step switching
+ * <LoadingScreen
+ *   messages={["Uploading files...", "Processing...", "Ready!"]}
+ *   currentMessageIndex={uploadStep}
+ * />
  * ```
  */
 declare const LoadingScreen: react__default.ForwardRefExoticComponent<LoadingScreenProps & react__default.RefAttributes<HTMLDivElement>>;
 
+interface LoadingMessageProps extends react__default.HTMLAttributes<HTMLDivElement> {
+    /** The message text or React node to display */
+    message: react__default.ReactNode;
+    /** Whether the message is currently animating out */
+    isTransitioning?: boolean;
+    /** HTML element to render */
+    as?: "div" | "p" | "span";
+}
+/**
+ * Animated presentation component for loading messages.
+ * Handles entering and exiting animations and screen-reader accessibility.
+ */
+declare const LoadingMessage: react__default.ForwardRefExoticComponent<LoadingMessageProps & react__default.RefAttributes<HTMLDivElement>>;
+
+type LoadingSpinnerMessagePlacement = "bottom" | "right" | "top" | "left";
 interface LoadingSpinnerProps extends Omit<react__default.HTMLAttributes<HTMLDivElement>, "children"> {
     /**
      * Size of the spinner in pixels.
@@ -3190,38 +3351,88 @@ interface LoadingSpinnerProps extends Omit<react__default.HTMLAttributes<HTMLDiv
      * @default "Loading"
      */
     "aria-label"?: string;
+    /**
+     * Optional single loading message displayed alongside the spinner.
+     */
+    message?: react__default.ReactNode;
+    /**
+     * Optional sequential loading messages to display alongside the spinner.
+     */
+    messages?: LoadingMessagesProp;
+    /**
+     * Whether to display market-standard default messages when neither message nor messages is provided.
+     * Defaults to false to prevent unexpected text inside compact inline button spinners.
+     * @default false
+     */
+    showDefaultMessages?: boolean;
+    /**
+     * Delay in milliseconds before displaying the first message.
+     * During this delay, only the spinner is displayed.
+     * Set to 0 to show message immediately on mount.
+     * @default 1500
+     */
+    initialDelay?: number;
+    /**
+     * Time in milliseconds between sequential message transitions.
+     * @default 3000
+     */
+    interval?: number;
+    /**
+     * Whether to loop back to the first message after reaching the end.
+     * @default false
+     */
+    loop?: boolean;
+    /**
+     * Controlled message index to switch messages by step/signal rather than time.
+     */
+    currentMessageIndex?: number;
+    /**
+     * Signal value. Whenever this value changes, advances to the next message.
+     */
+    signal?: unknown;
+    /**
+     * Callback fired whenever the active message changes.
+     */
+    onMessageChange?: (index: number, message: react__default.ReactNode) => void;
+    /**
+     * Placement of the message relative to the spinner.
+     * @default "bottom"
+     */
+    messagePlacement?: LoadingSpinnerMessagePlacement;
+    /**
+     * Optional CSS class name for the message container.
+     */
+    messageClassName?: string;
 }
 /**
- * Inline loading spinner component with animated Scalably logo.
+ * Inline loading spinner component with animated Scalably logo and optional progressive messaging.
  *
  * Features:
- * - Compact spinner for inline use (buttons, cards, tables, etc.)
+ * - Compact spinner for inline use (buttons, cards, tables, sections)
  * - Animated logo with pulse and rotate combination
+ * - Optional single or sequential message with configurable delay & transitions
+ * - Configurable message placement (default: "bottom")
  * - Full accessibility support
  * - Respects reduced motion preferences
  * - Customizable size
  *
  * @example
  * ```tsx
- * // Basic usage
- * <LoadingSpinner />
- *
- * // Custom size
- * <LoadingSpinner size={32} />
- *
- * // In a button
+ * // Basic inline usage in button (no messages)
  * <Button disabled>
  *   <LoadingSpinner size={16} className="sui-mr-2" />
- *   Loading...
+ *   Submitting
  * </Button>
  *
- * // In a card
- * <Card>
- *   <div className="sui-flex sui-items-center sui-gap-2">
- *     <LoadingSpinner size={20} />
- *     <span>Processing...</span>
- *   </div>
- * </Card>
+ * // Centered section loader with default message below spinner
+ * <LoadingSpinner size={32} showDefaultMessages />
+ *
+ * // Custom message sequence
+ * <LoadingSpinner
+ *   size={24}
+ *   messages={["Verifying...", "Saving changes...", "Done!"]}
+ *   messagePlacement="bottom"
+ * />
  * ```
  */
 declare const LoadingSpinner: react__default.ForwardRefExoticComponent<LoadingSpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
@@ -3307,6 +3518,17 @@ declare const WelcomeBackground: {
 type FloatingMenuTrigger = "slash" | "plus" | "both";
 
 type ImageSourceMode = "both" | "url-only" | "upload-only";
+/**
+ * Controls the toolbar layout and feature set:
+ * - "collapsible" (default): Renders basic inline tools with an expand/collapse toggle to reveal extended tools.
+ * - "basic": Renders only basic formatting tools (compact 1-row layout).
+ * - "extended": Always renders all basic and extended tools.
+ */
+type ToolbarMode = "collapsible" | "basic" | "extended";
+interface MaxLengthExceedInfo {
+    max: number;
+    current: number;
+}
 interface RichTextEditorProps {
     /** Controlled HTML value of the editor */
     value: string;
@@ -3322,7 +3544,29 @@ interface RichTextEditorProps {
     placeholder?: string;
     /** Minimum height of the content area (e.g. "160px") */
     minHeight?: string;
-    /** When true, renders a reduced toolbar (basic formatting only) */
+    /**
+     * Toolbar mode:
+     * - "collapsible" (default): Compact basic toolbar with a toggle to expand extended tools
+     * - "basic": Only shows basic formatting tools
+     * - "extended": Always displays all formatting tools
+     *
+     * @default "collapsible"
+     */
+    toolbarMode?: ToolbarMode;
+    /**
+     * Initial expanded state when toolbarMode is "collapsible".
+     *
+     * @default false
+     */
+    defaultToolbarExpanded?: boolean;
+    /**
+     * Callback fired when the toolbar expand/collapse state changes.
+     */
+    onToolbarExpandChange?: (isExpanded: boolean) => void;
+    /**
+     * @deprecated Use `toolbarMode="basic"` instead.
+     * When true, renders a reduced toolbar (basic formatting only).
+     */
     simple?: boolean;
     /** Disables editing and toolbar interaction */
     disabled?: boolean;
@@ -3400,10 +3644,7 @@ interface RichTextEditorProps {
      * Callback fired when the max character limit is reached.
      * Fired only once per breach (debounced until length drops below limit).
      */
-    onMaxLengthExceed?: (info: {
-        max: number;
-        current: number;
-    }) => void;
+    onMaxLengthExceed?: (info: MaxLengthExceedInfo) => void;
     /**
      * Controls when Tiptap renders the editor content.
      *
@@ -3487,18 +3728,6 @@ interface RichTextEditorProps {
      * @default true
      */
     enableFloatingMenu?: boolean;
-    /**
-     * Optional fine-tuning offset (in pixels) applied to the gutter "+"
-     * insert button alignment.
-     *
-     * In most cases you should not need this. The library automatically
-     * derives a good vertical alignment from the paragraph's computed
-     * line-height and font-size, but if your host app overrides
-     * typography significantly (e.g. different base font-size or
-     * custom line-height), you can use this to nudge the "+" icon up
-     * or down to visually match your text baseline.
-     */
-    plusMenuYOffset?: number;
     /**
      * Controls how the floating insert menu is triggered:
      *
@@ -3510,6 +3739,7 @@ interface RichTextEditorProps {
      */
     floatingMenuTriggers?: FloatingMenuTrigger;
 }
+
 /**
  * RichTextEditor - Controlled rich text editor built on top of Tiptap.
  *
@@ -3562,15 +3792,14 @@ interface RichTextEditorProps {
  * @see RichTextViewer - Read-only viewer component for displaying rich text content
  */
 declare const RichTextEditor: {
-    ({ value, onChange, label, error, helperText, placeholder, minHeight, simple, disabled, "data-testid": dataTestId, containerClassName, borderContainerClassName, toolbarClassName, contentClassName, editorClassName, labelClassName, messageContainerClassName, onImageUpload, imageUploadErrorMessage, imageSourceMode, maxCharacters, onMaxLengthExceed, immediatelyRender, stickyToolbar, stickyOffset, hideToolbar, withBorder, enableBubbleMenu, enableBubbleMenuOnTouch, enableFloatingMenu, floatingMenuTriggers, plusMenuYOffset, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
+    ({ value, onChange, label, error, helperText, placeholder, minHeight, toolbarMode, defaultToolbarExpanded, onToolbarExpandChange, simple, disabled, "data-testid": dataTestId, containerClassName, borderContainerClassName, toolbarClassName, contentClassName, editorClassName, labelClassName, messageContainerClassName, onImageUpload, imageUploadErrorMessage, imageSourceMode, maxCharacters, onMaxLengthExceed, immediatelyRender, stickyToolbar, stickyOffset, hideToolbar, withBorder, enableBubbleMenu, enableBubbleMenuOnTouch, enableFloatingMenu, floatingMenuTriggers, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 
 interface RichTextViewerProps {
     /**
      * HTML content string to render (typically from RichTextEditor's value prop).
-     * This content will be rendered as-is, so ensure it's sanitized if it comes
-     * from untrusted sources.
+     * This content is automatically sanitized to prevent XSS attacks.
      */
     content: string;
     /**
@@ -3588,16 +3817,8 @@ interface RichTextViewerProps {
  * This component renders HTML content with the same styling as RichTextEditor,
  * ensuring a consistent appearance between "edit" and "view" modes.
  *
- * **Security Note:** This component uses `dangerouslySetInnerHTML` to render
- * the provided HTML. If the content comes from untrusted sources (e.g., user
- * input, external APIs), you should sanitize it first using a library like
- * DOMPurify:
- *
- * ```tsx
- * import DOMPurify from 'isomorphic-dompurify';
- *
- * <RichTextViewer content={DOMPurify.sanitize(userContent)} />
- * ```
+ * Automatically sanitizes HTML content to prevent XSS while preserving
+ * valid styling, SVGs, images, tables, YouTube iframes, and task lists.
  *
  * @example
  * ```tsx
@@ -4563,6 +4784,18 @@ declare const AlignRightIcon: {
     displayName: string;
 };
 
+interface BlockquoteIconProps extends IconProps {
+}
+/**
+ * Blockquote icon component for the rich text editor.
+ *
+ * Uses `currentColor` for dynamic styling with Tailwind CSS classes.
+ */
+declare const BlockquoteIcon: {
+    ({ size, ...props }: BlockquoteIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface BoldIconProps extends IconProps {
 }
 /**
@@ -4582,6 +4815,28 @@ declare const BoldIcon: {
     displayName: string;
 };
 
+interface ChecklistIconProps extends IconProps {
+}
+/**
+ * Checklist / Task list icon for the rich text editor.
+ */
+declare const ChecklistIcon: {
+    ({ size, ...props }: ChecklistIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface CodeBlockIconProps extends IconProps {
+}
+/**
+ * Code Block icon component for the rich text editor.
+ *
+ * Uses `currentColor` for dynamic styling with Tailwind CSS classes.
+ */
+declare const CodeBlockIcon: {
+    ({ size, ...props }: CodeBlockIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface DividerIconProps extends IconProps {
 }
 declare const DividerIcon: {
@@ -4643,6 +4898,38 @@ declare const ListNumberIcon: {
     displayName: string;
 };
 
+interface RedoIconProps extends IconProps {
+}
+/**
+ * Redo icon component - displays a redo action arrow.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ *
+ * @example
+ * ```tsx
+ * import { RedoIcon } from '@scalably/ui';
+ *
+ * <RedoIcon size={24} className="sui-text-primary" />
+ * ```
+ */
+declare const RedoIcon: {
+    (props: RedoIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface TableIconProps extends IconProps {
+}
+/**
+ * Table icon for the rich text editor toolbar.
+ *
+ * Designed to market standard (Lucide / Radix / Notion) with a crisp 16x16 grid,
+ * rounded outer frame, distinct header row, and balanced column/row dividers.
+ */
+declare const TableIcon: {
+    ({ size, ...props }: TableIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface UnderlineIconProps extends IconProps {
 }
 /**
@@ -4662,6 +4949,25 @@ declare const UnderlineIcon: {
     displayName: string;
 };
 
+interface UndoIconProps extends IconProps {
+}
+/**
+ * Undo icon component - displays an undo action arrow.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ *
+ * @example
+ * ```tsx
+ * import { UndoIcon } from '@scalably/ui';
+ *
+ * <UndoIcon size={24} className="sui-text-primary" />
+ * ```
+ */
+declare const UndoIcon: {
+    (props: UndoIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface FileIconProps extends IconProps {
 }
 /**
@@ -6363,4 +6669,4 @@ declare const WebsiteIcon: {
     displayName: string;
 };
 
-export { AlignCenterIcon, type AlignCenterIconProps, AlignLeftIcon, type AlignLeftIconProps, AlignRightIcon, type AlignRightIconProps, AppLauncherIcon, type AppLauncherIconProps, AppLogo, ArrowDownIcon, type ArrowDownIconProps, ArrowLeftIcon, type ArrowLeftIconProps, ArrowRightIcon, type ArrowRightIconProps, ArrowUpIcon, type ArrowUpIconProps, AuthPrompt, type AuthPromptProps, AutoScrollText, type AutoScrollTextAction, type AutoScrollTextAs, type AutoScrollTextMode, type AutoScrollTextProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellFilledIcon, type BellFilledIconProps, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BookOpenIcon, type BookOpenIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationV2, type BottomNavigationV2MenuItem, type BottomNavigationV2Props, type BottomNavigationV2TabItem, Building2Icon, type Building2IconProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, type CalendarIconProps, CalendarStarIcon, type CalendarStarIconProps, CampaignLogo, CaptureIcon, type CaptureIconProps, CartIcon, type CartIconProps, CelebrationModal, type CelebrationModalProps, CheckBox, CheckBoxGroup, type CheckBoxGroupOption, type CheckBoxGroupProps, type CheckBoxProps, CheckIcon, type CheckIconProps, CloseIcon, type CloseIconProps, CopyIcon, type CopyIconProps, Countdown, type CountdownProps, type CountdownSize, type CountdownTimeValues, type CountdownUnit, CropIcon, type CropIconProps, type CroppedImageResult, DatabaseIcon, type DatabaseIconProps, DateInput, type DateInputMode, type DateInputProps, DatePicker, type DatePickerMode, type DatePickerProps, type DefaultAssetCategory, type DefaultAssetComponent, type DefaultAssetProps, type DefaultAssetVariant, type DefaultAssets, DeleteIcon, type DeleteIconProps, DiscordIcon, type DiscordIconProps, Divider, DividerIcon, type DividerIconProps, type DividerProps, type DividerVariant, DoorExitIcon, type DoorExitIconProps, DownloadIcon, type DownloadIconProps, DragableDotsIcon, type DragableDotsIconProps, DragableList, type DragableListItemType, type DragableListProps, DropUpIcon, type DropUpIconProps, DropdownIcon, type DropdownIconProps, type DropdownItem, EditIcon, type EditIconProps, ErrorIcon, type ErrorIconProps, EyeIcon, type EyeIconProps, EyeSlashIcon, type EyeSlashIconProps, FacebookIcon, type FacebookIconProps, FeedFilledIcon, type FeedFilledIconProps, FeedIcon, type FeedIconProps, type FieldErrorLike, FileIcon, type FileIconProps, FileUpload, type FileUploadError, type FileUploadFile, FileUploadIcon, type FileUploadIconProps, type FileUploadIconType, type FileUploadProps, type FileUploadSize, type FileUploadVariant, FilterIcon, type FilterIconProps, Form, type FormErrorItem, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, type FormProps, ForwardIcon, type ForwardIconProps, type GetCroppedImgOptions, GlobeIcon, type GlobeIconProps, GmailIcon, type GmailIconProps, GridIcon, type GridIconProps, GripVerticalIcon, type GripVerticalIconProps, GroupAvatar, HelpCircleIcon, type HelpCircleIconProps, HomeFilledIcon, type HomeFilledIconProps, HomeIcon, type HomeIconProps, IconBadge, type IconBadgeProps, IconBigLogo, IconLogo, ImageCrop, ImageCropModal, type ImageCropModalProps, type ImageCropProps, ImageGallery, type ImageGalleryProps, ImageIcon, type ImageIconProps, ImagePlaceholder, type ImageSourceMode, ImageUploadIcon, type ImageUploadIconProps, IncognitoIcon, type IncognitoIconProps, IndeterminateIcon, type IndeterminateIconProps, InfoCircleIcon, type InfoCircleIconProps, InfoIcon, type InfoIconProps, Input, type InputProps, type InputVariant, InsertImageIcon, type InsertImageIconProps, InsertVideoIcon, type InsertVideoIconProps, InstagramIcon, type InstagramIconProps, ItalicIcon, type ItalicIconProps, KakaoTalkIcon, type KakaoTalkIconProps, LarkIcon, type LarkIconProps, LayoutGridIcon, type LayoutGridIconProps, LikeFilledIcon, type LikeFilledIconProps, LikeIcon, type LikeIconProps, LineIcon, type LineIconProps, LinkIcon, type LinkIconProps, LinkedInIcon, type LinkedInIconProps, ListBulletIcon, type ListBulletIconProps, ListIcon, type ListIconProps, ListNumberIcon, type ListNumberIconProps, LoadingScreen, type LoadingScreenProps, LoadingSpinner, type LoadingSpinnerProps, Logo, type LogoAssetComponent, type LogoAssetProps, type LogoAssets, type LogoFormat, type LogoProps, type LogoVariant, MediaGallery, type MediaGalleryProps, type MediaItem, type MediaSource, MessengerIcon, type MessengerIconProps, MinusIcon, type MinusIconProps, MonthInput, type MonthInputMode, type MonthInputProps, MonthPicker, type MonthPickerMode, type MonthPickerProps, type MonthRangeValue, MoreHorizontalIcon, type MoreHorizontalIconProps, MultiLevelDropdown, type MultiLevelDropdownProps, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, NewspaperFilledIcon, type NewspaperFilledIconProps, NewspaperIcon, type NewspaperIconProps, BellFilledIcon as NotificationFilledIcon, type BellFilledIconProps as NotificationFilledIconProps, BellIcon as NotificationIcon, type BellIconProps as NotificationIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, PauseCircleIcon, type PauseCircleIconProps, PercentIcon, type PercentIconProps, PlayIcon, type PlayIconProps, PlusIcon, type PlusIconProps, Portal, ProfileAvatar, ProgressBar, QuantityInput, type QuantityInputProps, RSSIcon, type RSSIconProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RangeValue, Rating, type RatingProps, RedditIcon, type RedditIconProps, ResetIcon, type ResetIconProps, ReviewFilledIcon, type ReviewFilledIconProps, ReviewIcon, type ReviewIconProps, RichTextEditor, type RichTextEditorProps, RichTextViewer, type RichTextViewerProps, RotateLeftIcon, type RotateLeftIconProps, RotateRightIcon, type RotateRightIconProps, ScalablyIcon, type ScalablyIconProps, ScalablyUIProvider, type ScalablyUIProviderProps, SearchIcon, type SearchIconProps, SearchInput, type SearchInputProps, type SearchInputVariant, Select, type SelectOption, type SelectProps, type SelectVariant, SettingsIcon, type SettingsIconProps, ShareIcon, type ShareIconProps, ShoppingBagFilledIcon, type ShoppingBagFilledIconProps, ShoppingBagIcon, type ShoppingBagIconProps, SignalIcon, type SignalIconProps, Skeleton, type SkeletonProps, type SkeletonSize, SkeletonText, type SkeletonTextProps, type SkeletonVariant, SlackIcon, type SlackIconProps, Slider, SocialCampaignFilledIcon, type SocialCampaignFilledIconProps, SocialCampaignIcon, type SocialCampaignIconProps, StarIcon, type StarIconProps, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type StatusBadgeVariant, StoreFilledIcon, type StoreFilledIconProps, StoreIcon, type StoreIconProps, SuccessIcon, type SuccessIconProps, Switch, type SwitchProps, TabItem, type TabItemOption, type TabItemProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, TagInput, type TagInputProps, TelegramIcon, type TelegramIconProps, TiktokIcon, type TiktokIconProps, TimePicker, type TimePickerProps, ToFirstIcon, type ToFirstIconProps, ToLastIcon, type ToLastIconProps, ToNextIcon, type ToNextIconProps, ToPreviousIcon, type ToPreviousIconProps, Toast, type ToastAction, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, type ToastStatus, Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide, TranslateIcon, type TranslateIconProps, TrendingDownIcon, type TrendingDownIconProps, TrendingUpIcon, type TrendingUpIconProps, TwitchIcon, type TwitchIconProps, UnderlineIcon, type UnderlineIconProps, UserFilledIcon, type UserFilledIconProps, UserIcon, type UserIconProps, UserJoinIcon, type UserJoinIconProps, UserLeaveIcon, type UserLeaveIconProps, UsersFilledIcon, type UsersFilledIconProps, UsersIcon, type UsersIconProps, UsersPlusIcon, type UsersPlusIconProps, VerifiedIcon, type VerifiedIconProps, VideoIcon, type VideoIconProps, VideoUploadIcon, type VideoUploadIconProps, type ViewMode, ViewToggle, type ViewToggleProps, WalletFilledIcon, type WalletFilledIconProps, WalletIcon, type WalletIconProps, WarnIcon, type WarnIconProps, WebsiteIcon, type WebsiteIconProps, WelcomeBackground, type WelcomeBackgroundProps, WhatsAppIcon, type WhatsAppIconProps, XIcon, type XIconProps, YearInput, type YearInputMode, type YearInputProps, YearPicker, type YearPickerMode, type YearPickerProps, type YearRangeValue, YoutubeIcon, type YoutubeIconProps, clampDate, cn, daysGrid, debounce, defaultAssets, extensionToMimeType, fieldErrorToProps, formatAcceptedFileTypes, formatDateLocalized, getCroppedImg, logoAssets, mimeTypeToDisplayName, monthsForLocale, normalizeAcceptedFileTypes, scopeClass, throttle, toDateKey, validateFileTypeAndSize, weekdaysForLocale, welcomeAssets, zodErrorsToSummary };
+export { AlignCenterIcon, type AlignCenterIconProps, AlignLeftIcon, type AlignLeftIconProps, AlignRightIcon, type AlignRightIconProps, AppLauncherIcon, type AppLauncherIconProps, AppLogo, ArrowDownIcon, type ArrowDownIconProps, ArrowLeftIcon, type ArrowLeftIconProps, ArrowRightIcon, type ArrowRightIconProps, ArrowUpIcon, type ArrowUpIconProps, AuthPrompt, type AuthPromptProps, AutoScrollText, type AutoScrollTextAction, type AutoScrollTextAs, type AutoScrollTextMode, type AutoScrollTextProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellFilledIcon, type BellFilledIconProps, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BlockquoteIcon, type BlockquoteIconProps, BoldIcon, type BoldIconProps, BookOpenIcon, type BookOpenIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationV2, type BottomNavigationV2MenuItem, type BottomNavigationV2Props, type BottomNavigationV2TabItem, Building2Icon, type Building2IconProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, type CalendarIconProps, CalendarStarIcon, type CalendarStarIconProps, CampaignLogo, CaptureIcon, type CaptureIconProps, CartIcon, type CartIconProps, CelebrationModal, type CelebrationModalProps, CheckBox, CheckBoxGroup, type CheckBoxGroupOption, type CheckBoxGroupProps, type CheckBoxProps, CheckIcon, type CheckIconProps, ChecklistIcon, type ChecklistIconProps, CloseIcon, type CloseIconProps, CodeBlockIcon, type CodeBlockIconProps, CopyIcon, type CopyIconProps, Countdown, type CountdownProps, type CountdownSize, type CountdownTimeValues, type CountdownUnit, CropIcon, type CropIconProps, type CroppedImageResult, DEFAULT_LOADING_MESSAGES, DatabaseIcon, type DatabaseIconProps, DateInput, type DateInputMode, type DateInputProps, DatePicker, type DatePickerMode, type DatePickerProps, type DefaultAssetCategory, type DefaultAssetComponent, type DefaultAssetProps, type DefaultAssetVariant, type DefaultAssets, DeleteIcon, type DeleteIconProps, DiscordIcon, type DiscordIconProps, Divider, DividerIcon, type DividerIconProps, type DividerProps, type DividerVariant, DoorExitIcon, type DoorExitIconProps, DownloadIcon, type DownloadIconProps, DragableDotsIcon, type DragableDotsIconProps, DragableList, type DragableListItemType, type DragableListProps, DropUpIcon, type DropUpIconProps, DropdownIcon, type DropdownIconProps, type DropdownItem, EditIcon, type EditIconProps, ErrorIcon, type ErrorIconProps, EyeIcon, type EyeIconProps, EyeSlashIcon, type EyeSlashIconProps, FacebookIcon, type FacebookIconProps, FeedFilledIcon, type FeedFilledIconProps, FeedIcon, type FeedIconProps, type FieldErrorLike, FileIcon, type FileIconProps, FileUpload, type FileUploadError, type FileUploadFile, FileUploadIcon, type FileUploadIconProps, type FileUploadIconType, type FileUploadProps, type FileUploadSize, type FileUploadVariant, FilterIcon, type FilterIconProps, Form, type FormErrorItem, FormErrorSummary, type FormErrorSummaryProps, FormField, type FormFieldProps, type FormProps, ForwardIcon, type ForwardIconProps, type GetCroppedImgOptions, GlobeIcon, type GlobeIconProps, GmailIcon, type GmailIconProps, GridIcon, type GridIconProps, GripVerticalIcon, type GripVerticalIconProps, GroupAvatar, HelpCircleIcon, type HelpCircleIconProps, HomeFilledIcon, type HomeFilledIconProps, HomeIcon, type HomeIconProps, IconBadge, type IconBadgeProps, IconBigLogo, IconLogo, ImageCrop, ImageCropModal, type ImageCropModalProps, type ImageCropProps, ImageGallery, type ImageGalleryProps, ImageIcon, type ImageIconProps, ImagePlaceholder, type ImageSourceMode, ImageUploadIcon, type ImageUploadIconProps, IncognitoIcon, type IncognitoIconProps, IndeterminateIcon, type IndeterminateIconProps, InfoCircleIcon, type InfoCircleIconProps, InfoIcon, type InfoIconProps, Input, type InputProps, type InputVariant, InsertImageIcon, type InsertImageIconProps, InsertVideoIcon, type InsertVideoIconProps, InstagramIcon, type InstagramIconProps, ItalicIcon, type ItalicIconProps, KakaoTalkIcon, type KakaoTalkIconProps, LarkIcon, type LarkIconProps, LayoutGridIcon, type LayoutGridIconProps, LikeFilledIcon, type LikeFilledIconProps, LikeIcon, type LikeIconProps, LineIcon, type LineIconProps, LinkIcon, type LinkIconProps, LinkedInIcon, type LinkedInIconProps, ListBulletIcon, type ListBulletIconProps, ListIcon, type ListIconProps, ListNumberIcon, type ListNumberIconProps, LoadingMessage, type LoadingMessageItem, type LoadingMessageProps, type LoadingMessagesProp, LoadingScreen, type LoadingScreenProps, LoadingSpinner, type LoadingSpinnerMessagePlacement, type LoadingSpinnerProps, Logo, type LogoAssetComponent, type LogoAssetProps, type LogoAssets, type LogoFormat, type LogoProps, type LogoVariant, MediaGallery, type MediaGalleryProps, type MediaItem, type MediaSource, MessengerIcon, type MessengerIconProps, MinusIcon, type MinusIconProps, MonthInput, type MonthInputMode, type MonthInputProps, MonthPicker, type MonthPickerMode, type MonthPickerProps, type MonthRangeValue, MoreHorizontalIcon, type MoreHorizontalIconProps, MultiLevelDropdown, type MultiLevelDropdownProps, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, NewspaperFilledIcon, type NewspaperFilledIconProps, NewspaperIcon, type NewspaperIconProps, BellFilledIcon as NotificationFilledIcon, type BellFilledIconProps as NotificationFilledIconProps, BellIcon as NotificationIcon, type BellIconProps as NotificationIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, PauseCircleIcon, type PauseCircleIconProps, PercentIcon, type PercentIconProps, PlayIcon, type PlayIconProps, PlusIcon, type PlusIconProps, Portal, ProfileAvatar, ProgressBar, QuantityInput, type QuantityInputProps, RSSIcon, type RSSIconProps, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RangeValue, Rating, type RatingProps, RedditIcon, type RedditIconProps, RedoIcon, type RedoIconProps, ResetIcon, type ResetIconProps, ReviewFilledIcon, type ReviewFilledIconProps, ReviewIcon, type ReviewIconProps, RichTextEditor, type RichTextEditorProps, RichTextViewer, type RichTextViewerProps, RotateLeftIcon, type RotateLeftIconProps, RotateRightIcon, type RotateRightIconProps, ScalablyIcon, type ScalablyIconProps, ScalablyUIProvider, type ScalablyUIProviderProps, SearchIcon, type SearchIconProps, SearchInput, type SearchInputProps, type SearchInputVariant, Select, type SelectOption, type SelectProps, type SelectVariant, SettingsIcon, type SettingsIconProps, ShareIcon, type ShareIconProps, ShoppingBagFilledIcon, type ShoppingBagFilledIconProps, ShoppingBagIcon, type ShoppingBagIconProps, SignalIcon, type SignalIconProps, Skeleton, type SkeletonProps, type SkeletonSize, SkeletonText, type SkeletonTextProps, type SkeletonVariant, SlackIcon, type SlackIconProps, Slider, SocialCampaignFilledIcon, type SocialCampaignFilledIconProps, SocialCampaignIcon, type SocialCampaignIconProps, StarIcon, type StarIconProps, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type StatusBadgeVariant, StoreFilledIcon, type StoreFilledIconProps, StoreIcon, type StoreIconProps, SuccessIcon, type SuccessIconProps, Switch, type SwitchProps, TabItem, type TabItemOption, type TabItemProps, TableIcon, type TableIconProps, Tabs, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsProps, TabsTrigger, type TabsTriggerProps, Tag, TagInput, type TagInputProps, TelegramIcon, type TelegramIconProps, TiktokIcon, type TiktokIconProps, TimePicker, type TimePickerProps, ToFirstIcon, type ToFirstIconProps, ToLastIcon, type ToLastIconProps, ToNextIcon, type ToNextIconProps, ToPreviousIcon, type ToPreviousIconProps, Toast, type ToastAction, ToastContainer, type ToastContainerProps, type ToastPosition, type ToastProps, type ToastStatus, type ToolbarMode, Tooltip, type TooltipAlign, type TooltipProps, type TooltipSide, TranslateIcon, type TranslateIconProps, TrendingDownIcon, type TrendingDownIconProps, TrendingUpIcon, type TrendingUpIconProps, TwitchIcon, type TwitchIconProps, UnderlineIcon, type UnderlineIconProps, UndoIcon, type UndoIconProps, type UseLoadingMessagesOptions, type UseLoadingMessagesReturn, UserFilledIcon, type UserFilledIconProps, UserIcon, type UserIconProps, UserJoinIcon, type UserJoinIconProps, UserLeaveIcon, type UserLeaveIconProps, UsersFilledIcon, type UsersFilledIconProps, UsersIcon, type UsersIconProps, UsersPlusIcon, type UsersPlusIconProps, VerifiedIcon, type VerifiedIconProps, VideoIcon, type VideoIconProps, VideoUploadIcon, type VideoUploadIconProps, type ViewMode, ViewToggle, type ViewToggleProps, WalletFilledIcon, type WalletFilledIconProps, WalletIcon, type WalletIconProps, WarnIcon, type WarnIconProps, WebsiteIcon, type WebsiteIconProps, WelcomeBackground, type WelcomeBackgroundProps, WhatsAppIcon, type WhatsAppIconProps, XIcon, type XIconProps, YearInput, type YearInputMode, type YearInputProps, YearPicker, type YearPickerMode, type YearPickerProps, type YearRangeValue, YoutubeIcon, type YoutubeIconProps, clampDate, cn, daysGrid, debounce, defaultAssets, extensionToMimeType, fieldErrorToProps, formatAcceptedFileTypes, formatDateLocalized, getCroppedImg, logoAssets, mimeTypeToDisplayName, monthsForLocale, normalizeAcceptedFileTypes, scopeClass, throttle, toDateKey, useLoadingMessages, validateFileTypeAndSize, weekdaysForLocale, welcomeAssets, zodErrorsToSummary };