@underverse-ui/underverse 0.2.85 → 0.2.86

package/dist/index.d.cts

@@ -903,6 +903,7 @@ declare function Calendar({ month, defaultMonth, onMonthChange, value, defaultVa
 
 type CalendarTimelineView = "month" | "week" | "day";
 type CalendarTimelineDateInput = Date | string | number;
+type CalendarTimelineSize = "sm" | "md" | "xl";
 interface CalendarTimelineGroup {
     id: string;
     label: React$1.ReactNode;
@@ -978,6 +979,7 @@ interface CalendarTimelineVirtualization {
 interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
     resources: CalendarTimelineResource<TResourceMeta>[];
     events: CalendarTimelineEvent<TEventMeta>[];
+    size?: CalendarTimelineSize;
     view?: CalendarTimelineView;
     defaultView?: CalendarTimelineView;
     onViewChange?: (view: CalendarTimelineView) => void;
@@ -1039,7 +1041,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     virtualization?: CalendarTimelineVirtualization;
 }
 
-declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, rowHeight, slotMinWidth, dayTimeStepMinutes, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEvent, onEventMove, onEventResize, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
+declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, rowHeight, slotMinWidth, dayTimeStepMinutes, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEvent, onEventMove, onEventResize, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption = string | {
     label: string;
@@ -3009,4 +3011,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, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, type CalendarTimelineEvent, type CalendarTimelineFormatters, type CalendarTimelineGroup, type CalendarTimelineInteractions, type CalendarTimelineLabels, type CalendarTimelineProps, type CalendarTimelineResource, 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 DataTableQuery, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, 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, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MultiCombobox, type MultiComboboxProps, 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 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 UEditorProps, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, 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, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, 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 DataTableQuery, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, 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, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MultiCombobox, type MultiComboboxProps, 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 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 UEditorProps, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };

package/dist/index.d.ts

@@ -903,6 +903,7 @@ declare function Calendar({ month, defaultMonth, onMonthChange, value, defaultVa
 
 type CalendarTimelineView = "month" | "week" | "day";
 type CalendarTimelineDateInput = Date | string | number;
+type CalendarTimelineSize = "sm" | "md" | "xl";
 interface CalendarTimelineGroup {
     id: string;
     label: React$1.ReactNode;
@@ -978,6 +979,7 @@ interface CalendarTimelineVirtualization {
 interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> extends Omit<React$1.HTMLAttributes<HTMLDivElement>, "onChange"> {
     resources: CalendarTimelineResource<TResourceMeta>[];
     events: CalendarTimelineEvent<TEventMeta>[];
+    size?: CalendarTimelineSize;
     view?: CalendarTimelineView;
     defaultView?: CalendarTimelineView;
     onViewChange?: (view: CalendarTimelineView) => void;
@@ -1039,7 +1041,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     virtualization?: CalendarTimelineVirtualization;
 }
 
-declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, rowHeight, slotMinWidth, dayTimeStepMinutes, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEvent, onEventMove, onEventResize, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
+declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, view, defaultView, onViewChange, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, resourceColumnWidth, rowHeight, slotMinWidth, dayTimeStepMinutes, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEvent, onEventMove, onEventResize, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption = string | {
     label: string;
@@ -3009,4 +3011,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, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, type CalendarTimelineEvent, type CalendarTimelineFormatters, type CalendarTimelineGroup, type CalendarTimelineInteractions, type CalendarTimelineLabels, type CalendarTimelineProps, type CalendarTimelineResource, 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 DataTableQuery, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, 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, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MultiCombobox, type MultiComboboxProps, 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 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 UEditorProps, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, 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, BatteryProgress, BottomSheet, Breadcrumb, Button, ButtonLoading, type ButtonProps, Calendar, type CalendarEvent, type CalendarProps, CalendarTimeline, type CalendarTimelineDateInput, 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 DataTableQuery, DatePicker, type DatePickerProps, DateRangePicker, DateTimePicker, type DateTimePickerProps, date as DateUtils, Drawer, DropdownMenu, DropdownMenuItem, DropdownMenuSeparator, FallingIcons, 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, List, ListItem, LoadingBar, LoadingDots, LoadingProgress, LoadingSpinner, type Locale$1 as Locale, MiniProgress, Modal, MultiCombobox, type MultiComboboxProps, 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 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 UEditorProps, type UEditorVariant, type UnderverseLocale, UnderverseProvider, type UnderverseProviderProps, VARIANT_STYLES_ALERT, VARIANT_STYLES_BTN, VerticalTabs, Watermark, type WatermarkProps, cn$1 as cn, cn as cnLocal, getAnimationStyles, getUnderverseMessages, injectAnimationStyles, shadcnAnimationStyles, underverseMessages, useFormField, useShadCNAnimations, useSmartLocale, useSmartTranslations, useToast, useTranslations as useUnderverseI18n, useLocale as useUnderverseI18nLocale, useUnderverseLocale, useUnderverseTranslations };

package/dist/index.js

@@ -7812,6 +7812,7 @@ function defaultEventTime(args) {
 function CalendarTimeline({
   resources,
   events,
+  size = "md",
   view,
   defaultView = "month",
   onViewChange,
@@ -7827,9 +7828,9 @@ function CalendarTimeline({
   groupCollapsed,
   defaultGroupCollapsed,
   onGroupCollapsedChange,
-  resourceColumnWidth = 240,
-  rowHeight = 52,
-  slotMinWidth = 64,
+  resourceColumnWidth,
+  rowHeight,
+  slotMinWidth,
   dayTimeStepMinutes = 60,
   maxLanesPerRow = 3,
   now,
@@ -7852,6 +7853,62 @@ function CalendarTimeline({
   const detectedLocale = useLocale();
   const resolvedLocale = React28.useMemo(() => localeToBCP47(locale ?? detectedLocale), [locale, detectedLocale]);
   const resolvedTimeZone = React28.useMemo(() => timeZone ?? Intl.DateTimeFormat().resolvedOptions().timeZone ?? "UTC", [timeZone]);
+  const sizeConfig = React28.useMemo(() => {
+    const cfgBySize = {
+      sm: {
+        resourceColumnWidth: 200,
+        rowHeight: 44,
+        slotMinWidth: 52,
+        eventHeight: 16,
+        laneGap: 3,
+        lanePaddingY: 5,
+        densityClass: "text-xs",
+        headerPaddingClass: "px-3 py-2",
+        titleClass: "text-base",
+        resourceRowClass: "gap-2 px-3",
+        groupRowClass: "gap-2 px-3",
+        slotHeaderClass: "px-1 py-2",
+        controlButtonIconClass: "h-7 w-7",
+        controlButtonTextClass: "h-7 px-2 text-xs"
+      },
+      md: {
+        resourceColumnWidth: 240,
+        rowHeight: 52,
+        slotMinWidth: 64,
+        eventHeight: 18,
+        laneGap: 4,
+        lanePaddingY: 6,
+        densityClass: "text-sm",
+        headerPaddingClass: "px-4 py-3",
+        titleClass: "text-lg",
+        resourceRowClass: "gap-3 px-4",
+        groupRowClass: "gap-3 px-4",
+        slotHeaderClass: "px-1 py-3",
+        controlButtonIconClass: "h-8 w-8",
+        controlButtonTextClass: "h-8 px-3"
+      },
+      xl: {
+        resourceColumnWidth: 280,
+        rowHeight: 60,
+        slotMinWidth: 76,
+        eventHeight: 20,
+        laneGap: 5,
+        lanePaddingY: 8,
+        densityClass: "text-base",
+        headerPaddingClass: "px-5 py-4",
+        titleClass: "text-xl",
+        resourceRowClass: "gap-4 px-5",
+        groupRowClass: "gap-4 px-5",
+        slotHeaderClass: "px-2 py-4",
+        controlButtonIconClass: "h-9 w-9",
+        controlButtonTextClass: "h-9 px-4 text-sm"
+      }
+    };
+    return cfgBySize[size];
+  }, [size]);
+  const effectiveResourceColumnWidth = resourceColumnWidth ?? sizeConfig.resourceColumnWidth;
+  const effectiveRowHeight = rowHeight ?? sizeConfig.rowHeight;
+  const effectiveSlotMinWidth = slotMinWidth ?? sizeConfig.slotMinWidth;
   const isControlledView = view !== void 0;
   const [internalView, setInternalView] = React28.useState(defaultView);
   const activeView = isControlledView ? view : internalView;
@@ -7981,7 +8038,7 @@ function CalendarTimeline({
     onRangeChange?.(range);
   }, [range.start, range.end, onRangeChange]);
   const slotStarts = React28.useMemo(() => slots.map((s) => s.start), [slots]);
-  const slotWidth = slotMinWidth;
+  const slotWidth = effectiveSlotMinWidth;
   const gridWidth = slots.length * slotWidth;
   const normalizedEvents = React28.useMemo(() => {
     const rangeStart = range.start.getTime();
@@ -8013,10 +8070,10 @@ function CalendarTimeline({
   const title = React28.useMemo(() => {
     return formatters?.monthTitle?.(activeDate, { locale: resolvedLocale, timeZone: resolvedTimeZone }) ?? defaultMonthTitle(activeDate, resolvedLocale, resolvedTimeZone);
   }, [activeDate, formatters, resolvedLocale, resolvedTimeZone]);
-  const densityClass = "text-sm";
-  const eventHeight = 18;
-  const laneGap = 4;
-  const lanePaddingY = 6;
+  const densityClass = sizeConfig.densityClass;
+  const eventHeight = sizeConfig.eventHeight;
+  const laneGap = sizeConfig.laneGap;
+  const lanePaddingY = sizeConfig.lanePaddingY;
   const virt = virtualization?.enabled;
   const overscan = virtualization?.overscan ?? 8;
   const {
@@ -8027,7 +8084,7 @@ function CalendarTimeline({
   } = useVirtualRows({
     enabled: virt,
     overscan,
-    rowHeight,
+    rowHeight: effectiveRowHeight,
     itemCount: rows.length,
     scrollRef: bodyRef
   });
@@ -8174,8 +8231,9 @@ function CalendarTimeline({
         type: "button",
         onClick: canToggle ? toggle : void 0,
         className: cn(
-          "w-full h-full flex items-center gap-3 px-4 text-left",
-          "bg-gradient-to-r from-muted/40 to-muted/20 border-b border-border/40",
+          "w-full h-full flex items-center text-left",
+          sizeConfig.groupRowClass,
+          "bg-linear-to-r from-muted/40 to-muted/20 border-b border-border/40",
           "backdrop-blur-sm",
           canToggle ? "cursor-pointer hover:from-muted/60 hover:to-muted/30 transition-all duration-200" : "cursor-default"
         ),
@@ -8212,7 +8270,8 @@ function CalendarTimeline({
         "div",
         {
           className: cn(
-            "flex-shrink-0 border-l border-border/30 px-1 py-3 flex items-center justify-center transition-colors duration-150",
+            "shrink-0 border-l border-border/30 flex items-center justify-center transition-colors duration-150",
+            sizeConfig.slotHeaderClass,
             s.isToday && "bg-primary/8 border-l-primary/40"
           ),
           style: { width: slotWidth, minWidth: slotWidth },
@@ -8231,8 +8290,8 @@ function CalendarTimeline({
     week: /* @__PURE__ */ jsx33(CalendarDays, { className: "h-4 w-4" }),
     day: /* @__PURE__ */ jsx33(Calendar3, { className: "h-4 w-4" })
   };
-  const Header = /* @__PURE__ */ jsxs28("div", { className: "sticky top-0 z-30 bg-gradient-to-b from-background via-background to-background/95 border-b border-border/40 backdrop-blur-xl", children: [
-    /* @__PURE__ */ jsxs28("div", { className: "flex items-center justify-between gap-4 px-4 py-3", children: [
+  const Header = /* @__PURE__ */ jsxs28("div", { className: "sticky top-0 z-30 bg-linear-to-b from-background via-background to-background/95 border-b border-border/40 backdrop-blur-xl", children: [
+    /* @__PURE__ */ jsxs28("div", { className: cn("flex items-center justify-between gap-4", sizeConfig.headerPaddingClass), children: [
       /* @__PURE__ */ jsxs28("div", { className: "flex items-center gap-1.5 min-w-0", children: [
         /* @__PURE__ */ jsxs28("div", { className: "flex items-center bg-muted/40 rounded-xl p-1 gap-0.5", children: [
           /* @__PURE__ */ jsx33(
@@ -8242,7 +8301,7 @@ function CalendarTimeline({
               size: "icon",
               onClick: () => navigate(-1),
               "aria-label": l.prev,
-              className: "h-8 w-8 rounded-lg hover:bg-background/80 transition-all duration-200",
+              className: cn(sizeConfig.controlButtonIconClass, "rounded-lg hover:bg-background/80 transition-all duration-200"),
               children: /* @__PURE__ */ jsx33(ChevronLeft4, { className: "h-4 w-4" })
             }
           ),
@@ -8252,7 +8311,7 @@ function CalendarTimeline({
               variant: "ghost",
               size: "sm",
               onClick: goToday,
-              className: "h-8 px-3 rounded-lg hover:bg-background/80 font-medium transition-all duration-200",
+              className: cn(sizeConfig.controlButtonTextClass, "rounded-lg hover:bg-background/80 font-medium transition-all duration-200"),
               children: l.today
             }
           ),
@@ -8263,12 +8322,12 @@ function CalendarTimeline({
               size: "icon",
               onClick: () => navigate(1),
               "aria-label": l.next,
-              className: "h-8 w-8 rounded-lg hover:bg-background/80 transition-all duration-200",
+              className: cn(sizeConfig.controlButtonIconClass, "rounded-lg hover:bg-background/80 transition-all duration-200"),
               children: /* @__PURE__ */ jsx33(ChevronRight5, { className: "h-4 w-4" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx33("h2", { className: "ml-3 text-lg font-semibold tracking-tight truncate text-foreground", children: title })
+        /* @__PURE__ */ jsx33("h2", { className: cn("ml-3 font-semibold tracking-tight truncate text-foreground", sizeConfig.titleClass), children: title })
       ] }),
       /* @__PURE__ */ jsx33("div", { className: "flex items-center bg-muted/40 rounded-xl p-1 gap-0.5", children: ["month", "week", "day"].map((v) => /* @__PURE__ */ jsxs28(
         Button_default,
@@ -8277,7 +8336,8 @@ function CalendarTimeline({
           size: "sm",
           onClick: () => setView(v),
           className: cn(
-            "h-8 px-3 rounded-lg font-medium transition-all duration-200 gap-1.5",
+            sizeConfig.controlButtonTextClass,
+            "rounded-lg font-medium transition-all duration-200 gap-1.5",
             activeView === v ? "bg-primary text-primary-foreground shadow-sm shadow-primary/25" : "hover:bg-background/80 text-muted-foreground hover:text-foreground"
           ),
           children: [
@@ -8292,9 +8352,9 @@ function CalendarTimeline({
       /* @__PURE__ */ jsx33(
         "div",
         {
-          className: "flex-shrink-0 border-r border-border/30 bg-muted/20 flex items-center justify-center",
-          style: { width: resourceColumnWidth, minWidth: resourceColumnWidth },
-          children: /* @__PURE__ */ jsx33("span", { className: "text-xs font-medium text-muted-foreground/70 uppercase tracking-wider", children: "Resources" })
+          className: "shrink-0 border-r border-border/30 bg-muted/20 flex items-center justify-center",
+          style: { width: effectiveResourceColumnWidth, minWidth: effectiveResourceColumnWidth },
+          children: /* @__PURE__ */ jsx33("span", { className: "text-xs font-medium text-muted-foreground/70 uppercase tracking-wider", children: t("resourcesHeader") })
         }
       ),
       /* @__PURE__ */ jsx33("div", { ref: headerRef, className: "overflow-x-auto overflow-y-hidden scrollbar-none", children: slotHeaderNodes })
@@ -8304,11 +8364,12 @@ function CalendarTimeline({
     "div",
     {
       className: cn(
-        "h-full w-full flex items-center gap-3 px-4 border-b border-border/30 bg-gradient-to-r from-background to-background/95",
+        "h-full w-full flex items-center border-b border-border/30 bg-linear-to-r from-background to-background/95",
+        sizeConfig.resourceRowClass,
         "hover:from-muted/30 hover:to-muted/10 transition-all duration-200 group"
       ),
       children: [
-        /* @__PURE__ */ jsx33("div", { className: "flex-shrink-0 opacity-0 group-hover:opacity-60 transition-opacity cursor-grab", children: /* @__PURE__ */ jsx33(GripVertical, { className: "h-4 w-4 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsx33("div", { className: "shrink-0 opacity-0 group-hover:opacity-60 transition-opacity cursor-grab", children: /* @__PURE__ */ jsx33(GripVertical, { className: "h-4 w-4 text-muted-foreground" }) }),
         /* @__PURE__ */ jsx33("div", { className: cn("flex-1 min-w-0", r.disabled && "opacity-50"), children: renderResource ? renderResource(r) : /* @__PURE__ */ jsx33("span", { className: "font-medium text-sm truncate block", children: r.label }) })
       ]
     }
@@ -8363,9 +8424,16 @@ function CalendarTimeline({
               rows.slice(startRow, endRow).map((row, idx) => {
                 const rowIndex = startRow + idx;
                 if (row.kind === "group") {
-                  return /* @__PURE__ */ jsxs28("div", { className: "flex", style: { height: rowHeight }, children: [
-                    /* @__PURE__ */ jsx33("div", { className: "flex-shrink-0 sticky left-0 z-20", style: { width: resourceColumnWidth, minWidth: resourceColumnWidth }, children: renderGroupRow(row.group) }),
-                    /* @__PURE__ */ jsx33("div", { className: "flex-1 border-b border-border/30 bg-gradient-to-r from-muted/15 to-muted/5", style: { minWidth: gridWidth } })
+                  return /* @__PURE__ */ jsxs28("div", { className: "flex", style: { height: effectiveRowHeight }, children: [
+                    /* @__PURE__ */ jsx33(
+                      "div",
+                      {
+                        className: "shrink-0 sticky left-0 z-20",
+                        style: { width: effectiveResourceColumnWidth, minWidth: effectiveResourceColumnWidth },
+                        children: renderGroupRow(row.group)
+                      }
+                    ),
+                    /* @__PURE__ */ jsx33("div", { className: "flex-1 border-b border-border/30 bg-linear-to-r from-muted/15 to-muted/5", style: { minWidth: gridWidth } })
                   ] }, `g_${row.group.id}_${rowIndex}`);
                 }
                 const r = row.resource;
@@ -8375,18 +8443,18 @@ function CalendarTimeline({
                   "div",
                   {
                     className: "flex group/row hover:bg-muted/5 transition-colors duration-150",
-                    style: { height: rowHeight },
+                    style: { height: effectiveRowHeight },
                     "data-uv-ct-row": r.id,
                     children: [
                       /* @__PURE__ */ jsx33(
                         "div",
                         {
-                          className: "flex-shrink-0 sticky left-0 z-20 border-r border-border/30",
-                          style: { width: resourceColumnWidth, minWidth: resourceColumnWidth },
+                          className: "shrink-0 sticky left-0 z-20 border-r border-border/30",
+                          style: { width: effectiveResourceColumnWidth, minWidth: effectiveResourceColumnWidth },
                           children: ResourceCell(r)
                         }
                       ),
-                      /* @__PURE__ */ jsxs28("div", { className: "relative flex-shrink-0", style: { width: gridWidth, minWidth: gridWidth }, children: [
+                      /* @__PURE__ */ jsxs28("div", { className: "relative shrink-0", style: { width: gridWidth, minWidth: gridWidth }, children: [
                         /* @__PURE__ */ jsx33("div", { className: "absolute inset-0", onPointerDown: onPointerDownCell, "data-uv-ct-timeline": true, children: /* @__PURE__ */ jsx33("div", { className: "absolute inset-0 flex", children: slots.map((s, i2) => /* @__PURE__ */ jsx33(
                           "div",
                           {
@@ -18068,9 +18136,9 @@ var UEditor = ({
           "[&_ul[data-type='taskList']_li>label>input]:border-2",
           "[&_ul[data-type='taskList']_li>label>input]:border-primary/50",
           "[&_ul[data-type='taskList']_li>label>input]:accent-primary",
-          "[&_pre]:!bg-[#1e1e1e]",
-          "[&_pre]:!text-[#d4d4d4]",
-          "[&_pre_code]:!bg-transparent",
+          "[&_pre]:bg-[#1e1e1e]!",
+          "[&_pre]:text-[#d4d4d4]!",
+          "[&_pre_code]:bg-transparent!",
           "[&_img.ProseMirror-selectednode]:ring-2",
           "[&_img.ProseMirror-selectednode]:ring-primary/60",
           "[&_img.ProseMirror-selectednode]:ring-offset-2",