@underverse-ui/underverse 1.0.61 → 1.0.63

package/dist/index.d.cts

@@ -1803,10 +1803,24 @@ interface FileUploadProps {
 declare function FileUpload({ onUpload, onRemove, onChange, uploadHandler, maxSize, // Default 50MB
 maxFiles, accept, multiple, disabled, className, showFileList, variant, size, dragDropText, browseText, supportedFormatsText, showTypeIcons, allowPreview, initialFiles, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
-type AnimationVariant$1 = "slide" | "fade" | "scale";
+type AnimationVariant$1 = "slide" | "fade" | "scale" | "coverflow" | "stack";
 type Orientation = "horizontal" | "vertical";
+type CarouselEffectPreset = "cinematic" | "gallery" | "poster" | "minimal";
+interface CarouselEffectOptions {
+    mainScale?: number;
+    sideScale?: number;
+    farScale?: number;
+    sideOpacity?: number;
+    farOpacity?: number;
+    sideOffset?: number;
+    rotate?: number;
+    depthStep?: number;
+    blur?: number;
+    stackOffset?: number;
+    stackLift?: number;
+}
 interface CarouselProps {
-    children: React$1.ReactNode[];
+    children: React$1.ReactNode;
     autoScroll?: boolean;
     autoScrollInterval?: number;
     animation?: AnimationVariant$1;
@@ -1824,8 +1838,10 @@ interface CarouselProps {
     onSlideChange?: (index: number) => void;
     thumbnailRenderer?: (child: React$1.ReactNode, index: number) => React$1.ReactNode;
     ariaLabel?: string;
+    effectPreset?: CarouselEffectPreset;
+    effectOptions?: CarouselEffectOptions;
 }
-declare function Carousel({ children, autoScroll, autoScrollInterval, animation, orientation, showArrows, showDots, showProgress, showThumbnails, loop, slidesToShow, slidesToScroll, className, containerClassName, slideClassName, onSlideChange, thumbnailRenderer, ariaLabel, }: CarouselProps): react_jsx_runtime.JSX.Element;
+declare function Carousel({ children, autoScroll, autoScrollInterval, animation, orientation, showArrows, showDots, showProgress, showThumbnails, loop, slidesToShow, slidesToScroll, className, containerClassName, slideClassName, onSlideChange, thumbnailRenderer, ariaLabel, effectPreset, effectOptions, }: CarouselProps): react_jsx_runtime.JSX.Element;
 
 type IconComponent = React__default.ComponentType<{
     className?: string;
@@ -4547,4 +4563,4 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
     };
 };
 
-export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, 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 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, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, 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$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, 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, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, 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, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UEditor, type UEditorInlineUploadedItem, UEditorPrepareContentForSaveError, type UEditorPrepareContentForSaveOptions, type UEditorPrepareContentForSaveResult, type UEditorProps, type UEditorRef, type UEditorUploadImageForSave, type UEditorUploadImageForSaveResult, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, loading, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };
+export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, 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, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, 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$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, 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, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, 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, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UEditor, type UEditorInlineUploadedItem, UEditorPrepareContentForSaveError, type UEditorPrepareContentForSaveOptions, type UEditorPrepareContentForSaveResult, type UEditorProps, type UEditorRef, type UEditorUploadImageForSave, type UEditorUploadImageForSaveResult, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, loading, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };

package/dist/index.d.ts

@@ -1803,10 +1803,24 @@ interface FileUploadProps {
 declare function FileUpload({ onUpload, onRemove, onChange, uploadHandler, maxSize, // Default 50MB
 maxFiles, accept, multiple, disabled, className, showFileList, variant, size, dragDropText, browseText, supportedFormatsText, showTypeIcons, allowPreview, initialFiles, }: FileUploadProps): react_jsx_runtime.JSX.Element;
 
-type AnimationVariant$1 = "slide" | "fade" | "scale";
+type AnimationVariant$1 = "slide" | "fade" | "scale" | "coverflow" | "stack";
 type Orientation = "horizontal" | "vertical";
+type CarouselEffectPreset = "cinematic" | "gallery" | "poster" | "minimal";
+interface CarouselEffectOptions {
+    mainScale?: number;
+    sideScale?: number;
+    farScale?: number;
+    sideOpacity?: number;
+    farOpacity?: number;
+    sideOffset?: number;
+    rotate?: number;
+    depthStep?: number;
+    blur?: number;
+    stackOffset?: number;
+    stackLift?: number;
+}
 interface CarouselProps {
-    children: React$1.ReactNode[];
+    children: React$1.ReactNode;
     autoScroll?: boolean;
     autoScrollInterval?: number;
     animation?: AnimationVariant$1;
@@ -1824,8 +1838,10 @@ interface CarouselProps {
     onSlideChange?: (index: number) => void;
     thumbnailRenderer?: (child: React$1.ReactNode, index: number) => React$1.ReactNode;
     ariaLabel?: string;
+    effectPreset?: CarouselEffectPreset;
+    effectOptions?: CarouselEffectOptions;
 }
-declare function Carousel({ children, autoScroll, autoScrollInterval, animation, orientation, showArrows, showDots, showProgress, showThumbnails, loop, slidesToShow, slidesToScroll, className, containerClassName, slideClassName, onSlideChange, thumbnailRenderer, ariaLabel, }: CarouselProps): react_jsx_runtime.JSX.Element;
+declare function Carousel({ children, autoScroll, autoScrollInterval, animation, orientation, showArrows, showDots, showProgress, showThumbnails, loop, slidesToShow, slidesToScroll, className, containerClassName, slideClassName, onSlideChange, thumbnailRenderer, ariaLabel, effectPreset, effectOptions, }: CarouselProps): react_jsx_runtime.JSX.Element;
 
 type IconComponent = React__default.ComponentType<{
     className?: string;
@@ -4547,4 +4563,4 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
     };
 };
 
-export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, 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 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, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, 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$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, 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, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, 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, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UEditor, type UEditorInlineUploadedItem, UEditorPrepareContentForSaveError, type UEditorPrepareContentForSaveOptions, type UEditorPrepareContentForSaveResult, type UEditorProps, type UEditorRef, type UEditorUploadImageForSave, type UEditorUploadImageForSaveResult, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, loading, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };
+export { AccessDenied, type AccessDeniedProps, Alert, Avatar, Badge, Badge as BadgeBase, BatteryProgress, BottomSheet, 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, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, type FilterType, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, 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$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxOption, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, 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, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, type SliderProps, SmartImage, type Song, type Sorter, StatusBadge, StepProgress, 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, Tooltip, TranslationProvider, type TranslationProviderProps, type Translations, UEditor, type UEditorInlineUploadedItem, UEditorPrepareContentForSaveError, type UEditorPrepareContentForSaveOptions, type UEditorPrepareContentForSaveResult, type UEditorProps, type UEditorRef, type UEditorUploadImageForSave, type UEditorUploadImageForSaveResult, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, type UploadedFile, type UploadedImage, type UseOverlayScrollbarTargetOptions, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VIETNAM_HOLIDAYS, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, loading, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useOverlayScrollbarTarget, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };

package/dist/index.js

@@ -16182,20 +16182,139 @@ function Carousel({
   slideClassName,
   onSlideChange,
   thumbnailRenderer,
-  ariaLabel = "Carousel"
+  ariaLabel = "Carousel",
+  effectPreset,
+  effectOptions
 }) {
   const [currentIndex, setCurrentIndex] = React42.useState(0);
   const [isPaused, setIsPaused] = React42.useState(false);
-  const [isDragging, setIsDragging] = React42.useState(false);
-  const [startPos, setStartPos] = React42.useState(0);
-  const [currentTranslate, setCurrentTranslate] = React42.useState(0);
-  const [prevTranslate, setPrevTranslate] = React42.useState(0);
   const progressElRef = React42.useRef(null);
   const carouselRef = React42.useRef(null);
   const rafRef = React42.useRef(null);
-  const totalSlides = React42.Children.count(children);
-  const maxIndex = Math.max(0, totalSlides - slidesToShow);
+  const isDraggingRef = React42.useRef(false);
+  const startPosRef = React42.useRef(0);
+  const lastDragPositionRef = React42.useRef(0);
+  const slides = React42.useMemo(() => React42.Children.toArray(children), [children]);
+  const totalSlides = slides.length;
   const isHorizontal = orientation === "horizontal";
+  const effectiveAnimation = slidesToShow > 1 && !["slide", "coverflow", "stack"].includes(animation) ? "slide" : animation;
+  const isDeckAnimation = effectiveAnimation === "coverflow" || effectiveAnimation === "stack";
+  const effectiveSlidesToShow = isDeckAnimation ? 1 : slidesToShow;
+  const maxIndex = Math.max(0, totalSlides - effectiveSlidesToShow);
+  const shouldShowArrows = showArrows && isHorizontal;
+  const presetEffectOptions = React42.useMemo(() => {
+    if (effectPreset === "cinematic") {
+      return effectiveAnimation === "stack" ? {
+        mainScale: 1.08,
+        sideScale: 0.9,
+        farScale: 0.84,
+        sideOpacity: 0.68,
+        farOpacity: 0.3,
+        depthStep: 76,
+        blur: 2.2,
+        stackOffset: 16,
+        stackLift: 16
+      } : {
+        mainScale: 1.12,
+        sideScale: 0.82,
+        farScale: 0.72,
+        sideOpacity: 0.72,
+        farOpacity: 0.24,
+        sideOffset: 22,
+        rotate: 20,
+        depthStep: 120,
+        blur: 2.6
+      };
+    }
+    if (effectPreset === "gallery") {
+      return effectiveAnimation === "stack" ? {
+        mainScale: 1.03,
+        sideScale: 0.94,
+        farScale: 0.88,
+        sideOpacity: 0.82,
+        farOpacity: 0.5,
+        depthStep: 50,
+        blur: 0.8,
+        stackOffset: 24,
+        stackLift: 8
+      } : {
+        mainScale: 1.05,
+        sideScale: 0.9,
+        farScale: 0.82,
+        sideOpacity: 0.84,
+        farOpacity: 0.48,
+        sideOffset: 30,
+        rotate: 16,
+        depthStep: 78,
+        blur: 1
+      };
+    }
+    if (effectPreset === "poster") {
+      return effectiveAnimation === "stack" ? {
+        mainScale: 1.12,
+        sideScale: 0.88,
+        farScale: 0.78,
+        sideOpacity: 0.64,
+        farOpacity: 0.22,
+        depthStep: 92,
+        blur: 2.8,
+        stackOffset: 14,
+        stackLift: 18
+      } : {
+        mainScale: 1.16,
+        sideScale: 0.78,
+        farScale: 0.68,
+        sideOpacity: 0.68,
+        farOpacity: 0.18,
+        sideOffset: 18,
+        rotate: 26,
+        depthStep: 140,
+        blur: 3
+      };
+    }
+    if (effectPreset === "minimal") {
+      return effectiveAnimation === "stack" ? {
+        mainScale: 1.01,
+        sideScale: 0.96,
+        farScale: 0.92,
+        sideOpacity: 0.88,
+        farOpacity: 0.66,
+        depthStep: 36,
+        blur: 0,
+        stackOffset: 26,
+        stackLift: 6
+      } : {
+        mainScale: 1.02,
+        sideScale: 0.94,
+        farScale: 0.88,
+        sideOpacity: 0.9,
+        farOpacity: 0.62,
+        sideOffset: 34,
+        rotate: 10,
+        depthStep: 54,
+        blur: 0
+      };
+    }
+    return {};
+  }, [effectPreset, effectiveAnimation]);
+  const mergedEffectOptions = React42.useMemo(
+    () => ({
+      mainScale: 1.04,
+      sideScale: effectiveAnimation === "stack" ? 0.93 : 0.88,
+      farScale: effectiveAnimation === "stack" ? 0.86 : 0.76,
+      sideOpacity: effectiveAnimation === "stack" ? 0.74 : 0.78,
+      farOpacity: effectiveAnimation === "stack" ? 0.42 : 0.38,
+      sideOffset: effectiveAnimation === "stack" ? 20 : 28,
+      rotate: 24,
+      depthStep: effectiveAnimation === "stack" ? 60 : 90,
+      blur: 1.5,
+      stackOffset: 20,
+      stackLift: 12,
+      ...presetEffectOptions,
+      ...effectOptions
+    }),
+    [effectOptions, effectiveAnimation, presetEffectOptions]
+  );
   const scrollPrev = React42.useCallback(() => {
     setCurrentIndex((prev) => {
       if (prev === 0) {
@@ -16218,8 +16337,8 @@ function Carousel({
     },
     [maxIndex]
   );
-  React42.useEffect(() => {
-    const handleKeyDown = (e) => {
+  const handleKeyDown = React42.useCallback(
+    (e) => {
       if (e.key === "ArrowLeft" || e.key === "ArrowUp") {
         e.preventDefault();
         scrollPrev();
@@ -16233,13 +16352,9 @@ function Carousel({
         e.preventDefault();
         scrollTo(maxIndex);
       }
-    };
-    const carousel = carouselRef.current;
-    if (carousel) {
-      carousel.addEventListener("keydown", handleKeyDown);
-      return () => carousel.removeEventListener("keydown", handleKeyDown);
-    }
-  }, [scrollPrev, scrollNext, scrollTo, maxIndex]);
+    },
+    [scrollPrev, scrollNext, scrollTo, maxIndex]
+  );
   React42.useEffect(() => {
     const stop = () => {
       if (rafRef.current != null) {
@@ -16248,7 +16363,7 @@ function Carousel({
       }
       if (progressElRef.current) progressElRef.current.style.width = "0%";
     };
-    if (!autoScroll || isPaused || totalSlides <= slidesToShow) {
+    if (!autoScroll || isPaused || totalSlides <= effectiveSlidesToShow) {
       stop();
       return;
     }
@@ -16267,7 +16382,7 @@ function Carousel({
     };
     rafRef.current = requestAnimationFrame(tick);
     return stop;
-  }, [autoScroll, isPaused, totalSlides, slidesToShow, autoScrollInterval, scrollNext]);
+  }, [autoScroll, isPaused, totalSlides, effectiveSlidesToShow, autoScrollInterval, scrollNext]);
   const getPositionX = (event) => {
     return event.type.includes("mouse") ? event.pageX : event.touches[0].clientX;
   };
@@ -16275,60 +16390,100 @@ function Carousel({
     return event.type.includes("mouse") ? event.pageY : event.touches[0].clientY;
   };
   const touchStart = (event) => {
-    setIsDragging(true);
+    isDraggingRef.current = true;
     const pos = isHorizontal ? getPositionX(event.nativeEvent) : getPositionY(event.nativeEvent);
-    setStartPos(pos);
-    setPrevTranslate(currentTranslate);
+    startPosRef.current = pos;
+    lastDragPositionRef.current = pos;
   };
   const touchMove = (event) => {
-    if (!isDragging) return;
+    if (!isDraggingRef.current) return;
     const pos = isHorizontal ? getPositionX(event.nativeEvent) : getPositionY(event.nativeEvent);
-    const currentPosition = pos;
-    setCurrentTranslate(prevTranslate + currentPosition - startPos);
+    lastDragPositionRef.current = pos;
   };
   const touchEnd = () => {
-    if (!isDragging) return;
-    setIsDragging(false);
-    const movedBy = currentTranslate - prevTranslate;
+    if (!isDraggingRef.current) return;
+    isDraggingRef.current = false;
+    const movedBy = lastDragPositionRef.current - startPosRef.current;
     const threshold = 50;
-    if (movedBy < -threshold && currentIndex < maxIndex) {
+    if (movedBy < -threshold) {
       scrollNext();
-    } else if (movedBy > threshold && currentIndex > 0) {
+    } else if (movedBy > threshold) {
       scrollPrev();
     }
-    setCurrentTranslate(0);
-    setPrevTranslate(0);
+    startPosRef.current = 0;
+    lastDragPositionRef.current = 0;
   };
   React42.useEffect(() => {
     onSlideChange?.(currentIndex);
   }, [currentIndex, onSlideChange]);
   const getAnimationStyles2 = () => {
-    const baseTransform = isHorizontal ? `translateX(-${currentIndex * (100 / slidesToShow)}%)` : `translateY(-${currentIndex * (100 / slidesToShow)}%)`;
-    if (animation === "fade") {
-      return {
-        transition: "opacity 500ms ease-in-out"
-      };
-    }
-    if (animation === "scale") {
-      return {
-        transform: baseTransform,
-        transition: "transform 500ms ease-in-out, scale 500ms ease-in-out"
-      };
+    if (effectiveAnimation !== "slide") {
+      return {};
     }
+    const baseTransform = isHorizontal ? `translateX(-${currentIndex * (100 / effectiveSlidesToShow)}%)` : `translateY(-${currentIndex * (100 / effectiveSlidesToShow)}%)`;
     return {
       transform: baseTransform,
-      transition: isDragging ? "none" : "transform 500ms ease-in-out"
+      transition: "transform 500ms ease-in-out"
     };
   };
-  const slideWidth = 100 / slidesToShow;
+  const slideWidth = 100 / effectiveSlidesToShow;
+  const getLoopDistance = React42.useCallback(
+    (index) => {
+      if (totalSlides <= 0) return 0;
+      const forward = index - currentIndex;
+      if (!loop) return forward;
+      const altForward = forward - totalSlides;
+      const altBackward = forward + totalSlides;
+      const candidates = [forward, altForward, altBackward];
+      return candidates.reduce((best, candidate) => Math.abs(candidate) < Math.abs(best) ? candidate : best, candidates[0] ?? 0);
+    },
+    [currentIndex, loop, totalSlides]
+  );
+  const getDeckSlideStyles = React42.useCallback(
+    (index) => {
+      const distance = getLoopDistance(index);
+      const absDistance = Math.abs(distance);
+      const hidden = absDistance > 2;
+      if (hidden) {
+        return {
+          opacity: 0,
+          pointerEvents: "none",
+          transform: `translate3d(0, 0, -${mergedEffectOptions.depthStep * 2}px) scale(${mergedEffectOptions.farScale})`,
+          filter: `blur(${mergedEffectOptions.blur * 1.4}px)`
+        };
+      }
+      if (effectiveAnimation === "stack") {
+        const xOffset2 = distance * mergedEffectOptions.stackOffset;
+        const yOffset = absDistance * mergedEffectOptions.stackLift;
+        const scale2 = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
+        return {
+          opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
+          transform: `translate3d(${xOffset2}px, ${yOffset}px, -${absDistance * mergedEffectOptions.depthStep}px) scale(${scale2})`,
+          filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
+          pointerEvents: distance === 0 ? "auto" : "none"
+        };
+      }
+      const xOffset = distance * mergedEffectOptions.sideOffset;
+      const rotateY = distance * -mergedEffectOptions.rotate;
+      const scale = distance === 0 ? mergedEffectOptions.mainScale : distance === 1 || distance === -1 ? mergedEffectOptions.sideScale : mergedEffectOptions.farScale;
+      return {
+        opacity: distance === 0 ? 1 : distance === 1 || distance === -1 ? mergedEffectOptions.sideOpacity : mergedEffectOptions.farOpacity,
+        transform: `translate3d(${xOffset}%, 0, -${absDistance * mergedEffectOptions.depthStep}px) rotateY(${rotateY}deg) scale(${scale})`,
+        filter: distance === 0 ? "blur(0px)" : `blur(${Math.min(absDistance, 2) * mergedEffectOptions.blur}px)`,
+        pointerEvents: distance === 0 ? "auto" : "none"
+      };
+    },
+    [effectiveAnimation, getLoopDistance, mergedEffectOptions]
+  );
   return /* @__PURE__ */ jsxs41(
     "div",
     {
       ref: carouselRef,
       className: cn(
-        "relative w-full overflow-hidden focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 rounded-2xl md:rounded-3xl",
+        "relative w-full overflow-hidden focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 rounded-xl md:rounded-3xl",
         className
       ),
+      onKeyDown: handleKeyDown,
       onMouseEnter: () => setIsPaused(true),
       onMouseLeave: () => setIsPaused(false),
       role: "region",
@@ -16340,8 +16495,14 @@ function Carousel({
         /* @__PURE__ */ jsx49(
           "div",
           {
-            className: cn("flex", isHorizontal ? "flex-row" : "flex-col", containerClassName),
-            style: getAnimationStyles2(),
+            className: cn(
+              effectiveAnimation === "slide" ? "flex" : "grid",
+              effectiveAnimation === "slide" && (isHorizontal ? "flex-row" : "flex-col h-full"),
+              isDeckAnimation && "place-items-center [transform-style:preserve-3d]",
+              isHorizontal ? "touch-pan-y" : "touch-pan-x",
+              containerClassName
+            ),
+            style: isDeckAnimation ? { perspective: "1400px" } : getAnimationStyles2(),
             onTouchStart: touchStart,
             onTouchMove: touchMove,
             onTouchEnd: touchEnd,
@@ -16352,30 +16513,30 @@ function Carousel({
             role: "group",
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
-            children: React42.Children.map(children, (child, idx) => /* @__PURE__ */ jsx49(
+            children: slides.map((child, idx) => /* @__PURE__ */ jsx49(
               "div",
               {
                 className: cn(
                   "shrink-0",
-                  isHorizontal ? "h-full" : "w-full",
-                  animation === "fade" && idx !== currentIndex && "opacity-0",
-                  animation === "scale" && idx !== currentIndex && "scale-95",
+                  effectiveAnimation === "slide" ? isHorizontal ? "h-full" : "h-full w-full" : "col-start-1 row-start-1",
+                  effectiveAnimation === "fade" && (idx === currentIndex ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0"),
+                  effectiveAnimation === "scale" && (idx === currentIndex ? "opacity-100 scale-100 z-10" : "opacity-0 scale-95 pointer-events-none z-0"),
+                  isDeckAnimation && "w-full max-w-[78%] md:max-w-[72%] transition-[opacity,transform] duration-500 ease-out",
+                  effectiveAnimation !== "slide" && "transition-[opacity,transform] duration-500 ease-in-out",
                   slideClassName
                 ),
-                style: {
-                  [isHorizontal ? "width" : "height"]: `${slideWidth}%`
-                },
+                style: effectiveAnimation === "slide" ? { [isHorizontal ? "width" : "height"]: `${slideWidth}%` } : isDeckAnimation ? getDeckSlideStyles(idx) : void 0,
                 role: "group",
                 "aria-roledescription": "slide",
                 "aria-label": `${idx + 1} of ${totalSlides}`,
-                "aria-hidden": idx < currentIndex || idx >= currentIndex + slidesToShow,
+                "aria-hidden": effectiveAnimation === "slide" ? idx < currentIndex || idx >= currentIndex + slidesToShow : idx !== currentIndex,
                 children: child
               },
-              idx
+              React42.isValidElement(child) && child.key || idx
             ))
           }
         ),
-        showArrows && totalSlides > slidesToShow && /* @__PURE__ */ jsxs41(Fragment17, { children: [
+        shouldShowArrows && totalSlides > effectiveSlidesToShow && /* @__PURE__ */ jsxs41(Fragment17, { children: [
           /* @__PURE__ */ jsx49(
             Button_default,
             {
@@ -16387,7 +16548,8 @@ function Carousel({
               disabled: !loop && currentIndex === 0,
               className: cn(
                 "absolute top-1/2 -translate-y-1/2 hover:-translate-y-1/2 active:-translate-y-1/2 z-10 rounded-full will-change-transform backdrop-blur-0 hover:backdrop-blur-0 hover:bg-transparent border-0",
-                isHorizontal ? "left-4" : "top-4 left-1/2 -translate-x-1/2 rotate-90"
+                "max-md:h-8 max-md:w-8 max-md:border max-md:border-border/60 max-md:bg-background/75 max-md:backdrop-blur-sm max-md:shadow-sm",
+                isHorizontal ? "left-4 max-md:left-2" : "top-4 left-1/2 -translate-x-1/2 rotate-90 max-md:top-2"
               ),
               "aria-label": "Previous slide"
             }
@@ -16403,18 +16565,19 @@ function Carousel({
               disabled: !loop && currentIndex >= maxIndex,
               className: cn(
                 "absolute top-1/2 -translate-y-1/2 hover:-translate-y-1/2 active:-translate-y-1/2 z-10 rounded-full will-change-transform backdrop-blur-0 hover:backdrop-blur-0 hover:bg-transparent border-0",
-                isHorizontal ? "right-4" : "bottom-4 left-1/2 -translate-x-1/2 rotate-90"
+                "max-md:h-8 max-md:w-8 max-md:border max-md:border-border/60 max-md:bg-background/75 max-md:backdrop-blur-sm max-md:shadow-sm",
+                isHorizontal ? "right-4 max-md:right-2" : "bottom-4 left-1/2 -translate-x-1/2 rotate-90 max-md:bottom-2"
               ),
               "aria-label": "Next slide"
             }
           )
         ] }),
-        showDots && totalSlides > slidesToShow && /* @__PURE__ */ jsx49(
+        showDots && totalSlides > effectiveSlidesToShow && /* @__PURE__ */ jsx49(
           "div",
           {
             className: cn(
               "absolute flex gap-2 z-10",
-              isHorizontal ? "bottom-4 left-1/2 -translate-x-1/2 flex-row" : "right-4 top-1/2 -translate-y-1/2 flex-col"
+              isHorizontal ? "bottom-4 left-1/2 -translate-x-1/2 flex-row max-md:bottom-2" : "right-4 top-1/2 -translate-y-1/2 flex-col max-md:right-2"
             ),
             role: "tablist",
             "aria-label": "Carousel pagination",
@@ -16424,8 +16587,9 @@ function Carousel({
                 onClick: () => scrollTo(idx),
                 className: cn(
                   "rounded-full transition-all focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2",
+                  "max-md:w-1.5 max-md:h-1.5",
                   isHorizontal ? "w-2 h-2" : "w-2 h-2",
-                  idx === currentIndex ? `bg-primary ${isHorizontal ? "w-6" : "h-6"}` : "bg-muted-foreground/50 hover:bg-muted-foreground/75"
+                  idx === currentIndex ? `bg-primary ${isHorizontal ? "w-6 max-md:w-4" : "h-6 max-md:h-4"}` : "bg-muted-foreground/50 hover:bg-muted-foreground/75"
                 ),
                 "aria-label": `Go to slide ${idx + 1}`,
                 "aria-selected": idx === currentIndex,
@@ -16435,11 +16599,12 @@ function Carousel({
             ))
           }
         ),
-        showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ jsx49(
+        showThumbnails && totalSlides > effectiveSlidesToShow && /* @__PURE__ */ jsx49(
           "div",
           {
             className: cn(
               "absolute bottom-0 left-0 right-0 flex gap-2 p-4 bg-linear-to-t from-black/50 to-transparent overflow-x-auto",
+              "max-md:gap-1.5 max-md:p-2",
               isHorizontal ? "flex-row" : "flex-col"
             ),
             children: React42.Children.map(children, (child, idx) => /* @__PURE__ */ jsx49(
@@ -16448,7 +16613,8 @@ function Carousel({
                 onClick: () => scrollTo(idx),
                 className: cn(
                   "shrink-0 w-16 h-16 rounded-lg overflow-hidden border-2 transition-all focus:outline-none focus:ring-2 focus:ring-primary",
-                  idx === currentIndex ? "border-primary scale-110" : "border-transparent opacity-70 hover:opacity-100"
+                  "max-md:w-12 max-md:h-12",
+                  idx === currentIndex ? "border-primary md:scale-110" : "border-transparent opacity-70 hover:opacity-100"
                 ),
                 "aria-label": `Thumbnail ${idx + 1}`,
                 children: thumbnailRenderer ? thumbnailRenderer(child, idx) : child
@@ -20791,7 +20957,7 @@ function useLocale() {
 }
 
 // src/components/UEditor/UEditor.tsx
-import React71, { useEffect as useEffect34, useImperativeHandle as useImperativeHandle3, useMemo as useMemo22, useRef as useRef30 } from "react";
+import React71, { useEffect as useEffect34, useImperativeHandle as useImperativeHandle3, useMemo as useMemo23, useRef as useRef30 } from "react";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // src/components/UEditor/extensions.ts
@@ -22605,12 +22771,12 @@ import {
 } from "lucide-react";
 
 // src/components/UEditor/colors.tsx
-import { useMemo as useMemo19 } from "react";
+import { useMemo as useMemo20 } from "react";
 import { X as X17 } from "lucide-react";
 import { jsx as jsx74, jsxs as jsxs64 } from "react/jsx-runtime";
 var useEditorColors = () => {
   const t = useSmartTranslations("UEditor");
-  const textColors = useMemo19(
+  const textColors = useMemo20(
     () => [
       { name: t("colors.default"), color: "inherit", cssClass: "text-foreground" },
       { name: t("colors.muted"), color: "var(--muted-foreground)", cssClass: "text-muted-foreground" },
@@ -22623,7 +22789,7 @@ var useEditorColors = () => {
     ],
     [t]
   );
-  const highlightColors = useMemo19(
+  const highlightColors = useMemo20(
     () => [
       { name: t("colors.default"), color: "", cssClass: "" },
       { name: t("colors.muted"), color: "var(--muted)", cssClass: "bg-muted" },
@@ -22769,7 +22935,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
 };
 
 // src/components/UEditor/emoji-picker.tsx
-import { useState as useState43, useMemo as useMemo20, useRef as useRef27, useEffect as useEffect32 } from "react";
+import { useState as useState43, useMemo as useMemo21, useRef as useRef27, useEffect as useEffect32 } from "react";
 import { Search as Search6, X as X19, Smile as Smile2, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
 import { jsx as jsx76, jsxs as jsxs66 } from "react/jsx-runtime";
 var CATEGORY_ICONS = {
@@ -22788,7 +22954,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
   const scrollContainerRef = useRef27(null);
   const categoryRefs = useRef27({});
   const isUserScrolling = useRef27(false);
-  const filteredCategories = useMemo20(() => {
+  const filteredCategories = useMemo21(() => {
     if (!search.trim()) return EMOJI_LIST;
     const query = search.toLowerCase();
     return EMOJI_LIST.map((category) => ({
@@ -23450,7 +23616,7 @@ var EditorToolbar = ({
 };
 
 // src/components/UEditor/menus.tsx
-import React70, { useCallback as useCallback17, useEffect as useEffect33, useMemo as useMemo21, useRef as useRef29, useState as useState45 } from "react";
+import React70, { useCallback as useCallback17, useEffect as useEffect33, useMemo as useMemo22, useRef as useRef29, useState as useState45 } from "react";
 import { createPortal as createPortal8 } from "react-dom";
 import {
   Bold as BoldIcon2,
@@ -23494,7 +23660,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   const t = useSmartTranslations("UEditor");
   const [selectedIndex, setSelectedIndex] = useResettingIndex4(filterText);
   const menuRef = useRef29(null);
-  const allCommands = useMemo21(
+  const allCommands = useMemo22(
     () => [
       {
         icon: Type3,
@@ -23565,7 +23731,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     ],
     [editor, t]
   );
-  const commands = useMemo21(() => {
+  const commands = useMemo22(() => {
     if (!filterText) return allCommands;
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
@@ -24201,7 +24367,7 @@ var UEditor = React71.forwardRef(({
   const t = useSmartTranslations("UEditor");
   const effectivePlaceholder = placeholder ?? t("placeholder");
   const inFlightPrepareRef = useRef30(null);
-  const extensions = useMemo22(
+  const extensions = useMemo23(
     () => buildUEditorExtensions({ placeholder: effectivePlaceholder, translate: t, maxCharacters, uploadImage, imageInsertMode, editable }),
     [effectivePlaceholder, t, maxCharacters, uploadImage, imageInsertMode, editable]
   );