@noya-app/noya-designsystem 0.1.55 → 0.1.57

package/.turbo/turbo-build.log

@@ -7,12 +7,12 @@
 CLI Target: esnext
 CJS Build start
 ESM Build start
-ESM dist/index.mjs     366.67 KB
-ESM dist/index.mjs.map 760.37 KB
-ESM ⚡️ Build success in 313ms
-CJS dist/index.js     388.50 KB
-CJS dist/index.js.map 760.07 KB
-CJS ⚡️ Build success in 314ms
+CJS dist/index.js     399.23 KB
+CJS dist/index.js.map 783.78 KB
+CJS ⚡️ Build success in 89ms
+ESM dist/index.mjs     376.87 KB
+ESM dist/index.mjs.map 783.92 KB
+ESM ⚡️ Build success in 89ms
 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 1163ms.
+Done in 380ms.
 
-DTS ⚡️ Build success in 9462ms
-DTS dist/index.d.ts  93.62 KB
-DTS dist/index.d.mts 93.62 KB
+DTS ⚡️ Build success in 6452ms
+DTS dist/index.d.ts  96.88 KB
+DTS dist/index.d.mts 96.88 KB

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @noya-app/noya-designsystem
 
+## 0.1.57
+
+### Patch Changes
+
+- 9e59d48: Drag improvements
+
+## 0.1.56
+
+### Patch Changes
+
+- 7e35a6b: Package updates
+- Updated dependencies [7e35a6b]
+  - @noya-app/noya-icons@0.1.10
+
 ## 0.1.55
 
 ### Patch Changes

package/dist/index.d.mts

@@ -5,9 +5,8 @@ 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 } from '@noya-app/noya-geometry';
-import { UniqueIdentifier } from '@dnd-kit/core';
-import { useSortable } from '@dnd-kit/sortable';
+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';
 import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
@@ -20,6 +19,7 @@ import * as RadixContextMenu from '@radix-ui/react-context-menu';
 import { MultiplayerUser } from '@noya-app/noya-multiplayer-react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { SelectProps } from '@radix-ui/react-select';
+import { useSortable } from '@dnd-kit/sortable';
 import { ImperativePanelGroupHandle } from 'react-resizable-panels';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
@@ -709,7 +709,23 @@ 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) => boolean;
+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 AcceptsFromList = ({ sourceListId, targetListId, }: {
+    sourceListId: string;
+    targetListId: string;
+}) => boolean;
+interface DragItem {
+    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 = {
@@ -722,7 +738,9 @@ type SortableItemContextProps = {
     };
     setActivatorEvent: (event: PointerEvent) => void;
     getDropTargetParentIndex?: (index: number) => number | undefined;
+    listId: string;
 };
+declare const SortableItemContext: React$1.Context<SortableItemContextProps>;
 type ValidateDropIndicatorParams = {
     acceptsDrop: DropValidator;
     keys: UniqueIdentifier[];
@@ -731,40 +749,40 @@ type ValidateDropIndicatorParams = {
     offsetStart: number;
     elementStart: number;
     elementSize: number;
+    sourceListId: string;
+    targetListId: string;
 };
-declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
-type UseSortableReturnType = ReturnType<typeof useSortable>;
-type ItemChildrenProps<T> = {
-    ref: React$1.Ref<T>;
-    relativeDropPosition?: RelativeDropPosition;
-    style?: React$1.CSSProperties;
-} & UseSortableReturnType["attributes"];
-interface ItemProps$1<T> {
-    id: UniqueIdentifier;
-    disabled?: boolean;
-    children: (props: ItemChildrenProps<T>) => JSX.Element;
-}
-interface RootProps {
+declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
+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[];
-    children: React$1.ReactNode;
-    renderOverlay?: (index: number) => React$1.ReactNode;
-    onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
-    acceptsDrop?: SortableItemContextProps["acceptsDrop"];
-    axis?: SortableItemContextProps["axis"];
-    getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
+    onMoveItem: MoveDragItemHandler;
+    renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
+    acceptsFromList: AcceptsFromList;
+    acceptsDrop: AcceptsDrop;
+    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
 }
-declare function SortableRoot({ keys, children, onMoveItem, renderOverlay, acceptsDrop, axis, getDropTargetParentIndex, }: RootProps): React$1.JSX.Element;
-interface SortableProps<T, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
-    items: T[];
-    keyExtractor: (item: T) => UniqueIdentifier;
-    shouldRenderOverlay?: boolean;
-    renderItem: (item: T, props: ItemChildrenProps<TElement>, { isOverlay }: {
-        isOverlay: boolean;
-    }) => JSX.Element;
+interface DragRegistrationContextType {
+    registerList: (list: RegisteredList) => void;
+    unregisterList: (listId: string) => void;
 }
-declare const Sortable: (<TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactElement | null) & {
-    readonly Root: React$1.MemoExoticComponent<typeof SortableRoot>;
-    readonly Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
+type ActiveDragContextType = DragState;
+type SharedDragProps = {
+    dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
+    activeDragContext: React__default.Context<ActiveDragContextType | null>;
 };
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
@@ -866,7 +884,7 @@ type ListViewRootProps = {
     onPress?: () => void;
     scrollable?: boolean;
     expandable?: boolean;
-    onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
+    onMoveItem?: MoveDragItemHandler;
     indentation?: number;
     acceptsDrop?: DropValidator;
     pressEventName?: PressEventName;
@@ -882,6 +900,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 }: {
@@ -981,6 +1001,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";
@@ -1797,6 +1819,58 @@ interface Props$4 {
 }
 declare const Slider: React__default.NamedExoticComponent<Props$4>;
 
+type SharedDragProviderProps = {
+    children: React$1.ReactNode;
+    sharedDragProps?: SharedDragProps;
+};
+declare function SharedDragProvider({ children, 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;
+
+type UseSortableReturnType = ReturnType<typeof useSortable>;
+type ItemChildrenProps<T> = {
+    ref: React$1.Ref<T>;
+    relativeDropPosition?: RelativeDropPosition;
+    style?: React$1.CSSProperties;
+} & UseSortableReturnType["attributes"];
+interface RootProps {
+    id?: string;
+    keys: UniqueIdentifier[];
+    axis?: "x" | "y";
+    children?: React$1.ReactNode;
+    renderOverlay?: (index: number) => React$1.ReactNode;
+    onMoveItem?: MoveDragItemHandler;
+    acceptsFromList?: AcceptsFromList;
+    acceptsDrop?: DropValidator;
+    getDropTargetParentIndex?: (index: number) => number | undefined;
+    sharedDragProps?: SharedDragProps;
+    containerRef?: React$1.RefObject<HTMLElement>;
+}
+declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
+    id: UniqueIdentifier;
+    disabled?: boolean;
+    children: (props: ItemChildrenProps<TElement>) => React$1.ReactNode;
+}): React$1.ReactNode;
+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;
+    shouldRenderOverlay?: boolean;
+    renderItem: (item: TItem, props: ItemChildrenProps<TElement>, { isOverlay }: {
+        isOverlay: boolean;
+    }) => React$1.ReactNode;
+}
+declare const Sortable: (<TItem, TElement extends HTMLElement>({ items, keyExtractor, shouldRenderOverlay, renderItem, ...rest }: SortableProps<TItem, TElement>) => React$1.JSX.Element) & {
+    Root: typeof SortableRoot_;
+    Item: typeof SortableItem;
+};
+
+declare function createSharedDrag(): {
+    Provider: typeof SharedDragProvider;
+    Sortable: <TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactNode;
+    props: SharedDragProps;
+};
+
 interface Props$3 {
     size?: number | string;
     inline?: boolean;
@@ -2331,14 +2405,17 @@ declare const ToolbarMenuDropdown: <T extends string>(props: {
 declare const ToolbarMenuButton: <T extends string>(props: {
     item: SelectableMenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
+    as?: ComponentProps<typeof Button>["as"];
 }) => React__default.ReactElement | null;
 declare const ToolbarMenuItem: <T extends string>(props: {
     item: MenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
+    buttonAs?: ComponentProps<typeof Button>["as"];
 }) => React__default.ReactElement | null;
 declare const ToolbarMenu: <T extends string>(props: {
     items: MenuItem<T>[];
     onSelectMenuItem?: (value: T) => void;
+    buttonAs?: ComponentProps<typeof Button>["as"];
 }) => React__default.ReactElement | null;
 interface ToolbarProps<T extends string = string> {
     children?: React__default.ReactNode;
@@ -2351,4 +2428,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 AcceptsDropOptions, 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, 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 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, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, 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, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, 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, 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 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, 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,9 +5,8 @@ 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 } from '@noya-app/noya-geometry';
-import { UniqueIdentifier } from '@dnd-kit/core';
-import { useSortable } from '@dnd-kit/sortable';
+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';
 import { SectionProps as SectionProps$1, BannerProps as BannerProps$1 } from '@noya-app/noya-designsystem';
@@ -20,6 +19,7 @@ import * as RadixContextMenu from '@radix-ui/react-context-menu';
 import { MultiplayerUser } from '@noya-app/noya-multiplayer-react';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import { SelectProps } from '@radix-ui/react-select';
+import { useSortable } from '@dnd-kit/sortable';
 import { ImperativePanelGroupHandle } from 'react-resizable-panels';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
@@ -709,7 +709,23 @@ 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) => boolean;
+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 AcceptsFromList = ({ sourceListId, targetListId, }: {
+    sourceListId: string;
+    targetListId: string;
+}) => boolean;
+interface DragItem {
+    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 = {
@@ -722,7 +738,9 @@ type SortableItemContextProps = {
     };
     setActivatorEvent: (event: PointerEvent) => void;
     getDropTargetParentIndex?: (index: number) => number | undefined;
+    listId: string;
 };
+declare const SortableItemContext: React$1.Context<SortableItemContextProps>;
 type ValidateDropIndicatorParams = {
     acceptsDrop: DropValidator;
     keys: UniqueIdentifier[];
@@ -731,40 +749,40 @@ type ValidateDropIndicatorParams = {
     offsetStart: number;
     elementStart: number;
     elementSize: number;
+    sourceListId: string;
+    targetListId: string;
 };
-declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
-type UseSortableReturnType = ReturnType<typeof useSortable>;
-type ItemChildrenProps<T> = {
-    ref: React$1.Ref<T>;
-    relativeDropPosition?: RelativeDropPosition;
-    style?: React$1.CSSProperties;
-} & UseSortableReturnType["attributes"];
-interface ItemProps$1<T> {
-    id: UniqueIdentifier;
-    disabled?: boolean;
-    children: (props: ItemChildrenProps<T>) => JSX.Element;
-}
-interface RootProps {
+declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
+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[];
-    children: React$1.ReactNode;
-    renderOverlay?: (index: number) => React$1.ReactNode;
-    onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
-    acceptsDrop?: SortableItemContextProps["acceptsDrop"];
-    axis?: SortableItemContextProps["axis"];
-    getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
+    onMoveItem: MoveDragItemHandler;
+    renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
+    acceptsFromList: AcceptsFromList;
+    acceptsDrop: AcceptsDrop;
+    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
 }
-declare function SortableRoot({ keys, children, onMoveItem, renderOverlay, acceptsDrop, axis, getDropTargetParentIndex, }: RootProps): React$1.JSX.Element;
-interface SortableProps<T, TElement extends HTMLElement> extends Omit<RootProps, "children" | "keys" | "renderOverlay"> {
-    items: T[];
-    keyExtractor: (item: T) => UniqueIdentifier;
-    shouldRenderOverlay?: boolean;
-    renderItem: (item: T, props: ItemChildrenProps<TElement>, { isOverlay }: {
-        isOverlay: boolean;
-    }) => JSX.Element;
+interface DragRegistrationContextType {
+    registerList: (list: RegisteredList) => void;
+    unregisterList: (listId: string) => void;
 }
-declare const Sortable: (<TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactElement | null) & {
-    readonly Root: React$1.MemoExoticComponent<typeof SortableRoot>;
-    readonly Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
+type ActiveDragContextType = DragState;
+type SharedDragProps = {
+    dragRegistrationContext: React__default.Context<DragRegistrationContextType | null>;
+    activeDragContext: React__default.Context<ActiveDragContextType | null>;
 };
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
@@ -866,7 +884,7 @@ type ListViewRootProps = {
     onPress?: () => void;
     scrollable?: boolean;
     expandable?: boolean;
-    onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
+    onMoveItem?: MoveDragItemHandler;
     indentation?: number;
     acceptsDrop?: DropValidator;
     pressEventName?: PressEventName;
@@ -882,6 +900,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 }: {
@@ -981,6 +1001,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";
@@ -1797,6 +1819,58 @@ interface Props$4 {
 }
 declare const Slider: React__default.NamedExoticComponent<Props$4>;
 
+type SharedDragProviderProps = {
+    children: React$1.ReactNode;
+    sharedDragProps?: SharedDragProps;
+};
+declare function SharedDragProvider({ children, 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;
+
+type UseSortableReturnType = ReturnType<typeof useSortable>;
+type ItemChildrenProps<T> = {
+    ref: React$1.Ref<T>;
+    relativeDropPosition?: RelativeDropPosition;
+    style?: React$1.CSSProperties;
+} & UseSortableReturnType["attributes"];
+interface RootProps {
+    id?: string;
+    keys: UniqueIdentifier[];
+    axis?: "x" | "y";
+    children?: React$1.ReactNode;
+    renderOverlay?: (index: number) => React$1.ReactNode;
+    onMoveItem?: MoveDragItemHandler;
+    acceptsFromList?: AcceptsFromList;
+    acceptsDrop?: DropValidator;
+    getDropTargetParentIndex?: (index: number) => number | undefined;
+    sharedDragProps?: SharedDragProps;
+    containerRef?: React$1.RefObject<HTMLElement>;
+}
+declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
+    id: UniqueIdentifier;
+    disabled?: boolean;
+    children: (props: ItemChildrenProps<TElement>) => React$1.ReactNode;
+}): React$1.ReactNode;
+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;
+    shouldRenderOverlay?: boolean;
+    renderItem: (item: TItem, props: ItemChildrenProps<TElement>, { isOverlay }: {
+        isOverlay: boolean;
+    }) => React$1.ReactNode;
+}
+declare const Sortable: (<TItem, TElement extends HTMLElement>({ items, keyExtractor, shouldRenderOverlay, renderItem, ...rest }: SortableProps<TItem, TElement>) => React$1.JSX.Element) & {
+    Root: typeof SortableRoot_;
+    Item: typeof SortableItem;
+};
+
+declare function createSharedDrag(): {
+    Provider: typeof SharedDragProvider;
+    Sortable: <TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactNode;
+    props: SharedDragProps;
+};
+
 interface Props$3 {
     size?: number | string;
     inline?: boolean;
@@ -2331,14 +2405,17 @@ declare const ToolbarMenuDropdown: <T extends string>(props: {
 declare const ToolbarMenuButton: <T extends string>(props: {
     item: SelectableMenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
+    as?: ComponentProps<typeof Button>["as"];
 }) => React__default.ReactElement | null;
 declare const ToolbarMenuItem: <T extends string>(props: {
     item: MenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
+    buttonAs?: ComponentProps<typeof Button>["as"];
 }) => React__default.ReactElement | null;
 declare const ToolbarMenu: <T extends string>(props: {
     items: MenuItem<T>[];
     onSelectMenuItem?: (value: T) => void;
+    buttonAs?: ComponentProps<typeof Button>["as"];
 }) => React__default.ReactElement | null;
 interface ToolbarProps<T extends string = string> {
     children?: React__default.ReactNode;
@@ -2351,4 +2428,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 AcceptsDropOptions, 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, 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 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, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, 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, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createSectionedMenu, cssVarNames, cssVars, cx, defaultAcceptsDrop, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, 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, 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 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, 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 };