@particle-academy/react-fancy 1.5.1 → 1.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.cts CHANGED
@@ -571,17 +571,50 @@ interface CalloutProps {
571
571
 
572
572
  declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
573
573
 
574
+ type TimelineVariant = "stacked" | "alternating" | "horizontal";
575
+ /** @deprecated Use TimelineVariant instead */
574
576
  type TimelineOrientation = "vertical" | "horizontal";
577
+ interface TimelineEvent {
578
+ /** Free-form date string */
579
+ date?: string;
580
+ /** Event heading */
581
+ title: string;
582
+ /** Body text (rendered as children) */
583
+ description?: string;
584
+ /** Emoji character for the dot */
585
+ emoji?: string;
586
+ /** Custom icon ReactNode for the dot */
587
+ icon?: ReactNode;
588
+ /** Accent color for the dot */
589
+ color?: Color;
590
+ }
575
591
  interface TimelineProps {
576
- children: ReactNode;
577
- /** Layout direction. Default: "vertical" */
592
+ children?: ReactNode;
593
+ /** Layout variant. Default: "stacked" */
594
+ variant?: TimelineVariant;
595
+ /** @deprecated Use variant instead. Maps "vertical" → "stacked", "horizontal" → "horizontal" */
578
596
  orientation?: TimelineOrientation;
597
+ /** Data-driven events (alternative to children) */
598
+ events?: TimelineEvent[];
599
+ /** Optional heading above the timeline */
600
+ heading?: ReactNode;
601
+ /** Optional description below the heading */
602
+ description?: ReactNode;
603
+ /** Enable scroll-reveal animation. Default: true */
604
+ animated?: boolean;
579
605
  className?: string;
580
606
  }
581
607
  interface TimelineItemProps {
582
- children: ReactNode;
608
+ children?: ReactNode;
609
+ /** Custom icon ReactNode for the dot */
583
610
  icon?: ReactNode;
584
- color?: "blue" | "green" | "amber" | "red" | "zinc";
611
+ /** Emoji character for the dot */
612
+ emoji?: string;
613
+ /** Date label displayed above the title */
614
+ date?: string;
615
+ /** Dot accent color */
616
+ color?: Color;
617
+ /** Whether this item is the active/current step */
585
618
  active?: boolean;
586
619
  className?: string;
587
620
  }
@@ -592,8 +625,10 @@ interface TimelineBlockProps {
592
625
  children: ReactNode;
593
626
  /** Optional icon displayed in the timeline dot */
594
627
  icon?: ReactNode;
628
+ /** Emoji character for the dot */
629
+ emoji?: string;
595
630
  /** Dot/icon color */
596
- color?: "blue" | "green" | "amber" | "red" | "zinc";
631
+ color?: Color;
597
632
  /** Whether this block is the active/current step */
598
633
  active?: boolean;
599
634
  className?: string;
@@ -1793,6 +1828,8 @@ interface CanvasProps {
1793
1828
  zoomable?: boolean;
1794
1829
  gridSize?: number;
1795
1830
  showGrid?: boolean;
1831
+ /** Automatically fit all nodes into view on initial mount */
1832
+ fitOnMount?: boolean;
1796
1833
  className?: string;
1797
1834
  style?: CSSProperties;
1798
1835
  }
@@ -1801,6 +1838,10 @@ interface CanvasNodeProps {
1801
1838
  id: string;
1802
1839
  x: number;
1803
1840
  y: number;
1841
+ /** Allow drag-to-move */
1842
+ draggable?: boolean;
1843
+ /** Called when the node is dragged to a new position */
1844
+ onPositionChange?: (x: number, y: number) => void;
1804
1845
  className?: string;
1805
1846
  style?: CSSProperties;
1806
1847
  }
@@ -1832,7 +1873,7 @@ interface CanvasControlsProps {
1832
1873
  showFitAll?: boolean;
1833
1874
  }
1834
1875
 
1835
- declare function CanvasNode({ children, id, x, y, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
1876
+ declare function CanvasNode({ children, id, x, y, draggable, onPositionChange, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
1836
1877
  declare namespace CanvasNode {
1837
1878
  var displayName: string;
1838
1879
  }
@@ -1852,7 +1893,7 @@ declare namespace CanvasControls {
1852
1893
  var displayName: string;
1853
1894
  }
1854
1895
 
1855
- declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
1896
+ declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, fitOnMount, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
1856
1897
  declare const Canvas: typeof CanvasRoot & {
1857
1898
  Node: typeof CanvasNode;
1858
1899
  Edge: typeof CanvasEdge;
@@ -1873,14 +1914,16 @@ interface DiagramFieldData {
1873
1914
  nullable?: boolean;
1874
1915
  }
1875
1916
  interface DiagramEntityData {
1876
- id: string;
1917
+ /** Unique identifier. Defaults to `name` if omitted. */
1918
+ id?: string;
1877
1919
  name: string;
1878
1920
  fields?: DiagramFieldData[];
1879
1921
  x?: number;
1880
1922
  y?: number;
1881
1923
  }
1882
1924
  interface DiagramRelationData {
1883
- id: string;
1925
+ /** Unique identifier. Auto-generated if omitted. */
1926
+ id?: string;
1884
1927
  from: string;
1885
1928
  to: string;
1886
1929
  fromField?: string;
@@ -1916,11 +1959,16 @@ interface DiagramProps {
1916
1959
  }
1917
1960
  interface DiagramEntityProps {
1918
1961
  children?: ReactNode;
1919
- id: string;
1962
+ /** Unique identifier. Defaults to `name` if omitted. */
1963
+ id?: string;
1920
1964
  name: string;
1921
1965
  x?: number;
1922
1966
  y?: number;
1923
1967
  color?: string;
1968
+ /** Allow drag-to-move */
1969
+ draggable?: boolean;
1970
+ /** Called when the entity is dragged to a new position */
1971
+ onPositionChange?: (x: number, y: number) => void;
1924
1972
  className?: string;
1925
1973
  }
1926
1974
  interface DiagramFieldProps {
@@ -1944,7 +1992,7 @@ interface DiagramToolbarProps {
1944
1992
  className?: string;
1945
1993
  }
1946
1994
 
1947
- declare function DiagramEntity({ children, id, name, x, y, color, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
1995
+ declare function DiagramEntity({ children, id: idProp, name, x, y, color, draggable, onPositionChange, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
1948
1996
  declare namespace DiagramEntity {
1949
1997
  var displayName: string;
1950
1998
  }
@@ -1954,8 +2002,9 @@ declare namespace DiagramField {
1954
2002
  var displayName: string;
1955
2003
  }
1956
2004
 
1957
- declare function DiagramRelation({ from, to, type, label, className, }: DiagramRelationProps): react_jsx_runtime.JSX.Element;
2005
+ declare function DiagramRelation({ from, to, fromField: fromFieldProp, toField: toFieldProp, type, label, }: DiagramRelationProps): react_jsx_runtime.JSX.Element | null;
1958
2006
  declare namespace DiagramRelation {
2007
+ var _isCanvasEdge: boolean;
1959
2008
  var displayName: string;
1960
2009
  }
1961
2010
 
@@ -2040,4 +2089,4 @@ declare function find(char: string): {
2040
2089
  category: string;
2041
2090
  } | undefined;
2042
2091
 
2043
- 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 };
2092
+ 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 TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, 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 CHANGED
@@ -571,17 +571,50 @@ interface CalloutProps {
571
571
 
572
572
  declare const Callout: react.ForwardRefExoticComponent<CalloutProps & react.RefAttributes<HTMLDivElement>>;
573
573
 
574
+ type TimelineVariant = "stacked" | "alternating" | "horizontal";
575
+ /** @deprecated Use TimelineVariant instead */
574
576
  type TimelineOrientation = "vertical" | "horizontal";
577
+ interface TimelineEvent {
578
+ /** Free-form date string */
579
+ date?: string;
580
+ /** Event heading */
581
+ title: string;
582
+ /** Body text (rendered as children) */
583
+ description?: string;
584
+ /** Emoji character for the dot */
585
+ emoji?: string;
586
+ /** Custom icon ReactNode for the dot */
587
+ icon?: ReactNode;
588
+ /** Accent color for the dot */
589
+ color?: Color;
590
+ }
575
591
  interface TimelineProps {
576
- children: ReactNode;
577
- /** Layout direction. Default: "vertical" */
592
+ children?: ReactNode;
593
+ /** Layout variant. Default: "stacked" */
594
+ variant?: TimelineVariant;
595
+ /** @deprecated Use variant instead. Maps "vertical" → "stacked", "horizontal" → "horizontal" */
578
596
  orientation?: TimelineOrientation;
597
+ /** Data-driven events (alternative to children) */
598
+ events?: TimelineEvent[];
599
+ /** Optional heading above the timeline */
600
+ heading?: ReactNode;
601
+ /** Optional description below the heading */
602
+ description?: ReactNode;
603
+ /** Enable scroll-reveal animation. Default: true */
604
+ animated?: boolean;
579
605
  className?: string;
580
606
  }
581
607
  interface TimelineItemProps {
582
- children: ReactNode;
608
+ children?: ReactNode;
609
+ /** Custom icon ReactNode for the dot */
583
610
  icon?: ReactNode;
584
- color?: "blue" | "green" | "amber" | "red" | "zinc";
611
+ /** Emoji character for the dot */
612
+ emoji?: string;
613
+ /** Date label displayed above the title */
614
+ date?: string;
615
+ /** Dot accent color */
616
+ color?: Color;
617
+ /** Whether this item is the active/current step */
585
618
  active?: boolean;
586
619
  className?: string;
587
620
  }
@@ -592,8 +625,10 @@ interface TimelineBlockProps {
592
625
  children: ReactNode;
593
626
  /** Optional icon displayed in the timeline dot */
594
627
  icon?: ReactNode;
628
+ /** Emoji character for the dot */
629
+ emoji?: string;
595
630
  /** Dot/icon color */
596
- color?: "blue" | "green" | "amber" | "red" | "zinc";
631
+ color?: Color;
597
632
  /** Whether this block is the active/current step */
598
633
  active?: boolean;
599
634
  className?: string;
@@ -1793,6 +1828,8 @@ interface CanvasProps {
1793
1828
  zoomable?: boolean;
1794
1829
  gridSize?: number;
1795
1830
  showGrid?: boolean;
1831
+ /** Automatically fit all nodes into view on initial mount */
1832
+ fitOnMount?: boolean;
1796
1833
  className?: string;
1797
1834
  style?: CSSProperties;
1798
1835
  }
@@ -1801,6 +1838,10 @@ interface CanvasNodeProps {
1801
1838
  id: string;
1802
1839
  x: number;
1803
1840
  y: number;
1841
+ /** Allow drag-to-move */
1842
+ draggable?: boolean;
1843
+ /** Called when the node is dragged to a new position */
1844
+ onPositionChange?: (x: number, y: number) => void;
1804
1845
  className?: string;
1805
1846
  style?: CSSProperties;
1806
1847
  }
@@ -1832,7 +1873,7 @@ interface CanvasControlsProps {
1832
1873
  showFitAll?: boolean;
1833
1874
  }
1834
1875
 
1835
- declare function CanvasNode({ children, id, x, y, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
1876
+ declare function CanvasNode({ children, id, x, y, draggable, onPositionChange, className, style }: CanvasNodeProps): react_jsx_runtime.JSX.Element;
1836
1877
  declare namespace CanvasNode {
1837
1878
  var displayName: string;
1838
1879
  }
@@ -1852,7 +1893,7 @@ declare namespace CanvasControls {
1852
1893
  var displayName: string;
1853
1894
  }
1854
1895
 
1855
- declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
1896
+ declare function CanvasRoot({ children, viewport: controlledViewport, defaultViewport, onViewportChange, minZoom, maxZoom, pannable, zoomable, showGrid, fitOnMount, className, style, }: CanvasProps): react_jsx_runtime.JSX.Element;
1856
1897
  declare const Canvas: typeof CanvasRoot & {
1857
1898
  Node: typeof CanvasNode;
1858
1899
  Edge: typeof CanvasEdge;
@@ -1873,14 +1914,16 @@ interface DiagramFieldData {
1873
1914
  nullable?: boolean;
1874
1915
  }
1875
1916
  interface DiagramEntityData {
1876
- id: string;
1917
+ /** Unique identifier. Defaults to `name` if omitted. */
1918
+ id?: string;
1877
1919
  name: string;
1878
1920
  fields?: DiagramFieldData[];
1879
1921
  x?: number;
1880
1922
  y?: number;
1881
1923
  }
1882
1924
  interface DiagramRelationData {
1883
- id: string;
1925
+ /** Unique identifier. Auto-generated if omitted. */
1926
+ id?: string;
1884
1927
  from: string;
1885
1928
  to: string;
1886
1929
  fromField?: string;
@@ -1916,11 +1959,16 @@ interface DiagramProps {
1916
1959
  }
1917
1960
  interface DiagramEntityProps {
1918
1961
  children?: ReactNode;
1919
- id: string;
1962
+ /** Unique identifier. Defaults to `name` if omitted. */
1963
+ id?: string;
1920
1964
  name: string;
1921
1965
  x?: number;
1922
1966
  y?: number;
1923
1967
  color?: string;
1968
+ /** Allow drag-to-move */
1969
+ draggable?: boolean;
1970
+ /** Called when the entity is dragged to a new position */
1971
+ onPositionChange?: (x: number, y: number) => void;
1924
1972
  className?: string;
1925
1973
  }
1926
1974
  interface DiagramFieldProps {
@@ -1944,7 +1992,7 @@ interface DiagramToolbarProps {
1944
1992
  className?: string;
1945
1993
  }
1946
1994
 
1947
- declare function DiagramEntity({ children, id, name, x, y, color, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
1995
+ declare function DiagramEntity({ children, id: idProp, name, x, y, color, draggable, onPositionChange, className, }: DiagramEntityProps): react_jsx_runtime.JSX.Element;
1948
1996
  declare namespace DiagramEntity {
1949
1997
  var displayName: string;
1950
1998
  }
@@ -1954,8 +2002,9 @@ declare namespace DiagramField {
1954
2002
  var displayName: string;
1955
2003
  }
1956
2004
 
1957
- declare function DiagramRelation({ from, to, type, label, className, }: DiagramRelationProps): react_jsx_runtime.JSX.Element;
2005
+ declare function DiagramRelation({ from, to, fromField: fromFieldProp, toField: toFieldProp, type, label, }: DiagramRelationProps): react_jsx_runtime.JSX.Element | null;
1958
2006
  declare namespace DiagramRelation {
2007
+ var _isCanvasEdge: boolean;
1959
2008
  var displayName: string;
1960
2009
  }
1961
2010
 
@@ -2040,4 +2089,4 @@ declare function find(char: string): {
2040
2089
  category: string;
2041
2090
  } | undefined;
2042
2091
 
2043
- 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 };
2092
+ 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 TimelineEvent, type TimelineItemProps, type TimelineOrientation, type TimelineProps, type TimelineVariant, 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 };