@scalably/ui 0.18.0 → 0.19.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -25,9 +25,9 @@ interface AutoScrollTextProps extends react__default.HTMLAttributes<HTMLElement>
25
25
  * @default 'ping-pong'
26
26
  */
27
27
  mode?: AutoScrollTextMode;
28
- /** Scrolling speed in pixels per second. @default 30 */
28
+ /** Scrolling speed in pixels per second. @default 40 */
29
29
  speed?: number;
30
- /** Pause duration in seconds at each end (for ping-pong mode). @default 1.5 */
30
+ /** Pause duration in seconds at each end (for ping-pong mode). @default 1 */
31
31
  pauseDuration?: number;
32
32
  /** Whether to pause scrolling when hovering in 'auto' action mode. @default true */
33
33
  pauseOnHover?: boolean;
@@ -3307,6 +3307,17 @@ declare const WelcomeBackground: {
3307
3307
  type FloatingMenuTrigger = "slash" | "plus" | "both";
3308
3308
 
3309
3309
  type ImageSourceMode = "both" | "url-only" | "upload-only";
3310
+ /**
3311
+ * Controls the toolbar layout and feature set:
3312
+ * - "collapsible" (default): Renders basic inline tools with an expand/collapse toggle to reveal extended tools.
3313
+ * - "basic": Renders only basic formatting tools (compact 1-row layout).
3314
+ * - "extended": Always renders all basic and extended tools.
3315
+ */
3316
+ type ToolbarMode = "collapsible" | "basic" | "extended";
3317
+ interface MaxLengthExceedInfo {
3318
+ max: number;
3319
+ current: number;
3320
+ }
3310
3321
  interface RichTextEditorProps {
3311
3322
  /** Controlled HTML value of the editor */
3312
3323
  value: string;
@@ -3322,7 +3333,29 @@ interface RichTextEditorProps {
3322
3333
  placeholder?: string;
3323
3334
  /** Minimum height of the content area (e.g. "160px") */
3324
3335
  minHeight?: string;
3325
- /** When true, renders a reduced toolbar (basic formatting only) */
3336
+ /**
3337
+ * Toolbar mode:
3338
+ * - "collapsible" (default): Compact basic toolbar with a toggle to expand extended tools
3339
+ * - "basic": Only shows basic formatting tools
3340
+ * - "extended": Always displays all formatting tools
3341
+ *
3342
+ * @default "collapsible"
3343
+ */
3344
+ toolbarMode?: ToolbarMode;
3345
+ /**
3346
+ * Initial expanded state when toolbarMode is "collapsible".
3347
+ *
3348
+ * @default false
3349
+ */
3350
+ defaultToolbarExpanded?: boolean;
3351
+ /**
3352
+ * Callback fired when the toolbar expand/collapse state changes.
3353
+ */
3354
+ onToolbarExpandChange?: (isExpanded: boolean) => void;
3355
+ /**
3356
+ * @deprecated Use `toolbarMode="basic"` instead.
3357
+ * When true, renders a reduced toolbar (basic formatting only).
3358
+ */
3326
3359
  simple?: boolean;
3327
3360
  /** Disables editing and toolbar interaction */
3328
3361
  disabled?: boolean;
@@ -3400,10 +3433,7 @@ interface RichTextEditorProps {
3400
3433
  * Callback fired when the max character limit is reached.
3401
3434
  * Fired only once per breach (debounced until length drops below limit).
3402
3435
  */
3403
- onMaxLengthExceed?: (info: {
3404
- max: number;
3405
- current: number;
3406
- }) => void;
3436
+ onMaxLengthExceed?: (info: MaxLengthExceedInfo) => void;
3407
3437
  /**
3408
3438
  * Controls when Tiptap renders the editor content.
3409
3439
  *
@@ -3510,6 +3540,7 @@ interface RichTextEditorProps {
3510
3540
  */
3511
3541
  floatingMenuTriggers?: FloatingMenuTrigger;
3512
3542
  }
3543
+
3513
3544
  /**
3514
3545
  * RichTextEditor - Controlled rich text editor built on top of Tiptap.
3515
3546
  *
@@ -3562,15 +3593,14 @@ interface RichTextEditorProps {
3562
3593
  * @see RichTextViewer - Read-only viewer component for displaying rich text content
3563
3594
  */
3564
3595
  declare const RichTextEditor: {
3565
- ({ 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;
3596
+ ({ 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, plusMenuYOffset, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
3566
3597
  displayName: string;
3567
3598
  };
3568
3599
 
3569
3600
  interface RichTextViewerProps {
3570
3601
  /**
3571
3602
  * HTML content string to render (typically from RichTextEditor's value prop).
3572
- * This content will be rendered as-is, so ensure it's sanitized if it comes
3573
- * from untrusted sources.
3603
+ * This content is automatically sanitized to prevent XSS attacks.
3574
3604
  */
3575
3605
  content: string;
3576
3606
  /**
@@ -3588,16 +3618,8 @@ interface RichTextViewerProps {
3588
3618
  * This component renders HTML content with the same styling as RichTextEditor,
3589
3619
  * ensuring a consistent appearance between "edit" and "view" modes.
3590
3620
  *
3591
- * **Security Note:** This component uses `dangerouslySetInnerHTML` to render
3592
- * the provided HTML. If the content comes from untrusted sources (e.g., user
3593
- * input, external APIs), you should sanitize it first using a library like
3594
- * DOMPurify:
3595
- *
3596
- * ```tsx
3597
- * import DOMPurify from 'isomorphic-dompurify';
3598
- *
3599
- * <RichTextViewer content={DOMPurify.sanitize(userContent)} />
3600
- * ```
3621
+ * Automatically sanitizes HTML content to prevent XSS while preserving
3622
+ * valid styling, SVGs, images, tables, YouTube iframes, and task lists.
3601
3623
  *
3602
3624
  * @example
3603
3625
  * ```tsx
@@ -4563,6 +4585,18 @@ declare const AlignRightIcon: {
4563
4585
  displayName: string;
4564
4586
  };
4565
4587
 
4588
+ interface BlockquoteIconProps extends IconProps {
4589
+ }
4590
+ /**
4591
+ * Blockquote icon component for the rich text editor.
4592
+ *
4593
+ * Uses `currentColor` for dynamic styling with Tailwind CSS classes.
4594
+ */
4595
+ declare const BlockquoteIcon: {
4596
+ ({ size, ...props }: BlockquoteIconProps): react_jsx_runtime.JSX.Element;
4597
+ displayName: string;
4598
+ };
4599
+
4566
4600
  interface BoldIconProps extends IconProps {
4567
4601
  }
4568
4602
  /**
@@ -4582,6 +4616,28 @@ declare const BoldIcon: {
4582
4616
  displayName: string;
4583
4617
  };
4584
4618
 
4619
+ interface ChecklistIconProps extends IconProps {
4620
+ }
4621
+ /**
4622
+ * Checklist / Task list icon for the rich text editor.
4623
+ */
4624
+ declare const ChecklistIcon: {
4625
+ ({ size, ...props }: ChecklistIconProps): react_jsx_runtime.JSX.Element;
4626
+ displayName: string;
4627
+ };
4628
+
4629
+ interface CodeBlockIconProps extends IconProps {
4630
+ }
4631
+ /**
4632
+ * Code Block icon component for the rich text editor.
4633
+ *
4634
+ * Uses `currentColor` for dynamic styling with Tailwind CSS classes.
4635
+ */
4636
+ declare const CodeBlockIcon: {
4637
+ ({ size, ...props }: CodeBlockIconProps): react_jsx_runtime.JSX.Element;
4638
+ displayName: string;
4639
+ };
4640
+
4585
4641
  interface DividerIconProps extends IconProps {
4586
4642
  }
4587
4643
  declare const DividerIcon: {
@@ -4643,6 +4699,38 @@ declare const ListNumberIcon: {
4643
4699
  displayName: string;
4644
4700
  };
4645
4701
 
4702
+ interface RedoIconProps extends IconProps {
4703
+ }
4704
+ /**
4705
+ * Redo icon component - displays a redo action arrow.
4706
+ *
4707
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
4708
+ *
4709
+ * @example
4710
+ * ```tsx
4711
+ * import { RedoIcon } from '@scalably/ui';
4712
+ *
4713
+ * <RedoIcon size={24} className="sui-text-primary" />
4714
+ * ```
4715
+ */
4716
+ declare const RedoIcon: {
4717
+ (props: RedoIconProps): react_jsx_runtime.JSX.Element;
4718
+ displayName: string;
4719
+ };
4720
+
4721
+ interface TableIconProps extends IconProps {
4722
+ }
4723
+ /**
4724
+ * Table icon for the rich text editor toolbar.
4725
+ *
4726
+ * Designed to market standard (Lucide / Radix / Notion) with a crisp 16x16 grid,
4727
+ * rounded outer frame, distinct header row, and balanced column/row dividers.
4728
+ */
4729
+ declare const TableIcon: {
4730
+ ({ size, ...props }: TableIconProps): react_jsx_runtime.JSX.Element;
4731
+ displayName: string;
4732
+ };
4733
+
4646
4734
  interface UnderlineIconProps extends IconProps {
4647
4735
  }
4648
4736
  /**
@@ -4662,6 +4750,25 @@ declare const UnderlineIcon: {
4662
4750
  displayName: string;
4663
4751
  };
4664
4752
 
4753
+ interface UndoIconProps extends IconProps {
4754
+ }
4755
+ /**
4756
+ * Undo icon component - displays an undo action arrow.
4757
+ *
4758
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
4759
+ *
4760
+ * @example
4761
+ * ```tsx
4762
+ * import { UndoIcon } from '@scalably/ui';
4763
+ *
4764
+ * <UndoIcon size={24} className="sui-text-primary" />
4765
+ * ```
4766
+ */
4767
+ declare const UndoIcon: {
4768
+ (props: UndoIconProps): react_jsx_runtime.JSX.Element;
4769
+ displayName: string;
4770
+ };
4771
+
4665
4772
  interface FileIconProps extends IconProps {
4666
4773
  }
4667
4774
  /**
@@ -6363,4 +6470,4 @@ declare const WebsiteIcon: {
6363
6470
  displayName: string;
6364
6471
  };
6365
6472
 
6366
- 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 };
6473
+ 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, 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, 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, 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 };
package/dist/index.d.ts CHANGED
@@ -25,9 +25,9 @@ interface AutoScrollTextProps extends react__default.HTMLAttributes<HTMLElement>
25
25
  * @default 'ping-pong'
26
26
  */
27
27
  mode?: AutoScrollTextMode;
28
- /** Scrolling speed in pixels per second. @default 30 */
28
+ /** Scrolling speed in pixels per second. @default 40 */
29
29
  speed?: number;
30
- /** Pause duration in seconds at each end (for ping-pong mode). @default 1.5 */
30
+ /** Pause duration in seconds at each end (for ping-pong mode). @default 1 */
31
31
  pauseDuration?: number;
32
32
  /** Whether to pause scrolling when hovering in 'auto' action mode. @default true */
33
33
  pauseOnHover?: boolean;
@@ -3307,6 +3307,17 @@ declare const WelcomeBackground: {
3307
3307
  type FloatingMenuTrigger = "slash" | "plus" | "both";
3308
3308
 
3309
3309
  type ImageSourceMode = "both" | "url-only" | "upload-only";
3310
+ /**
3311
+ * Controls the toolbar layout and feature set:
3312
+ * - "collapsible" (default): Renders basic inline tools with an expand/collapse toggle to reveal extended tools.
3313
+ * - "basic": Renders only basic formatting tools (compact 1-row layout).
3314
+ * - "extended": Always renders all basic and extended tools.
3315
+ */
3316
+ type ToolbarMode = "collapsible" | "basic" | "extended";
3317
+ interface MaxLengthExceedInfo {
3318
+ max: number;
3319
+ current: number;
3320
+ }
3310
3321
  interface RichTextEditorProps {
3311
3322
  /** Controlled HTML value of the editor */
3312
3323
  value: string;
@@ -3322,7 +3333,29 @@ interface RichTextEditorProps {
3322
3333
  placeholder?: string;
3323
3334
  /** Minimum height of the content area (e.g. "160px") */
3324
3335
  minHeight?: string;
3325
- /** When true, renders a reduced toolbar (basic formatting only) */
3336
+ /**
3337
+ * Toolbar mode:
3338
+ * - "collapsible" (default): Compact basic toolbar with a toggle to expand extended tools
3339
+ * - "basic": Only shows basic formatting tools
3340
+ * - "extended": Always displays all formatting tools
3341
+ *
3342
+ * @default "collapsible"
3343
+ */
3344
+ toolbarMode?: ToolbarMode;
3345
+ /**
3346
+ * Initial expanded state when toolbarMode is "collapsible".
3347
+ *
3348
+ * @default false
3349
+ */
3350
+ defaultToolbarExpanded?: boolean;
3351
+ /**
3352
+ * Callback fired when the toolbar expand/collapse state changes.
3353
+ */
3354
+ onToolbarExpandChange?: (isExpanded: boolean) => void;
3355
+ /**
3356
+ * @deprecated Use `toolbarMode="basic"` instead.
3357
+ * When true, renders a reduced toolbar (basic formatting only).
3358
+ */
3326
3359
  simple?: boolean;
3327
3360
  /** Disables editing and toolbar interaction */
3328
3361
  disabled?: boolean;
@@ -3400,10 +3433,7 @@ interface RichTextEditorProps {
3400
3433
  * Callback fired when the max character limit is reached.
3401
3434
  * Fired only once per breach (debounced until length drops below limit).
3402
3435
  */
3403
- onMaxLengthExceed?: (info: {
3404
- max: number;
3405
- current: number;
3406
- }) => void;
3436
+ onMaxLengthExceed?: (info: MaxLengthExceedInfo) => void;
3407
3437
  /**
3408
3438
  * Controls when Tiptap renders the editor content.
3409
3439
  *
@@ -3510,6 +3540,7 @@ interface RichTextEditorProps {
3510
3540
  */
3511
3541
  floatingMenuTriggers?: FloatingMenuTrigger;
3512
3542
  }
3543
+
3513
3544
  /**
3514
3545
  * RichTextEditor - Controlled rich text editor built on top of Tiptap.
3515
3546
  *
@@ -3562,15 +3593,14 @@ interface RichTextEditorProps {
3562
3593
  * @see RichTextViewer - Read-only viewer component for displaying rich text content
3563
3594
  */
3564
3595
  declare const RichTextEditor: {
3565
- ({ 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;
3596
+ ({ 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, plusMenuYOffset, }: RichTextEditorProps): react_jsx_runtime.JSX.Element;
3566
3597
  displayName: string;
3567
3598
  };
3568
3599
 
3569
3600
  interface RichTextViewerProps {
3570
3601
  /**
3571
3602
  * HTML content string to render (typically from RichTextEditor's value prop).
3572
- * This content will be rendered as-is, so ensure it's sanitized if it comes
3573
- * from untrusted sources.
3603
+ * This content is automatically sanitized to prevent XSS attacks.
3574
3604
  */
3575
3605
  content: string;
3576
3606
  /**
@@ -3588,16 +3618,8 @@ interface RichTextViewerProps {
3588
3618
  * This component renders HTML content with the same styling as RichTextEditor,
3589
3619
  * ensuring a consistent appearance between "edit" and "view" modes.
3590
3620
  *
3591
- * **Security Note:** This component uses `dangerouslySetInnerHTML` to render
3592
- * the provided HTML. If the content comes from untrusted sources (e.g., user
3593
- * input, external APIs), you should sanitize it first using a library like
3594
- * DOMPurify:
3595
- *
3596
- * ```tsx
3597
- * import DOMPurify from 'isomorphic-dompurify';
3598
- *
3599
- * <RichTextViewer content={DOMPurify.sanitize(userContent)} />
3600
- * ```
3621
+ * Automatically sanitizes HTML content to prevent XSS while preserving
3622
+ * valid styling, SVGs, images, tables, YouTube iframes, and task lists.
3601
3623
  *
3602
3624
  * @example
3603
3625
  * ```tsx
@@ -4563,6 +4585,18 @@ declare const AlignRightIcon: {
4563
4585
  displayName: string;
4564
4586
  };
4565
4587
 
4588
+ interface BlockquoteIconProps extends IconProps {
4589
+ }
4590
+ /**
4591
+ * Blockquote icon component for the rich text editor.
4592
+ *
4593
+ * Uses `currentColor` for dynamic styling with Tailwind CSS classes.
4594
+ */
4595
+ declare const BlockquoteIcon: {
4596
+ ({ size, ...props }: BlockquoteIconProps): react_jsx_runtime.JSX.Element;
4597
+ displayName: string;
4598
+ };
4599
+
4566
4600
  interface BoldIconProps extends IconProps {
4567
4601
  }
4568
4602
  /**
@@ -4582,6 +4616,28 @@ declare const BoldIcon: {
4582
4616
  displayName: string;
4583
4617
  };
4584
4618
 
4619
+ interface ChecklistIconProps extends IconProps {
4620
+ }
4621
+ /**
4622
+ * Checklist / Task list icon for the rich text editor.
4623
+ */
4624
+ declare const ChecklistIcon: {
4625
+ ({ size, ...props }: ChecklistIconProps): react_jsx_runtime.JSX.Element;
4626
+ displayName: string;
4627
+ };
4628
+
4629
+ interface CodeBlockIconProps extends IconProps {
4630
+ }
4631
+ /**
4632
+ * Code Block icon component for the rich text editor.
4633
+ *
4634
+ * Uses `currentColor` for dynamic styling with Tailwind CSS classes.
4635
+ */
4636
+ declare const CodeBlockIcon: {
4637
+ ({ size, ...props }: CodeBlockIconProps): react_jsx_runtime.JSX.Element;
4638
+ displayName: string;
4639
+ };
4640
+
4585
4641
  interface DividerIconProps extends IconProps {
4586
4642
  }
4587
4643
  declare const DividerIcon: {
@@ -4643,6 +4699,38 @@ declare const ListNumberIcon: {
4643
4699
  displayName: string;
4644
4700
  };
4645
4701
 
4702
+ interface RedoIconProps extends IconProps {
4703
+ }
4704
+ /**
4705
+ * Redo icon component - displays a redo action arrow.
4706
+ *
4707
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
4708
+ *
4709
+ * @example
4710
+ * ```tsx
4711
+ * import { RedoIcon } from '@scalably/ui';
4712
+ *
4713
+ * <RedoIcon size={24} className="sui-text-primary" />
4714
+ * ```
4715
+ */
4716
+ declare const RedoIcon: {
4717
+ (props: RedoIconProps): react_jsx_runtime.JSX.Element;
4718
+ displayName: string;
4719
+ };
4720
+
4721
+ interface TableIconProps extends IconProps {
4722
+ }
4723
+ /**
4724
+ * Table icon for the rich text editor toolbar.
4725
+ *
4726
+ * Designed to market standard (Lucide / Radix / Notion) with a crisp 16x16 grid,
4727
+ * rounded outer frame, distinct header row, and balanced column/row dividers.
4728
+ */
4729
+ declare const TableIcon: {
4730
+ ({ size, ...props }: TableIconProps): react_jsx_runtime.JSX.Element;
4731
+ displayName: string;
4732
+ };
4733
+
4646
4734
  interface UnderlineIconProps extends IconProps {
4647
4735
  }
4648
4736
  /**
@@ -4662,6 +4750,25 @@ declare const UnderlineIcon: {
4662
4750
  displayName: string;
4663
4751
  };
4664
4752
 
4753
+ interface UndoIconProps extends IconProps {
4754
+ }
4755
+ /**
4756
+ * Undo icon component - displays an undo action arrow.
4757
+ *
4758
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
4759
+ *
4760
+ * @example
4761
+ * ```tsx
4762
+ * import { UndoIcon } from '@scalably/ui';
4763
+ *
4764
+ * <UndoIcon size={24} className="sui-text-primary" />
4765
+ * ```
4766
+ */
4767
+ declare const UndoIcon: {
4768
+ (props: UndoIconProps): react_jsx_runtime.JSX.Element;
4769
+ displayName: string;
4770
+ };
4771
+
4665
4772
  interface FileIconProps extends IconProps {
4666
4773
  }
4667
4774
  /**
@@ -6363,4 +6470,4 @@ declare const WebsiteIcon: {
6363
6470
  displayName: string;
6364
6471
  };
6365
6472
 
6366
- 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 };
6473
+ 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, 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, 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, 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 };