@noya-app/noya-designsystem 0.1.56 → 0.1.58

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-CJS dist/index.js     398.83 KB
-CJS dist/index.js.map 782.38 KB
-CJS ⚡️ Build success in 86ms
-ESM dist/index.mjs     376.55 KB
-ESM dist/index.mjs.map 782.53 KB
-ESM ⚡️ Build success in 87ms
+CJS dist/index.js     400.75 KB
+CJS dist/index.js.map 786.02 KB
+CJS ⚡️ Build success in 101ms
+ESM dist/index.mjs     378.26 KB
+ESM dist/index.mjs.map 786.18 KB
+ESM ⚡️ Build success in 102ms
 DTS Build start
 Browserslist: caniuse-lite is outdated. Please run:
   npx update-browserslist-db@latest
@@ -20,8 +20,8 @@ Browserslist: caniuse-lite is outdated. Please run:
 
 Rebuilding...
 
-Done in 367ms.
+Done in 361ms.
 
-DTS ⚡️ Build success in 6165ms
-DTS dist/index.d.ts  96.58 KB
-DTS dist/index.d.mts 96.58 KB
+DTS ⚡️ Build success in 5824ms
+DTS dist/index.d.ts  96.96 KB
+DTS dist/index.d.mts 96.96 KB

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @noya-app/noya-designsystem
 
+## 0.1.58
+
+### Patch Changes
+
+- b403ae4: Drag improvements
+- Updated dependencies [7bbd2a6]
+  - @noya-app/noya-colorpicker@0.1.22
+
+## 0.1.57
+
+### Patch Changes
+
+- 9e59d48: Drag improvements
+
 ## 0.1.56
 
 ### Patch Changes

package/dist/index.d.mts

@@ -5,7 +5,7 @@ import * as Icons from '@noya-app/noya-icons';
 export { Icons };
 import tailwindConfig from '@noya-app/noya-tailwind-config';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
-import { Size, Rect, Point as Point$1 } from '@noya-app/noya-geometry';
+import { Point as Point$1, Size, Rect } from '@noya-app/noya-geometry';
 import { UniqueIdentifier, Active, Over, CollisionDetection } from '@dnd-kit/core';
 import { Property } from 'csstype';
 import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
@@ -709,23 +709,30 @@ interface ChipProps {
 declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
 
 type RelativeDropPosition = "above" | "below" | "inside";
-type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => boolean;
-type AcceptsDrop = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => boolean;
-type MoveDragItemHandler = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => void;
+type MoveDragItemParameters = {
+    sourceIndex: number;
+    sourceListId: string;
+    targetIndex: number;
+    targetListId: string;
+    position: RelativeDropPosition;
+};
+type DropValidator = (parameters: MoveDragItemParameters) => boolean;
+type AcceptsDrop = (parameters: MoveDragItemParameters) => boolean;
+type MoveDragItemHandler = (parameters: MoveDragItemParameters) => void;
 type AcceptsFromList = ({ sourceListId, targetListId, }: {
     sourceListId: string;
     targetListId: string;
 }) => boolean;
 interface DragItem {
-    id: UniqueIdentifier;
-    listId: string;
-    index: number;
-}
-interface DropTarget {
-    id: UniqueIdentifier;
+    itemId: UniqueIdentifier;
     listId: string;
     index: number;
 }
+type DragState = {
+    source: DragItem | null;
+    target: DragItem | null;
+    indicator: RelativeDropPosition | null;
+};
 declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
 declare const defaultAcceptsDrop: DropValidator;
 type SortableItemContextProps = {
@@ -753,6 +760,38 @@ type ValidateDropIndicatorParams = {
     targetListId: string;
 };
 declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
+declare const dragItemKeySeparator = "-~-";
+declare function createDragItemKey(listId: string, itemId: UniqueIdentifier): string;
+declare function parseDragItemKey(key: string): {
+    listId: string;
+    itemId: UniqueIdentifier;
+};
+
+type GetDropIndicatorParameters = {
+    absolutePosition: Point$1;
+    active: Active;
+    over: Over;
+    sourceListId: string;
+    targetListId: string;
+};
+interface RegisteredList {
+    id: string;
+    keys: UniqueIdentifier[];
+    onMoveItem: MoveDragItemHandler;
+    renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
+    acceptsFromList: AcceptsFromList;
+    acceptsDrop: AcceptsDrop;
+    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
+}
+interface DragRegistrationContextType {
+    registerList: (list: RegisteredList) => void;
+    unregisterList: (listId: string) => void;
+}
+type ActiveDragContextType = DragState;
+type SharedDragProps = {
+    dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
+    activeDragContext: React__default.Context<ActiveDragContextType | null>;
+};
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
 type ListRowPosition = "only" | "first" | "middle" | "last";
@@ -869,6 +908,8 @@ type ListViewRootProps = {
     onDrop?: React__default.DragEventHandler<HTMLDivElement>;
     renderEmptyState?: () => ReactNode;
     getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
+    sharedDragProps?: SharedDragProps;
+    sortableId?: string;
 };
 declare namespace ListView {
     const RowTitle: React__default.MemoExoticComponent<({ className, children, ...props }: {
@@ -968,6 +1009,8 @@ interface CollectionProps<T, M extends string = string> {
     /** @default false */
     sortable?: boolean;
     dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
+    sharedDragProps?: SharedDragProps;
+    sortableId?: string;
 }
 declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
 type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
@@ -1784,42 +1827,14 @@ interface Props$4 {
 }
 declare const Slider: React__default.NamedExoticComponent<Props$4>;
 
-type GetDropIndicatorParameters = {
-    absolutePosition: Point$1;
-    active: Active;
-    over: Over;
-    sourceListId: string;
-    targetListId: string;
-};
-interface RegisteredList {
-    id: string;
-    keys: UniqueIdentifier[];
-    onMoveItem: MoveDragItemHandler;
-    renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
-    acceptsFromList: AcceptsFromList;
-    acceptsDrop: AcceptsDrop;
-    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
-}
-interface DragRegistrationContextType {
-    registerList: (list: RegisteredList) => void;
-    unregisterList: (listId: string) => void;
-}
-type ActiveDragContextType = {
-    activeItem: DragItem | null;
-    delta: Point$1;
-};
-type SharedDragProviderContexts = {
-    dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
-    activeDragContext: React__default.Context<ActiveDragContextType | null>;
-};
-
 type SharedDragProviderProps = {
     children: React$1.ReactNode;
-    contexts?: SharedDragProviderContexts;
+    onMoveItem?: MoveDragItemHandler;
+    sharedDragProps?: SharedDragProps;
 };
-declare function SharedDragProvider({ children, contexts, }: SharedDragProviderProps): React$1.JSX.Element;
+declare function SharedDragProvider({ children, onMoveItem, sharedDragProps, }: SharedDragProviderProps): React$1.JSX.Element;
 declare function withDragProvider<T extends object>(Component: React$1.ComponentType<T>): (props: T) => React$1.JSX.Element;
-declare const getItemFirstCollisionDetection: (registeredListIds: string[]) => CollisionDetection;
+declare const getItemFirstCollisionDetection: (registeredLists: Map<string, RegisteredList>) => CollisionDetection;
 
 type UseSortableReturnType = ReturnType<typeof useSortable>;
 type ItemChildrenProps<T> = {
@@ -1837,7 +1852,7 @@ interface RootProps {
     acceptsFromList?: AcceptsFromList;
     acceptsDrop?: DropValidator;
     getDropTargetParentIndex?: (index: number) => number | undefined;
-    sharedDragProviderContexts?: SharedDragProviderContexts;
+    sharedDragProps?: SharedDragProps;
     containerRef?: React$1.RefObject<HTMLElement>;
 }
 declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
@@ -1845,7 +1860,7 @@ declare function SortableItem<TElement extends HTMLElement>({ id, disabled, chil
     disabled?: boolean;
     children: (props: ItemChildrenProps<TElement>) => React$1.ReactNode;
 }): React$1.ReactNode;
-declare function SortableRoot_({ id: idProp, keys, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProviderContexts, containerRef, }: RootProps): React$1.JSX.Element;
+declare function SortableRoot_({ id: idProp, keys: keysProp, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProps, containerRef, }: RootProps): React$1.JSX.Element;
 interface SortableProps<TItem, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
     items: TItem[];
     keyExtractor: (item: TItem) => UniqueIdentifier;
@@ -1861,8 +1876,8 @@ declare const Sortable: (<TItem, TElement extends HTMLElement>({ items, keyExtra
 
 declare function createSharedDrag(): {
     Provider: typeof SharedDragProvider;
-    props: SharedDragProviderContexts;
     Sortable: <TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactNode;
+    props: SharedDragProps;
 };
 
 interface Props$3 {
@@ -2422,4 +2437,4 @@ interface ToolbarProps<T extends string = string> {
 }
 declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
 
-export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, type DragItem, DraggableMenuButton, Drawer, type DrawerProps, type DropTarget, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };
+export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, type DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type MoveDragItemParameters, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDragItemKey, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, defaultAcceptsDrop, dragItemKeySeparator, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as Icons from '@noya-app/noya-icons';
 export { Icons };
 import tailwindConfig from '@noya-app/noya-tailwind-config';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
-import { Size, Rect, Point as Point$1 } from '@noya-app/noya-geometry';
+import { Point as Point$1, Size, Rect } from '@noya-app/noya-geometry';
 import { UniqueIdentifier, Active, Over, CollisionDetection } from '@dnd-kit/core';
 import { Property } from 'csstype';
 import * as _noya_app_noya_designsystem from '@noya-app/noya-designsystem';
@@ -709,23 +709,30 @@ interface ChipProps {
 declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
 
 type RelativeDropPosition = "above" | "below" | "inside";
-type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => boolean;
-type AcceptsDrop = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => boolean;
-type MoveDragItemHandler = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition, sourceListId: string, targetListId: string) => void;
+type MoveDragItemParameters = {
+    sourceIndex: number;
+    sourceListId: string;
+    targetIndex: number;
+    targetListId: string;
+    position: RelativeDropPosition;
+};
+type DropValidator = (parameters: MoveDragItemParameters) => boolean;
+type AcceptsDrop = (parameters: MoveDragItemParameters) => boolean;
+type MoveDragItemHandler = (parameters: MoveDragItemParameters) => void;
 type AcceptsFromList = ({ sourceListId, targetListId, }: {
     sourceListId: string;
     targetListId: string;
 }) => boolean;
 interface DragItem {
-    id: UniqueIdentifier;
-    listId: string;
-    index: number;
-}
-interface DropTarget {
-    id: UniqueIdentifier;
+    itemId: UniqueIdentifier;
     listId: string;
     index: number;
 }
+type DragState = {
+    source: DragItem | null;
+    target: DragItem | null;
+    indicator: RelativeDropPosition | null;
+};
 declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
 declare const defaultAcceptsDrop: DropValidator;
 type SortableItemContextProps = {
@@ -753,6 +760,38 @@ type ValidateDropIndicatorParams = {
     targetListId: string;
 };
 declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
+declare const dragItemKeySeparator = "-~-";
+declare function createDragItemKey(listId: string, itemId: UniqueIdentifier): string;
+declare function parseDragItemKey(key: string): {
+    listId: string;
+    itemId: UniqueIdentifier;
+};
+
+type GetDropIndicatorParameters = {
+    absolutePosition: Point$1;
+    active: Active;
+    over: Over;
+    sourceListId: string;
+    targetListId: string;
+};
+interface RegisteredList {
+    id: string;
+    keys: UniqueIdentifier[];
+    onMoveItem: MoveDragItemHandler;
+    renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
+    acceptsFromList: AcceptsFromList;
+    acceptsDrop: AcceptsDrop;
+    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
+}
+interface DragRegistrationContextType {
+    registerList: (list: RegisteredList) => void;
+    unregisterList: (listId: string) => void;
+}
+type ActiveDragContextType = DragState;
+type SharedDragProps = {
+    dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
+    activeDragContext: React__default.Context<ActiveDragContextType | null>;
+};
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
 type ListRowPosition = "only" | "first" | "middle" | "last";
@@ -869,6 +908,8 @@ type ListViewRootProps = {
     onDrop?: React__default.DragEventHandler<HTMLDivElement>;
     renderEmptyState?: () => ReactNode;
     getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
+    sharedDragProps?: SharedDragProps;
+    sortableId?: string;
 };
 declare namespace ListView {
     const RowTitle: React__default.MemoExoticComponent<({ className, children, ...props }: {
@@ -968,6 +1009,8 @@ interface CollectionProps<T, M extends string = string> {
     /** @default false */
     sortable?: boolean;
     dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
+    sharedDragProps?: SharedDragProps;
+    sortableId?: string;
 }
 declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
 type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
@@ -1784,42 +1827,14 @@ interface Props$4 {
 }
 declare const Slider: React__default.NamedExoticComponent<Props$4>;
 
-type GetDropIndicatorParameters = {
-    absolutePosition: Point$1;
-    active: Active;
-    over: Over;
-    sourceListId: string;
-    targetListId: string;
-};
-interface RegisteredList {
-    id: string;
-    keys: UniqueIdentifier[];
-    onMoveItem: MoveDragItemHandler;
-    renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
-    acceptsFromList: AcceptsFromList;
-    acceptsDrop: AcceptsDrop;
-    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
-}
-interface DragRegistrationContextType {
-    registerList: (list: RegisteredList) => void;
-    unregisterList: (listId: string) => void;
-}
-type ActiveDragContextType = {
-    activeItem: DragItem | null;
-    delta: Point$1;
-};
-type SharedDragProviderContexts = {
-    dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
-    activeDragContext: React__default.Context<ActiveDragContextType | null>;
-};
-
 type SharedDragProviderProps = {
     children: React$1.ReactNode;
-    contexts?: SharedDragProviderContexts;
+    onMoveItem?: MoveDragItemHandler;
+    sharedDragProps?: SharedDragProps;
 };
-declare function SharedDragProvider({ children, contexts, }: SharedDragProviderProps): React$1.JSX.Element;
+declare function SharedDragProvider({ children, onMoveItem, sharedDragProps, }: SharedDragProviderProps): React$1.JSX.Element;
 declare function withDragProvider<T extends object>(Component: React$1.ComponentType<T>): (props: T) => React$1.JSX.Element;
-declare const getItemFirstCollisionDetection: (registeredListIds: string[]) => CollisionDetection;
+declare const getItemFirstCollisionDetection: (registeredLists: Map<string, RegisteredList>) => CollisionDetection;
 
 type UseSortableReturnType = ReturnType<typeof useSortable>;
 type ItemChildrenProps<T> = {
@@ -1837,7 +1852,7 @@ interface RootProps {
     acceptsFromList?: AcceptsFromList;
     acceptsDrop?: DropValidator;
     getDropTargetParentIndex?: (index: number) => number | undefined;
-    sharedDragProviderContexts?: SharedDragProviderContexts;
+    sharedDragProps?: SharedDragProps;
     containerRef?: React$1.RefObject<HTMLElement>;
 }
 declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
@@ -1845,7 +1860,7 @@ declare function SortableItem<TElement extends HTMLElement>({ id, disabled, chil
     disabled?: boolean;
     children: (props: ItemChildrenProps<TElement>) => React$1.ReactNode;
 }): React$1.ReactNode;
-declare function SortableRoot_({ id: idProp, keys, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProviderContexts, containerRef, }: RootProps): React$1.JSX.Element;
+declare function SortableRoot_({ id: idProp, keys: keysProp, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProps, containerRef, }: RootProps): React$1.JSX.Element;
 interface SortableProps<TItem, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
     items: TItem[];
     keyExtractor: (item: TItem) => UniqueIdentifier;
@@ -1861,8 +1876,8 @@ declare const Sortable: (<TItem, TElement extends HTMLElement>({ items, keyExtra
 
 declare function createSharedDrag(): {
     Provider: typeof SharedDragProvider;
-    props: SharedDragProviderContexts;
     Sortable: <TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactNode;
+    props: SharedDragProps;
 };
 
 interface Props$3 {
@@ -2422,4 +2437,4 @@ interface ToolbarProps<T extends string = string> {
 }
 declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
 
-export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, type DragItem, DraggableMenuButton, Drawer, type DrawerProps, type DropTarget, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };
+export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, type DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type MoveDragItemParameters, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PortalScopeContextValue, PortalScopeProvider, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDragItemKey, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, defaultAcceptsDrop, dragItemKeySeparator, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };