@noya-app/noya-designsystem 0.1.51 → 0.1.53

package/dist/index.d.ts

@@ -5,7 +5,7 @@ import * as Icons from '@noya-app/noya-icons';
 export { Icons };
 import tailwindConfig from '@noya-app/noya-tailwind-config';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
-import { Size } 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';
@@ -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,11 +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;
 
@@ -219,7 +222,7 @@ declare const AvatarStack: React__default.NamedExoticComponent<{
 }>;
 
 type BannerProps = {
-    label?: string;
+    label?: ReactNode;
     className?: string;
     style?: CSSProperties;
 };
@@ -260,7 +263,6 @@ declare const cssVars: {
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
-        sidebarBackgroundTransparent: string;
         popoverBackground: string;
         popoverDivider: string;
         listviewRaisedBackground: string;
@@ -297,10 +299,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, {
@@ -395,6 +415,204 @@ declare const cssVars: {
         label: string;
         menu: string;
     };
+    boxShadow: {
+        dialog: string;
+        popover: string;
+        activeInput: string;
+        segment: string;
+    };
+};
+declare const cssVarNames: {
+    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;
+    };
+    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;
+            };
+            "100%": {
+                transform: string;
+            };
+        };
+        shimmer: {
+            "0%": {
+                backgroundPosition: string;
+            };
+            "100%": {
+                backgroundPosition: string;
+            };
+        };
+    };
+    animation: {
+        spin: string;
+        shimmer: string;
+    };
+    zIndex: {
+        interactable: string;
+        label: string;
+        menu: string;
+    };
+    boxShadow: {
+        dialog: string;
+        popover: string;
+        activeInput: string;
+        segment: string;
+    };
 };
 declare const INPUT_HEIGHT = 27;
 
@@ -431,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";
@@ -453,6 +672,7 @@ interface ButtonRootProps {
     href?: string;
     target?: string;
     rel?: string;
+    download?: string;
 }
 declare const Button: React__default.ForwardRefExoticComponent<ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -482,6 +702,7 @@ 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>>>;
 
@@ -762,6 +983,38 @@ interface CollectionProps<T, M extends string = 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";
 
+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";
 
 type Props$d = {
@@ -1034,7 +1287,10 @@ declare const DividerVertical: React__default.NamedExoticComponent<DividerProps>
 declare const DraggableMenuButton: <T extends string>(props: {
     items?: MenuItem<T>[];
     onSelect?: (value: T) => void;
+    onClick?: () => void;
     isVisible?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
 }) => React__default.ReactElement | null;
 
 type SidebarRef = {
@@ -1093,7 +1349,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;
@@ -1363,6 +1619,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;
@@ -1388,6 +1645,7 @@ type MediaThumbnailProps = {
      */
     iconName?: IconName;
     size?: CollectionItemSize;
+    fileName?: string;
 };
 declare const getThumbnailColors: (colorScheme: ColorScheme$1, selected: boolean) => {
     icon: string;
@@ -1412,6 +1670,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"> {
@@ -1488,6 +1749,12 @@ 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 SelectionToolbarContainerProps = {
+    rect: Rect;
+    children: React__default.ReactNode;
+};
+declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
+
 type Props$5<T extends string> = {
     id?: string;
     style?: React__default.CSSProperties;
@@ -1579,6 +1846,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>;
 
@@ -1689,7 +1957,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 = {
@@ -1707,7 +1978,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>;
@@ -1751,6 +2025,19 @@ declare const ImageDataProvider: React$1.NamedExoticComponent<{
 }>;
 declare function useImageData(ref: string): ArrayBuffer | undefined;
 
+type PortalScopeContextValue = string;
+declare const PortalScopeProvider: React$1.NamedExoticComponent<{
+    children: React$1.ReactNode;
+    portalScopeId: string;
+}>;
+declare function usePortalScopeId(): string;
+declare const portalScopeDataSetName = "noyaPortalScope";
+declare const portalScopePropName = "data-noya-portal-scope";
+declare function portalScopeProps(id?: string): {
+    "data-noya-portal-scope": string | undefined;
+};
+declare function getClosestPortalScope(element: EventTarget): string | undefined;
+
 interface HoverEvent {
     /** The type of hover event being fired. */
     type: 'hoverstart' | 'hoverend';
@@ -1844,7 +2131,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[];
 };
@@ -1907,7 +2194,7 @@ declare function getNextIndex<T>({ items, currentIndex, direction, isDisabled, }
 declare function useComboboxState<T extends string>(state: ComboboxState<T>): ComboboxStateSnapshot<T>;
 
 type MoveOptions = {
-    indexPaths: number[][];
+    paths: number[][];
     to: number[];
 };
 type MoveTreeItemOptions<T> = {
@@ -2017,6 +2304,14 @@ interface BaseToolbarProps {
 }
 declare function BaseToolbar({ children, left, right, logo, showDivider, }: BaseToolbarProps): React__default.JSX.Element;
 
+declare const ToolbarMenuDropdown: <T extends string>(props: {
+    item: SubMenuItem<T>;
+    onSelectMenuItem?: (value: T) => void;
+}) => React__default.ReactElement | null;
+declare const ToolbarMenuButton: <T extends string>(props: {
+    item: SelectableMenuItem<T>;
+    onSelectMenuItem?: (value: T) => void;
+}) => React__default.ReactElement | null;
 interface ToolbarProps<T extends string = string> {
     children?: React__default.ReactNode;
     logo?: React__default.ReactNode;
@@ -2032,4 +2327,4 @@ declare const ToolbarMenu: <T extends string>(props: {
     onSelectMenuItem?: (value: T) => void;
 }) => 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 CollectionItemSize, 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, 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, filterWithGroupedSections, 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, 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, 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 };