@scalably/ui 0.13.4 → 0.14.1
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 +248 -1
- package/dist/index.d.ts +248 -1
- package/dist/index.esm.js +16 -16
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +16 -16
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -258,10 +258,67 @@ type BottomNavigationItemProps = {
|
|
|
258
258
|
/** Click handler - called after internal state update */
|
|
259
259
|
onClick?: (e: React.MouseEvent) => void;
|
|
260
260
|
};
|
|
261
|
+
interface BottomNavigationV2MenuItem {
|
|
262
|
+
value: string;
|
|
263
|
+
label: string;
|
|
264
|
+
icon: ReactElement;
|
|
265
|
+
activeIcon?: ReactElement;
|
|
266
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
267
|
+
href?: string;
|
|
268
|
+
}
|
|
269
|
+
interface BottomNavigationV2TabItem {
|
|
270
|
+
value: string;
|
|
271
|
+
label: string;
|
|
272
|
+
icon: ReactElement;
|
|
273
|
+
activeIcon?: ReactElement;
|
|
274
|
+
badge?: number | string;
|
|
275
|
+
maxBadge?: number;
|
|
276
|
+
disabled?: boolean;
|
|
277
|
+
href?: string;
|
|
278
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
279
|
+
}
|
|
280
|
+
interface BottomNavigationV2Props {
|
|
281
|
+
/** Additional class name for the navigation container */
|
|
282
|
+
className?: string;
|
|
283
|
+
/** Controlled active tab value */
|
|
284
|
+
value?: string;
|
|
285
|
+
/** Default active tab value for uncontrolled mode */
|
|
286
|
+
defaultValue?: string;
|
|
287
|
+
/** Callback when active tab changes */
|
|
288
|
+
onValueChange?: (value: string) => void;
|
|
289
|
+
/** Main tabs array (exactly 4 items are recommended: 2 left, 2 right) */
|
|
290
|
+
tabs: BottomNavigationV2TabItem[];
|
|
291
|
+
/** Circular menu popup items */
|
|
292
|
+
menuItems: BottomNavigationV2MenuItem[];
|
|
293
|
+
/** Controlled open state for the menu drawer */
|
|
294
|
+
menuOpen?: boolean;
|
|
295
|
+
/** Callback when menu open state changes */
|
|
296
|
+
onMenuOpenChange?: (open: boolean) => void;
|
|
297
|
+
/** Default menu open state (uncontrolled) */
|
|
298
|
+
defaultMenuOpen?: boolean;
|
|
299
|
+
/** Custom action label for the central menu button. Defaults to "Menu". */
|
|
300
|
+
menuLabel?: string;
|
|
301
|
+
/** Whether the bar is fixed to the bottom of the viewport. Defaults to false. */
|
|
302
|
+
fixed?: boolean;
|
|
303
|
+
/** Custom z-index value when fixed. Defaults to 40. */
|
|
304
|
+
zIndex?: number;
|
|
305
|
+
/** Controlled: hide the navigation entirely. */
|
|
306
|
+
hidden?: boolean;
|
|
307
|
+
/** Uncontrolled: initial hidden state when `hidden` is not provided. Defaults to false. */
|
|
308
|
+
defaultHidden?: boolean;
|
|
309
|
+
/** Callback when hidden state changes. */
|
|
310
|
+
onHiddenChange?: (hidden: boolean) => void;
|
|
311
|
+
/** Optional floating toggle button that can hide/unhide the BottomNavigationV2. */
|
|
312
|
+
toggleButton?: boolean | BottomNavigationToggleButtonOptions;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
declare const BottomNavigationV2: react.ForwardRefExoticComponent<BottomNavigationV2Props & react.RefAttributes<HTMLDivElement>>;
|
|
261
316
|
|
|
262
317
|
/**
|
|
263
318
|
* BottomNavigation - A mobile-optimized bottom navigation bar with animated interactions.
|
|
264
319
|
*
|
|
320
|
+
* @deprecated Prefer `BottomNavigationV2` for new work.
|
|
321
|
+
*
|
|
265
322
|
* Features:
|
|
266
323
|
* - Compound component pattern (BottomNavigation, BottomNavigationItem)
|
|
267
324
|
* - Smooth animations with scale and color transitions
|
|
@@ -4810,6 +4867,25 @@ declare const WarnIcon: {
|
|
|
4810
4867
|
displayName: string;
|
|
4811
4868
|
};
|
|
4812
4869
|
|
|
4870
|
+
interface AppLauncherIconProps extends IconProps {
|
|
4871
|
+
}
|
|
4872
|
+
/**
|
|
4873
|
+
* AppLauncher icon component - displays a 3x3 grid of dots representing an application launcher or menu.
|
|
4874
|
+
*
|
|
4875
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
4876
|
+
*
|
|
4877
|
+
* @example
|
|
4878
|
+
* ```tsx
|
|
4879
|
+
* import { AppLauncherIcon } from '@scalably/ui';
|
|
4880
|
+
*
|
|
4881
|
+
* <AppLauncherIcon size={24} className="sui-text-primary" />
|
|
4882
|
+
* ```
|
|
4883
|
+
*/
|
|
4884
|
+
declare const AppLauncherIcon: {
|
|
4885
|
+
(props: AppLauncherIconProps): react_jsx_runtime.JSX.Element;
|
|
4886
|
+
displayName: string;
|
|
4887
|
+
};
|
|
4888
|
+
|
|
4813
4889
|
interface BellIconProps extends IconProps {
|
|
4814
4890
|
}
|
|
4815
4891
|
/**
|
|
@@ -4829,6 +4905,25 @@ declare const BellIcon: {
|
|
|
4829
4905
|
displayName: string;
|
|
4830
4906
|
};
|
|
4831
4907
|
|
|
4908
|
+
interface BellFilledIconProps extends IconProps {
|
|
4909
|
+
}
|
|
4910
|
+
/**
|
|
4911
|
+
* BellFilled icon component - displays a filled notification bell icon.
|
|
4912
|
+
*
|
|
4913
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
4914
|
+
*
|
|
4915
|
+
* @example
|
|
4916
|
+
* ```tsx
|
|
4917
|
+
* import { BellFilledIcon } from '@scalably/ui';
|
|
4918
|
+
*
|
|
4919
|
+
* <BellFilledIcon size={24} className="sui-text-primary" />
|
|
4920
|
+
* ```
|
|
4921
|
+
*/
|
|
4922
|
+
declare const BellFilledIcon: {
|
|
4923
|
+
(props: BellFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
4924
|
+
displayName: string;
|
|
4925
|
+
};
|
|
4926
|
+
|
|
4832
4927
|
interface BottomNavigationCloseIconProps extends IconProps {
|
|
4833
4928
|
}
|
|
4834
4929
|
/**
|
|
@@ -5197,6 +5292,44 @@ declare const PlusIcon: {
|
|
|
5197
5292
|
displayName: string;
|
|
5198
5293
|
};
|
|
5199
5294
|
|
|
5295
|
+
interface ReviewIconProps extends IconProps {
|
|
5296
|
+
}
|
|
5297
|
+
/**
|
|
5298
|
+
* Review icon component - displays a message bubble with text lines and a star.
|
|
5299
|
+
*
|
|
5300
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5301
|
+
*
|
|
5302
|
+
* @example
|
|
5303
|
+
* ```tsx
|
|
5304
|
+
* import { ReviewIcon } from '@scalably/ui';
|
|
5305
|
+
*
|
|
5306
|
+
* <ReviewIcon size={24} className="sui-text-primary" />
|
|
5307
|
+
* ```
|
|
5308
|
+
*/
|
|
5309
|
+
declare const ReviewIcon: {
|
|
5310
|
+
(props: ReviewIconProps): react_jsx_runtime.JSX.Element;
|
|
5311
|
+
displayName: string;
|
|
5312
|
+
};
|
|
5313
|
+
|
|
5314
|
+
interface ReviewFilledIconProps extends IconProps {
|
|
5315
|
+
}
|
|
5316
|
+
/**
|
|
5317
|
+
* Review icon component - displays a message bubble with text lines and a star.
|
|
5318
|
+
*
|
|
5319
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5320
|
+
*
|
|
5321
|
+
* @example
|
|
5322
|
+
* ```tsx
|
|
5323
|
+
* import { ReviewIcon } from '@scalably/ui';
|
|
5324
|
+
*
|
|
5325
|
+
* <ReviewIcon size={24} className="sui-text-primary" />
|
|
5326
|
+
* ```
|
|
5327
|
+
*/
|
|
5328
|
+
declare const ReviewFilledIcon: {
|
|
5329
|
+
(props: ReviewFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5330
|
+
displayName: string;
|
|
5331
|
+
};
|
|
5332
|
+
|
|
5200
5333
|
interface SettingsIconProps extends IconProps {
|
|
5201
5334
|
}
|
|
5202
5335
|
/**
|
|
@@ -5216,6 +5349,25 @@ declare const SettingsIcon: {
|
|
|
5216
5349
|
displayName: string;
|
|
5217
5350
|
};
|
|
5218
5351
|
|
|
5352
|
+
interface StoreFilledIconProps extends IconProps {
|
|
5353
|
+
}
|
|
5354
|
+
/**
|
|
5355
|
+
* StoreFilled icon component - displays a filled store/shop icon.
|
|
5356
|
+
*
|
|
5357
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5358
|
+
*
|
|
5359
|
+
* @example
|
|
5360
|
+
* ```tsx
|
|
5361
|
+
* import { StoreFilledIcon } from '@scalably/ui';
|
|
5362
|
+
*
|
|
5363
|
+
* <StoreFilledIcon size={24} className="sui-text-primary" />
|
|
5364
|
+
* ```
|
|
5365
|
+
*/
|
|
5366
|
+
declare const StoreFilledIcon: {
|
|
5367
|
+
(props: StoreFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5368
|
+
displayName: string;
|
|
5369
|
+
};
|
|
5370
|
+
|
|
5219
5371
|
interface ShoppingBagFilledIconProps extends IconProps {
|
|
5220
5372
|
}
|
|
5221
5373
|
/**
|
|
@@ -5255,6 +5407,44 @@ declare const ShoppingBagIcon: {
|
|
|
5255
5407
|
displayName: string;
|
|
5256
5408
|
};
|
|
5257
5409
|
|
|
5410
|
+
interface SocialCampaignFilledIconProps extends IconProps {
|
|
5411
|
+
}
|
|
5412
|
+
/**
|
|
5413
|
+
* SocialCampaign icon component - displays a collection of speech bubbles (text, video/play, dots) and a heart representing social campaign interactions.
|
|
5414
|
+
*
|
|
5415
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5416
|
+
*
|
|
5417
|
+
* @example
|
|
5418
|
+
* ```tsx
|
|
5419
|
+
* import { SocialCampaignIcon } from '@scalably/ui';
|
|
5420
|
+
*
|
|
5421
|
+
* <SocialCampaignIcon size={24} className="sui-text-primary" />
|
|
5422
|
+
* ```
|
|
5423
|
+
*/
|
|
5424
|
+
declare const SocialCampaignFilledIcon: {
|
|
5425
|
+
(props: SocialCampaignFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5426
|
+
displayName: string;
|
|
5427
|
+
};
|
|
5428
|
+
|
|
5429
|
+
interface SocialCampaignIconProps extends IconProps {
|
|
5430
|
+
}
|
|
5431
|
+
/**
|
|
5432
|
+
* SocialCampaign icon component - displays a collection of speech bubbles (text, video/play, dots) and a heart representing social campaign interactions.
|
|
5433
|
+
*
|
|
5434
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5435
|
+
*
|
|
5436
|
+
* @example
|
|
5437
|
+
* ```tsx
|
|
5438
|
+
* import { SocialCampaignIcon } from '@scalably/ui';
|
|
5439
|
+
*
|
|
5440
|
+
* <SocialCampaignIcon size={24} className="sui-text-primary" />
|
|
5441
|
+
* ```
|
|
5442
|
+
*/
|
|
5443
|
+
declare const SocialCampaignIcon: {
|
|
5444
|
+
(props: SocialCampaignIconProps): react_jsx_runtime.JSX.Element;
|
|
5445
|
+
displayName: string;
|
|
5446
|
+
};
|
|
5447
|
+
|
|
5258
5448
|
/**
|
|
5259
5449
|
* Props for the StarIcon component
|
|
5260
5450
|
*/
|
|
@@ -5278,6 +5468,25 @@ interface StarIconProps extends IconProps {
|
|
|
5278
5468
|
*/
|
|
5279
5469
|
declare const StarIcon: react.MemoExoticComponent<({ fillPercentage, ...props }: StarIconProps) => react_jsx_runtime.JSX.Element>;
|
|
5280
5470
|
|
|
5471
|
+
interface StoreIconProps extends IconProps {
|
|
5472
|
+
}
|
|
5473
|
+
/**
|
|
5474
|
+
* Store icon component - displays a physical store icon.
|
|
5475
|
+
*
|
|
5476
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5477
|
+
*
|
|
5478
|
+
* @example
|
|
5479
|
+
* ```tsx
|
|
5480
|
+
* import { StoreIcon } from '@scalably/ui';
|
|
5481
|
+
*
|
|
5482
|
+
* <StoreIcon size={24} className="sui-text-primary" />
|
|
5483
|
+
* ```
|
|
5484
|
+
*/
|
|
5485
|
+
declare const StoreIcon: {
|
|
5486
|
+
(props: StoreIconProps): react_jsx_runtime.JSX.Element;
|
|
5487
|
+
displayName: string;
|
|
5488
|
+
};
|
|
5489
|
+
|
|
5281
5490
|
interface UserFilledIconProps extends IconProps {
|
|
5282
5491
|
}
|
|
5283
5492
|
/**
|
|
@@ -5317,6 +5526,44 @@ declare const UserIcon: {
|
|
|
5317
5526
|
displayName: string;
|
|
5318
5527
|
};
|
|
5319
5528
|
|
|
5529
|
+
interface UsersFilledIconProps extends IconProps {
|
|
5530
|
+
}
|
|
5531
|
+
/**
|
|
5532
|
+
* UsersFilled icon component - displays a filled multi-user icon representing groups or teams.
|
|
5533
|
+
*
|
|
5534
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5535
|
+
*
|
|
5536
|
+
* @example
|
|
5537
|
+
* ```tsx
|
|
5538
|
+
* import { UsersFilledIcon } from '@scalably/ui';
|
|
5539
|
+
*
|
|
5540
|
+
* <UsersFilledIcon size={24} className="sui-text-primary" />
|
|
5541
|
+
* ```
|
|
5542
|
+
*/
|
|
5543
|
+
declare const UsersFilledIcon: {
|
|
5544
|
+
(props: UsersFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5545
|
+
displayName: string;
|
|
5546
|
+
};
|
|
5547
|
+
|
|
5548
|
+
interface UsersIconProps extends IconProps {
|
|
5549
|
+
}
|
|
5550
|
+
/**
|
|
5551
|
+
* Users icon component - displays two overlapping user outlines representing a group, team, or users list.
|
|
5552
|
+
*
|
|
5553
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5554
|
+
*
|
|
5555
|
+
* @example
|
|
5556
|
+
* ```tsx
|
|
5557
|
+
* import { UsersIcon } from '@scalably/ui';
|
|
5558
|
+
*
|
|
5559
|
+
* <UsersIcon size={24} className="sui-text-primary" />
|
|
5560
|
+
* ```
|
|
5561
|
+
*/
|
|
5562
|
+
declare const UsersIcon: {
|
|
5563
|
+
(props: UsersIconProps): react_jsx_runtime.JSX.Element;
|
|
5564
|
+
displayName: string;
|
|
5565
|
+
};
|
|
5566
|
+
|
|
5320
5567
|
interface WalletFilledIconProps extends IconProps {
|
|
5321
5568
|
}
|
|
5322
5569
|
/**
|
|
@@ -5356,4 +5603,4 @@ declare const WalletIcon: {
|
|
|
5356
5603
|
displayName: string;
|
|
5357
5604
|
};
|
|
5358
5605
|
|
|
5359
|
-
export { AlignCenterIcon, type AlignCenterIconProps, AlignLeftIcon, type AlignLeftIconProps, AlignRightIcon, type AlignRightIconProps, AppLogo, AuthPrompt, type AuthPromptProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, type CalendarIconProps, 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, DownloadIcon, type DownloadIconProps, 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, 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, MultiLevelDropdown, type MultiLevelDropdownProps, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, 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, 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, StarIcon, type StarIconProps, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type StatusBadgeVariant, 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, TickIcon, type TickIconProps, 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, 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 };
|
|
5606
|
+
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, 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, DownloadIcon, type DownloadIconProps, 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, 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, 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, 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, TickIcon, type TickIconProps, 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, UsersFilledIcon, type UsersFilledIconProps, UsersIcon, type UsersIconProps, 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
CHANGED
|
@@ -258,10 +258,67 @@ type BottomNavigationItemProps = {
|
|
|
258
258
|
/** Click handler - called after internal state update */
|
|
259
259
|
onClick?: (e: React.MouseEvent) => void;
|
|
260
260
|
};
|
|
261
|
+
interface BottomNavigationV2MenuItem {
|
|
262
|
+
value: string;
|
|
263
|
+
label: string;
|
|
264
|
+
icon: ReactElement;
|
|
265
|
+
activeIcon?: ReactElement;
|
|
266
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
267
|
+
href?: string;
|
|
268
|
+
}
|
|
269
|
+
interface BottomNavigationV2TabItem {
|
|
270
|
+
value: string;
|
|
271
|
+
label: string;
|
|
272
|
+
icon: ReactElement;
|
|
273
|
+
activeIcon?: ReactElement;
|
|
274
|
+
badge?: number | string;
|
|
275
|
+
maxBadge?: number;
|
|
276
|
+
disabled?: boolean;
|
|
277
|
+
href?: string;
|
|
278
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
279
|
+
}
|
|
280
|
+
interface BottomNavigationV2Props {
|
|
281
|
+
/** Additional class name for the navigation container */
|
|
282
|
+
className?: string;
|
|
283
|
+
/** Controlled active tab value */
|
|
284
|
+
value?: string;
|
|
285
|
+
/** Default active tab value for uncontrolled mode */
|
|
286
|
+
defaultValue?: string;
|
|
287
|
+
/** Callback when active tab changes */
|
|
288
|
+
onValueChange?: (value: string) => void;
|
|
289
|
+
/** Main tabs array (exactly 4 items are recommended: 2 left, 2 right) */
|
|
290
|
+
tabs: BottomNavigationV2TabItem[];
|
|
291
|
+
/** Circular menu popup items */
|
|
292
|
+
menuItems: BottomNavigationV2MenuItem[];
|
|
293
|
+
/** Controlled open state for the menu drawer */
|
|
294
|
+
menuOpen?: boolean;
|
|
295
|
+
/** Callback when menu open state changes */
|
|
296
|
+
onMenuOpenChange?: (open: boolean) => void;
|
|
297
|
+
/** Default menu open state (uncontrolled) */
|
|
298
|
+
defaultMenuOpen?: boolean;
|
|
299
|
+
/** Custom action label for the central menu button. Defaults to "Menu". */
|
|
300
|
+
menuLabel?: string;
|
|
301
|
+
/** Whether the bar is fixed to the bottom of the viewport. Defaults to false. */
|
|
302
|
+
fixed?: boolean;
|
|
303
|
+
/** Custom z-index value when fixed. Defaults to 40. */
|
|
304
|
+
zIndex?: number;
|
|
305
|
+
/** Controlled: hide the navigation entirely. */
|
|
306
|
+
hidden?: boolean;
|
|
307
|
+
/** Uncontrolled: initial hidden state when `hidden` is not provided. Defaults to false. */
|
|
308
|
+
defaultHidden?: boolean;
|
|
309
|
+
/** Callback when hidden state changes. */
|
|
310
|
+
onHiddenChange?: (hidden: boolean) => void;
|
|
311
|
+
/** Optional floating toggle button that can hide/unhide the BottomNavigationV2. */
|
|
312
|
+
toggleButton?: boolean | BottomNavigationToggleButtonOptions;
|
|
313
|
+
}
|
|
314
|
+
|
|
315
|
+
declare const BottomNavigationV2: react.ForwardRefExoticComponent<BottomNavigationV2Props & react.RefAttributes<HTMLDivElement>>;
|
|
261
316
|
|
|
262
317
|
/**
|
|
263
318
|
* BottomNavigation - A mobile-optimized bottom navigation bar with animated interactions.
|
|
264
319
|
*
|
|
320
|
+
* @deprecated Prefer `BottomNavigationV2` for new work.
|
|
321
|
+
*
|
|
265
322
|
* Features:
|
|
266
323
|
* - Compound component pattern (BottomNavigation, BottomNavigationItem)
|
|
267
324
|
* - Smooth animations with scale and color transitions
|
|
@@ -4810,6 +4867,25 @@ declare const WarnIcon: {
|
|
|
4810
4867
|
displayName: string;
|
|
4811
4868
|
};
|
|
4812
4869
|
|
|
4870
|
+
interface AppLauncherIconProps extends IconProps {
|
|
4871
|
+
}
|
|
4872
|
+
/**
|
|
4873
|
+
* AppLauncher icon component - displays a 3x3 grid of dots representing an application launcher or menu.
|
|
4874
|
+
*
|
|
4875
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
4876
|
+
*
|
|
4877
|
+
* @example
|
|
4878
|
+
* ```tsx
|
|
4879
|
+
* import { AppLauncherIcon } from '@scalably/ui';
|
|
4880
|
+
*
|
|
4881
|
+
* <AppLauncherIcon size={24} className="sui-text-primary" />
|
|
4882
|
+
* ```
|
|
4883
|
+
*/
|
|
4884
|
+
declare const AppLauncherIcon: {
|
|
4885
|
+
(props: AppLauncherIconProps): react_jsx_runtime.JSX.Element;
|
|
4886
|
+
displayName: string;
|
|
4887
|
+
};
|
|
4888
|
+
|
|
4813
4889
|
interface BellIconProps extends IconProps {
|
|
4814
4890
|
}
|
|
4815
4891
|
/**
|
|
@@ -4829,6 +4905,25 @@ declare const BellIcon: {
|
|
|
4829
4905
|
displayName: string;
|
|
4830
4906
|
};
|
|
4831
4907
|
|
|
4908
|
+
interface BellFilledIconProps extends IconProps {
|
|
4909
|
+
}
|
|
4910
|
+
/**
|
|
4911
|
+
* BellFilled icon component - displays a filled notification bell icon.
|
|
4912
|
+
*
|
|
4913
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
4914
|
+
*
|
|
4915
|
+
* @example
|
|
4916
|
+
* ```tsx
|
|
4917
|
+
* import { BellFilledIcon } from '@scalably/ui';
|
|
4918
|
+
*
|
|
4919
|
+
* <BellFilledIcon size={24} className="sui-text-primary" />
|
|
4920
|
+
* ```
|
|
4921
|
+
*/
|
|
4922
|
+
declare const BellFilledIcon: {
|
|
4923
|
+
(props: BellFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
4924
|
+
displayName: string;
|
|
4925
|
+
};
|
|
4926
|
+
|
|
4832
4927
|
interface BottomNavigationCloseIconProps extends IconProps {
|
|
4833
4928
|
}
|
|
4834
4929
|
/**
|
|
@@ -5197,6 +5292,44 @@ declare const PlusIcon: {
|
|
|
5197
5292
|
displayName: string;
|
|
5198
5293
|
};
|
|
5199
5294
|
|
|
5295
|
+
interface ReviewIconProps extends IconProps {
|
|
5296
|
+
}
|
|
5297
|
+
/**
|
|
5298
|
+
* Review icon component - displays a message bubble with text lines and a star.
|
|
5299
|
+
*
|
|
5300
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5301
|
+
*
|
|
5302
|
+
* @example
|
|
5303
|
+
* ```tsx
|
|
5304
|
+
* import { ReviewIcon } from '@scalably/ui';
|
|
5305
|
+
*
|
|
5306
|
+
* <ReviewIcon size={24} className="sui-text-primary" />
|
|
5307
|
+
* ```
|
|
5308
|
+
*/
|
|
5309
|
+
declare const ReviewIcon: {
|
|
5310
|
+
(props: ReviewIconProps): react_jsx_runtime.JSX.Element;
|
|
5311
|
+
displayName: string;
|
|
5312
|
+
};
|
|
5313
|
+
|
|
5314
|
+
interface ReviewFilledIconProps extends IconProps {
|
|
5315
|
+
}
|
|
5316
|
+
/**
|
|
5317
|
+
* Review icon component - displays a message bubble with text lines and a star.
|
|
5318
|
+
*
|
|
5319
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5320
|
+
*
|
|
5321
|
+
* @example
|
|
5322
|
+
* ```tsx
|
|
5323
|
+
* import { ReviewIcon } from '@scalably/ui';
|
|
5324
|
+
*
|
|
5325
|
+
* <ReviewIcon size={24} className="sui-text-primary" />
|
|
5326
|
+
* ```
|
|
5327
|
+
*/
|
|
5328
|
+
declare const ReviewFilledIcon: {
|
|
5329
|
+
(props: ReviewFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5330
|
+
displayName: string;
|
|
5331
|
+
};
|
|
5332
|
+
|
|
5200
5333
|
interface SettingsIconProps extends IconProps {
|
|
5201
5334
|
}
|
|
5202
5335
|
/**
|
|
@@ -5216,6 +5349,25 @@ declare const SettingsIcon: {
|
|
|
5216
5349
|
displayName: string;
|
|
5217
5350
|
};
|
|
5218
5351
|
|
|
5352
|
+
interface StoreFilledIconProps extends IconProps {
|
|
5353
|
+
}
|
|
5354
|
+
/**
|
|
5355
|
+
* StoreFilled icon component - displays a filled store/shop icon.
|
|
5356
|
+
*
|
|
5357
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5358
|
+
*
|
|
5359
|
+
* @example
|
|
5360
|
+
* ```tsx
|
|
5361
|
+
* import { StoreFilledIcon } from '@scalably/ui';
|
|
5362
|
+
*
|
|
5363
|
+
* <StoreFilledIcon size={24} className="sui-text-primary" />
|
|
5364
|
+
* ```
|
|
5365
|
+
*/
|
|
5366
|
+
declare const StoreFilledIcon: {
|
|
5367
|
+
(props: StoreFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5368
|
+
displayName: string;
|
|
5369
|
+
};
|
|
5370
|
+
|
|
5219
5371
|
interface ShoppingBagFilledIconProps extends IconProps {
|
|
5220
5372
|
}
|
|
5221
5373
|
/**
|
|
@@ -5255,6 +5407,44 @@ declare const ShoppingBagIcon: {
|
|
|
5255
5407
|
displayName: string;
|
|
5256
5408
|
};
|
|
5257
5409
|
|
|
5410
|
+
interface SocialCampaignFilledIconProps extends IconProps {
|
|
5411
|
+
}
|
|
5412
|
+
/**
|
|
5413
|
+
* SocialCampaign icon component - displays a collection of speech bubbles (text, video/play, dots) and a heart representing social campaign interactions.
|
|
5414
|
+
*
|
|
5415
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5416
|
+
*
|
|
5417
|
+
* @example
|
|
5418
|
+
* ```tsx
|
|
5419
|
+
* import { SocialCampaignIcon } from '@scalably/ui';
|
|
5420
|
+
*
|
|
5421
|
+
* <SocialCampaignIcon size={24} className="sui-text-primary" />
|
|
5422
|
+
* ```
|
|
5423
|
+
*/
|
|
5424
|
+
declare const SocialCampaignFilledIcon: {
|
|
5425
|
+
(props: SocialCampaignFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5426
|
+
displayName: string;
|
|
5427
|
+
};
|
|
5428
|
+
|
|
5429
|
+
interface SocialCampaignIconProps extends IconProps {
|
|
5430
|
+
}
|
|
5431
|
+
/**
|
|
5432
|
+
* SocialCampaign icon component - displays a collection of speech bubbles (text, video/play, dots) and a heart representing social campaign interactions.
|
|
5433
|
+
*
|
|
5434
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5435
|
+
*
|
|
5436
|
+
* @example
|
|
5437
|
+
* ```tsx
|
|
5438
|
+
* import { SocialCampaignIcon } from '@scalably/ui';
|
|
5439
|
+
*
|
|
5440
|
+
* <SocialCampaignIcon size={24} className="sui-text-primary" />
|
|
5441
|
+
* ```
|
|
5442
|
+
*/
|
|
5443
|
+
declare const SocialCampaignIcon: {
|
|
5444
|
+
(props: SocialCampaignIconProps): react_jsx_runtime.JSX.Element;
|
|
5445
|
+
displayName: string;
|
|
5446
|
+
};
|
|
5447
|
+
|
|
5258
5448
|
/**
|
|
5259
5449
|
* Props for the StarIcon component
|
|
5260
5450
|
*/
|
|
@@ -5278,6 +5468,25 @@ interface StarIconProps extends IconProps {
|
|
|
5278
5468
|
*/
|
|
5279
5469
|
declare const StarIcon: react.MemoExoticComponent<({ fillPercentage, ...props }: StarIconProps) => react_jsx_runtime.JSX.Element>;
|
|
5280
5470
|
|
|
5471
|
+
interface StoreIconProps extends IconProps {
|
|
5472
|
+
}
|
|
5473
|
+
/**
|
|
5474
|
+
* Store icon component - displays a physical store icon.
|
|
5475
|
+
*
|
|
5476
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5477
|
+
*
|
|
5478
|
+
* @example
|
|
5479
|
+
* ```tsx
|
|
5480
|
+
* import { StoreIcon } from '@scalably/ui';
|
|
5481
|
+
*
|
|
5482
|
+
* <StoreIcon size={24} className="sui-text-primary" />
|
|
5483
|
+
* ```
|
|
5484
|
+
*/
|
|
5485
|
+
declare const StoreIcon: {
|
|
5486
|
+
(props: StoreIconProps): react_jsx_runtime.JSX.Element;
|
|
5487
|
+
displayName: string;
|
|
5488
|
+
};
|
|
5489
|
+
|
|
5281
5490
|
interface UserFilledIconProps extends IconProps {
|
|
5282
5491
|
}
|
|
5283
5492
|
/**
|
|
@@ -5317,6 +5526,44 @@ declare const UserIcon: {
|
|
|
5317
5526
|
displayName: string;
|
|
5318
5527
|
};
|
|
5319
5528
|
|
|
5529
|
+
interface UsersFilledIconProps extends IconProps {
|
|
5530
|
+
}
|
|
5531
|
+
/**
|
|
5532
|
+
* UsersFilled icon component - displays a filled multi-user icon representing groups or teams.
|
|
5533
|
+
*
|
|
5534
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5535
|
+
*
|
|
5536
|
+
* @example
|
|
5537
|
+
* ```tsx
|
|
5538
|
+
* import { UsersFilledIcon } from '@scalably/ui';
|
|
5539
|
+
*
|
|
5540
|
+
* <UsersFilledIcon size={24} className="sui-text-primary" />
|
|
5541
|
+
* ```
|
|
5542
|
+
*/
|
|
5543
|
+
declare const UsersFilledIcon: {
|
|
5544
|
+
(props: UsersFilledIconProps): react_jsx_runtime.JSX.Element;
|
|
5545
|
+
displayName: string;
|
|
5546
|
+
};
|
|
5547
|
+
|
|
5548
|
+
interface UsersIconProps extends IconProps {
|
|
5549
|
+
}
|
|
5550
|
+
/**
|
|
5551
|
+
* Users icon component - displays two overlapping user outlines representing a group, team, or users list.
|
|
5552
|
+
*
|
|
5553
|
+
* This icon uses `currentColor`, so it can be styled with Tailwind classes.
|
|
5554
|
+
*
|
|
5555
|
+
* @example
|
|
5556
|
+
* ```tsx
|
|
5557
|
+
* import { UsersIcon } from '@scalably/ui';
|
|
5558
|
+
*
|
|
5559
|
+
* <UsersIcon size={24} className="sui-text-primary" />
|
|
5560
|
+
* ```
|
|
5561
|
+
*/
|
|
5562
|
+
declare const UsersIcon: {
|
|
5563
|
+
(props: UsersIconProps): react_jsx_runtime.JSX.Element;
|
|
5564
|
+
displayName: string;
|
|
5565
|
+
};
|
|
5566
|
+
|
|
5320
5567
|
interface WalletFilledIconProps extends IconProps {
|
|
5321
5568
|
}
|
|
5322
5569
|
/**
|
|
@@ -5356,4 +5603,4 @@ declare const WalletIcon: {
|
|
|
5356
5603
|
displayName: string;
|
|
5357
5604
|
};
|
|
5358
5605
|
|
|
5359
|
-
export { AlignCenterIcon, type AlignCenterIconProps, AlignLeftIcon, type AlignLeftIconProps, AlignRightIcon, type AlignRightIconProps, AppLogo, AuthPrompt, type AuthPromptProps, AvatarPlaceholder, type AvatarPlaceholderCategory, type AvatarPlaceholderProps, type AvatarPlaceholderVariant, BackToTop, type BackToTopProps, type BasicFileValidationError, BellIcon, type BellIconProps, BlockEditor, type BlockEditorProps, BoldIcon, type BoldIconProps, BottomNavigation, BottomNavigationCloseIcon, type BottomNavigationCloseIconProps, BottomNavigationExpandIcon, type BottomNavigationExpandIconProps, BottomNavigationItem, type BottomNavigationItemProps, type BottomNavigationProps, Button, type ButtonProps, type ButtonSize, type ButtonVariant, CalendarIcon, type CalendarIconProps, 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, DownloadIcon, type DownloadIconProps, 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, 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, MultiLevelDropdown, type MultiLevelDropdownProps, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, 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, 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, StarIcon, type StarIconProps, StatusBadge, type StatusBadgeProps, type StatusBadgeSize, type StatusBadgeStatus, type StatusBadgeVariant, 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, TickIcon, type TickIconProps, 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, 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 };
|
|
5606
|
+
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, 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, DownloadIcon, type DownloadIconProps, 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, 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, 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, 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, TickIcon, type TickIconProps, 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, UsersFilledIcon, type UsersFilledIconProps, UsersIcon, type UsersIconProps, 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 };
|