@underverse-ui/underverse 2.0.16 → 2.0.18

package/dist/index.d.cts

@@ -658,6 +658,10 @@ interface PopoverProps {
     matchTriggerWidth?: boolean;
     contentWidth?: number;
     borderMode?: BorderMode;
+    /** Resolve the document element that should receive the portal. */
+    getPortalContainer?: () => HTMLElement | null;
+    /** Constrain vertical placement and height to the largest available viewport side. */
+    constrainToAvailableHeight?: boolean;
 }
 declare const Popover: React$1.FC<PopoverProps>;
 
@@ -1808,6 +1812,8 @@ interface ComboboxProps {
     searchPlaceholder?: string;
     emptyText?: string;
     usePortal?: boolean;
+    /** Resolve the document element that should receive the dropdown portal. */
+    getPortalContainer?: () => HTMLElement | null;
     label?: string;
     /** Custom class for label */
     labelClassName?: string;
@@ -2963,13 +2969,15 @@ interface DataTableProps<T> {
     overscan?: number;
     /** Alignment of the page navigation controls. Default: "right" */
     paginationAlign?: DataTablePaginationAlign;
+    /** Number of page buttons pinned at each end. Defaults to 3 below 14 pages, otherwise 5. */
+    paginationRange?: number;
     /** 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, 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;
+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, paginationRange, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
@@ -3247,12 +3255,12 @@ declare namespace date {
  * ```
  */
 declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
-declare function useShadCNAnimations(): void;
+declare function useShadCNAnimations(targetDocument?: Document | null): void;
 /**
  * Manually inject animation styles.
  * Useful for non-React environments or SSR.
  */
-declare function injectAnimationStyles(): void;
+declare function injectAnimationStyles(targetDocument?: Document): void;
 /**
  * Get the animation styles as a string.
  * Useful for including in a style tag or CSS file.
@@ -7223,4 +7231,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 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 };
+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, type PopoverPlacement, type PopoverProps, 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

@@ -658,6 +658,10 @@ interface PopoverProps {
     matchTriggerWidth?: boolean;
     contentWidth?: number;
     borderMode?: BorderMode;
+    /** Resolve the document element that should receive the portal. */
+    getPortalContainer?: () => HTMLElement | null;
+    /** Constrain vertical placement and height to the largest available viewport side. */
+    constrainToAvailableHeight?: boolean;
 }
 declare const Popover: React$1.FC<PopoverProps>;
 
@@ -1808,6 +1812,8 @@ interface ComboboxProps {
     searchPlaceholder?: string;
     emptyText?: string;
     usePortal?: boolean;
+    /** Resolve the document element that should receive the dropdown portal. */
+    getPortalContainer?: () => HTMLElement | null;
     label?: string;
     /** Custom class for label */
     labelClassName?: string;
@@ -2963,13 +2969,15 @@ interface DataTableProps<T> {
     overscan?: number;
     /** Alignment of the page navigation controls. Default: "right" */
     paginationAlign?: DataTablePaginationAlign;
+    /** Number of page buttons pinned at each end. Defaults to 3 below 14 pages, otherwise 5. */
+    paginationRange?: number;
     /** 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, 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;
+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, paginationRange, enableHeaderAutoFit, labels, columnColorGroups, borderMode, }: DataTableProps<T>): react_jsx_runtime.JSX.Element;
 
 /** Public props for the `Table` component. */
 interface TableProps extends React__default.HTMLAttributes<HTMLTableElement> {
@@ -3247,12 +3255,12 @@ declare namespace date {
  * ```
  */
 declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
-declare function useShadCNAnimations(): void;
+declare function useShadCNAnimations(targetDocument?: Document | null): void;
 /**
  * Manually inject animation styles.
  * Useful for non-React environments or SSR.
  */
-declare function injectAnimationStyles(): void;
+declare function injectAnimationStyles(targetDocument?: Document): void;
 /**
  * Get the animation styles as a string.
  * Useful for including in a style tag or CSS file.
@@ -7223,4 +7231,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 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 };
+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, type PopoverPlacement, type PopoverProps, 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.js

@@ -4,19 +4,19 @@ import {
   extractImageSrcsFromHtml,
   normalizeImageUrl,
   prepareUEditorContentForSave
-} from "./chunk-YM56RXIZ.js";
+} from "./chunk-MSTO23JM.js";
 import {
   EmojiPicker_default
-} from "./chunk-HTGAV4IG.js";
+} from "./chunk-LQCKCWVZ.js";
 import {
   getEmojiImageUrl,
   getEmojiUnifiedCode,
   setEmojiBaseUrl
-} from "./chunk-SKCO2GFM.js";
+} from "./chunk-SBDZKVUJ.js";
 import "./chunk-4TYW5K4J.js";
 import {
   Modal_default
-} from "./chunk-HEXF4EOB.js";
+} from "./chunk-NJ53GV74.js";
 import {
   DropdownMenuItem,
   DropdownMenuSeparator,
@@ -31,7 +31,7 @@ import {
   shadcnAnimationStyles,
   useShadCNAnimations,
   useUnderverseUIConfig
-} from "./chunk-23VKHYEB.js";
+} from "./chunk-RSLY7UU2.js";
 import {
   ForceInternalTranslationsProvider,
   NextIntlAdapter,
@@ -57,7 +57,7 @@ import {
   useUnderverseLocale,
   useUnderverseTranslations,
   vi_default
-} from "./chunk-EPBYGZHZ.js";
+} from "./chunk-PZCD342B.js";
 import {
   __export,
   __require
@@ -4637,6 +4637,7 @@ var Combobox = ({
   variant = "default",
   allowClear = false,
   usePortal = true,
+  getPortalContainer,
   label,
   labelClassName,
   required,
@@ -4678,7 +4679,6 @@ var Combobox = ({
   const [activeIndex, setActiveIndex] = React19.useState(null);
   const [localRequiredError, setLocalRequiredError] = React19.useState();
   const [triggerBackgroundColor, setTriggerBackgroundColor] = React19.useState();
-  useShadCNAnimations();
   const inputRef = React19.useRef(null);
   const optionsViewportRef = React19.useRef(null);
   useOverlayScrollbarTarget(optionsViewportRef, { enabled: open && useOverlayScrollbar && !virtualized });
@@ -4719,10 +4719,16 @@ var Combobox = ({
   });
   const virtualItems = canVirtualize ? optionVirtualizer.getVirtualItems() : [];
   const triggerRef = React19.useRef(null);
+  React19.useEffect(() => {
+    const triggerDocument = triggerRef.current?.ownerDocument;
+    if (triggerDocument) injectAnimationStyles(triggerDocument);
+  }, []);
   const updateTriggerBackgroundColor = React19.useCallback(() => {
     const trigger = triggerRef.current;
     if (!trigger) return;
-    const backgroundColor = window.getComputedStyle(trigger).backgroundColor;
+    const triggerWindow = trigger.ownerDocument.defaultView;
+    if (!triggerWindow) return;
+    const backgroundColor = triggerWindow.getComputedStyle(trigger).backgroundColor;
     setTriggerBackgroundColor((current) => current === backgroundColor ? current : backgroundColor);
   }, []);
   const scrollVirtualListToIndex = React19.useCallback((index) => {
@@ -4762,15 +4768,21 @@ var Combobox = ({
       setActiveIndex(null);
       scrollVirtualListToStart();
     } else if (enableSearch) {
-      setTimeout(() => {
+      const triggerWindow = triggerRef.current?.ownerDocument.defaultView;
+      if (!triggerWindow) return void 0;
+      const timeoutId = triggerWindow.setTimeout(() => {
         inputRef.current?.focus();
       }, 100);
+      return () => triggerWindow.clearTimeout(timeoutId);
     }
+    return void 0;
   }, [enableSearch, open, scrollVirtualListToStart]);
   React19.useEffect(() => {
     if (!onSearchChange) return void 0;
-    const timeoutId = window.setTimeout(() => onSearchChange(query), searchDebounceMs);
-    return () => window.clearTimeout(timeoutId);
+    const triggerWindow = triggerRef.current?.ownerDocument.defaultView;
+    if (!triggerWindow) return void 0;
+    const timeoutId = triggerWindow.setTimeout(() => onSearchChange(query), searchDebounceMs);
+    return () => triggerWindow.clearTimeout(timeoutId);
   }, [onSearchChange, query, searchDebounceMs]);
   React19.useEffect(() => {
     if (process.env.NODE_ENV !== "production" && options.length > 300 && !virtualized && searchMode !== "manual" && maxInitialOptions === void 0) {
@@ -4784,13 +4796,15 @@ var Combobox = ({
       setTriggerBackgroundColor(void 0);
       return void 0;
     }
+    const triggerWindow = triggerRef.current?.ownerDocument.defaultView;
+    if (!triggerWindow) return void 0;
     let raf = 0;
     const tick = () => {
       updateTriggerBackgroundColor();
-      raf = window.requestAnimationFrame(tick);
+      raf = triggerWindow.requestAnimationFrame(tick);
     };
     tick();
-    return () => window.cancelAnimationFrame(raf);
+    return () => triggerWindow.cancelAnimationFrame(raf);
   }, [matchTriggerBackground, open, updateTriggerBackgroundColor]);
   const selectedOption = findOptionByValue(options, value) ?? (selectedOptionProp && getOptionValue(selectedOptionProp) === value ? selectedOptionProp : void 0);
   const displayValue = selectedOption ? getOptionLabel(selectedOption) : "";
@@ -4902,9 +4916,10 @@ var Combobox = ({
     {
       "data-combobox-dropdown": true,
       "data-state": open ? "open" : "closed",
-      className: cn("w-full overflow-hidden", getPanelBorderRadiusClass(resolvedBorderMode)),
+      style: usePortal ? { maxHeight: "var(--underverse-popover-available-height)" } : void 0,
+      className: cn("w-full overflow-hidden", usePortal && "flex min-h-0 flex-col", getPanelBorderRadiusClass(resolvedBorderMode)),
       children: [
-        enableSearch && /* @__PURE__ */ jsx22("div", { className: cn("relative border-b border-border/30", size === "xs" ? "p-1.5" : size === "sm" ? "p-2" : size === "lg" ? "p-3" : size === "xl" ? "p-3.5" : "p-2.5"), children: /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
+        enableSearch && /* @__PURE__ */ jsx22("div", { className: cn("relative shrink-0 border-b border-border/30", size === "xs" ? "p-1.5" : size === "sm" ? "p-2" : size === "lg" ? "p-3" : size === "xl" ? "p-3.5" : "p-2.5"), children: /* @__PURE__ */ jsxs18("div", { className: "relative", children: [
           /* @__PURE__ */ jsx22(
             Search4,
             {
@@ -4974,7 +4989,7 @@ var Combobox = ({
             role: "listbox",
             "aria-labelledby": labelId,
             "data-os-ignore": virtualized ? "" : void 0,
-            className: cn("overflow-y-auto overscroll-contain", (!useOverlayScrollbar || virtualized) && comboboxScrollClassName),
+            className: cn("overflow-y-auto overscroll-contain", usePortal && "min-h-0", (!useOverlayScrollbar || virtualized) && comboboxScrollClassName),
             style: { maxHeight },
             children: /* @__PURE__ */ jsx22("div", { className: cn(size === "xs" ? "p-1" : size === "sm" ? "p-1" : size === "lg" || size === "xl" ? "p-2" : "p-1.5"), children: loading2 ? /* @__PURE__ */ jsx22("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
               /* @__PURE__ */ jsx22("div", { className: "relative", children: /* @__PURE__ */ jsx22("div", { className: "w-10 h-10 rounded-full border-2 border-primary/20 border-t-primary animate-spin" }) }),
@@ -5182,6 +5197,8 @@ var Combobox = ({
         matchTriggerWidth: true,
         className: "z-50",
         borderMode: resolvedBorderMode,
+        getPortalContainer,
+        constrainToAvailableHeight: true,
         contentClassName: "p-0 overflow-hidden",
         contentProps: { style: dropdownBackgroundStyle },
         children: dropdownBody
@@ -22021,24 +22038,19 @@ function DataTablePagination({
   pageSizeOptions,
   setCurPageSize,
   size,
-  align
+  align,
+  paginationRange
 }) {
   const totalPages = Math.ceil(totalItems / curPageSize);
   const pages = React51.useMemo(() => {
-    const result = [];
-    if (totalPages <= 5) {
-      for (let i = 1; i <= totalPages; i++) result.push(i);
-      return result;
-    }
-    result.push(1);
-    if (curPage > 3) result.push("...");
-    const start = Math.max(2, curPage - 1);
-    const end = Math.min(totalPages - 1, curPage + 1);
-    for (let i = start; i <= end; i++) result.push(i);
-    if (curPage < totalPages - 2) result.push("...");
-    result.push(totalPages);
-    return result;
-  }, [curPage, totalPages]);
+    const edgeCount = Math.max(1, Math.floor(paginationRange ?? (totalPages < 14 ? 3 : 5)));
+    if (totalPages <= edgeCount * 2 + 3) return Array.from({ length: totalPages }, (_, index) => index + 1);
+    const pageNumbers = /* @__PURE__ */ new Set();
+    for (let page = 1; page <= edgeCount; page += 1) pageNumbers.add(page);
+    for (let page = totalPages - edgeCount + 1; page <= totalPages; page += 1) pageNumbers.add(page);
+    for (let page = Math.max(1, curPage - 1); page <= Math.min(totalPages, curPage + 1); page += 1) pageNumbers.add(page);
+    return Array.from(pageNumbers).sort((a, b) => a - b).flatMap((page, index, sortedPages) => index > 0 && page - sortedPages[index - 1] > 1 ? ["...", page] : [page]);
+  }, [curPage, paginationRange, totalPages]);
   if (totalItems === 0) return null;
   const controlButtonSize = size === "lg" ? "md" : "sm";
   const navBtnClass = size === "sm" ? "h-6 w-6 p-0 rounded-full" : size === "lg" ? "h-8 w-8 p-0 rounded-full" : "h-7 w-7 p-0 rounded-full";
@@ -22822,6 +22834,7 @@ function DataTable({
   estimatedRowHeight,
   overscan = 8,
   paginationAlign = "right",
+  paginationRange,
   enableHeaderAutoFit = true,
   labels,
   columnColorGroups,
@@ -23074,7 +23087,8 @@ function DataTable({
         pageSizeOptions,
         setCurPageSize,
         size,
-        align: paginationAlign
+        align: paginationAlign,
+        paginationRange
       }
     )
   ] });