@particle-academy/react-fancy 1.3.5 → 1.5.0

package/dist/index.d.cts

@@ -571,8 +571,11 @@ interface CalloutProps {
 
 declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
 
+type TimelineOrientation = "vertical" | "horizontal";
 interface TimelineProps {
     children: ReactNode;
+    /** Layout direction. Default: "vertical" */
+    orientation?: TimelineOrientation;
     className?: string;
 }
 interface TimelineItemProps {
@@ -1975,7 +1978,7 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare function useControllableState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T | ((prev: T) => T)) => void];
 
-declare function useOutsideClick(ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean): void;
+declare function useOutsideClick(ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean, ignoreRef?: RefObject<HTMLElement | null>): void;
 
 declare function useEscapeKey(handler: () => void, enabled?: boolean): void;
 
@@ -2037,4 +2040,4 @@ declare function find(char: string): {
     category: string;
 } | undefined;
 
-export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineItemProps, type TimelineProps, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };
+export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineItemProps, type TimelineOrientation, type TimelineProps, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };

package/dist/index.d.ts

@@ -571,8 +571,11 @@ interface CalloutProps {
 
 declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
 
+type TimelineOrientation = "vertical" | "horizontal";
 interface TimelineProps {
     children: ReactNode;
+    /** Layout direction. Default: "vertical" */
+    orientation?: TimelineOrientation;
     className?: string;
 }
 interface TimelineItemProps {
@@ -1975,7 +1978,7 @@ declare function cn(...inputs: ClassValue[]): string;
 
 declare function useControllableState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T | ((prev: T) => T)) => void];
 
-declare function useOutsideClick(ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean): void;
+declare function useOutsideClick(ref: RefObject<HTMLElement | null>, handler: (event: MouseEvent | TouchEvent) => void, enabled?: boolean, ignoreRef?: RefObject<HTMLElement | null>): void;
 
 declare function useEscapeKey(handler: () => void, enabled?: boolean): void;
 
@@ -2037,4 +2040,4 @@ declare function find(char: string): {
     category: string;
 } | undefined;
 
-export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineItemProps, type TimelineProps, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };
+export { Accordion, type AccordionContentProps, type AccordionContextValue, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, Action, type ActionColor, type ActionProps, type AffixPosition, Autocomplete, type AutocompleteOption, type AutocompleteProps, Avatar, type AvatarProps, Badge, type BadgeProps, Brand, type BrandProps, Breadcrumbs, type BreadcrumbsItemProps, type BreadcrumbsProps, Calendar, type CalendarMode, type CalendarProps, Callout, type CalloutProps, Canvas, type CanvasContextValue, type CanvasControlsProps, type CanvasEdgeProps, type CanvasMinimapProps, type CanvasNodeProps, type CanvasProps, Card, type CardBodyProps, type CardFooterProps, type CardHeaderProps, type CardProps, Carousel, type CarouselContextValue, type CarouselControlsProps, type CarouselPanelsProps, type CarouselProps, type CarouselSlideProps, type CarouselStepsProps, type CarouselVariant, Chart, type ChartAreaProps, type ChartBarData, type ChartBarProps, type ChartCommonProps, type ChartDonutData, type ChartDonutProps, type ChartHorizontalBarProps, type ChartLineProps, type ChartPieData, type ChartPieProps, type ChartSeries, type ChartSparklineProps, type ChartStackedBarProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type Color, ColorPicker, type ColorPickerProps, Command, type CommandContextValue, type CommandEmptyProps, type CommandGroupProps, type CommandInputProps, type CommandItemProps, type CommandListProps, type CommandProps, Composer, type ComposerProps, ContentRenderer, type ContentRendererProps, ContextMenu, type ContextMenuContentProps, type ContextMenuContextValue, type ContextMenuItemProps, type ContextMenuProps, type ContextMenuSeparatorProps, type ContextMenuTriggerProps, DatePicker, type DatePickerProps, type DateRange, Diagram, type DiagramContextValue, type DiagramEntityData, type DiagramEntityProps, type DiagramFieldData, type DiagramFieldProps, type DiagramProps, type DiagramRelationData, type DiagramRelationProps, type DiagramSchema, type DiagramToolbarProps, type DiagramType, Dropdown, type DropdownContextValue, type DropdownItemProps, type DropdownItemsProps, type DropdownProps, type DropdownSeparatorProps, type DropdownTriggerProps, EMOJI_DATA, EMOJI_ENTRIES, type EdgeAnchor, Editor, type EditorAction, type EditorContentProps, type EditorContextValue, type EditorProps, type EditorToolbarProps, Emoji, type EmojiProps, EmojiSelect, type EmojiSelectProps, type ExportFormat, Field, type FieldProps, FileUpload, type FileUploadContextValue, type FileUploadDropzoneProps, type FileUploadListProps, type FileUploadProps, Heading, type HeadingProps, Icon, type IconProps, type IconSet, Input, type InputAffixProps, type InputBaseProps, type InputOption, type InputOptionGroup, type InputProps, Kanban, type KanbanCardProps, type KanbanColumnProps, type KanbanContextValue, type KanbanProps, Menu, type MenuContextValue, type MenuGroupProps, type MenuItemProps, type MenuOrientation, type MenuProps, type MenuSubmenuProps, MobileMenu, type MobileMenuBottomBarProps, type MobileMenuContextValue, type MobileMenuFlyoutProps, type MobileMenuItemProps, type MobileMenuSide, type MobileMenuVariant, Modal, type ModalBodyProps, type ModalContextValue, type ModalFooterProps, type ModalHeaderProps, type ModalProps, MultiSwitch, type MultiSwitchProps, Navbar, type NavbarBrandProps, type NavbarContextValue, type NavbarItemProps, type NavbarItemsProps, type NavbarProps, type NavbarToggleProps, type NodeRect, OtpInput, type OtpInputProps, Pagination, type PaginationProps, Pillbox, type PillboxProps, type Placement, Popover, type PopoverContentProps, type PopoverContextValue, type PopoverProps, type PopoverTriggerProps, Portal, type PortalProps, Profile, type ProfileProps, Progress, type ProgressProps, RadioGroup, type RadioGroupProps, type RelationType, type RenderExtension, type RenderExtensionProps, Select, type SelectProps, Separator, type SeparatorProps, Sidebar, type SidebarCollapseMode, type SidebarContextValue, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSubmenuProps, type SidebarToggleProps, type Size, Skeleton, type SkeletonProps, Slider, type SliderProps, Switch, type SwitchProps, Table, type TableBodyProps, type TableCellProps, type TableColumnProps, type TableHeadProps, type TablePaginationProps, type TableProps, type TableRowProps, type TableRowTrayProps, type TableSearchProps, type TableTrayProps, Tabs, type TabsContextValue, type TabsListProps, type TabsPanelProps, type TabsPanelsProps, type TabsProps, type TabsTabProps, type TabsVariant, Text, type TextProps, Textarea, type TextareaProps, TimePicker, type TimePickerProps, Timeline, type TimelineBlockProps, type TimelineItemProps, type TimelineOrientation, type TimelineProps, Toast, type ToastContextValue, type ToastData, type ToastPosition, type ToastProviderProps, type ToastVariant, Tooltip, type TooltipProps, type Variant, type ViewportState, cn, configureIcons, find, registerExtension, registerExtensions, registerIconSet, resolve, search, useAccordion, useAnimation, useCanvas, useCarousel, useCommand, useContextMenu, useControllableState, useDiagram, useDropdown, useEditor, useEscapeKey, useFileUpload, useFloatingPosition, useFocusTrap, useId, useKanban, useMenu, useMobileMenu, useModal, useNavbar, useNodeRegistry, useOutsideClick, usePanZoom, usePopover, useSidebar, useTabs, useToast };

package/dist/index.js

@@ -2714,7 +2714,7 @@ var CarouselPanels = forwardRef(
       }
     }, [activeIndex, transition]);
     if (transition === "fade") {
-      return /* @__PURE__ */ jsx("div", { ref, className: cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-panels": "", className: cn("relative overflow-hidden", className), children: /* @__PURE__ */ jsx(
         "div",
         {
           className: cn(
@@ -2728,13 +2728,13 @@ var CarouselPanels = forwardRef(
         activeIndex
       ) });
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("relative overflow-hidden", className), children: slides[activeIndex] });
+    return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-panels": "", className: cn("relative overflow-hidden", className), children: slides[activeIndex] });
   }
 );
 CarouselPanels.displayName = "CarouselPanels";
 var CarouselSlide = forwardRef(
   ({ children, className, name: _name }, ref) => {
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("w-full", className), children });
+    return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-slide": "", className: cn("w-full", className), children });
   }
 );
 CarouselSlide.displayName = "CarouselSlide";
@@ -2752,7 +2752,7 @@ var CarouselControls = forwardRef(
     const isFirst = activeIndex === 0;
     const isLast = activeIndex === totalSlides - 1;
     if (variant === "wizard") {
-      return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2", className), children: [
+      return /* @__PURE__ */ jsxs("div", { ref, "data-react-fancy-carousel-controls": "", className: cn("flex items-center gap-2", className), children: [
         /* @__PURE__ */ jsx(
           "button",
           {
@@ -2784,7 +2784,7 @@ var CarouselControls = forwardRef(
     }
     const prevDisabled = !loop && isFirst;
     const nextDisabled = !loop && isLast;
-    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center gap-2", className), children: [
+    return /* @__PURE__ */ jsxs("div", { ref, "data-react-fancy-carousel-controls": "", className: cn("flex items-center gap-2", className), children: [
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -2816,7 +2816,7 @@ var CarouselSteps = forwardRef(
       return null;
     }
     if (variant === "wizard") {
-      return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-3", className), children: Array.from({ length: totalSlides }, (_, i) => {
+      return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-steps": "", className: cn("flex items-center gap-3", className), children: Array.from({ length: totalSlides }, (_, i) => {
         const isActive = i === activeIndex;
         const isCompleted = i < activeIndex;
         const name = slideNames[i];
@@ -2853,7 +2853,7 @@ var CarouselSteps = forwardRef(
         );
       }) });
     }
-    return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center gap-1.5", className), children: Array.from({ length: totalSlides }, (_, i) => /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx("div", { ref, "data-react-fancy-carousel-steps": "", className: cn("flex items-center gap-1.5", className), children: Array.from({ length: totalSlides }, (_, i) => /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
@@ -3174,10 +3174,10 @@ function useTable() {
   return ctx;
 }
 function TableHead({ children, className }) {
-  return /* @__PURE__ */ jsx("thead", { className: cn("border-b border-zinc-200 dark:border-zinc-700", className), children });
+  return /* @__PURE__ */ jsx("thead", { "data-react-fancy-table-head": "", className: cn("border-b border-zinc-200 dark:border-zinc-700", className), children });
 }
 function TableBody({ children, className }) {
-  return /* @__PURE__ */ jsx("tbody", { className: cn("divide-y divide-zinc-100 dark:divide-zinc-800", className), children });
+  return /* @__PURE__ */ jsx("tbody", { "data-react-fancy-table-body": "", className: cn("divide-y divide-zinc-100 dark:divide-zinc-800", className), children });
 }
 function TableRow({
   children,
@@ -3226,6 +3226,7 @@ function TableRow({
     /* @__PURE__ */ jsxs(
       "tr",
       {
+        "data-react-fancy-table-row": "",
         className: cn(
           "transition-colors hover:bg-zinc-50 dark:hover:bg-zinc-800/50",
           onClick && "cursor-pointer",
@@ -3247,6 +3248,7 @@ function TableCell({ children, className, header }) {
   return /* @__PURE__ */ jsx(
     Tag,
     {
+      "data-react-fancy-table-cell": "",
       className: cn(
         "px-4 py-3 text-sm",
         header && "text-left font-medium text-zinc-500 dark:text-zinc-400",
@@ -3262,6 +3264,7 @@ function TableColumn({ label, sortKey, className }) {
   return /* @__PURE__ */ jsx(
     "th",
     {
+      "data-react-fancy-table-column": "",
       className: cn(
         "px-4 py-3 text-left text-sm font-medium text-zinc-500 dark:text-zinc-400",
         sortKey && "cursor-pointer select-none",
@@ -3283,7 +3286,7 @@ function TablePagination({
   const { page, setPage } = useTable();
   const totalPages = Math.ceil(total / pageSize);
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between px-4 py-3 text-sm", className), children: [
+  return /* @__PURE__ */ jsxs("div", { "data-react-fancy-table-pagination": "", className: cn("flex items-center justify-between px-4 py-3 text-sm", className), children: [
     /* @__PURE__ */ jsxs("span", { className: "text-zinc-500", children: [
       "Page ",
       page + 1,
@@ -3322,6 +3325,7 @@ function TableSearch({
   return /* @__PURE__ */ jsx(
     "input",
     {
+      "data-react-fancy-table-search": "",
       type: "text",
       value: searchQuery,
       onChange: (e) => setSearchQuery(e.target.value),
@@ -3334,7 +3338,7 @@ function TableSearch({
   );
 }
 function TableTray({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center justify-between px-4 py-3", className), children });
+  return /* @__PURE__ */ jsx("div", { "data-react-fancy-table-tray": "", className: cn("flex items-center justify-between px-4 py-3", className), children });
 }
 function TableRowTray({ children, className }) {
   return /* @__PURE__ */ jsx(
@@ -4196,6 +4200,13 @@ var Callout = forwardRef(
   }
 );
 Callout.displayName = "Callout";
+var TimelineContext = createContext({
+  orientation: "vertical",
+  index: 0
+});
+function useTimeline() {
+  return useContext(TimelineContext);
+}
 var dotColorClasses2 = {
   blue: "bg-blue-500 dark:bg-blue-400",
   green: "bg-green-500 dark:bg-green-400",
@@ -4217,6 +4228,34 @@ var ringColorClasses = {
   red: "ring-red-500/30 dark:ring-red-400/30",
   zinc: "ring-zinc-400/30 dark:ring-zinc-500/30"
 };
+function Dot({ icon, color, active }) {
+  const c = color ?? "zinc";
+  if (icon) {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "flex h-6 w-6 items-center justify-center rounded-full bg-white dark:bg-zinc-900",
+          iconColorClasses2[c],
+          active && "ring-4",
+          active && ringColorClasses[c]
+        ),
+        children: icon
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: cn(
+        "h-3 w-3 rounded-full",
+        dotColorClasses2[c],
+        active && "ring-4",
+        active && ringColorClasses[c]
+      )
+    }
+  );
+}
 var TimelineItem = forwardRef(
   ({
     children,
@@ -4225,6 +4264,28 @@ var TimelineItem = forwardRef(
     active = false,
     className
   }, ref) => {
+    const { orientation, index } = useTimeline();
+    if (orientation === "horizontal") {
+      const isTop = index % 2 === 0;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          "data-react-fancy-timeline-item": "",
+          className: cn("relative flex flex-col items-center", className),
+          style: { minWidth: 120 },
+          children: [
+            /* @__PURE__ */ jsx("div", { className: cn("flex min-h-[4rem] items-end pb-2", !isTop && "invisible"), children: isTop && /* @__PURE__ */ jsx("div", { className: "min-w-0 text-center", children }) }),
+            /* @__PURE__ */ jsxs("div", { className: "relative flex w-full items-center justify-center", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-zinc-200 dark:bg-zinc-700" }),
+              /* @__PURE__ */ jsx("div", { className: "relative z-10 flex shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(Dot, { icon, color, active }) }),
+              /* @__PURE__ */ jsx("div", { className: "h-px flex-1 bg-zinc-200 dark:bg-zinc-700" })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: cn("flex min-h-[4rem] items-start pt-2", isTop && "invisible"), children: !isTop && /* @__PURE__ */ jsx("div", { className: "min-w-0 text-center", children }) })
+          ]
+        }
+      );
+    }
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -4233,28 +4294,7 @@ var TimelineItem = forwardRef(
         className: cn("relative flex gap-4 pb-8 last:pb-0", className),
         children: [
           /* @__PURE__ */ jsx("div", { className: "absolute left-[11px] top-6 bottom-0 w-px bg-zinc-200 last:hidden dark:bg-zinc-700" }),
-          /* @__PURE__ */ jsx("div", { className: "relative z-10 flex shrink-0", children: icon ? /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "flex h-6 w-6 items-center justify-center rounded-full bg-white dark:bg-zinc-900",
-                iconColorClasses2[color],
-                active && "ring-4",
-                active && ringColorClasses[color]
-              ),
-              children: icon
-            }
-          ) : /* @__PURE__ */ jsx(
-            "span",
-            {
-              className: cn(
-                "mt-1.5 h-3 w-3 rounded-full",
-                dotColorClasses2[color],
-                active && "ring-4",
-                active && ringColorClasses[color]
-              )
-            }
-          ) }),
+          /* @__PURE__ */ jsx("div", { className: "relative z-10 flex shrink-0 mt-1.5", children: /* @__PURE__ */ jsx(Dot, { icon, color, active }) }),
           /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1 pt-0.5", children })
         ]
       }
@@ -4284,14 +4324,19 @@ var TimelineBlock = forwardRef(
 );
 TimelineBlock.displayName = "TimelineBlock";
 var TimelineRoot = forwardRef(
-  ({ children, className }, ref) => {
+  ({ children, orientation = "vertical", className }, ref) => {
+    const items = Children.toArray(children);
     return /* @__PURE__ */ jsx(
       "div",
       {
         ref,
         "data-react-fancy-timeline": "",
-        className: cn("flex flex-col", className),
-        children
+        "data-orientation": orientation,
+        className: cn(
+          orientation === "vertical" ? "flex flex-col" : "flex flex-row items-center overflow-x-auto",
+          className
+        ),
+        children: items.map((child, i) => /* @__PURE__ */ jsx(TimelineContext.Provider, { value: { orientation, index: i }, children: child }, i))
       }
     );
   }
@@ -4457,24 +4502,22 @@ function PopoverTrigger({ children }) {
   });
 }
 PopoverTrigger.displayName = "PopoverTrigger";
-function useOutsideClick(ref, handler, enabled = true) {
+function useOutsideClick(ref, handler, enabled = true, ignoreRef) {
   useEffect(() => {
     if (!enabled) return;
     const listener = (event) => {
       const el = ref.current;
       if (!el || el.contains(event.target)) return;
+      if (ignoreRef?.current?.contains(event.target)) return;
       handler(event);
     };
-    const raf = requestAnimationFrame(() => {
-      document.addEventListener("mousedown", listener);
-      document.addEventListener("touchstart", listener);
-    });
+    document.addEventListener("mousedown", listener);
+    document.addEventListener("touchstart", listener);
     return () => {
-      cancelAnimationFrame(raf);
       document.removeEventListener("mousedown", listener);
       document.removeEventListener("touchstart", listener);
     };
-  }, [ref, handler, enabled]);
+  }, [ref, handler, enabled, ignoreRef]);
 }
 function useEscapeKey(handler, enabled = true) {
   useEffect(() => {
@@ -4528,7 +4571,7 @@ function PopoverContent({ children, className }) {
     enabled: open
   });
   const close = useCallback(() => setOpen(false), [setOpen]);
-  useOutsideClick(outsideRef, close, open);
+  useOutsideClick(outsideRef, close, open, anchorRef);
   useEscapeKey(close, open);
   const { mounted, className: animClass, ref: animRef } = useAnimation({
     open,
@@ -4613,7 +4656,7 @@ function DropdownItems({ children, className }) {
     setOpen(false);
     setActiveIndex(-1);
   }, [setOpen, setActiveIndex]);
-  useOutsideClick(outsideRef, close, open);
+  useOutsideClick(outsideRef, close, open, anchorRef);
   useEscapeKey(close, open);
   const { mounted, className: animClass, ref: animRef } = useAnimation({
     open,
@@ -4700,6 +4743,7 @@ function DropdownSeparator({ className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-react-fancy-dropdown-separator": "",
       role: "separator",
       className: cn(
         "my-1 h-px bg-zinc-200 dark:bg-zinc-700",
@@ -4753,7 +4797,7 @@ function ContextMenuTrigger({
     },
     [ctx]
   );
-  return /* @__PURE__ */ jsx("div", { onContextMenu: handleContextMenu, className: cn(className), children });
+  return /* @__PURE__ */ jsx("div", { "data-react-fancy-context-menu-trigger": "", onContextMenu: handleContextMenu, className: cn(className), children });
 }
 ContextMenuTrigger.displayName = "ContextMenuTrigger";
 function ContextMenuContent({
@@ -4803,6 +4847,7 @@ function ContextMenuItem({
     "button",
     {
       type: "button",
+      "data-react-fancy-context-menu-item": "",
       role: "menuitem",
       disabled,
       "aria-disabled": disabled,
@@ -4826,6 +4871,7 @@ function ContextMenuSeparator({ className }) {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      "data-react-fancy-context-menu-separator": "",
       role: "separator",
       className: cn("my-1 h-px bg-zinc-200 dark:bg-zinc-700", className)
     }
@@ -5565,7 +5611,7 @@ function BreadcrumbsDropdown({ items, activeLabel }) {
   const ref = useRef(null);
   useOutsideClick(ref, () => setOpen(false), open);
   useEscapeKey(() => setOpen(false), open);
-  return /* @__PURE__ */ jsxs("div", { ref, className: "relative flex md:hidden", children: [
+  return /* @__PURE__ */ jsxs("div", { ref, "data-react-fancy-breadcrumbs-dropdown": "", className: "relative flex md:hidden", children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -7087,6 +7133,7 @@ function ChartLine({
     "div",
     {
       ref: containerRef,
+      "data-react-fancy-chart-line": "",
       className: cn("relative", className),
       onMouseMove: handleMouseMove,
       onMouseLeave: () => setHoverInfo(null),
@@ -7247,7 +7294,7 @@ function ChartPie({
     const rect = containerRef.current.getBoundingClientRect();
     setTooltipPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
   };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative inline-flex items-center gap-6", className), onMouseMove: handleMouseMove, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, "data-react-fancy-chart-pie": "", className: cn("relative inline-flex items-center gap-6", className), onMouseMove: handleMouseMove, children: [
     /* @__PURE__ */ jsx("svg", { width: size, height: size, children: slices.map((slice, i) => /* @__PURE__ */ jsxs("g", { children: [
       /* @__PURE__ */ jsx(
         "path",
@@ -7405,7 +7452,7 @@ function ChartStackedBar({
     setTooltipPos({ x: e.clientX - rect.left, y: e.clientY - rect.top });
   };
   const svgProps = responsive ? { viewBox: `0 0 ${width} ${height}`, width: "100%", preserveAspectRatio: "xMidYMid meet" } : { width, height };
-  return /* @__PURE__ */ jsxs("div", { ref: containerRef, className: cn("relative", className), onMouseMove: handleMouseMove, children: [
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, "data-react-fancy-chart-stacked-bar": "", className: cn("relative", className), onMouseMove: handleMouseMove, children: [
     /* @__PURE__ */ jsxs("svg", { ...svgProps, height: responsive ? void 0 : height, children: [
       grid && /* @__PURE__ */ jsx(
         ChartGrid,