@underverse-ui/underverse 1.0.31 → 1.0.33

package/dist/index.d.cts

@@ -461,6 +461,8 @@ interface PopoverProps {
     children: React$1.ReactNode;
     className?: string;
     contentClassName?: string;
+    contentProps?: React$1.HTMLAttributes<HTMLDivElement>;
+    contentScrollable?: boolean;
     placement?: PopoverPlacement;
     modal?: boolean;
     disabled?: boolean;
@@ -2306,7 +2308,16 @@ interface LoadingBarProps {
 }
 declare const LoadingBar: React__default.FC<LoadingBarProps>;
 
-declare function OverlayScrollbarProvider(): null;
+interface OverlayScrollbarProviderProps {
+    enabled?: boolean;
+    theme?: string;
+    visibility?: "visible" | "hidden" | "auto";
+    autoHide?: "never" | "scroll" | "leave" | "move";
+    autoHideDelay?: number;
+    dragScroll?: boolean;
+    clickScroll?: boolean;
+}
+declare function OverlayScrollbarProvider({ enabled, theme, visibility, autoHide, autoHideDelay, dragScroll, clickScroll, }?: OverlayScrollbarProviderProps): null;
 
 type FilterType = "text" | "select" | "date";
 type DataTableSize = "sm" | "md" | "lg";
@@ -3675,4 +3686,4 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
     };
 };
 
-export { AccessDenied, Alert, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, Avatar, Badge, Badge as BadgeBase, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, 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, Carousel, CategoryTreeSelect, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxProps, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, FloatingContacts, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, GaugeChart, type GaugeChartProps, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NotificationBadge, NotificationModal, NumberInput, OverlayControls, OverlayScrollbarProvider, PageLoading, Pagination, type PaginationProps, PasswordInput, PieChart, type PieChartDataPoint, type PieChartProps, PillTabs, Popover, Progress, PulseBadge, RadarChart, type RadarChartDataPoint, type RadarChartProps, type RadarChartSeries, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, SearchInput, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, SmartImage, type Song, type Sorter, Sparkline, type SparklineDataPoint, type SparklineProps, StatusBadge, StepProgress, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, 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, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };
+export { AccessDenied, Alert, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, Avatar, Badge, Badge as BadgeBase, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, 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, Carousel, CategoryTreeSelect, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxProps, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, FloatingContacts, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, GaugeChart, type GaugeChartProps, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NotificationBadge, NotificationModal, NumberInput, OverlayControls, OverlayScrollbarProvider, type OverlayScrollbarProviderProps, PageLoading, Pagination, type PaginationProps, PasswordInput, PieChart, type PieChartDataPoint, type PieChartProps, PillTabs, Popover, Progress, PulseBadge, RadarChart, type RadarChartDataPoint, type RadarChartProps, type RadarChartSeries, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, SearchInput, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, SmartImage, type Song, type Sorter, Sparkline, type SparklineDataPoint, type SparklineProps, StatusBadge, StepProgress, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, 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, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };

package/dist/index.d.ts

@@ -461,6 +461,8 @@ interface PopoverProps {
     children: React$1.ReactNode;
     className?: string;
     contentClassName?: string;
+    contentProps?: React$1.HTMLAttributes<HTMLDivElement>;
+    contentScrollable?: boolean;
     placement?: PopoverPlacement;
     modal?: boolean;
     disabled?: boolean;
@@ -2306,7 +2308,16 @@ interface LoadingBarProps {
 }
 declare const LoadingBar: React__default.FC<LoadingBarProps>;
 
-declare function OverlayScrollbarProvider(): null;
+interface OverlayScrollbarProviderProps {
+    enabled?: boolean;
+    theme?: string;
+    visibility?: "visible" | "hidden" | "auto";
+    autoHide?: "never" | "scroll" | "leave" | "move";
+    autoHideDelay?: number;
+    dragScroll?: boolean;
+    clickScroll?: boolean;
+}
+declare function OverlayScrollbarProvider({ enabled, theme, visibility, autoHide, autoHideDelay, dragScroll, clickScroll, }?: OverlayScrollbarProviderProps): null;
 
 type FilterType = "text" | "select" | "date";
 type DataTableSize = "sm" | "md" | "lg";
@@ -3675,4 +3686,4 @@ declare function getUnderverseMessages(locale?: UnderverseLocale): {
     };
 };
 
-export { AccessDenied, Alert, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, Avatar, Badge, Badge as BadgeBase, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, 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, Carousel, CategoryTreeSelect, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxProps, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, FloatingContacts, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, GaugeChart, type GaugeChartProps, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NotificationBadge, NotificationModal, NumberInput, OverlayControls, OverlayScrollbarProvider, PageLoading, Pagination, type PaginationProps, PasswordInput, PieChart, type PieChartDataPoint, type PieChartProps, PillTabs, Popover, Progress, PulseBadge, RadarChart, type RadarChartDataPoint, type RadarChartProps, type RadarChartSeries, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, SearchInput, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, SmartImage, type Song, type Sorter, Sparkline, type SparklineDataPoint, type SparklineProps, StatusBadge, StepProgress, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, 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, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };
+export { AccessDenied, Alert, AreaChart, type AreaChartDataPoint, type AreaChartProps, type AreaChartSeries, Avatar, Badge, Badge as BadgeBase, BarChart, type BarChartDataPoint, type BarChartProps, type BarChartSeries, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, 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, Carousel, CategoryTreeSelect, Checkbox, type CheckboxProps, CircularProgress, ClientOnly, ColorPicker, type ColorPickerProps, Combobox, type ComboboxProps, CompactPagination, type CompactPaginationProps, DataTable, type DataTableColumn, type DataTableDensity, type DataTableQuery, type DataTableSize, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, FileUpload, type FileUploadProps, FloatingContacts, ForceInternalTranslationsProvider, Form, FormActions, FormCheckbox, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, FormSubmitButton, GaugeChart, type GaugeChartProps, GlobalLoading, GradientBadge, Grid, GridItem, type GridItemProps, type GridProps, ImageUpload, InlineLoading, Input, type InputProps, InteractiveBadge, Label, type LanguageOption, LanguageSwitcherHeadless as LanguageSwitcher, LanguageSwitcherHeadless, type LanguageSwitcherHeadlessProps, type LanguageSwitcherHeadlessProps as LanguageSwitcherProps, LineChart, type LineChartDataPoint, type LineChartProps, type LineChartSeries, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MonthYearPicker, MonthYearPicker as MonthYearPickerBase, type MonthYearPickerProps, MultiCombobox, type MultiComboboxProps, MusicPlayer, MusicPlayer as MusicPlayerDefault, type MusicPlayerProps, NotificationBadge, NotificationModal, NumberInput, OverlayControls, OverlayScrollbarProvider, type OverlayScrollbarProviderProps, PageLoading, Pagination, type PaginationProps, PasswordInput, PieChart, type PieChartDataPoint, type PieChartProps, PillTabs, Popover, Progress, PulseBadge, RadarChart, type RadarChartDataPoint, type RadarChartProps, type RadarChartSeries, RadioGroup, RadioGroupItem, SIZE_STYLES_BTN, ScrollArea, SearchInput, Section, SegmentedProgress, SelectDropdown, Sheet, SidebarSheet, SimplePagination, type SimplePaginationProps, SimpleTabs, Skeleton, SkeletonAvatar, SkeletonButton, SkeletonCard, SkeletonList, SkeletonMessage, SkeletonPost, SkeletonTable, SkeletonText, SlideOver, Slider, SmartImage, type Song, type Sorter, Sparkline, type SparklineDataPoint, type SparklineProps, StatusBadge, StepProgress, type SupportedLocale, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TagBadge, TagInput, TagInput as TagInputBase, type TagInputProps, Textarea, 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, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, extractImageSrcsFromHtml, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, normalizeImageUrl, prepareUEditorContentForSave, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };

package/dist/index.js

@@ -3635,6 +3635,8 @@ var Popover = ({
   children,
   className,
   contentClassName,
+  contentProps,
+  contentScrollable = false,
   placement = "bottom",
   modal = false,
   disabled = false,
@@ -3806,7 +3808,7 @@ var Popover = ({
           {
             ref: panelRef,
             "data-state": "open",
-            role: "dialog",
+            role: modal ? "dialog" : void 0,
             "aria-modal": modal || void 0,
             style: {
               transformOrigin: getTransformOrigin2(initialPlacement.side, initialPlacement.align)
@@ -3819,12 +3821,15 @@ var Popover = ({
             children: /* @__PURE__ */ jsx18(
               "div",
               {
+                ...contentProps,
+                "data-os-scrollbar": contentScrollable ? true : void 0,
                 className: cn(
                   "rounded-2xl md:rounded-3xl border bg-popover text-popover-foreground shadow-md",
                   "backdrop-blur-sm bg-popover/95 border-border/60 p-4",
+                  contentProps?.className,
                   contentClassName
                 ),
-                tabIndex: -1,
+                tabIndex: contentProps?.tabIndex ?? -1,
                 children
               }
             )
@@ -4037,6 +4042,7 @@ var Sheet = ({
           /* @__PURE__ */ jsx19(
             "div",
             {
+              "data-os-scrollbar": true,
               className: "flex-1 overflow-auto p-4",
               style: {
                 opacity: open && !isAnimating ? 1 : 0,
@@ -4500,7 +4506,7 @@ var Tabs = ({
   );
   const activeTab = tabs.find((tab) => tab.value === active);
   return /* @__PURE__ */ jsxs20("div", { className: cn("w-full", orientation === "vertical" && "flex gap-6"), children: [
-    /* @__PURE__ */ jsxs20("div", { className: containerClasses, role: "tablist", "aria-orientation": orientation, children: [
+    /* @__PURE__ */ jsxs20("div", { className: containerClasses, role: "tablist", "aria-orientation": orientation, "data-os-scrollbar": orientation === "horizontal" ? true : void 0, children: [
       tabs.map((tab, index) => {
         const isActive = active === tab.value;
         const Icon = tab.icon;
@@ -5050,7 +5056,7 @@ var Combobox = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx25("div", { className: "overflow-y-auto overscroll-contain", style: { maxHeight }, children: /* @__PURE__ */ jsx25("div", { className: cn(size === "sm" ? "p-1" : size === "lg" ? "p-2" : "p-1.5"), children: loading2 ? /* @__PURE__ */ jsx25("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+        /* @__PURE__ */ jsx25("div", { "data-os-scrollbar": true, className: "overflow-y-auto overscroll-contain", style: { maxHeight }, children: /* @__PURE__ */ jsx25("div", { className: cn(size === "sm" ? "p-1" : size === "lg" ? "p-2" : "p-1.5"), children: loading2 ? /* @__PURE__ */ jsx25("div", { className: "px-3 py-10 text-center", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
           /* @__PURE__ */ jsx25("div", { className: "relative", children: /* @__PURE__ */ jsx25("div", { className: "w-10 h-10 rounded-full border-2 border-primary/20 border-t-primary animate-spin" }) }),
           /* @__PURE__ */ jsx25("span", { className: "text-sm text-muted-foreground", children: loadingText })
         ] }) }) : filteredOptions.length > 0 ? groupedOptions ? (
@@ -6106,6 +6112,7 @@ var DatePicker = ({
           sizeStyles8[size].contentPadding,
           "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-300"
         ),
+        contentScrollable: true,
         trigger: /* @__PURE__ */ jsxs24(
           "button",
           {
@@ -6461,6 +6468,7 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
         size === "sm" ? "p-3" : "p-5",
         "animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 duration-300"
       ),
+      contentScrollable: true,
       trigger: /* @__PURE__ */ jsxs24(
         "button",
         {
@@ -6911,6 +6919,7 @@ function WheelColumn({
         "div",
         {
           ref: scrollRef,
+          "data-os-scrollbar": true,
           className: cn(
             "h-full overflow-y-auto overscroll-contain snap-y snap-mandatory",
             "select-none cursor-grab active:cursor-grabbing",
@@ -8334,6 +8343,7 @@ function WheelColumn2({
         "div",
         {
           ref: scrollRef,
+          "data-os-scrollbar": true,
           className: cn(
             "h-full overflow-y-auto overscroll-contain snap-y snap-mandatory",
             "select-none cursor-grab active:cursor-grabbing",
@@ -9281,6 +9291,7 @@ var DateTimePicker = ({
           // Keep the popover usable on small viewports
           "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto"
         ),
+        contentScrollable: true,
         placement: "bottom-end",
         children: [
           /* @__PURE__ */ jsxs28("div", { className: "flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-border", children: [
@@ -9952,7 +9963,7 @@ function CalendarTimelineHeader(props) {
               contentClassName: cn(
                 "w-auto p-0 rounded-2xl md:rounded-3xl overflow-hidden"
               ),
-              children: /* @__PURE__ */ jsxs30("div", { className: "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto", children: [
+              children: /* @__PURE__ */ jsxs30("div", { "data-os-scrollbar": true, className: "max-w-[calc(100vw-1rem)] max-h-[calc(100vh-6rem)] overflow-auto", children: [
                 /* @__PURE__ */ jsxs30("div", { className: "flex flex-col lg:flex-row divide-y lg:divide-y-0 lg:divide-x divide-border", children: [
                   /* @__PURE__ */ jsx35("div", { className: "p-2", children: /* @__PURE__ */ jsx35(
                     Calendar3,
@@ -10096,7 +10107,7 @@ function CalendarTimelineHeader(props) {
           ]
         }
       ) : null,
-      /* @__PURE__ */ jsx35("div", { ref: headerRef, className: "flex-1 min-w-0 overflow-x-auto overflow-y-hidden", children: slotHeaderNodes })
+      /* @__PURE__ */ jsx35("div", { ref: headerRef, "data-os-scrollbar": true, className: "flex-1 min-w-0 overflow-x-auto overflow-y-hidden", children: slotHeaderNodes })
     ] })
   ] });
 }
@@ -11687,6 +11698,7 @@ function CalendarTimeline({
             "div",
             {
               ref: leftRef,
+              "data-os-scrollbar": true,
               className: "shrink-0 overflow-y-auto overflow-x-hidden",
               style: { width: effectiveResourceColumnWidth, minWidth: effectiveResourceColumnWidth },
               children: [
@@ -12312,6 +12324,7 @@ var MultiCombobox = ({
         id: listboxId,
         role: "listbox",
         "aria-multiselectable": "true",
+        "data-os-scrollbar": true,
         style: { maxHeight },
         className: cn("overflow-y-auto p-1.5", size === "lg" ? "text-base" : size === "sm" ? "text-xs" : "text-sm"),
         children: loading2 ? /* @__PURE__ */ jsx40("li", { className: "px-3 py-8 text-center", children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-col items-center gap-3 animate-in fade-in-0 zoom-in-95 duration-300", children: [
@@ -14964,6 +14977,7 @@ function Carousel({
         showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ jsx47(
           "div",
           {
+            "data-os-scrollbar": true,
             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",
               isHorizontal ? "flex-row" : "flex-col"
@@ -15855,6 +15869,7 @@ var TimelineRoot = React43.forwardRef(
       "div",
       {
         ref,
+        "data-os-scrollbar": mode === "horizontal" ? true : void 0,
         className: cn("relative", mode === "horizontal" && "flex gap-4 overflow-x-auto", mode === "vertical" && "space-y-0", className),
         ...rest,
         children: mode === "vertical" ? /* @__PURE__ */ jsx51("div", { className: "space-y-0", children: content }) : content
@@ -16850,7 +16865,7 @@ var MusicPlayer = ({
         }
       ) })
     ] }),
-    showPlaylist && /* @__PURE__ */ jsx53("div", { className: "bg-muted/50 backdrop-blur-sm max-h-96 overflow-y-auto border-t border-border", children: /* @__PURE__ */ jsxs48("div", { className: "p-4", children: [
+    showPlaylist && /* @__PURE__ */ jsx53("div", { "data-os-scrollbar": true, className: "bg-muted/50 backdrop-blur-sm max-h-96 overflow-y-auto border-t border-border", children: /* @__PURE__ */ jsxs48("div", { className: "p-4", children: [
       /* @__PURE__ */ jsxs48("h3", { className: "text-lg font-semibold text-foreground mb-3", children: [
         "Playlist (",
         playlist.length,
@@ -18849,61 +18864,56 @@ var LoadingBar = ({
 // ../../components/ui/OverlayScrollbarProvider.tsx
 import { useEffect as useEffect28 } from "react";
 import { OverlayScrollbars } from "overlayscrollbars";
-var EXPLICIT_SCROLLABLE_SELECTOR = [".thin-scrollbar", ".scrollbar-thin", ".custom-scrollbar", "[data-os-scrollbar]"].join(", ");
-var GENERIC_SCROLLABLE_SELECTOR = [
-  ".overflow-auto",
-  ".overflow-x-auto",
-  ".overflow-y-auto",
-  ".overflow-scroll",
-  ".overflow-x-scroll",
-  ".overflow-y-scroll"
+var SCROLLABLE_SELECTOR = "[data-os-scrollbar]";
+var PORTAL_EXCLUDE_SELECTOR = [
+  "[data-radix-portal]",
+  "[role='dialog']",
+  "[aria-modal='true']",
+  "[data-sonner-toaster]"
 ].join(", ");
-var SCROLLBAR_OPTIONS = {
-  scrollbars: {
-    theme: "os-theme-underverse",
-    visibility: "auto",
-    autoHide: "leave",
-    autoHideDelay: 600,
-    dragScroll: true,
-    clickScroll: false
-  }
-};
-function OverlayScrollbarProvider() {
+function shouldSkip(element) {
+  if (element === document.body || element === document.documentElement) return true;
+  if (element.classList.contains("scrollbar-none")) return true;
+  if (element.hasAttribute("data-os-ignore")) return true;
+  if (element.hasAttribute("data-overlayscrollbars")) return true;
+  if (element.closest(PORTAL_EXCLUDE_SELECTOR)) return true;
+  return false;
+}
+function OverlayScrollbarProvider({
+  enabled = true,
+  theme = "os-theme-underverse",
+  visibility = "auto",
+  autoHide = "leave",
+  autoHideDelay = 600,
+  dragScroll = true,
+  clickScroll = false
+} = {}) {
   useEffect28(() => {
-    const bodyInstance = OverlayScrollbars(document.body, SCROLLBAR_OPTIONS);
-    const instances = /* @__PURE__ */ new Map();
-    const shouldSkip = (element) => {
-      if (element === document.body) return true;
-      if (element.hasAttribute("data-os-ignore")) return true;
-      if (element.hasAttribute("data-overlayscrollbars")) return true;
-      return false;
+    if (typeof window === "undefined") return;
+    if (!enabled) return;
+    const options = {
+      scrollbars: {
+        theme,
+        visibility,
+        autoHide,
+        autoHideDelay,
+        dragScroll,
+        clickScroll
+      }
     };
-    const initElement = (element) => {
+    const instances = /* @__PURE__ */ new Map();
+    let rafId = 0;
+    const init = (element) => {
       if (shouldSkip(element)) return;
       if (instances.has(element)) return;
-      instances.set(element, OverlayScrollbars(element, SCROLLBAR_OPTIONS));
-    };
-    const collectCandidates = (root, selector) => {
-      const candidates = [];
-      if (root instanceof HTMLElement && root.matches(selector)) {
-        candidates.push(root);
-      }
-      if ("querySelectorAll" in root) {
-        root.querySelectorAll(selector).forEach((element) => {
-          candidates.push(element);
-        });
-      }
-      return candidates.filter((element, index) => candidates.indexOf(element) === index);
+      instances.set(element, OverlayScrollbars(element, options));
     };
     const scan = (root) => {
-      const explicitCandidates = collectCandidates(root, EXPLICIT_SCROLLABLE_SELECTOR).filter((element) => !shouldSkip(element));
-      explicitCandidates.forEach(initElement);
-      const genericCandidates = collectCandidates(root, GENERIC_SCROLLABLE_SELECTOR).filter((element) => !shouldSkip(element));
-      const filteredGeneric = genericCandidates.filter(
-        (element) => !explicitCandidates.some((explicit) => explicit === element || explicit.contains(element) || element.contains(explicit))
-      );
-      const leafGeneric = filteredGeneric.filter((element) => !filteredGeneric.some((other) => other !== element && element.contains(other)));
-      leafGeneric.forEach(initElement);
+      if (root instanceof HTMLElement && root.matches(SCROLLABLE_SELECTOR)) {
+        init(root);
+      }
+      if (!("querySelectorAll" in root)) return;
+      root.querySelectorAll(SCROLLABLE_SELECTOR).forEach(init);
     };
     const cleanup = () => {
       instances.forEach((instance, element) => {
@@ -18914,14 +18924,13 @@ function OverlayScrollbarProvider() {
       });
     };
     scan(document.body);
-    let rafId = 0;
     const observer = new MutationObserver((mutations) => {
       if (rafId) return;
-      rafId = window.requestAnimationFrame(() => {
+      rafId = requestAnimationFrame(() => {
         rafId = 0;
         const scanRoots = /* @__PURE__ */ new Set();
         mutations.forEach((mutation) => {
-          if (mutation.target instanceof Element || mutation.target instanceof Document || mutation.target instanceof DocumentFragment) {
+          if (mutation.target instanceof HTMLElement || mutation.target instanceof Document || mutation.target instanceof DocumentFragment) {
             scanRoots.add(mutation.target);
           }
           mutation.addedNodes.forEach((node) => {
@@ -18934,16 +18943,17 @@ function OverlayScrollbarProvider() {
         cleanup();
       });
     });
-    observer.observe(document.body, { childList: true, subtree: true });
+    observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] });
     return () => {
-      if (rafId) window.cancelAnimationFrame(rafId);
+      if (rafId) cancelAnimationFrame(rafId);
       observer.disconnect();
       instances.forEach((instance) => instance.destroy());
-      bodyInstance.destroy();
+      instances.clear();
     };
-  }, []);
+  }, [enabled, theme, visibility, autoHide, autoHideDelay, dragScroll, clickScroll]);
   return null;
 }
+var OverlayScrollbarProvider_default = OverlayScrollbarProvider;
 
 // ../../components/ui/Table.tsx
 import React55 from "react";
@@ -21505,7 +21515,7 @@ var CommandList = forwardRef13((props, ref) => {
   if (props.items.length === 0) {
     return /* @__PURE__ */ jsx77("div", { className: "w-72 p-4 text-center text-sm text-muted-foreground", children: "No results" });
   }
-  return /* @__PURE__ */ jsxs69("div", { ref: listRef, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
+  return /* @__PURE__ */ jsxs69("div", { ref: listRef, "data-os-scrollbar": true, className: "w-72 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
     /* @__PURE__ */ jsx77("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx77("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Basic Blocks" }) }),
     /* @__PURE__ */ jsx77("div", { className: "p-1", children: props.items.map((item, index) => /* @__PURE__ */ jsxs69(
       "button",
@@ -22598,7 +22608,7 @@ var EmojiList = forwardRef14((props, ref) => {
   if (props.items.length === 0) {
     return /* @__PURE__ */ jsx78("div", { className: "w-80 p-4 text-center text-sm text-muted-foreground bg-card border border-border rounded-2xl shadow-lg", children: "No emoji found" });
   }
-  return /* @__PURE__ */ jsxs70("div", { className: "w-80 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
+  return /* @__PURE__ */ jsxs70("div", { "data-os-scrollbar": true, className: "w-80 max-h-80 overflow-y-auto bg-card border border-border rounded-2xl shadow-lg", children: [
     /* @__PURE__ */ jsx78("div", { className: "px-3 py-2 border-b bg-muted/30", children: /* @__PURE__ */ jsxs70("div", { className: "flex items-center gap-2", children: [
       /* @__PURE__ */ jsx78(Smile, { className: "w-4 h-4 text-primary" }),
       /* @__PURE__ */ jsx78("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: "Emoji" })
@@ -22967,6 +22977,7 @@ function buildUEditorExtensions({
     CodeBlockLowlight.configure({
       lowlight,
       HTMLAttributes: {
+        "data-os-scrollbar": "true",
         class: "rounded-lg bg-[#1e1e1e] p-4 font-mono text-sm overflow-x-auto"
       }
     }),
@@ -23331,6 +23342,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       "div",
       {
         ref: scrollContainerRef,
+        "data-os-scrollbar": true,
         className: "overflow-y-auto px-3 py-2 shrink",
         style: { height: "20rem" },
         children: search ? (
@@ -24052,7 +24064,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
   if (commands.length === 0) {
     return /* @__PURE__ */ jsx84("div", { className: "w-72 p-4 text-center text-muted-foreground text-sm", children: t("slashCommand.noResults") });
   }
-  return /* @__PURE__ */ jsxs76("div", { ref: menuRef, className: "w-72 max-h-80 overflow-y-auto", children: [
+  return /* @__PURE__ */ jsxs76("div", { ref: menuRef, "data-os-scrollbar": true, className: "w-72 max-h-80 overflow-y-auto", children: [
     /* @__PURE__ */ jsx84("div", { className: "px-3 py-2 border-b", children: /* @__PURE__ */ jsx84("span", { className: "text-xs font-semibold text-muted-foreground uppercase tracking-wider", children: t("slashCommand.basicBlocks") }) }),
     /* @__PURE__ */ jsx84("div", { className: "p-1", children: commands.map((cmd, index) => /* @__PURE__ */ jsxs76(
       "button",
@@ -24814,6 +24826,7 @@ var UEditor = React72.forwardRef(({
           EditorContent,
           {
             editor,
+            "data-os-scrollbar": true,
             className: "flex-1 overflow-y-auto",
             style: {
               minHeight,
@@ -24912,7 +24925,7 @@ export {
   NotificationModal_default as NotificationModal,
   NumberInput,
   OverlayControls,
-  OverlayScrollbarProvider,
+  OverlayScrollbarProvider_default as OverlayScrollbarProvider,
   PageLoading,
   Pagination,
   PasswordInput,