@underverse-ui/underverse 1.0.27 → 1.0.29

package/dist/index.d.cts

@@ -2306,6 +2306,8 @@ interface LoadingBarProps {
 }
 declare const LoadingBar: React__default.FC<LoadingBarProps>;
 
+declare function OverlayScrollbarProvider(): null;
+
 type FilterType = "text" | "select" | "date";
 type DataTableSize = "sm" | "md" | "lg";
 type DataTableDensity = "compact" | "normal" | "comfortable";
@@ -3673,4 +3675,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, 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, 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

@@ -2306,6 +2306,8 @@ interface LoadingBarProps {
 }
 declare const LoadingBar: React__default.FC<LoadingBarProps>;
 
+declare function OverlayScrollbarProvider(): null;
+
 type FilterType = "text" | "select" | "date";
 type DataTableSize = "sm" | "md" | "lg";
 type DataTableDensity = "compact" | "normal" | "comfortable";
@@ -3673,4 +3675,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, 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, 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

@@ -18846,6 +18846,102 @@ var LoadingBar = ({
   );
 };
 
+// ../../components/ui/OverlayScrollbarProvider.tsx
+import { useEffect as useEffect28 } from "react";
+import { OverlayScrollbars } from "overlayscrollbars";
+var SCROLLABLE_SELECTOR = [
+  ".overflow-auto",
+  ".overflow-x-auto",
+  ".overflow-y-auto",
+  ".overflow-scroll",
+  ".overflow-x-scroll",
+  ".overflow-y-scroll",
+  ".thin-scrollbar",
+  ".scrollbar-thin",
+  ".custom-scrollbar"
+].join(", ");
+var SCROLLBAR_OPTIONS = {
+  scrollbars: {
+    theme: "os-theme-underverse",
+    visibility: "auto",
+    autoHide: "leave",
+    autoHideDelay: 600,
+    dragScroll: true,
+    clickScroll: false
+  }
+};
+function OverlayScrollbarProvider() {
+  useEffect28(() => {
+    const bodyInstance = OverlayScrollbars(document.body, SCROLLBAR_OPTIONS);
+    const instances = /* @__PURE__ */ new Map();
+    const shouldSkip = (element) => {
+      if (element === document.body) return true;
+      if (element.classList.contains("scrollbar-none")) return true;
+      if (element.hasAttribute("data-overlayscrollbars")) return true;
+      return false;
+    };
+    const initElement = (element) => {
+      if (shouldSkip(element)) return;
+      if (instances.has(element)) return;
+      instances.set(element, OverlayScrollbars(element, SCROLLBAR_OPTIONS));
+    };
+    const collectCandidates = (root) => {
+      const candidates = [];
+      if (root instanceof HTMLElement && root.matches(SCROLLABLE_SELECTOR)) {
+        candidates.push(root);
+      }
+      if ("querySelectorAll" in root) {
+        root.querySelectorAll(SCROLLABLE_SELECTOR).forEach((element) => {
+          candidates.push(element);
+        });
+      }
+      return candidates.filter((element, index) => candidates.indexOf(element) === index);
+    };
+    const scan = (root) => {
+      const candidates = collectCandidates(root).filter((element) => !shouldSkip(element));
+      const leafCandidates = candidates.filter((element) => !candidates.some((other) => other !== element && element.contains(other)));
+      leafCandidates.forEach(initElement);
+    };
+    const cleanup = () => {
+      instances.forEach((instance, element) => {
+        if (!element.isConnected) {
+          instance.destroy();
+          instances.delete(element);
+        }
+      });
+    };
+    scan(document.body);
+    let rafId = 0;
+    const observer = new MutationObserver((mutations) => {
+      if (rafId) return;
+      rafId = window.requestAnimationFrame(() => {
+        rafId = 0;
+        const scanRoots = /* @__PURE__ */ new Set();
+        mutations.forEach((mutation) => {
+          if (mutation.target instanceof Element || mutation.target instanceof Document || mutation.target instanceof DocumentFragment) {
+            scanRoots.add(mutation.target);
+          }
+          mutation.addedNodes.forEach((node) => {
+            if (node instanceof HTMLElement) {
+              scanRoots.add(node);
+            }
+          });
+        });
+        scanRoots.forEach(scan);
+        cleanup();
+      });
+    });
+    observer.observe(document.body, { childList: true, subtree: true });
+    return () => {
+      if (rafId) window.cancelAnimationFrame(rafId);
+      observer.disconnect();
+      instances.forEach((instance) => instance.destroy());
+      bodyInstance.destroy();
+    };
+  }, []);
+  return null;
+}
+
 // ../../components/ui/Table.tsx
 import React55 from "react";
 import { jsx as jsx65, jsxs as jsxs59 } from "react/jsx-runtime";
@@ -20198,7 +20294,7 @@ function AccessDenied({
 
 // ../../components/ui/ThemeToggleHeadless.tsx
 import { Moon as Moon2, Sun as Sun2, Monitor } from "lucide-react";
-import { useEffect as useEffect29, useRef as useRef26, useState as useState47 } from "react";
+import { useEffect as useEffect30, useRef as useRef26, useState as useState47 } from "react";
 import { createPortal as createPortal7 } from "react-dom";
 import { Fragment as Fragment27, jsx as jsx73, jsxs as jsxs67 } from "react/jsx-runtime";
 function ThemeToggleHeadless({
@@ -20211,7 +20307,7 @@ function ThemeToggleHeadless({
   const [mounted, setMounted] = useState47(false);
   const triggerRef = useRef26(null);
   const [dropdownPosition, setDropdownPosition] = useState47(null);
-  useEffect29(() => setMounted(true), []);
+  useEffect30(() => setMounted(true), []);
   const themes = [
     { value: "light", label: labels?.light ?? "Light", icon: Sun2 },
     { value: "dark", label: labels?.dark ?? "Dark", icon: Moon2 },
@@ -21312,12 +21408,12 @@ function useSmartLocale() {
 }
 
 // ../../components/ui/UEditor/UEditor.tsx
-import React72, { useEffect as useEffect36, useImperativeHandle as useImperativeHandle3, useMemo as useMemo28, useRef as useRef34 } from "react";
+import React72, { useEffect as useEffect37, useImperativeHandle as useImperativeHandle3, useMemo as useMemo28, useRef as useRef34 } from "react";
 import { useTranslations as useTranslations7 } from "next-intl";
 import { useEditor, EditorContent } from "@tiptap/react";
 
 // ../../components/ui/UEditor/extensions.ts
-import Document from "@tiptap/extension-document";
+import Document2 from "@tiptap/extension-document";
 import Paragraph from "@tiptap/extension-paragraph";
 import Text from "@tiptap/extension-text";
 import Bold from "@tiptap/extension-bold";
@@ -21355,7 +21451,7 @@ import { common, createLowlight } from "lowlight";
 import { Extension } from "@tiptap/core";
 import Suggestion from "@tiptap/suggestion";
 import { ReactRenderer } from "@tiptap/react";
-import { forwardRef as forwardRef13, useEffect as useEffect30, useImperativeHandle, useRef as useRef28, useState as useState49 } from "react";
+import { forwardRef as forwardRef13, useEffect as useEffect31, useImperativeHandle, useRef as useRef28, useState as useState49 } from "react";
 import {
   FileCode as FileCode2,
   Heading1,
@@ -21374,10 +21470,10 @@ import { jsx as jsx77, jsxs as jsxs69 } from "react/jsx-runtime";
 var CommandList = forwardRef13((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState49(0);
   const listRef = useRef28(null);
-  useEffect30(() => {
+  useEffect31(() => {
     setSelectedIndex(0);
   }, [props.items]);
-  useEffect30(() => {
+  useEffect31(() => {
     const selectedElement = listRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex, props.items]);
@@ -21690,7 +21786,7 @@ import { Extension as Extension3 } from "@tiptap/core";
 import Suggestion2 from "@tiptap/suggestion";
 import { ReactRenderer as ReactRenderer2 } from "@tiptap/react";
 import { PluginKey } from "@tiptap/pm/state";
-import { forwardRef as forwardRef14, useEffect as useEffect31, useImperativeHandle as useImperativeHandle2, useState as useState50 } from "react";
+import { forwardRef as forwardRef14, useEffect as useEffect32, useImperativeHandle as useImperativeHandle2, useState as useState50 } from "react";
 import { Smile } from "lucide-react";
 import tippy2 from "tippy.js";
 
@@ -22463,7 +22559,7 @@ var EMOJI_LIST = [
 import { jsx as jsx78, jsxs as jsxs70 } from "react/jsx-runtime";
 var EmojiList = forwardRef14((props, ref) => {
   const [selectedIndex, setSelectedIndex] = useState50(0);
-  useEffect31(() => {
+  useEffect32(() => {
     setSelectedIndex(0);
   }, [props.items]);
   useImperativeHandle2(ref, () => ({
@@ -22598,7 +22694,7 @@ var EmojiSuggestion = Extension3.create({
 });
 
 // ../../components/ui/UEditor/resizable-image.tsx
-import { useEffect as useEffect32, useRef as useRef29, useState as useState51 } from "react";
+import { useEffect as useEffect33, useRef as useRef29, useState as useState51 } from "react";
 import Image3 from "@tiptap/extension-image";
 import { mergeAttributes } from "@tiptap/core";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
@@ -22626,7 +22722,7 @@ function ResizableImageNodeView(props) {
   const heightAttr = toNullableNumber(node.attrs["height"]);
   const textAlign = String(node.attrs["textAlign"] ?? "");
   const dragStateRef = useRef29(null);
-  useEffect32(() => {
+  useEffect33(() => {
     const img = imgRef.current;
     if (!img) return;
     img.style.width = widthAttr ? `${widthAttr}px` : "";
@@ -22822,7 +22918,7 @@ function buildUEditorExtensions({
   editable = true
 }) {
   return [
-    Document,
+    Document2,
     Paragraph,
     Text,
     Bold,
@@ -23022,7 +23118,7 @@ var EditorColorPalette = ({
 ] });
 
 // ../../components/ui/UEditor/inputs.tsx
-import { useEffect as useEffect33, useRef as useRef30, useState as useState52 } from "react";
+import { useEffect as useEffect34, useRef as useRef30, useState as useState52 } from "react";
 import { useTranslations as useTranslations3 } from "next-intl";
 import { Check as Check10, X as X19 } from "lucide-react";
 import { jsx as jsx81, jsxs as jsxs73 } from "react/jsx-runtime";
@@ -23041,7 +23137,7 @@ var LinkInput = ({
   const t = useTranslations3("UEditor");
   const [url, setUrl] = useState52(initialUrl);
   const inputRef = useRef30(null);
-  useEffect33(() => {
+  useEffect34(() => {
     inputRef.current?.focus();
     inputRef.current?.select();
   }, []);
@@ -23071,7 +23167,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
   const [url, setUrl] = useState52("");
   const [alt, setAlt] = useState52("");
   const inputRef = useRef30(null);
-  useEffect33(() => {
+  useEffect34(() => {
     inputRef.current?.focus();
   }, []);
   const handleSubmit = (e) => {
@@ -23124,7 +23220,7 @@ var ImageInput = ({ onSubmit, onCancel }) => {
 };
 
 // ../../components/ui/UEditor/emoji-picker.tsx
-import { useState as useState53, useMemo as useMemo26, useRef as useRef31, useEffect as useEffect34 } from "react";
+import { useState as useState53, useMemo as useMemo26, useRef as useRef31, useEffect as useEffect35 } from "react";
 import { Search as Search6, X as X20, Smile as Smile2, Leaf, Utensils, Dumbbell, Lightbulb, Hash, Flag } from "lucide-react";
 import { jsx as jsx82, jsxs as jsxs74 } from "react/jsx-runtime";
 var CATEGORY_ICONS = {
@@ -23156,7 +23252,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
     onSelect(emoji);
     setSearch("");
   };
-  useEffect34(() => {
+  useEffect35(() => {
     if (search) return;
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -23196,7 +23292,7 @@ var EmojiPicker = ({ onSelect, onClose }) => {
       isUserScrolling.current = true;
     }, 500);
   };
-  useEffect34(() => {
+  useEffect35(() => {
     isUserScrolling.current = true;
   }, []);
   return /* @__PURE__ */ jsxs74("div", { className: "w-96 bg-card border border-border rounded-2xl shadow-xl overflow-hidden flex flex-col max-h-128", children: [
@@ -23804,7 +23900,7 @@ var EditorToolbar = ({
 };
 
 // ../../components/ui/UEditor/menus.tsx
-import { useCallback as useCallback21, useEffect as useEffect35, useMemo as useMemo27, useRef as useRef33, useState as useState55 } from "react";
+import { useCallback as useCallback21, useEffect as useEffect36, useMemo as useMemo27, useRef as useRef33, useState as useState55 } from "react";
 import { createPortal as createPortal9 } from "react-dom";
 import { useTranslations as useTranslations5 } from "next-intl";
 import {
@@ -23911,10 +24007,10 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     const lowerFilter = filterText.toLowerCase();
     return allCommands.filter((cmd) => cmd.label.toLowerCase().includes(lowerFilter) || cmd.description.toLowerCase().includes(lowerFilter));
   }, [allCommands, filterText]);
-  useEffect35(() => {
+  useEffect36(() => {
     setSelectedIndex(0);
   }, [filterText]);
-  useEffect35(() => {
+  useEffect36(() => {
     const selectedElement = menuRef.current?.querySelector(`[data-index="${selectedIndex}"]`);
     selectedElement?.scrollIntoView({ block: "nearest" });
   }, [selectedIndex]);
@@ -23928,7 +24024,7 @@ var SlashCommandMenu = ({ editor, onClose, filterText = "" }) => {
     },
     [commands, onClose]
   );
-  useEffect35(() => {
+  useEffect36(() => {
     const handleKeyDown = (e) => {
       if (commands.length === 0) return;
       if (e.key === "ArrowDown") {
@@ -24013,10 +24109,10 @@ var BubbleMenuContent = ({
   const { textColors, highlightColors } = useEditorColors();
   const [showLinkInput, setShowLinkInput] = useState55(false);
   const [showEditorColorPalette, setShowEditorColorPalette] = useState55(false);
-  useEffect35(() => {
+  useEffect36(() => {
     onKeepOpenChange?.(showLinkInput);
   }, [onKeepOpenChange, showLinkInput]);
-  useEffect35(() => {
+  useEffect36(() => {
     if (!showLinkInput) return;
     const close = () => setShowLinkInput(false);
     editor.on("selectionUpdate", close);
@@ -24147,7 +24243,7 @@ var CustomBubbleMenu = ({ editor }) => {
     keepOpenRef.current = next;
     if (next) setIsVisible(true);
   }, []);
-  useEffect35(() => {
+  useEffect36(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { from, to, empty } = state.selection;
@@ -24202,7 +24298,7 @@ var CustomBubbleMenu = ({ editor }) => {
 var CustomFloatingMenu = ({ editor }) => {
   const [isVisible, setIsVisible] = useState55(false);
   const [position, setPosition] = useState55({ top: 0, left: 0 });
-  useEffect35(() => {
+  useEffect36(() => {
     const updatePosition = () => {
       const { state, view } = editor;
       const { $from, empty } = state.selection;
@@ -24677,7 +24773,7 @@ var UEditor = React72.forwardRef(({
     }),
     [content, editor, uploadImageForSave]
   );
-  useEffect36(() => {
+  useEffect37(() => {
     if (editor && content !== editor.getHTML()) {
       if (editor.isEmpty && content) {
         editor.commands.setContent(content);
@@ -24811,6 +24907,7 @@ export {
   NotificationModal_default as NotificationModal,
   NumberInput,
   OverlayControls,
+  OverlayScrollbarProvider,
   PageLoading,
   Pagination,
   PasswordInput,