@scalably/ui 0.10.4 → 0.11.1

package/README.md

@@ -7,7 +7,9 @@
 ![TypeScript](https://img.shields.io/badge/TypeScript-5.9.3-blue)
 ![Node](https://img.shields.io/badge/Node-%3E%3D18-green)
 ![React](https://img.shields.io/badge/React-%3E%3D18-blue)
+![Tailwind](https://img.shields.io/badge/Tailwind-3.4-38bdf8?logo=tailwindcss&logoColor=white)
 ![Coverage](https://img.shields.io/badge/coverage-vitest-blue)
+![Maintained](https://img.shields.io/badge/maintained-yes-brightgreen)
 
 A modern, accessible, and fully isolated React component library built with TypeScript and Tailwind CSS. Designed to work seamlessly across multiple projects without style conflicts.
 
@@ -50,9 +52,10 @@ export default function App() {
           <Button className="sui-mt-4" type="submit">Submit</Button>
         </Form>
 
-        {/* Toasts */}
-        <ToastContainer />
-        <Toast status="success" title="Welcome" description="You're all set." />
+        {/* Toasts: render each Toast inside ToastContainer for fixed stacking */}
+        <ToastContainer>
+          <Toast status="success" title="Welcome" message="You're all set." />
+        </ToastContainer>
       </main>
     </ScalablyUIProvider>
   );
@@ -91,7 +94,7 @@ Styles automatically work in portaled components (modals, tooltips, popovers, et
 </Tooltip>
 ```
 
-Note: Toasts in this library are intentionally declarative. Render a `Toast` inside a `ToastContainer` when you want it visible (e.g., based on component state). This avoids hidden globals and keeps UI state predictable. If you prefer an imperative API, you can wrap your own tiny helper around local state to toggle a `Toast` component.
+Note: Toasts are declarative. Put each `Toast` **inside** `ToastContainer` so they stack in a fixed corner of the viewport (`Toast` is not positioned on its own). Toggle visibility with state; use `onClose` after auto-dismiss or when the user dismisses the toast to unmount or dequeue. `ToastContainer` accepts `position` (e.g. `top-right`, `bottom-center`), optional `width`, and `className`. `Toast` uses `message` for body text, `status` of `success` | `info` | `warn` | `error`, plus optional `actions`, `autoCloseMs`, and `showProgress`.
 
 ### 4. React import guidance
 
@@ -152,12 +155,12 @@ import {
   onChange={(date) => console.log(date)}
 />;
 
-// Toast notifications (declarative)
-<ToastContainer>
+// Toast notifications (declarative; nest Toast inside ToastContainer)
+<ToastContainer position="top-right">
   <Toast
     status="success"
     title="Success!"
-    description="Your changes have been saved."
+    message="Your changes have been saved."
   />
 </ToastContainer>;
 
@@ -188,7 +191,7 @@ import {
 This library exposes a set of composable, production-ready primitives. The full list of exports is available in `src/index.ts`, but the main groups are:
 
 - **Form primitives**: `Form`, `FormField`, `FormErrorSummary`, `Input`, `SearchInput`, `QuantityInput`, `CheckBox`, `CheckBoxGroup`, `Radio`, `RadioGroup`, `Select`, `Switch`, `FileUpload`, `DateInput`, `DatePicker`, `TimePicker`
-- **Feedback & status**: `StatusBadge`, `Toast`, `ToastContainer`, `Skeleton`, `SkeletonText`, `Countdown`
+- **Feedback & status**: `StatusBadge`, `Toast`, `ToastContainer` (with `ToastPosition`, stacking at viewport edge), `Skeleton`, `SkeletonText`, `Countdown`
 - **Layout & navigation**: `Tabs`, `TabsList`, `TabsTrigger`, `TabsContent`, `Pagination`, `BackToTop`, `ViewToggle`, `Divider`
 - **Content & rich text**: `RichTextEditor`, `RichTextViewer`, `Tooltip`, `AuthPrompt`, `LoadingScreen`, `WelcomeBackground`
 - **Media & brand**: `AvatarPlaceholder`, `Logo`, `logoAssets`, `defaultAssets`, `welcomeAssets` (all inline React SVGs—no static paths required)

package/dist/index.d.cts

@@ -1387,6 +1387,70 @@ interface FormFieldProps {
  */
 declare const FormField: react.ForwardRefExoticComponent<FormFieldProps & react.RefAttributes<HTMLDivElement | HTMLFieldSetElement>>;
 
+interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The text to display inside the tag.
+     */
+    value: string;
+    /**
+     * Text color of the tag.
+     * @default "#2772F0"
+     */
+    textColor?: string;
+    /**
+     * Background color of the tag.
+     * @default "#DAECFF"
+     */
+    backgroundColor?: string;
+}
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+    /**
+     * The array of tags currently in the input.
+     */
+    value?: string[];
+    /**
+     * Callback function called when the tags change.
+     */
+    onChange?: (tags: string[]) => void;
+    /**
+     * Visual variant of the input.
+     */
+    variant?: "default" | "error";
+    /**
+     * Label for the input.
+     */
+    label?: string;
+    /**
+     * Error message to display.
+     */
+    error?: string;
+    /**
+     * Helper text to display.
+     */
+    helperText?: string;
+    /**
+     * Props to pass to the individual Tag components.
+     */
+    tagProps?: Partial<TagProps>;
+    /**
+     * Custom class name for the outer container.
+     */
+    containerClassName?: string;
+}
+/**
+ * TagInput - A component that allows users to enter multiple items as tags.
+ *
+ * Features:
+ * - Enter/Tab to add a new tag
+ * - Backspace to remove the last tag when the input is empty
+ * - Customizable tag and input styling
+ * - Validation states (error)
+ * - Support for label and helper text
+ */
+declare const TagInput: react.ForwardRefExoticComponent<TagInputProps & react.RefAttributes<HTMLInputElement>>;
+
 type PaginationBaseProps = Omit<React.HTMLAttributes<HTMLElement>, "onChange">;
 interface PaginationProps extends PaginationBaseProps {
     total?: number;
@@ -2090,54 +2154,86 @@ declare const CelebrationModal: {
     displayName: string;
 };
 
+/**
+ * Semantic variant for a toast: default icon, border, background, and progress color.
+ */
 type ToastStatus = "success" | "info" | "warn" | "error";
+/**
+ * Configuration for one optional action control rendered beside the toast body.
+ */
 interface ToastAction {
+    /** Visible label for the action control. */
     label: string;
+    /** Called when the user activates this action. */
     onClick: () => void;
+    /**
+     * Visual style for the action {@link Button}.
+     * @defaultValue `"link"`
+     */
     variant?: React.ComponentProps<typeof Button>["variant"];
 }
+/** Props for the `Toast` component. */
 interface ToastProps {
+    /** Semantic status; controls default icon and color treatment. */
     status: ToastStatus;
+    /** Primary heading line. */
     title: string;
+    /** Optional supporting text shown under the title. */
     message?: string;
+    /** Additional CSS classes merged onto the toast root element. */
     className?: string;
+    /** Optional actions rendered as buttons; order is preserved. */
     actions?: ToastAction[];
+    /**
+     * Called after the toast has finished dismissing: following the exit animation when
+     * motion is allowed, or immediately when the user prefers reduced motion.
+     * Use this to unmount the toast or remove it from your queue.
+     */
     onClose?: () => void;
+    /**
+     * Auto-dismiss duration in milliseconds. Set to `0` to disable auto-dismiss and the progress UI tied to it.
+     * @defaultValue 5000
+     */
     autoCloseMs?: number;
+    /**
+     * When `autoCloseMs` is greater than zero, shows the default or custom progress indicator.
+     * @defaultValue true
+     */
     showProgress?: boolean;
-    /** Custom icon for this toast (overrides status icon) */
+    /**
+     * Replaces the default status icon when set; ignored if `renderIcon` is provided.
+     */
     customIcon?: React.ReactNode;
-    /** Custom render function for the icon */
+    /**
+     * Full control over icon rendering; takes precedence over `customIcon` and the default status icon.
+     */
     renderIcon?: (status: ToastStatus) => React.ReactNode;
-    /** Custom render function for the close button */
+    /**
+     * Renders the dismiss control; receives `onClick` which must be invoked to start closing.
+     */
     renderCloseButton?: (props: {
         onClick: () => void;
     }) => React.ReactNode;
-    /** Custom render function for the progress bar */
+    /**
+     * Renders the countdown/progress UI; receives remaining percentage (0–100) and status.
+     */
     renderProgress?: (progress: number, status: ToastStatus) => React.ReactNode;
-    /** Hide the close button */
+    /**
+     * When `true`, the default dismiss button is not rendered (you may still use `renderCloseButton`).
+     * @defaultValue false
+     */
     hideCloseButton?: boolean;
 }
 /**
- * Toast - A status notification component with auto-dismiss and action buttons.
+ * Temporary status notification with optional actions, auto-dismiss, and an optional progress indicator.
  *
- * Features:
- * - Multiple status types: success, info, warn, error
- * - Auto-dismiss with configurable timeout
- * - Visual progress bar showing remaining time
- * - Pauses on hover/focus for better UX
- * - Optional action buttons
- * - Manual close button
- * - ARIA live region for screen reader announcements
- * - Smooth animations
- * - Fully customizable icons, close button, and progress bar
+ * @remarks
+ * - Uses `role="status"` (implicit polite live region) for assistive technologies.
+ * - Auto-dismiss pauses while the pointer hovers over the toast or while focus is inside it.
+ * - Enter and exit motion honors `prefers-reduced-motion`; when reduced, dismissal calls `onClose` without waiting for animation.
+ * - For fixed positioning and stacking at a viewport edge, wrap instances in `ToastContainer`.
  *
- * Customization:
- * - `customIcon`: Replace the default status icon
- * - `renderIcon`: Full control over icon rendering
- * - `renderCloseButton`: Custom close button
- * - `renderProgress`: Custom progress bar
- * - `hideCloseButton`: Hide the close button
+ * @see ToastContainer
  *
  * @example
  * ```tsx
@@ -2192,16 +2288,37 @@ interface ToastProps {
  */
 declare const Toast: React.FC<ToastProps>;
 
+/**
+ * Corner or edge alignment for the fixed toast stack relative to the viewport.
+ */
 type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+/**
+ * Props for `ToastContainer`.
+ */
 interface ToastContainerProps {
+    /**
+     * Where the stack is anchored on the screen.
+     * @defaultValue `"top-right"`
+     */
     position?: ToastPosition;
+    /** Additional CSS classes for the outer fixed wrapper. */
     className?: string;
+    /** Toasts or other content; each child is wrapped to restore pointer events. */
     children?: React.ReactNode;
+    /**
+     * Width of the inner column that holds toasts (number is treated as pixels).
+     * @defaultValue `"420px"`
+     */
     width?: number | string;
 }
 /**
- * - Fixed-position portal region to stack toasts at screen edges.
- * - Click-through outer wrapper with pointer-enabled children.
+ * Fixed-position region for stacking one or more `Toast` instances at a viewport edge.
+ *
+ * @remarks
+ * - The outer layer uses `pointer-events: none` so clicks pass through empty space; each child is wrapped with `pointer-events: auto` so toasts and controls remain interactive.
+ * - Sets `role="region"` and `aria-live="polite"` on the outer element for screen reader context when content updates.
+ *
+ * @see Toast
  */
 declare const ToastContainer: React.FC<ToastContainerProps>;
 
@@ -3078,24 +3195,6 @@ interface ScalablyUIProviderProps {
  */
 declare const ScalablyUIProvider: React.FC<ScalablyUIProviderProps>;
 
-interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * The text to display inside the tag.
-     */
-    value: string;
-    /**
-     * Text color of the tag.
-     * @default "#2772F0"
-     */
-    textColor?: string;
-    /**
-     * Background color of the tag.
-     * @default "#DAECFF"
-     */
-    backgroundColor?: string;
-}
-declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
-
 /**
  * Type for class values accepted by clsx
  */
@@ -4826,4 +4925,4 @@ declare const PlayIcon: {
     displayName: string;
 };
 
-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, type DividerProps, type DividerVariant, DownloadIcon, type DownloadIconProps, DropUpIcon, type DropUpIconProps, DropdownIcon, type DropdownIconProps, 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, type GetCroppedImgOptions, GmailIcon, type GmailIconProps, GridIcon, type GridIconProps, GroupAvatar, 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, 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, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, PlayIcon, type PlayIconProps, PlusIcon, type PlusIconProps, 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, 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, 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, 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, type DividerProps, type DividerVariant, DownloadIcon, type DownloadIconProps, DropUpIcon, type DropUpIconProps, DropdownIcon, type DropdownIconProps, 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, type GetCroppedImgOptions, GmailIcon, type GmailIconProps, GridIcon, type GridIconProps, GroupAvatar, 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, 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, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, PlayIcon, type PlayIconProps, PlusIcon, type PlusIconProps, 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, 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

@@ -1387,6 +1387,70 @@ interface FormFieldProps {
  */
 declare const FormField: react.ForwardRefExoticComponent<FormFieldProps & react.RefAttributes<HTMLDivElement | HTMLFieldSetElement>>;
 
+interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * The text to display inside the tag.
+     */
+    value: string;
+    /**
+     * Text color of the tag.
+     * @default "#2772F0"
+     */
+    textColor?: string;
+    /**
+     * Background color of the tag.
+     * @default "#DAECFF"
+     */
+    backgroundColor?: string;
+}
+declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
+
+interface TagInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
+    /**
+     * The array of tags currently in the input.
+     */
+    value?: string[];
+    /**
+     * Callback function called when the tags change.
+     */
+    onChange?: (tags: string[]) => void;
+    /**
+     * Visual variant of the input.
+     */
+    variant?: "default" | "error";
+    /**
+     * Label for the input.
+     */
+    label?: string;
+    /**
+     * Error message to display.
+     */
+    error?: string;
+    /**
+     * Helper text to display.
+     */
+    helperText?: string;
+    /**
+     * Props to pass to the individual Tag components.
+     */
+    tagProps?: Partial<TagProps>;
+    /**
+     * Custom class name for the outer container.
+     */
+    containerClassName?: string;
+}
+/**
+ * TagInput - A component that allows users to enter multiple items as tags.
+ *
+ * Features:
+ * - Enter/Tab to add a new tag
+ * - Backspace to remove the last tag when the input is empty
+ * - Customizable tag and input styling
+ * - Validation states (error)
+ * - Support for label and helper text
+ */
+declare const TagInput: react.ForwardRefExoticComponent<TagInputProps & react.RefAttributes<HTMLInputElement>>;
+
 type PaginationBaseProps = Omit<React.HTMLAttributes<HTMLElement>, "onChange">;
 interface PaginationProps extends PaginationBaseProps {
     total?: number;
@@ -2090,54 +2154,86 @@ declare const CelebrationModal: {
     displayName: string;
 };
 
+/**
+ * Semantic variant for a toast: default icon, border, background, and progress color.
+ */
 type ToastStatus = "success" | "info" | "warn" | "error";
+/**
+ * Configuration for one optional action control rendered beside the toast body.
+ */
 interface ToastAction {
+    /** Visible label for the action control. */
     label: string;
+    /** Called when the user activates this action. */
     onClick: () => void;
+    /**
+     * Visual style for the action {@link Button}.
+     * @defaultValue `"link"`
+     */
     variant?: React.ComponentProps<typeof Button>["variant"];
 }
+/** Props for the `Toast` component. */
 interface ToastProps {
+    /** Semantic status; controls default icon and color treatment. */
     status: ToastStatus;
+    /** Primary heading line. */
     title: string;
+    /** Optional supporting text shown under the title. */
     message?: string;
+    /** Additional CSS classes merged onto the toast root element. */
     className?: string;
+    /** Optional actions rendered as buttons; order is preserved. */
     actions?: ToastAction[];
+    /**
+     * Called after the toast has finished dismissing: following the exit animation when
+     * motion is allowed, or immediately when the user prefers reduced motion.
+     * Use this to unmount the toast or remove it from your queue.
+     */
     onClose?: () => void;
+    /**
+     * Auto-dismiss duration in milliseconds. Set to `0` to disable auto-dismiss and the progress UI tied to it.
+     * @defaultValue 5000
+     */
     autoCloseMs?: number;
+    /**
+     * When `autoCloseMs` is greater than zero, shows the default or custom progress indicator.
+     * @defaultValue true
+     */
     showProgress?: boolean;
-    /** Custom icon for this toast (overrides status icon) */
+    /**
+     * Replaces the default status icon when set; ignored if `renderIcon` is provided.
+     */
     customIcon?: React.ReactNode;
-    /** Custom render function for the icon */
+    /**
+     * Full control over icon rendering; takes precedence over `customIcon` and the default status icon.
+     */
     renderIcon?: (status: ToastStatus) => React.ReactNode;
-    /** Custom render function for the close button */
+    /**
+     * Renders the dismiss control; receives `onClick` which must be invoked to start closing.
+     */
     renderCloseButton?: (props: {
         onClick: () => void;
     }) => React.ReactNode;
-    /** Custom render function for the progress bar */
+    /**
+     * Renders the countdown/progress UI; receives remaining percentage (0–100) and status.
+     */
     renderProgress?: (progress: number, status: ToastStatus) => React.ReactNode;
-    /** Hide the close button */
+    /**
+     * When `true`, the default dismiss button is not rendered (you may still use `renderCloseButton`).
+     * @defaultValue false
+     */
     hideCloseButton?: boolean;
 }
 /**
- * Toast - A status notification component with auto-dismiss and action buttons.
+ * Temporary status notification with optional actions, auto-dismiss, and an optional progress indicator.
  *
- * Features:
- * - Multiple status types: success, info, warn, error
- * - Auto-dismiss with configurable timeout
- * - Visual progress bar showing remaining time
- * - Pauses on hover/focus for better UX
- * - Optional action buttons
- * - Manual close button
- * - ARIA live region for screen reader announcements
- * - Smooth animations
- * - Fully customizable icons, close button, and progress bar
+ * @remarks
+ * - Uses `role="status"` (implicit polite live region) for assistive technologies.
+ * - Auto-dismiss pauses while the pointer hovers over the toast or while focus is inside it.
+ * - Enter and exit motion honors `prefers-reduced-motion`; when reduced, dismissal calls `onClose` without waiting for animation.
+ * - For fixed positioning and stacking at a viewport edge, wrap instances in `ToastContainer`.
  *
- * Customization:
- * - `customIcon`: Replace the default status icon
- * - `renderIcon`: Full control over icon rendering
- * - `renderCloseButton`: Custom close button
- * - `renderProgress`: Custom progress bar
- * - `hideCloseButton`: Hide the close button
+ * @see ToastContainer
  *
  * @example
  * ```tsx
@@ -2192,16 +2288,37 @@ interface ToastProps {
  */
 declare const Toast: React.FC<ToastProps>;
 
+/**
+ * Corner or edge alignment for the fixed toast stack relative to the viewport.
+ */
 type ToastPosition = "top-left" | "top-right" | "top-center" | "bottom-left" | "bottom-right" | "bottom-center";
+/**
+ * Props for `ToastContainer`.
+ */
 interface ToastContainerProps {
+    /**
+     * Where the stack is anchored on the screen.
+     * @defaultValue `"top-right"`
+     */
     position?: ToastPosition;
+    /** Additional CSS classes for the outer fixed wrapper. */
     className?: string;
+    /** Toasts or other content; each child is wrapped to restore pointer events. */
     children?: React.ReactNode;
+    /**
+     * Width of the inner column that holds toasts (number is treated as pixels).
+     * @defaultValue `"420px"`
+     */
     width?: number | string;
 }
 /**
- * - Fixed-position portal region to stack toasts at screen edges.
- * - Click-through outer wrapper with pointer-enabled children.
+ * Fixed-position region for stacking one or more `Toast` instances at a viewport edge.
+ *
+ * @remarks
+ * - The outer layer uses `pointer-events: none` so clicks pass through empty space; each child is wrapped with `pointer-events: auto` so toasts and controls remain interactive.
+ * - Sets `role="region"` and `aria-live="polite"` on the outer element for screen reader context when content updates.
+ *
+ * @see Toast
  */
 declare const ToastContainer: React.FC<ToastContainerProps>;
 
@@ -3078,24 +3195,6 @@ interface ScalablyUIProviderProps {
  */
 declare const ScalablyUIProvider: React.FC<ScalablyUIProviderProps>;
 
-interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
-    /**
-     * The text to display inside the tag.
-     */
-    value: string;
-    /**
-     * Text color of the tag.
-     * @default "#2772F0"
-     */
-    textColor?: string;
-    /**
-     * Background color of the tag.
-     * @default "#DAECFF"
-     */
-    backgroundColor?: string;
-}
-declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLSpanElement>>;
-
 /**
  * Type for class values accepted by clsx
  */
@@ -4826,4 +4925,4 @@ declare const PlayIcon: {
     displayName: string;
 };
 
-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, type DividerProps, type DividerVariant, DownloadIcon, type DownloadIconProps, DropUpIcon, type DropUpIconProps, DropdownIcon, type DropdownIconProps, 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, type GetCroppedImgOptions, GmailIcon, type GmailIconProps, GridIcon, type GridIconProps, GroupAvatar, 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, 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, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, PlayIcon, type PlayIconProps, PlusIcon, type PlusIconProps, 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, 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, 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, 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, type DividerProps, type DividerVariant, DownloadIcon, type DownloadIconProps, DropUpIcon, type DropUpIconProps, DropdownIcon, type DropdownIconProps, 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, type GetCroppedImgOptions, GmailIcon, type GmailIconProps, GridIcon, type GridIconProps, GroupAvatar, 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, 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, MultipleSelectionButton, type MultipleSelectionButtonProps, MultipleSelectionIcon, type MultipleSelectionIconProps, Pagination, type PaginationProps, PaletteIcon, type PaletteIconProps, PlayIcon, type PlayIconProps, PlusIcon, type PlusIconProps, 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, YoutubeIcon, type YoutubeIconProps, clampDate, cn, daysGrid, debounce, defaultAssets, extensionToMimeType, fieldErrorToProps, formatAcceptedFileTypes, formatDateLocalized, getCroppedImg, logoAssets, mimeTypeToDisplayName, monthsForLocale, normalizeAcceptedFileTypes, scopeClass, throttle, toDateKey, validateFileTypeAndSize, weekdaysForLocale, welcomeAssets, zodErrorsToSummary };