@underverse-ui/underverse 2.0.3 → 2.0.5

package/dist/index.d.cts

@@ -24,9 +24,11 @@ declare const VARIANT_STYLES_BTN: {
     gradient: string;
 };
 declare const SIZE_STYLES_BTN: {
+    xs: string;
     sm: string;
     md: string;
     lg: string;
+    xl: string;
     smx: string;
     icon: string;
 };
@@ -165,6 +167,55 @@ interface CheckboxProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
 
+declare const formControlSizeStyles: {
+    readonly xs: {
+        readonly control: "h-6 px-2 text-xs leading-none";
+        readonly compactControl: "h-6 px-2 text-xs leading-none";
+        readonly input: "h-6 px-2 text-xs leading-none";
+        readonly label: "text-xs";
+        readonly icon: "h-3.5 w-3.5";
+        readonly iconButton: "h-6 w-6";
+        readonly tag: "h-4 max-w-20 px-1.5 text-[10px] leading-none";
+    };
+    readonly sm: {
+        readonly control: "h-8 px-3 text-sm leading-none";
+        readonly compactControl: "h-8 px-2.5 text-sm leading-none";
+        readonly input: "h-8 px-3 text-sm leading-none";
+        readonly label: "text-xs";
+        readonly icon: "h-4 w-4 md:h-3.5 md:w-3.5";
+        readonly iconButton: "h-7 w-7 md:h-6 md:w-6";
+        readonly tag: "h-5 max-w-24 px-2 text-[10px] leading-none";
+    };
+    readonly md: {
+        readonly control: "h-10 px-4 text-sm leading-none";
+        readonly compactControl: "h-10 px-3 text-sm leading-none";
+        readonly input: "h-10 px-4 text-sm leading-none";
+        readonly label: "text-sm";
+        readonly icon: "h-4 w-4";
+        readonly iconButton: "h-8 w-8";
+        readonly tag: "h-6 max-w-28 px-2 text-xs leading-none";
+    };
+    readonly lg: {
+        readonly control: "h-12 px-6 text-base leading-none";
+        readonly compactControl: "h-12 px-4 text-base leading-none";
+        readonly input: "h-12 px-5 text-base leading-none";
+        readonly label: "text-base";
+        readonly icon: "h-5 w-5";
+        readonly iconButton: "h-10 w-10";
+        readonly tag: "h-7 max-w-32 px-2.5 text-sm leading-none";
+    };
+    readonly xl: {
+        readonly control: "h-14 px-8 text-base leading-none";
+        readonly compactControl: "h-14 px-5 text-base leading-none";
+        readonly input: "h-14 px-6 text-base leading-none";
+        readonly label: "text-base";
+        readonly icon: "h-5 w-5";
+        readonly iconButton: "h-12 w-12";
+        readonly tag: "h-8 max-w-36 px-3 text-sm leading-none";
+    };
+};
+type FormControlSize = keyof typeof formControlSizeStyles;
+
 /** Public props for the `Input` component. */
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
     label?: string;
@@ -173,7 +224,7 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">
     error?: string;
     description?: string;
     variant?: "default" | "filled" | "outlined" | "minimal";
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     borderMode?: BorderMode;
     leftIcon?: React__default.ComponentType<{
         className?: string;
@@ -322,7 +373,7 @@ interface TagInputProps {
     /** Custom class cho container */
     className?: string;
     /** Size: 'sm' | 'md' | 'lg' */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     /** Disabled state */
     disabled?: boolean;
     /** Loading state - hiển thị spinner trên nút Search */
@@ -778,8 +829,6 @@ interface VerticalTabsProps extends TabsProps {
 }
 declare const VerticalTabs: React$1.FC<VerticalTabsProps>;
 
-type FormControlSize = "sm" | "md" | "lg";
-
 /** Public props for the `DropdownMenu` component. */
 interface DropdownMenuProps {
     trigger: React__default.ReactElement;
@@ -963,7 +1012,7 @@ interface DatePickerProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     label?: string;
     /** Custom class for label */
     labelClassName?: string;
@@ -998,7 +1047,7 @@ interface DateRangePickerProps {
     /** Maximum selectable date (inclusive). Compared by day in local timezone. */
     maxDate?: Date;
     /** Size variant */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     disabled?: boolean;
     borderMode?: BorderMode;
 }
@@ -1064,7 +1113,7 @@ interface LunarDatePickerProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     label?: string;
     /** Custom class for label */
     labelClassName?: string;
@@ -1094,7 +1143,7 @@ interface LunarDateRangePickerProps {
     disablePastDates?: boolean;
     minDate?: LunarPickerValue;
     maxDate?: LunarPickerValue;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     disabled?: boolean;
     borderMode?: BorderMode;
 }
@@ -1121,7 +1170,7 @@ interface DateTimePickerProps {
     /** Label for the "Clear" button */
     clearLabel?: string;
     /** Size variant */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     borderMode?: BorderMode;
 }
 declare const DateTimePicker: React$1.FC<DateTimePickerProps>;
@@ -1135,7 +1184,7 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     onChange?: (value: string | undefined) => void;
     placeholder?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     label?: string;
     required?: boolean;
     format?: TimeFormat;
@@ -1182,10 +1231,9 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     onClose?: () => void;
     borderMode?: BorderMode;
 }
-declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, borderMode, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size: requestedSize, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, borderMode, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type MonthYearPickerVariant = "default" | "compact" | "inline";
-type PickerSize = "sm" | "md" | "lg";
 /** Public props for the `MonthYearPicker` component. */
 interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange" | "value" | "defaultValue"> {
     /** Current value as Date or {month, year} */
@@ -1209,7 +1257,7 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
     /** Disabled state */
     disabled?: boolean;
     /** Size variant */
-    size?: PickerSize;
+    size?: FormControlSize;
     /** Label text */
     label?: string;
     /** Custom class for label */
@@ -1255,7 +1303,7 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
     };
     borderMode?: BorderMode;
 }
-declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, borderMode, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
+declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size: requestedSize, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, borderMode, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
 
 type SelectMode = "single" | "multiple" | "range";
 type Variant$3 = "default" | "bordered" | "card" | "minimal";
@@ -1747,7 +1795,7 @@ interface ComboboxProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     variant?: "default" | "outline" | "ghost" | "filled";
     allowClear?: boolean;
     searchPlaceholder?: string;
@@ -1817,7 +1865,7 @@ interface MultiComboboxProps {
     showClear?: boolean;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     variant?: "default" | "outline" | "ghost";
     label?: string;
     /** Custom class for label */
@@ -2064,7 +2112,7 @@ interface CategoryTreeSelectBaseProps {
     /** Participate in form-required validation. */
     required?: boolean;
     /** Visual size of the trigger. */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     /** Visual style of the trigger. */
     variant?: "default" | "outline" | "ghost" | "filled";
     /** Show a clear button when a selection exists. */
@@ -2574,7 +2622,7 @@ declare const Timeline: React$1.ForwardRefExoticComponent<TimelineProps & React$
 };
 
 type OutputFormat = "hex" | "rgba" | "hsl" | "hsla";
-type ColorPickerSize = "sm" | "md" | "lg";
+type ColorPickerSize = FormControlSize;
 type ColorPickerVariant = "default" | "compact" | "full" | "minimal";
 /** Public props for the `ColorPicker` component. */
 interface ColorPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
@@ -2769,6 +2817,7 @@ type FilterType = "text" | "select" | "date";
 type DataTableSize = "sm" | "md" | "lg";
 type DataTableDensity = "compact" | "normal" | "comfortable";
 type DataTableHorizontalMode = "auto" | "scroll" | "fit";
+type DataTablePaginationAlign = "left" | "center" | "right";
 type DataTableColumn<T> = {
     key: string;
     title: React__default.ReactNode;
@@ -2863,6 +2912,8 @@ interface DataTableProps<T> {
     onQueryChange?: (q: DataTableQuery) => void;
     caption?: React__default.ReactNode;
     toolbar?: React__default.ReactNode;
+    /** Show the toolbar row above the table. Default: true */
+    showToolbar?: boolean;
     /**
      * Define color groups for the column visibility dropdown legend.
      * Key = color value used in column's `colorTag` (e.g. "#1e40af").
@@ -2874,6 +2925,8 @@ interface DataTableProps<T> {
     enableColumnVisibilityToggle?: boolean;
     enableDensityToggle?: boolean;
     enableHeaderAlignToggle?: boolean;
+    /** Uppercase all text displayed in table headers. Default: false */
+    uppercaseHeader?: boolean;
     striped?: boolean;
     /** Hiển thị đường kẻ dọc ngăn cách giữa các cột */
     columnDividers?: boolean;
@@ -2901,13 +2954,15 @@ interface DataTableProps<T> {
     estimatedRowHeight?: number;
     /** Number of extra rows rendered above and below the visible range. Default: 8 */
     overscan?: number;
+    /** Alignment of the page navigation controls. Default: "right" */
+    paginationAlign?: DataTablePaginationAlign;
     /** Double-click leaf headers to auto-fit column width based on visible content. Default: true */
     enableHeaderAutoFit?: boolean;
     labels?: DataTableLabels;
     borderMode?: BorderMode;
 }
 
-declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
@@ -2937,7 +2992,7 @@ interface FormWrapperProps<T extends FieldValues = FieldValues> {
     initialValues?: Partial<T>;
     validationSchema?: Record<string, any>;
     className?: string;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
 }
 declare const Form: <T extends FieldValues = FieldValues>({ children, onSubmit, initialValues, validationSchema, className, size, ...props }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
@@ -7145,4 +7200,4 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
     };
 };
 
-export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, type BottomSheetProps, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarHoliday, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, type CalendarTimelineDayRangeMode, type CalendarTimelineEvent, type CalendarTimelineFormatters, type CalendarTimelineGroup, type CalendarTimelineInteractions, type CalendarTimelineLabels, type CalendarTimelineProps, type CalendarTimelineResource, type CalendarTimelineSize, type CalendarTimelineView, type CalendarTimelineVirtualization, Card, type CardProps, Carousel, type CarouselEffectOptions, type CarouselEffectPreset, type Category, CategoryTreeSelect, type CategoryTreeSelectBaseProps, type CategoryTreeSelectLabels, type CategoryTreeSelectMultiProps, type CategoryTreeSelectProps, type CategoryTreeSelectSingleProps, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, CompactDatePicker, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableLabels, type DataTableProps, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, EmojiPicker, type EmojiPickerProps, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, type GlobalI18nConfig, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, type ImageUploadProps, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type LoadingState, type Locale, LunarDatePicker, type LunarDatePickerProps, LunarDateRangePicker, type LunarDateRangePickerProps, type LunarDateValue, type LunarPickerValue, lunar as LunarUtils, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NextIntlAdapter, NotificationBadge, NotificationModal, NumberInput, type NumberInputProps, OverlayControls, type OverlayControlsProps, OverlayScrollArea, type OverlayScrollAreaProps, OverlayScrollbarProvider, type OverlayScrollbarProviderProps, PageLoading, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PillTabs, Popover, Progress, PulseBadge, RadioButtonGroup, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedControl, SegmentedProgress, SelectDropdown, Sheet, type SheetProps, SidebarSheet, type SidebarSheetProps, SimplePagination, type SimplePaginationProps, SimpleRadioGroup, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, type SlideOverProps, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, type StickerAssetVariant, type StickerImageUrlOptions, StickerPicker, type StickerPickerProps, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, type TextareaProps, type ThemeMode, ThemeToggleHeadless as ThemeToggle, ThemeToggleHeadless, type ThemeToggleHeadlessProps, type ThemeToggleHeadlessProps as ThemeToggleProps, TimePicker, type TimePickerProps, Timeline, TimelineItem, ToastProvider, ToggleGroup, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UnderverseConfigProvider, type UnderverseConfigProviderProps, type UnderverseLocale, UnderverseNextIntlProvider, UnderverseProvider, type UnderverseProviderProps, type UnderverseUIConfig, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn, cn as cnLocal, getAnimationStyles, getEmojiImageUrl, getEmojiUnifiedCode, getStickerImageUrl, getUnderverseMessages, injectAnimationStyles, loading, setEmojiBaseUrl, setStickerBaseUrl, shadcnAnimationStyles, underverseMessages, useFormField, useGlobalI18n, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations, useUnderverseUIConfig };
+export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, type BottomSheetProps, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarHoliday, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, type CalendarTimelineDayRangeMode, type CalendarTimelineEvent, type CalendarTimelineFormatters, type CalendarTimelineGroup, type CalendarTimelineInteractions, type CalendarTimelineLabels, type CalendarTimelineProps, type CalendarTimelineResource, type CalendarTimelineSize, type CalendarTimelineView, type CalendarTimelineVirtualization, Card, type CardProps, Carousel, type CarouselEffectOptions, type CarouselEffectPreset, type Category, CategoryTreeSelect, type CategoryTreeSelectBaseProps, type CategoryTreeSelectLabels, type CategoryTreeSelectMultiProps, type CategoryTreeSelectProps, type CategoryTreeSelectSingleProps, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, CompactDatePicker, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableLabels, type DataTablePaginationAlign, type DataTableProps, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, EmojiPicker, type EmojiPickerProps, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, type GlobalI18nConfig, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, type ImageUploadProps, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type LoadingState, type Locale, LunarDatePicker, type LunarDatePickerProps, LunarDateRangePicker, type LunarDateRangePickerProps, type LunarDateValue, type LunarPickerValue, lunar as LunarUtils, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NextIntlAdapter, NotificationBadge, NotificationModal, NumberInput, type NumberInputProps, OverlayControls, type OverlayControlsProps, OverlayScrollArea, type OverlayScrollAreaProps, OverlayScrollbarProvider, type OverlayScrollbarProviderProps, PageLoading, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PillTabs, Popover, Progress, PulseBadge, RadioButtonGroup, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedControl, SegmentedProgress, SelectDropdown, Sheet, type SheetProps, SidebarSheet, type SidebarSheetProps, SimplePagination, type SimplePaginationProps, SimpleRadioGroup, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, type SlideOverProps, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, type StickerAssetVariant, type StickerImageUrlOptions, StickerPicker, type StickerPickerProps, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, type TextareaProps, type ThemeMode, ThemeToggleHeadless as ThemeToggle, ThemeToggleHeadless, type ThemeToggleHeadlessProps, type ThemeToggleHeadlessProps as ThemeToggleProps, TimePicker, type TimePickerProps, Timeline, TimelineItem, ToastProvider, ToggleGroup, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UnderverseConfigProvider, type UnderverseConfigProviderProps, type UnderverseLocale, UnderverseNextIntlProvider, UnderverseProvider, type UnderverseProviderProps, type UnderverseUIConfig, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn, cn as cnLocal, getAnimationStyles, getEmojiImageUrl, getEmojiUnifiedCode, getStickerImageUrl, getUnderverseMessages, injectAnimationStyles, loading, setEmojiBaseUrl, setStickerBaseUrl, shadcnAnimationStyles, underverseMessages, useFormField, useGlobalI18n, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations, useUnderverseUIConfig };

package/dist/index.d.ts

@@ -24,9 +24,11 @@ declare const VARIANT_STYLES_BTN: {
     gradient: string;
 };
 declare const SIZE_STYLES_BTN: {
+    xs: string;
     sm: string;
     md: string;
     lg: string;
+    xl: string;
     smx: string;
     icon: string;
 };
@@ -165,6 +167,55 @@ interface CheckboxProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
 }
 declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
 
+declare const formControlSizeStyles: {
+    readonly xs: {
+        readonly control: "h-6 px-2 text-xs leading-none";
+        readonly compactControl: "h-6 px-2 text-xs leading-none";
+        readonly input: "h-6 px-2 text-xs leading-none";
+        readonly label: "text-xs";
+        readonly icon: "h-3.5 w-3.5";
+        readonly iconButton: "h-6 w-6";
+        readonly tag: "h-4 max-w-20 px-1.5 text-[10px] leading-none";
+    };
+    readonly sm: {
+        readonly control: "h-8 px-3 text-sm leading-none";
+        readonly compactControl: "h-8 px-2.5 text-sm leading-none";
+        readonly input: "h-8 px-3 text-sm leading-none";
+        readonly label: "text-xs";
+        readonly icon: "h-4 w-4 md:h-3.5 md:w-3.5";
+        readonly iconButton: "h-7 w-7 md:h-6 md:w-6";
+        readonly tag: "h-5 max-w-24 px-2 text-[10px] leading-none";
+    };
+    readonly md: {
+        readonly control: "h-10 px-4 text-sm leading-none";
+        readonly compactControl: "h-10 px-3 text-sm leading-none";
+        readonly input: "h-10 px-4 text-sm leading-none";
+        readonly label: "text-sm";
+        readonly icon: "h-4 w-4";
+        readonly iconButton: "h-8 w-8";
+        readonly tag: "h-6 max-w-28 px-2 text-xs leading-none";
+    };
+    readonly lg: {
+        readonly control: "h-12 px-6 text-base leading-none";
+        readonly compactControl: "h-12 px-4 text-base leading-none";
+        readonly input: "h-12 px-5 text-base leading-none";
+        readonly label: "text-base";
+        readonly icon: "h-5 w-5";
+        readonly iconButton: "h-10 w-10";
+        readonly tag: "h-7 max-w-32 px-2.5 text-sm leading-none";
+    };
+    readonly xl: {
+        readonly control: "h-14 px-8 text-base leading-none";
+        readonly compactControl: "h-14 px-5 text-base leading-none";
+        readonly input: "h-14 px-6 text-base leading-none";
+        readonly label: "text-base";
+        readonly icon: "h-5 w-5";
+        readonly iconButton: "h-12 w-12";
+        readonly tag: "h-8 max-w-36 px-3 text-sm leading-none";
+    };
+};
+type FormControlSize = keyof typeof formControlSizeStyles;
+
 /** Public props for the `Input` component. */
 interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size"> {
     label?: string;
@@ -173,7 +224,7 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">
     error?: string;
     description?: string;
     variant?: "default" | "filled" | "outlined" | "minimal";
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     borderMode?: BorderMode;
     leftIcon?: React__default.ComponentType<{
         className?: string;
@@ -322,7 +373,7 @@ interface TagInputProps {
     /** Custom class cho container */
     className?: string;
     /** Size: 'sm' | 'md' | 'lg' */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     /** Disabled state */
     disabled?: boolean;
     /** Loading state - hiển thị spinner trên nút Search */
@@ -778,8 +829,6 @@ interface VerticalTabsProps extends TabsProps {
 }
 declare const VerticalTabs: React$1.FC<VerticalTabsProps>;
 
-type FormControlSize = "sm" | "md" | "lg";
-
 /** Public props for the `DropdownMenu` component. */
 interface DropdownMenuProps {
     trigger: React__default.ReactElement;
@@ -963,7 +1012,7 @@ interface DatePickerProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     label?: string;
     /** Custom class for label */
     labelClassName?: string;
@@ -998,7 +1047,7 @@ interface DateRangePickerProps {
     /** Maximum selectable date (inclusive). Compared by day in local timezone. */
     maxDate?: Date;
     /** Size variant */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     disabled?: boolean;
     borderMode?: BorderMode;
 }
@@ -1064,7 +1113,7 @@ interface LunarDatePickerProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     label?: string;
     /** Custom class for label */
     labelClassName?: string;
@@ -1094,7 +1143,7 @@ interface LunarDateRangePickerProps {
     disablePastDates?: boolean;
     minDate?: LunarPickerValue;
     maxDate?: LunarPickerValue;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     disabled?: boolean;
     borderMode?: BorderMode;
 }
@@ -1121,7 +1170,7 @@ interface DateTimePickerProps {
     /** Label for the "Clear" button */
     clearLabel?: string;
     /** Size variant */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     borderMode?: BorderMode;
 }
 declare const DateTimePicker: React$1.FC<DateTimePickerProps>;
@@ -1135,7 +1184,7 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     onChange?: (value: string | undefined) => void;
     placeholder?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     label?: string;
     required?: boolean;
     format?: TimeFormat;
@@ -1182,10 +1231,9 @@ interface TimePickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "
     onClose?: () => void;
     borderMode?: BorderMode;
 }
-declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, borderMode, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
+declare function TimePicker({ value, defaultValue, onChange, placeholder, disabled, size: requestedSize, label, required, format, includeSeconds, minuteStep, secondStep, clearable, variant, matchTriggerWidth, showNow, showPresets, allowManualInput, customPresets, min, max, minTime, maxTime, disabledTimes, error, success, helperText, animate, onOpen, onClose, className, borderMode, ...rest }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
 type MonthYearPickerVariant = "default" | "compact" | "inline";
-type PickerSize = "sm" | "md" | "lg";
 /** Public props for the `MonthYearPicker` component. */
 interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange" | "value" | "defaultValue"> {
     /** Current value as Date or {month, year} */
@@ -1209,7 +1257,7 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
     /** Disabled state */
     disabled?: boolean;
     /** Size variant */
-    size?: PickerSize;
+    size?: FormControlSize;
     /** Label text */
     label?: string;
     /** Custom class for label */
@@ -1255,7 +1303,7 @@ interface MonthYearPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElemen
     };
     borderMode?: BorderMode;
 }
-declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, borderMode, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
+declare function MonthYearPicker({ value, defaultValue, onChange, placeholder, disabled, size: requestedSize, label, labelClassName, required, clearable, variant, matchTriggerWidth, monthNames, shortMonthNames, minYear, maxYear, minDate, maxDate, error, success, helperText, animate, onOpen, onClose, showThisMonth, columnLabels, className, borderMode, ...rest }: MonthYearPickerProps): react_jsx_runtime.JSX.Element;
 
 type SelectMode = "single" | "multiple" | "range";
 type Variant$3 = "default" | "bordered" | "card" | "minimal";
@@ -1747,7 +1795,7 @@ interface ComboboxProps {
     placeholder?: string;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     variant?: "default" | "outline" | "ghost" | "filled";
     allowClear?: boolean;
     searchPlaceholder?: string;
@@ -1817,7 +1865,7 @@ interface MultiComboboxProps {
     showClear?: boolean;
     className?: string;
     disabled?: boolean;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     variant?: "default" | "outline" | "ghost";
     label?: string;
     /** Custom class for label */
@@ -2064,7 +2112,7 @@ interface CategoryTreeSelectBaseProps {
     /** Participate in form-required validation. */
     required?: boolean;
     /** Visual size of the trigger. */
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
     /** Visual style of the trigger. */
     variant?: "default" | "outline" | "ghost" | "filled";
     /** Show a clear button when a selection exists. */
@@ -2574,7 +2622,7 @@ declare const Timeline: React$1.ForwardRefExoticComponent<TimelineProps & React$
 };
 
 type OutputFormat = "hex" | "rgba" | "hsl" | "hsla";
-type ColorPickerSize = "sm" | "md" | "lg";
+type ColorPickerSize = FormControlSize;
 type ColorPickerVariant = "default" | "compact" | "full" | "minimal";
 /** Public props for the `ColorPicker` component. */
 interface ColorPickerProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
@@ -2769,6 +2817,7 @@ type FilterType = "text" | "select" | "date";
 type DataTableSize = "sm" | "md" | "lg";
 type DataTableDensity = "compact" | "normal" | "comfortable";
 type DataTableHorizontalMode = "auto" | "scroll" | "fit";
+type DataTablePaginationAlign = "left" | "center" | "right";
 type DataTableColumn<T> = {
     key: string;
     title: React__default.ReactNode;
@@ -2863,6 +2912,8 @@ interface DataTableProps<T> {
     onQueryChange?: (q: DataTableQuery) => void;
     caption?: React__default.ReactNode;
     toolbar?: React__default.ReactNode;
+    /** Show the toolbar row above the table. Default: true */
+    showToolbar?: boolean;
     /**
      * Define color groups for the column visibility dropdown legend.
      * Key = color value used in column's `colorTag` (e.g. "#1e40af").
@@ -2874,6 +2925,8 @@ interface DataTableProps<T> {
     enableColumnVisibilityToggle?: boolean;
     enableDensityToggle?: boolean;
     enableHeaderAlignToggle?: boolean;
+    /** Uppercase all text displayed in table headers. Default: false */
+    uppercaseHeader?: boolean;
     striped?: boolean;
     /** Hiển thị đường kẻ dọc ngăn cách giữa các cột */
     columnDividers?: boolean;
@@ -2901,13 +2954,15 @@ interface DataTableProps<T> {
     estimatedRowHeight?: number;
     /** Number of extra rows rendered above and below the visible range. Default: 8 */
     overscan?: number;
+    /** Alignment of the page navigation controls. Default: "right" */
+    paginationAlign?: DataTablePaginationAlign;
     /** Double-click leaf headers to auto-fit column width based on visible content. Default: true */
     enableHeaderAutoFit?: boolean;
     labels?: DataTableLabels;
     borderMode?: BorderMode;
 }
 
-declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
+declare function DataTable<T extends Record<string, any>>({ columns, data, rowKey, loading, total, page, pageSize, pageSizeOptions, onQueryChange, caption, toolbar, showToolbar, size, enableColumnVisibilityToggle, enableDensityToggle, enableHeaderAlignToggle, uppercaseHeader, striped, columnDividers, className, storageKey, stickyHeader, maxHeight, horizontalMode, overflowHidden, useOverlayScrollbar, virtualizedRows, estimatedRowHeight, overscan, paginationAlign, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
@@ -2937,7 +2992,7 @@ interface FormWrapperProps<T extends FieldValues = FieldValues> {
     initialValues?: Partial<T>;
     validationSchema?: Record<string, any>;
     className?: string;
-    size?: "sm" | "md" | "lg";
+    size?: FormControlSize;
 }
 declare const Form: <T extends FieldValues = FieldValues>({ children, onSubmit, initialValues, validationSchema, className, size, ...props }: FormWrapperProps<T>) => react_jsx_runtime.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => react_jsx_runtime.JSX.Element;
@@ -7145,4 +7200,4 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
     };
 };
 
-export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, type BottomSheetProps, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarHoliday, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, type CalendarTimelineDayRangeMode, type CalendarTimelineEvent, type CalendarTimelineFormatters, type CalendarTimelineGroup, type CalendarTimelineInteractions, type CalendarTimelineLabels, type CalendarTimelineProps, type CalendarTimelineResource, type CalendarTimelineSize, type CalendarTimelineView, type CalendarTimelineVirtualization, Card, type CardProps, Carousel, type CarouselEffectOptions, type CarouselEffectPreset, type Category, CategoryTreeSelect, type CategoryTreeSelectBaseProps, type CategoryTreeSelectLabels, type CategoryTreeSelectMultiProps, type CategoryTreeSelectProps, type CategoryTreeSelectSingleProps, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, CompactDatePicker, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableLabels, type DataTableProps, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, EmojiPicker, type EmojiPickerProps, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, type GlobalI18nConfig, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, type ImageUploadProps, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type LoadingState, type Locale, LunarDatePicker, type LunarDatePickerProps, LunarDateRangePicker, type LunarDateRangePickerProps, type LunarDateValue, type LunarPickerValue, lunar as LunarUtils, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NextIntlAdapter, NotificationBadge, NotificationModal, NumberInput, type NumberInputProps, OverlayControls, type OverlayControlsProps, OverlayScrollArea, type OverlayScrollAreaProps, OverlayScrollbarProvider, type OverlayScrollbarProviderProps, PageLoading, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PillTabs, Popover, Progress, PulseBadge, RadioButtonGroup, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedControl, SegmentedProgress, SelectDropdown, Sheet, type SheetProps, SidebarSheet, type SidebarSheetProps, SimplePagination, type SimplePaginationProps, SimpleRadioGroup, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, type SlideOverProps, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, type StickerAssetVariant, type StickerImageUrlOptions, StickerPicker, type StickerPickerProps, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, type TextareaProps, type ThemeMode, ThemeToggleHeadless as ThemeToggle, ThemeToggleHeadless, type ThemeToggleHeadlessProps, type ThemeToggleHeadlessProps as ThemeToggleProps, TimePicker, type TimePickerProps, Timeline, TimelineItem, ToastProvider, ToggleGroup, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UnderverseConfigProvider, type UnderverseConfigProviderProps, type UnderverseLocale, UnderverseNextIntlProvider, UnderverseProvider, type UnderverseProviderProps, type UnderverseUIConfig, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn, cn as cnLocal, getAnimationStyles, getEmojiImageUrl, getEmojiUnifiedCode, getStickerImageUrl, getUnderverseMessages, injectAnimationStyles, loading, setEmojiBaseUrl, setStickerBaseUrl, shadcnAnimationStyles, underverseMessages, useFormField, useGlobalI18n, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations, useUnderverseUIConfig };
+export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, type BottomSheetProps, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarHoliday, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, type CalendarTimelineDayRangeMode, type CalendarTimelineEvent, type CalendarTimelineFormatters, type CalendarTimelineGroup, type CalendarTimelineInteractions, type CalendarTimelineLabels, type CalendarTimelineProps, type CalendarTimelineResource, type CalendarTimelineSize, type CalendarTimelineView, type CalendarTimelineVirtualization, Card, type CardProps, Carousel, type CarouselEffectOptions, type CarouselEffectPreset, type Category, CategoryTreeSelect, type CategoryTreeSelectBaseProps, type CategoryTreeSelectLabels, type CategoryTreeSelectMultiProps, type CategoryTreeSelectProps, type CategoryTreeSelectSingleProps, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxOption, type ComboboxProps, CompactDatePicker, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableLabels, type DataTablePaginationAlign, type DataTableProps, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, type DrawerProps, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, EmojiPicker, type EmojiPickerProps, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, type GlobalI18nConfig, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, type ImageUploadProps, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type LoadingState, type Locale, LunarDatePicker, type LunarDatePickerProps, LunarDateRangePicker, type LunarDateRangePickerProps, type LunarDateValue, type LunarPickerValue, lunar as LunarUtils, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NextIntlAdapter, NotificationBadge, NotificationModal, NumberInput, type NumberInputProps, OverlayControls, type OverlayControlsProps, OverlayScrollArea, type OverlayScrollAreaProps, OverlayScrollbarProvider, type OverlayScrollbarProviderProps, PageLoading, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PillTabs, Popover, Progress, PulseBadge, RadioButtonGroup, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedControl, SegmentedProgress, SelectDropdown, Sheet, type SheetProps, SidebarSheet, type SidebarSheetProps, SimplePagination, type SimplePaginationProps, SimpleRadioGroup, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, type SlideOverProps, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, type StickerAssetVariant, type StickerImageUrlOptions, StickerPicker, type StickerPickerProps, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderProps, type TableProps, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, type TextareaProps, type ThemeMode, ThemeToggleHeadless as ThemeToggle, ThemeToggleHeadless, type ThemeToggleHeadlessProps, type ThemeToggleHeadlessProps as ThemeToggleProps, TimePicker, type TimePickerProps, Timeline, TimelineItem, ToastProvider, ToggleGroup, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UnderverseConfigProvider, type UnderverseConfigProviderProps, type UnderverseLocale, UnderverseNextIntlProvider, UnderverseProvider, type UnderverseProviderProps, type UnderverseUIConfig, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn, cn as cnLocal, getAnimationStyles, getEmojiImageUrl, getEmojiUnifiedCode, getStickerImageUrl, getUnderverseMessages, injectAnimationStyles, loading, setEmojiBaseUrl, setStickerBaseUrl, shadcnAnimationStyles, underverseMessages, useFormField, useGlobalI18n, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations, useUnderverseUIConfig };