@noya-app/noya-designsystem 0.1.54 → 0.1.56

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 { Size, Rect, Point as Point$1 } 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';
 
@@ -658,6 +658,8 @@ interface ButtonRootProps {
     className?: string;
     style?: CSSProperties;
     tabIndex?: number;
+    icon?: MenuItemIcon;
+    iconRight?: MenuItemIcon;
     children: ReactNode;
     active?: boolean;
     disabled?: boolean;
@@ -707,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 {
+    id: UniqueIdentifier;
+    listId: string;
+    index: number;
+}
+interface DropTarget {
+    id: UniqueIdentifier;
+    listId: string;
+    index: number;
+}
 declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
 declare const defaultAcceptsDrop: DropValidator;
 type SortableItemContextProps = {
@@ -720,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[];
@@ -729,41 +749,10 @@ 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 {
-    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"];
-}
-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;
-}
-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;
-};
+declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
 type ListRowPosition = "only" | "first" | "middle" | "last";
@@ -864,7 +853,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;
@@ -1099,7 +1088,9 @@ interface InputFieldRootProps {
     id?: string;
     children?: ReactNode;
     start?: ReactNode;
+    startClassName?: string;
     end?: ReactNode;
+    endClassName?: string;
     label?: ReactNode;
     width?: number;
     startWidth?: number;
@@ -1118,7 +1109,7 @@ interface InputFieldRootProps {
     style?: React__default.CSSProperties;
     className?: string;
 }
-declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
+declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, startClassName, endClassName, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
 type InputFieldProps = InputFieldRootProps & InputFieldInputProps;
 declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>> & {
     readonly Root: React__default.MemoExoticComponent<typeof InputFieldRoot>;
@@ -1226,11 +1217,10 @@ declare const CommandPalette: React__default.NamedExoticComponent<{
 declare const UserAvatar: ({ userId, name, image }: AvatarProps) => React__default.JSX.Element;
 type ConnectedUsersMenuLayoutProps = {
     renderUsers: () => React__default.ReactNode;
-    currentUserId?: string;
     launchAIAssistant?: () => void;
     isAssistantOpen?: boolean;
 };
-declare const ConnectedUsersMenuLayout: ({ renderUsers, currentUserId, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
+declare const ConnectedUsersMenuLayout: ({ renderUsers, launchAIAssistant, isAssistantOpen, }: ConnectedUsersMenuLayoutProps) => React__default.JSX.Element;
 
 interface MenuItemProps<T extends string> {
     value?: T;
@@ -1686,13 +1676,14 @@ interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
     onClickClose?: () => void;
     showArrow?: boolean;
     className?: string;
+    portalContainer?: HTMLElement | null;
 }
 declare const popoverStyle: {
     base: string;
     large: string;
     normal: string;
 };
-declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, }: Props$7): React__default.JSX.Element;
+declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, portalContainer, }: Props$7): React__default.JSX.Element;
 
 type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
 declare function Progress({ value, variant, className, }: {
@@ -1729,6 +1720,7 @@ type ExpandableSectionProps = {
 declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
 
 type SegmentedControlColorScheme = "primary" | "secondary";
+type SegmentedControlVariant = "default" | "tabs";
 interface SegmentedControlProps<T extends string> {
     id?: string;
     value?: T;
@@ -1739,18 +1731,21 @@ interface SegmentedControlProps<T extends string> {
     items: SegmentedControlItemProps<T>[];
     className?: string;
     style?: React__default.CSSProperties;
+    variant?: SegmentedControlVariant;
 }
 type SegmentedControlItemProps<T extends string> = {
     title?: ReactNode;
     className?: string;
     style?: React__default.CSSProperties;
     tooltip?: ReactNode;
+    variant?: SegmentedControlVariant;
 } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
 declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
 
 type SelectionToolbarContainerProps = {
     rect: Rect;
     children: React__default.ReactNode;
+    portalContainer?: HTMLElement | null;
 };
 declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
 
@@ -1789,6 +1784,87 @@ 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;
+};
+declare function SharedDragProvider({ children, contexts, }: 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;
+    sharedDragProviderContexts?: SharedDragProviderContexts;
+    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, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProviderContexts, 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;
+    props: SharedDragProviderContexts;
+    Sortable: <TItem, TElement extends HTMLElement>(props: SortableProps<TItem, TElement>) => React$1.ReactNode;
+};
+
 interface Props$3 {
     size?: number | string;
     inline?: boolean;
@@ -2024,6 +2100,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
 }>;
 declare function useImageData(ref: string): ArrayBuffer | undefined;
 
+type OpenPortalsContextValue = {
+    hasOpenPortals: boolean;
+};
+type OpenPortalControlsContextValue = {
+    addOpenPortal: (portal: string) => void;
+    removeOpenPortal: (portal: string) => void;
+};
+declare const OpenPortalsProvider: React$1.NamedExoticComponent<{
+    children: React$1.ReactNode;
+}>;
+declare function useHasOpenPortals(): boolean;
+declare function useOpenPortalsControls(): OpenPortalControlsContextValue;
+
 type PortalScopeContextValue = string;
 declare const PortalScopeProvider: React$1.NamedExoticComponent<{
     children: React$1.ReactNode;
@@ -2310,14 +2399,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;
@@ -2330,4 +2422,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 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, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, 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, 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 };