@noya-app/noya-designsystem 0.1.50 → 0.1.52

package/dist/index.d.mts

@@ -3,14 +3,14 @@ import React__default, { ReactNode, CSSProperties, ReactHTML, HTMLAttributes, Ar
 import { IItemScore } from 'vscode-fuzzy-scorer';
 import * as Icons from '@noya-app/noya-icons';
 export { Icons };
-import * as tailwindcss_types_config from 'tailwindcss/types/config';
+import tailwindConfig from '@noya-app/noya-tailwind-config';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
-import { Size } 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 { 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';
+import { SectionProps as SectionProps$1, BannerProps as BannerProps$1, MenuItem as MenuItem$1 } from '@noya-app/noya-designsystem';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Sketch } from '@noya-app/noya-file-format';
@@ -82,6 +82,7 @@ type SelectableMenuItem<T extends string> = BaseMenuItem & {
     shortcut?: string;
     value: T;
     testSelected?: boolean;
+    tooltip?: ReactNode;
 };
 type SubMenuItem<T extends string> = BaseMenuItem & {
     type: "submenu";
@@ -128,10 +129,13 @@ declare const SectionHeader$1: React__default.NamedExoticComponent<Omit<SectionH
 type ActionMenuProps<TMenu extends string> = {
     menuItems: MenuItem<TMenu>[];
     onSelect: (action: TMenu) => void;
-    selected: boolean;
-    onOpenChange: (open: boolean) => void;
+    selected?: boolean;
+    disabled?: boolean;
+    onOpenChange?: (open: boolean) => void;
     className?: string;
     style?: React__default.CSSProperties;
+    variant?: "normal" | "bare";
+    color?: string;
 };
 declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement | null;
 
@@ -218,194 +222,207 @@ declare const AvatarStack: React__default.NamedExoticComponent<{
 }>;
 
 type BannerProps = {
-    label?: string;
+    label?: ReactNode;
     className?: string;
     style?: CSSProperties;
 };
 declare function Banner({ label, className, style }: BannerProps): React__default.JSX.Element;
 
-declare const config: {
-    content: string[];
-    corePlugins: {
-        preflight: false;
+type Theme = (typeof tailwindConfig.theme)["extend"];
+type ThemeColor = keyof Theme["colors"];
+declare const cssVars: {
+    colors: {
+        logoFill: string;
+        logoHighlight: string;
+        background: string;
+        text: string;
+        textMuted: string;
+        textSubtle: string;
+        textDisabled: string;
+        textDecorativeLight: string;
+        dividerSubtle: string;
+        divider: string;
+        dividerStrong: string;
+        primary: string;
+        primaryLight: string;
+        primaryPastel: string;
+        secondary: string;
+        secondaryLight: string;
+        secondaryPastel: string;
+        secondaryBright: string;
+        inputBackground: string;
+        inputBackgroundLight: string;
+        listViewHoverBackground: string;
+        listViewThumbnailBackground: string;
+        codeBackground: string;
+        codeBackgroundDark: string;
+        selectedBackground: string;
+        breadcrumbText: string;
+        breadcrumbTextHover: string;
+        breadcrumbIcon: string;
+        canvasBackground: string;
+        canvasGrid: string;
+        sidebarBackground: string;
+        popoverBackground: string;
+        popoverDivider: string;
+        listviewRaisedBackground: string;
+        listviewEditingBackground: string;
+        sliderThumbBackground: string;
+        sliderBorder: string;
+        segmentedControlItem: string;
+        mask: string;
+        transparentChecker: string;
+        scrollbar: string;
+        placeholderDots: string;
+        dragOutline: string;
+        activeBackground: string;
+        thumbnailBackground: string;
+        thumbnailShadow: string;
+        inlineCodeText: string;
+        inlineCodeBackground: string;
+        textLink: string;
+        textLinkFocused: string;
+        icon: string;
+        iconSelected: string;
+        warning: string;
+        dot: string;
+        rowHighlight: string;
+        tableRowBackground: string;
+        chipPrimaryBg: string;
+        chipSecondaryBg: string;
+        chipErrorBg: string;
+        chipDefaultBg: string;
+        chipPrimaryShadow: string;
+        chipSecondaryShadow: string;
+        chipErrorShadow: string;
+        chipDefaultShadow: string;
+        floatingButton: string;
+        blockBorder: string;
+        blockHighlight: string;
+        selectedListItemBackground: string;
+        selectedListItemText: string;
+        selectedListItemIconBackground: string;
+        cmKeyword: string;
+        cmFunction: string;
+        cmControlKeyword: string;
+        cmClassType: string;
+        cmRegexp: string;
+        cmLink: string;
+        cmString: string;
+        cmNumber: string;
+        cmComment: string;
+        cmOperator: string;
+        cmVariable: string;
+        cmType: string;
+        cmError: string;
+        cmWarning: string;
+        cmInfo: string;
     };
-    theme: {
-        extend: {
-            colors: {
-                "logo-fill": string;
-                "logo-highlight": string;
-                background: string;
-                text: string;
-                "text-muted": string;
-                "text-subtle": string;
-                "text-disabled": string;
-                "text-decorative-light": string;
-                "divider-subtle": string;
-                divider: string;
-                "divider-strong": string;
-                primary: string;
-                "primary-light": string;
-                "primary-pastel": string;
-                secondary: string;
-                "secondary-light": string;
-                "secondary-pastel": string;
-                "secondary-bright": string;
-                "input-background": string;
-                "input-background-light": string;
-                "list-view-hover-background": string;
-                "list-view-thumbnail-background": string;
-                "code-background": string;
-                "code-background-dark": string;
-                "selected-background": string;
-                "breadcrumb-text": string;
-                "breadcrumb-text-hover": string;
-                "breadcrumb-icon": string;
-                "canvas-background": string;
-                "canvas-grid": string;
-                "sidebar-background": string;
-                "sidebar-background-transparent": string;
-                "popover-background": string;
-                "popover-divider": string;
-                "listview-raised-background": string;
-                "listview-editing-background": string;
-                "slider-thumb-background": string;
-                "slider-border": string;
-                "segmented-control-item": string;
-                mask: string;
-                "transparent-checker": string;
-                scrollbar: string;
-                "placeholder-dots": string;
-                "drag-outline": string;
-                "active-background": string;
-                "thumbnail-background": string;
-                "thumbnail-shadow": string;
-                "inline-code-text": string;
-                "inline-code-background": string;
-                "text-link": string;
-                "text-link-focused": string;
-                icon: string;
-                "icon-selected": string;
-                warning: string;
-                dot: string;
-                "row-highlight": string;
-                "table-row-background": string;
-                "chip-primary-bg": string;
-                "chip-secondary-bg": string;
-                "chip-error-bg": string;
-                "chip-default-bg": string;
-                "chip-primary-shadow": string;
-                "chip-secondary-shadow": string;
-                "chip-error-shadow": string;
-                "chip-default-shadow": string;
-                "floating-button": string;
-                "block-border": string;
-                "block-highlight": string;
-            };
-            fontFamily: {
-                sans: [string, string, string, string, string, string, string, string, string, string];
-                mono: [string, string, string, string, string];
-            };
-            fontSize: {
-                title: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                subtitle: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading1: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading2: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading3: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                heading4: [string, {
-                    lineHeight: string;
-                }];
-                heading5: [string, {
-                    lineHeight: string;
-                }];
-                body: [string, {
-                    lineHeight: string;
-                }];
-                small: [string, {
-                    lineHeight: string;
-                }];
-                code: [string, {
-                    lineHeight: string;
-                }];
-                button: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-                label: [string, {
-                    lineHeight: string;
-                    letterSpacing: string;
-                }];
-            };
-            spacing: {
-                nano: string;
-                micro: string;
-                small: string;
-                medium: string;
-                large: string;
-                xlarge: string;
-                xxlarge: string;
-                "inset-top": string;
-                "sidebar-width": string;
-                "toolbar-height": string;
-                "toolbar-separator": string;
-                "inspector-h-separator": string;
-                "inspector-v-separator": string;
-                "dialog-padding": string;
-                "input-height": string;
+    fontFamily: {
+        sans: [string, string, string, string, string, string, string, string, string, string];
+        mono: [string, string, string, string, string, string];
+    };
+    fontSize: {
+        title: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        subtitle: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        heading1: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        heading2: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        heading3: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        heading4: [string, {
+            lineHeight: string;
+        }];
+        heading5: [string, {
+            lineHeight: string;
+        }];
+        body: [string, {
+            lineHeight: string;
+        }];
+        small: [string, {
+            lineHeight: string;
+        }];
+        code: [string, {
+            lineHeight: string;
+        }];
+        button: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        listSmall: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+        label: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
+    };
+    spacing: {
+        nano: string;
+        micro: string;
+        small: string;
+        medium: string;
+        large: string;
+        xlarge: string;
+        xxlarge: string;
+        insetTop: string;
+        sidebarWidth: string;
+        toolbarHeight: string;
+        toolbarSeparator: string;
+        inspectorHSeparator: string;
+        inspectorVSeparator: string;
+        dialogPadding: string;
+        inputHeight: string;
+    };
+    keyframes: {
+        spin: {
+            "0%": {
+                transform: string;
             };
-            keyframes: {
-                spin: {
-                    "0%": {
-                        transform: string;
-                    };
-                    "100%": {
-                        transform: string;
-                    };
-                };
-                shimmer: {
-                    "0%": {
-                        backgroundPosition: string;
-                    };
-                    "100%": {
-                        backgroundPosition: string;
-                    };
-                };
+            "100%": {
+                transform: string;
             };
-            animation: {
-                spin: string;
-                shimmer: string;
+        };
+        shimmer: {
+            "0%": {
+                backgroundPosition: string;
             };
-            zIndex: {
-                interactable: string;
-                label: string;
-                menu: string;
+            "100%": {
+                backgroundPosition: string;
             };
         };
     };
-    safelist: string[];
-    plugins: {
-        handler: tailwindcss_types_config.PluginCreator;
-        config?: Partial<tailwindcss_types_config.Config> | undefined;
-    }[];
+    animation: {
+        spin: string;
+        shimmer: string;
+    };
+    zIndex: {
+        interactable: string;
+        label: string;
+        menu: string;
+    };
+    boxShadow: {
+        dialog: string;
+        popover: string;
+        activeInput: string;
+        segment: string;
+    };
 };
-
-type Theme = (typeof config.theme)["extend"];
-type ThemeColor = keyof Theme["colors"];
-declare const cssVars: {
+declare const cssVarNames: {
     colors: {
         logoFill: string;
         logoHighlight: string;
@@ -438,7 +455,6 @@ declare const cssVars: {
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
-        sidebarBackgroundTransparent: string;
         popoverBackground: string;
         popoverDivider: string;
         listviewRaisedBackground: string;
@@ -475,10 +491,28 @@ declare const cssVars: {
         floatingButton: string;
         blockBorder: string;
         blockHighlight: string;
+        selectedListItemBackground: string;
+        selectedListItemText: string;
+        selectedListItemIconBackground: string;
+        cmKeyword: string;
+        cmFunction: string;
+        cmControlKeyword: string;
+        cmClassType: string;
+        cmRegexp: string;
+        cmLink: string;
+        cmString: string;
+        cmNumber: string;
+        cmComment: string;
+        cmOperator: string;
+        cmVariable: string;
+        cmType: string;
+        cmError: string;
+        cmWarning: string;
+        cmInfo: string;
     };
     fontFamily: {
         sans: [string, string, string, string, string, string, string, string, string, string];
-        mono: [string, string, string, string, string];
+        mono: [string, string, string, string, string, string];
     };
     fontSize: {
         title: [string, {
@@ -520,6 +554,10 @@ declare const cssVars: {
             lineHeight: string;
             letterSpacing: string;
         }];
+        listSmall: [string, {
+            lineHeight: string;
+            letterSpacing: string;
+        }];
         label: [string, {
             lineHeight: string;
             letterSpacing: string;
@@ -569,6 +607,12 @@ declare const cssVars: {
         label: string;
         menu: string;
     };
+    boxShadow: {
+        dialog: string;
+        popover: string;
+        activeInput: string;
+        segment: string;
+    };
 };
 declare const INPUT_HEIGHT = 27;
 
@@ -605,6 +649,7 @@ declare const Italic: ({ children }: {
 
 type BreadcrumbTextProps = Omit<TextProps, "variant" | "whiteSpace" | "lineHeight" | "userSelect">;
 declare const BreadcrumbText: React__default.ForwardRefExoticComponent<BreadcrumbTextProps & React__default.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSlash: () => React__default.JSX.Element;
 
 type ButtonVariant = "normal" | "primary" | "secondary" | "secondaryBright" | "thin" | "floating" | "none";
 type ButtonSize = "small" | "normal" | "large" | "floating";
@@ -627,6 +672,7 @@ interface ButtonRootProps {
     href?: string;
     target?: string;
     rel?: string;
+    download?: string;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -656,18 +702,10 @@ interface ChipProps {
     style?: React__default.CSSProperties;
     tabIndex?: number;
     role?: string;
+    disabled?: boolean;
 }
 declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
 
-type GridViewSize = "xxs" | "xs" | "small" | "medium" | "large" | "xl";
-declare const getGridSize: (size: GridViewSize) => {
-    minColumnWidth: string;
-    gap: number;
-};
-declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
-    ref?: React__default.ForwardedRef<CollectionRef>;
-} & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
-
 type RelativeDropPosition = "above" | "below" | "inside";
 type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => boolean;
 declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
@@ -879,6 +917,7 @@ type CollectionRef = {
 type CollectionThumbnailProps<T> = {
     item: T;
     selected: boolean;
+    size?: CollectionItemSize;
 };
 type CollectionRenderActionProps<T> = {
     item: T;
@@ -905,7 +944,7 @@ interface CollectionProps<T, M extends string = string> {
     menuItems?: MenuItem<M>[];
     onSelectMenuItem?: (action: M, selectedItems: T[]) => void;
     onRename?: (item: T, newName: string) => void;
-    renderThumbnail?: ({ item, selected, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
+    renderThumbnail?: ({ item, selected, size, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
     renderAction?: "menu" | ((props: CollectionRenderActionProps<T>) => React__default.ReactNode);
     renderDetail?: (item: T, selected: boolean) => React__default.ReactNode;
     /** Callback when selection changes. If not provided, selection will be disabled. */
@@ -915,7 +954,7 @@ interface CollectionProps<T, M extends string = string> {
     /** Position of the detail content. Defaults to 'end'. */
     detailPosition?: "end" | "below";
     /** Size of the list items. Defaults to 'medium'. */
-    size?: GridViewSize;
+    size?: CollectionItemSize;
     /** Size of the thumbnail. Defaults to 'auto', which will be based on the size prop. */
     thumbnailSize?: CollectionThumbnailSize;
     /** For testing: Override the hover state with a specific item ID */
@@ -942,6 +981,39 @@ interface CollectionProps<T, M extends string = string> {
     dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
 }
 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";
+
+type ColorSwatchSize = "xsmall" | "small" | "medium" | "large";
+declare const colorSwatchSizeMap: {
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+};
+declare const ColorSwatch: React__default.ForwardRefExoticComponent<{
+    color: string;
+    size?: ColorSwatchSize;
+    checked?: boolean;
+} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
+
+type TokenValue = string | {
+    ref: string;
+};
+type ColorSwatchControlProps = {
+    options: TokenValue[];
+    value?: TokenValue;
+    /** @default "small" */
+    size?: ColorSwatchSize;
+    readOnly?: boolean;
+    onValueChange?: (value: TokenValue) => void;
+    onFocus?: React__default.FocusEventHandler<HTMLButtonElement>;
+    onBlur?: React__default.FocusEventHandler<HTMLButtonElement>;
+    className?: string;
+    id?: string;
+    style?: React__default.CSSProperties;
+    disabled?: boolean;
+};
+declare function ColorSwatchControl(props: ColorSwatchControlProps): React__default.JSX.Element;
 
 type InputSize = "small" | "medium" | "large";
 
@@ -975,6 +1047,8 @@ type SubmittableProps = Props$d & {
     onSubmit: (value: string) => void;
     allowSubmittingWithSameValue?: boolean;
     submitAutomaticallyAfterDelay?: number;
+    /** @default true */
+    submitOnBlur?: boolean;
 };
 type TextInputProps = ReadOnlyProps | ControlledProps | SubmittableProps;
 
@@ -1118,6 +1192,8 @@ interface ComboboxMenuProps<T extends string> {
     listSize: Size;
     style?: React__default.CSSProperties;
     indented?: boolean;
+    /** @default right */
+    iconPosition?: "left" | "right";
 }
 declare const ComboboxMenu: <T extends string>(props: ComboboxMenuProps<T> & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
 
@@ -1270,7 +1346,7 @@ declare const DropdownMenu: <T extends string>(props: MenuProps<T> & {
     onCloseAutoFocus?: React__default.EventHandler<SyntheticEvent<unknown>>;
     emptyState?: React__default.ReactNode;
     contentStyle?: React__default.CSSProperties;
-} & Pick<RadixDropdownMenu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "align" | "side" | "sideOffset" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+} & Pick<RadixDropdownMenu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "align" | "sideOffset" | "side" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
 
 type RenderPreviewProps = {
     children: string;
@@ -1330,9 +1406,10 @@ declare const FileExplorerUploadButton: ({ showUploadButton, onUpload, children,
     children?: React__default.ReactNode;
 }) => React__default.JSX.Element;
 declare const FileExplorerCollection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
-declare const FileExplorerDetail: ({ selected, children, }: {
+declare const FileExplorerDetail: ({ selected, size, children, }: {
     selected: boolean;
     children: React__default.ReactNode;
+    size?: CollectionItemSize;
 }) => React__default.JSX.Element;
 declare const FileExplorerEmptyState: ({ label, ...props }: BannerProps$1) => React__default.JSX.Element;
 
@@ -1393,6 +1470,14 @@ interface Props$8 {
 }
 declare const GradientPicker: React$1.NamedExoticComponent<Props$8>;
 
+declare const getGridSize: (size: CollectionItemSize) => {
+    minColumnWidth: string;
+    gap: number;
+};
+declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
+    ref?: React__default.ForwardedRef<CollectionRef>;
+} & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+
 interface ItemProps<MenuItemType extends string = string> {
     id: string;
     title?: ReactNode;
@@ -1531,6 +1616,7 @@ declare const LabeledField: React__default.NamedExoticComponent<{
     children: React__default.ReactNode;
     label: React__default.ReactNode;
     labelPosition?: LabelPosition;
+    labelStyle?: React__default.CSSProperties;
     /** Used for both the `id` of the field and the `htmlFor` of the label, unless `id` and `htmlFor` are explicitly provided */
     fieldId?: string;
     className?: string;
@@ -1555,6 +1641,8 @@ type MediaThumbnailProps = {
      * If provided, use this icon instead of the default one for the asset type
      */
     iconName?: IconName;
+    size?: CollectionItemSize;
+    fileName?: string;
 };
 declare const getThumbnailColors: (colorScheme: ColorScheme$1, selected: boolean) => {
     icon: string;
@@ -1579,6 +1667,9 @@ declare const PipelineResultLink: ({ url }: {
 declare const PipelineResultLayout: ({ children, }: {
     children: React__default.ReactNode;
 }) => React__default.JSX.Element;
+declare function getPipelineResultLink(value: unknown): {
+    url: string;
+} | undefined;
 
 type PopoverVariant = "normal" | "large";
 interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
@@ -1655,6 +1746,13 @@ type SegmentedControlItemProps<T extends string> = {
 } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
 declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
 
+type SelectionToolbarProps<T extends string> = {
+    rect: Rect;
+    menuItems: MenuItem$1<T>[];
+    onSelectMenuItem: (item: T) => void;
+};
+declare const SelectionToolbar: <T extends string>(props: SelectionToolbarProps<T>) => React__default.ReactElement | null;
+
 type Props$5<T extends string> = {
     id?: string;
     style?: React__default.CSSProperties;
@@ -1746,6 +1844,7 @@ declare const ToastProvider: ({ children }: {
 interface Props$1 {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
+    sideOffset?: number;
 }
 declare const Tooltip: React$1.NamedExoticComponent<Props$1>;
 
@@ -1856,7 +1955,10 @@ type DialogContextValue = {
         placeholder?: string;
         initialValue?: string;
     })): Promise<string | undefined>;
-    openConfirmationDialog(options: string | BaseDialogContents): Promise<boolean>;
+    openConfirmationDialog(options: string | (BaseDialogContents & {
+        confirmButtonLabel?: string;
+        cancelButtonLabel?: string;
+    })): Promise<boolean>;
     containsElement(element: HTMLElement): boolean;
 };
 type BaseDialogContents = {
@@ -1874,7 +1976,10 @@ declare function useOpenInputDialog(): (options: string | (BaseDialogContents &
     initialValue?: string;
 })) => Promise<string | undefined>;
 declare function useDialogContainsElement(): (element: HTMLElement) => boolean;
-declare function useOpenConfirmationDialog(): (options: string | BaseDialogContents) => Promise<boolean>;
+declare function useOpenConfirmationDialog(): (options: string | (BaseDialogContents & {
+    confirmButtonLabel?: string;
+    cancelButtonLabel?: string;
+})) => Promise<boolean>;
 declare function useOpenDialog(): (options: BaseDialogContents & {
     children: ReactNode | ((props: RenderableProps) => ReactNode);
 }) => Promise<void>;
@@ -2011,7 +2116,7 @@ declare const mediaQuery: {
 };
 
 type ClassNameItem = string | number | BigInt | boolean | null | undefined;
-type Category = "text" | "color" | "font" | "flex";
+type Category = "text" | "color" | "font" | "flex" | "position";
 type Options = {
     categories?: Category[];
 };
@@ -2064,11 +2169,17 @@ declare class ComboboxState<T extends string> {
     setSelectedIndex(index: number): void;
     submitArbitraryFilter(filter: string): void;
 }
-declare function getNextIndex<T>(items: T[], currentIndex: number, direction: "next" | "previous", isDisabled: (item: T) => boolean): number;
+declare function filterWithGroupedSections<T extends string>(items: MenuItem<T>[], query: string): ScoredMenuItem<T>[];
+declare function getNextIndex<T>({ items, currentIndex, direction, isDisabled, }: {
+    items: T[];
+    currentIndex: number;
+    direction: "next" | "previous";
+    isDisabled: (item: T) => boolean;
+}): number;
 declare function useComboboxState<T extends string>(state: ComboboxState<T>): ComboboxStateSnapshot<T>;
 
 type MoveOptions = {
-    indexPaths: number[][];
+    paths: number[][];
     to: number[];
 };
 type MoveTreeItemOptions<T> = {
@@ -2188,9 +2299,9 @@ interface ToolbarProps<T extends string = string> {
     shouldBindKeyboardShortcuts?: boolean;
 }
 declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
-declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
+declare const ToolbarMenu: <T extends string>(props: {
     items: MenuItem<T>[];
     onSelectMenuItem?: (value: T) => void;
-}): React__default.JSX.Element;
+}) => React__default.ReactElement | null;
 
-export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDropOptions, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, 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, type GridViewSize, 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, 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, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, 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, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
+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, 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, SelectionToolbar, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, 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, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, popoverStyle, 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, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };