@scalably/ui 0.15.0 → 0.16.1

package/dist/index.d.cts

@@ -3619,6 +3619,8 @@ interface DragableListItemType {
     disableDrag?: boolean;
     disableDrop?: boolean;
     disabled?: boolean;
+    grabIconPosition?: "top" | "left" | "right" | "bottom";
+    fullCardDrag?: boolean;
     [key: string]: any;
 }
 interface DragableListProps {
@@ -3627,8 +3629,12 @@ interface DragableListProps {
     onDrag?: (movedItem: DragableListItemType, id: string | number, currentIndex: number, currentOrderArray: DragableListItemType[]) => void;
     className?: string;
     itemClassName?: string;
+    /** Position of the drag handle icon relative to item content ("top" | "left" | "right" | "bottom"). Defaults to "left". */
+    grabIconPosition?: "top" | "left" | "right" | "bottom";
+    /** If true, hides the grab icon and allows dragging anywhere on the card. Defaults to false. */
+    fullCardDrag?: boolean;
 }
-declare function DragableList({ items, onDrop, onDrag, className, itemClassName, }: DragableListProps): react_jsx_runtime.JSX.Element;
+declare function DragableList({ items, onDrop, onDrag, className, itemClassName, grabIconPosition, fullCardDrag, }: DragableListProps): react_jsx_runtime.JSX.Element;
 
 interface PortalProps {
     /** The content to be rendered in the portal */
@@ -3916,6 +3922,45 @@ declare const FilterIcon: {
     displayName: string;
 };
 
+interface LikeIconProps extends IconProps {
+}
+/**
+ * Like icon component - a thumbs up icon representing approval or liking content.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ *
+ * @example
+ * ```tsx
+ * import { LikeIcon } from '@scalably/ui';
+ *
+ * <LikeIcon size={20} className="sui-text-blue-500" />
+ * ```
+ */
+declare const LikeIcon: {
+    (props: LikeIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface LikeFilledIconProps extends IconProps {
+}
+/**
+ * Like Filled icon component - displays a filled thumbs up icon representing an active like state.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ * Use this as the active state paired with `LikeIcon` for the inactive state.
+ *
+ * @example
+ * ```tsx
+ * import { LikeFilledIcon } from '@scalably/ui';
+ *
+ * <LikeFilledIcon size={24} className="sui-text-blue-500" />
+ * ```
+ */
+declare const LikeFilledIcon: {
+    (props: LikeFilledIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface ResetIconProps extends IconProps {
 }
 /**
@@ -5033,6 +5078,25 @@ declare const DoorExitIcon: {
     displayName: string;
 };
 
+interface DragableDotsIconProps extends IconProps {
+}
+/**
+ * Dragable dots icon component - displays a 2x3 grid of dots for draggable items handle.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ *
+ * @example
+ * ```tsx
+ * import { DragableDotsIcon } from '@scalably/ui';
+ *
+ * <DragableDotsIcon size={20} className="sui-text-muted-foreground" />
+ * ```
+ */
+declare const DragableDotsIcon: {
+    (props: DragableDotsIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface EyeIconProps extends IconProps {
 }
 /**
@@ -5783,4 +5847,4 @@ declare const WalletIcon: {
     displayName: string;
 };
 
-export { AlignCenterIcon, type AlignCenterIconProps, AlignLeftIcon, type AlignLeftIconProps, AlignRightIcon, type AlignRightIconProps, AppLauncherIcon, type AppLauncherIconProps, AppLogo, AuthPrompt, type AuthPromptProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellFilledIcon, type BellFilledIconProps, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationV2, type BottomNavigationV2MenuItem, type BottomNavigationV2Props, type BottomNavigationV2TabItem, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, VideoIcon, type VideoIconProps, VideoUploadIcon, type VideoUploadIconProps, type ViewMode, ViewToggle, type ViewToggleProps, WalletFilledIcon, type WalletFilledIconProps, WalletIcon, type WalletIconProps, WarnIcon, type WarnIconProps, 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, AuthPrompt, type AuthPromptProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellFilledIcon, type BellFilledIconProps, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationV2, type BottomNavigationV2MenuItem, type BottomNavigationV2Props, type BottomNavigationV2TabItem, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, VideoIcon, type VideoIconProps, VideoUploadIcon, type VideoUploadIconProps, type ViewMode, ViewToggle, type ViewToggleProps, WalletFilledIcon, type WalletFilledIconProps, WalletIcon, type WalletIconProps, WarnIcon, type WarnIconProps, 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

@@ -3619,6 +3619,8 @@ interface DragableListItemType {
     disableDrag?: boolean;
     disableDrop?: boolean;
     disabled?: boolean;
+    grabIconPosition?: "top" | "left" | "right" | "bottom";
+    fullCardDrag?: boolean;
     [key: string]: any;
 }
 interface DragableListProps {
@@ -3627,8 +3629,12 @@ interface DragableListProps {
     onDrag?: (movedItem: DragableListItemType, id: string | number, currentIndex: number, currentOrderArray: DragableListItemType[]) => void;
     className?: string;
     itemClassName?: string;
+    /** Position of the drag handle icon relative to item content ("top" | "left" | "right" | "bottom"). Defaults to "left". */
+    grabIconPosition?: "top" | "left" | "right" | "bottom";
+    /** If true, hides the grab icon and allows dragging anywhere on the card. Defaults to false. */
+    fullCardDrag?: boolean;
 }
-declare function DragableList({ items, onDrop, onDrag, className, itemClassName, }: DragableListProps): react_jsx_runtime.JSX.Element;
+declare function DragableList({ items, onDrop, onDrag, className, itemClassName, grabIconPosition, fullCardDrag, }: DragableListProps): react_jsx_runtime.JSX.Element;
 
 interface PortalProps {
     /** The content to be rendered in the portal */
@@ -3916,6 +3922,45 @@ declare const FilterIcon: {
     displayName: string;
 };
 
+interface LikeIconProps extends IconProps {
+}
+/**
+ * Like icon component - a thumbs up icon representing approval or liking content.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ *
+ * @example
+ * ```tsx
+ * import { LikeIcon } from '@scalably/ui';
+ *
+ * <LikeIcon size={20} className="sui-text-blue-500" />
+ * ```
+ */
+declare const LikeIcon: {
+    (props: LikeIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+interface LikeFilledIconProps extends IconProps {
+}
+/**
+ * Like Filled icon component - displays a filled thumbs up icon representing an active like state.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ * Use this as the active state paired with `LikeIcon` for the inactive state.
+ *
+ * @example
+ * ```tsx
+ * import { LikeFilledIcon } from '@scalably/ui';
+ *
+ * <LikeFilledIcon size={24} className="sui-text-blue-500" />
+ * ```
+ */
+declare const LikeFilledIcon: {
+    (props: LikeFilledIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface ResetIconProps extends IconProps {
 }
 /**
@@ -5033,6 +5078,25 @@ declare const DoorExitIcon: {
     displayName: string;
 };
 
+interface DragableDotsIconProps extends IconProps {
+}
+/**
+ * Dragable dots icon component - displays a 2x3 grid of dots for draggable items handle.
+ *
+ * This icon uses `currentColor`, so it can be styled with Tailwind classes.
+ *
+ * @example
+ * ```tsx
+ * import { DragableDotsIcon } from '@scalably/ui';
+ *
+ * <DragableDotsIcon size={20} className="sui-text-muted-foreground" />
+ * ```
+ */
+declare const DragableDotsIcon: {
+    (props: DragableDotsIconProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
 interface EyeIconProps extends IconProps {
 }
 /**
@@ -5783,4 +5847,4 @@ declare const WalletIcon: {
     displayName: string;
 };
 
-export { AlignCenterIcon, type AlignCenterIconProps, AlignLeftIcon, type AlignLeftIconProps, AlignRightIcon, type AlignRightIconProps, AppLauncherIcon, type AppLauncherIconProps, AppLogo, AuthPrompt, type AuthPromptProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellFilledIcon, type BellFilledIconProps, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationV2, type BottomNavigationV2MenuItem, type BottomNavigationV2Props, type BottomNavigationV2TabItem, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, VideoIcon, type VideoIconProps, VideoUploadIcon, type VideoUploadIconProps, type ViewMode, ViewToggle, type ViewToggleProps, WalletFilledIcon, type WalletFilledIconProps, WalletIcon, type WalletIconProps, WarnIcon, type WarnIconProps, 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, AuthPrompt, type AuthPromptProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellFilledIcon, type BellFilledIconProps, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, BottomNavigationV2, type BottomNavigationV2MenuItem, type BottomNavigationV2Props, type BottomNavigationV2TabItem, 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, 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, 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, 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, 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, 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, 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, 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, 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, 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, VideoIcon, type VideoIconProps, VideoUploadIcon, type VideoUploadIconProps, type ViewMode, ViewToggle, type ViewToggleProps, WalletFilledIcon, type WalletFilledIconProps, WalletIcon, type WalletIconProps, WarnIcon, type WarnIconProps, 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 };