@underverse-ui/underverse 1.0.53 → 1.0.55

package/dist/index.d.cts

@@ -494,6 +494,7 @@ interface SheetProps {
     closeOnEscape?: boolean;
     header?: React$1.ReactNode;
     footer?: React$1.ReactNode;
+    overlayOpacity?: number;
 }
 declare const Sheet: React$1.FC<SheetProps>;
 interface DrawerProps extends Omit<SheetProps, "side"> {
@@ -1237,6 +1238,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
      */
     enableEventSheet?: boolean;
     eventSheetSize?: CalendarTimelineSheetSize;
+    eventSheetOverlayOpacity?: number;
     renderEventSheet?: (args: {
         event: CalendarTimelineEvent<TEventMeta>;
         resource?: CalendarTimelineResource<TResourceMeta>;
@@ -1443,7 +1445,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     virtualization?: CalendarTimelineVirtualization;
 }
 
-declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, onlyView, view, defaultView, onViewChange, dueDateSprint, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, hideResourceColumn, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, autoRowHeight, enableLayoutResize, slotMinWidth, adaptiveSlotWidths, dayEventStyle, dayEventMaxWidth, monthEventStyle, monthEventMaxWidth, dayTimeStepMinutes, enableEventTooltips, dayHeaderMode, daySlotCompression, columnVirtualization, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
+declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, eventSheetOverlayOpacity, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, onlyView, view, defaultView, onViewChange, dueDateSprint, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, hideResourceColumn, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, autoRowHeight, enableLayoutResize, slotMinWidth, adaptiveSlotWidths, dayEventStyle, dayEventMaxWidth, monthEventStyle, monthEventMaxWidth, dayTimeStepMinutes, enableEventTooltips, dayHeaderMode, daySlotCompression, columnVirtualization, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption = string | {
     label: string;
@@ -2751,19 +2753,6 @@ declare namespace date {
  * ```
  */
 declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
-/**
- * Hook to inject ShadCN animation styles into the document head.
- * Call this hook in components that need animations.
- * The styles are only injected once, even if called multiple times.
- *
- * @example
- * ```tsx
- * function Dropdown() {
- *   useShadCNAnimations();
- *   return <div data-state="open">...</div>;
- * }
- * ```
- */
 declare function useShadCNAnimations(): void;
 /**
  * Manually inject animation styles.

package/dist/index.d.ts

@@ -494,6 +494,7 @@ interface SheetProps {
     closeOnEscape?: boolean;
     header?: React$1.ReactNode;
     footer?: React$1.ReactNode;
+    overlayOpacity?: number;
 }
 declare const Sheet: React$1.FC<SheetProps>;
 interface DrawerProps extends Omit<SheetProps, "side"> {
@@ -1237,6 +1238,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
      */
     enableEventSheet?: boolean;
     eventSheetSize?: CalendarTimelineSheetSize;
+    eventSheetOverlayOpacity?: number;
     renderEventSheet?: (args: {
         event: CalendarTimelineEvent<TEventMeta>;
         resource?: CalendarTimelineResource<TResourceMeta>;
@@ -1443,7 +1445,7 @@ interface CalendarTimelineProps<TResourceMeta = unknown, TEventMeta = unknown> e
     virtualization?: CalendarTimelineVirtualization;
 }
 
-declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, onlyView, view, defaultView, onViewChange, dueDateSprint, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, hideResourceColumn, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, autoRowHeight, enableLayoutResize, slotMinWidth, adaptiveSlotWidths, dayEventStyle, dayEventMaxWidth, monthEventStyle, monthEventMaxWidth, dayTimeStepMinutes, enableEventTooltips, dayHeaderMode, daySlotCompression, columnVirtualization, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
+declare function CalendarTimeline<TResourceMeta = unknown, TEventMeta = unknown>({ resources, events, size, enableEventSheet, eventSheetSize, eventSheetOverlayOpacity, renderEventSheet, selectedEventId, defaultSelectedEventId, onSelectedEventIdChange, eventSheetOpen, defaultEventSheetOpen, onEventSheetOpenChange, onlyView, view, defaultView, onViewChange, dueDateSprint, date, defaultDate, onDateChange, weekStartsOn, locale, timeZone, labels, formatters, groups, groupCollapsed, defaultGroupCollapsed, onGroupCollapsedChange, hideResourceColumn, resourceColumnWidth, defaultResourceColumnWidth, onResourceColumnWidthChange, minResourceColumnWidth, maxResourceColumnWidth, rowHeight, defaultRowHeight, onRowHeightChange, minRowHeight, maxRowHeight, rowHeights, defaultRowHeights, onRowHeightsChange, autoRowHeight, enableLayoutResize, slotMinWidth, adaptiveSlotWidths, dayEventStyle, dayEventMaxWidth, monthEventStyle, monthEventMaxWidth, dayTimeStepMinutes, enableEventTooltips, dayHeaderMode, daySlotCompression, columnVirtualization, dayRangeMode, workHours, maxLanesPerRow, now, renderResource, renderGroup, renderEvent, interactions, onRangeChange, onEventClick, onEventDoubleClick, onCreateEventClick, onCreateEvent, onEventMove, onEventResize, onEventDelete, onMoreClick, virtualization, className, ...rest }: CalendarTimelineProps<TResourceMeta, TEventMeta>): react_jsx_runtime.JSX.Element;
 
 type ComboboxOption = string | {
     label: string;
@@ -2751,19 +2753,6 @@ declare namespace date {
  * ```
  */
 declare const shadcnAnimationStyles = "\n  /* ============================================\n   * DROPDOWN / POPOVER ANIMATIONS\n   * Uses spring-like cubic-bezier for natural feel\n   * ============================================ */\n  \n  /* Native-like Combobox Animation - Mimics browser default select */\n  [data-state=\"open\"][data-combobox-dropdown] {\n    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);\n    transform-origin: top center;\n  }\n\n  [data-state=\"closed\"][data-combobox-dropdown] {\n    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);\n    transform-origin: top center;\n  }\n\n  @keyframes comboboxOpen {\n    0% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n    100% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n  }\n\n  @keyframes comboboxClose {\n    0% {\n      opacity: 1;\n      transform: translateY(0) scaleY(1);\n    }\n    100% {\n      opacity: 0;\n      transform: translateY(-4px) scaleY(0.9);\n    }\n  }\n\n  /* Generic dropdown open/close */\n  [data-state=\"open\"] {\n    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n  \n  [data-state=\"closed\"] {\n    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n  \n  @keyframes slideDownAndFade {\n    from {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n  \n  @keyframes slideUpAndFade {\n    from {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: translateY(-4px) scale(0.98);\n    }\n  }\n  \n  /* ============================================\n   * DROPDOWN ITEMS - Native-like instant appearance\n   * ============================================ */\n\n  /* Fast staggered animation for native feel */\n  .dropdown-item {\n    opacity: 0;\n    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;\n  }\n\n  @keyframes itemFadeIn {\n    from {\n      opacity: 0;\n      transform: translateX(-4px);\n    }\n    to {\n      opacity: 1;\n      transform: translateX(0);\n    }\n  }\n\n  /* Item stagger delays - minimal for speed */\n  .dropdown-item:nth-child(1) { animation-delay: 0ms; }\n  .dropdown-item:nth-child(2) { animation-delay: 15ms; }\n  .dropdown-item:nth-child(3) { animation-delay: 30ms; }\n  .dropdown-item:nth-child(4) { animation-delay: 45ms; }\n  .dropdown-item:nth-child(5) { animation-delay: 60ms; }\n  .dropdown-item:nth-child(6) { animation-delay: 75ms; }\n  .dropdown-item:nth-child(7) { animation-delay: 90ms; }\n  .dropdown-item:nth-child(8) { animation-delay: 105ms; }\n  .dropdown-item:nth-child(n+9) { animation-delay: 120ms; }\n\n  /* ============================================\n   * DATEPICKER ANIMATIONS\n   * ============================================ */\n\n  .datepicker-day {\n    opacity: 0;\n    animation: dayFadeIn 200ms cubic-bezier(0.16, 1, 0.3, 1) forwards;\n  }\n\n  @keyframes dayFadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.8);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * TOOLTIP ANIMATIONS\n   * ============================================ */\n\n  [data-tooltip] {\n    animation: tooltipIn 150ms cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  @keyframes tooltipIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  /* ============================================\n   * MODAL / DIALOG ANIMATIONS\n   * ============================================ */\n\n  .modal-content {\n    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);\n  }\n  \n  @keyframes scaleIn {\n    from {\n      opacity: 0;\n      transform: scale(0.9);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  \n  /* Smooth backdrop blur transition */\n  .backdrop-animate {\n    transition: backdrop-filter 200ms ease, background-color 200ms ease;\n  }\n";
-/**
- * Hook to inject ShadCN animation styles into the document head.
- * Call this hook in components that need animations.
- * The styles are only injected once, even if called multiple times.
- *
- * @example
- * ```tsx
- * function Dropdown() {
- *   useShadCNAnimations();
- *   return <div data-state="open">...</div>;
- * }
- * ```
- */
 declare function useShadCNAnimations(): void;
 /**
  * Manually inject animation styles.