@noya-app/noya-designsystem 0.1.64 → 0.1.65

package/dist/index.d.ts

@@ -1,24 +1,23 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes, DetailedHTMLProps } from 'react';
+import React__default, { ReactNode, CSSProperties, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
 import { IItemScore } from 'vscode-fuzzy-scorer';
 import * as Icons from '@noya-app/noya-icons';
+import { IconProps } 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 { Point as Point$1, Size, Rect } from '@noya-app/noya-geometry';
+import { Point as Point$1, Insets, Size, Rect } from '@noya-app/noya-geometry';
 import { UniqueIdentifier, ClientRect, 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';
+import { SectionProps as SectionProps$1, BannerProps as BannerProps$1, IconName as IconName$1 } from '@noya-app/noya-designsystem';
 import { Dialog as Dialog$1, DropdownMenu as DropdownMenu$1, ContextMenu as ContextMenu$1, Popover as Popover$1, Tooltip as Tooltip$1 } from 'radix-ui';
-import { Sketch } from '@noya-app/noya-file-format';
 import * as _noya_app_noya_keymap from '@noya-app/noya-keymap';
 import { KeyModifiers, PlatformName } from '@noya-app/noya-keymap';
 import { MultiplayerUser } from '@noya-app/noya-multiplayer-react';
 import * as PopperPrimitive from '@radix-ui/react-popper';
 import { SelectProps } from '@radix-ui/react-select';
 import { useSortable } from '@dnd-kit/sortable';
-import { RgbaColor } from '@noya-app/noya-colorpicker';
+import { Sketch } from '@noya-app/noya-file-format';
 
 declare function fuzzyScore({ item, query }: {
     item: string;
@@ -50,7 +49,11 @@ declare function fuzzyTokenize({ item, itemScore, }: {
 
 type IconName = keyof typeof Icons;
 
-declare function renderIcon(iconName: Exclude<React$1.ReactNode, string> | IconName): React$1.ReactNode;
+type IconProp = Exclude<React$1.ReactNode, string> | IconName;
+declare function renderIcon(iconName: IconProp): React$1.ReactNode;
+declare function Icon({ name, ...props }: {
+    name: IconName;
+} & Omit<IconProps, "name">): React$1.JSX.Element | null;
 
 type MenuItemRole = "undo" | "redo" | "cut" | "copy" | "paste" | "pasteAndMatchStyle" | "delete" | "selectAll" | "reload" | "forceReload" | "toggleDevTools" | "resetZoom" | "zoomIn" | "zoomOut" | "toggleSpellChecker" | "togglefullscreen" | "window" | "minimize" | "close" | "help" | "about" | "services" | "hide" | "hideOthers" | "unhide" | "quit" | "showSubstitutions" | "toggleSmartQuotes" | "toggleSmartDashes" | "toggleTextReplacement" | "startSpeaking" | "stopSpeaking" | "zoom" | "front" | "appMenu" | "fileMenu" | "editMenu" | "viewMenu" | "shareMenu" | "recentDocuments" | "toggleTabBar" | "selectNextTab" | "selectPreviousTab" | "mergeAllWindows" | "clearRecentDocuments" | "moveTabToNewWindow" | "windowMenu";
 type SeparatorItem = {
@@ -67,13 +70,6 @@ type BaseMenuItem = {
     alwaysInclude?: boolean;
     title: NonNullable<ReactNode>;
 };
-type SectionHeaderMenuItem = {
-    type: "sectionHeader";
-    id: string;
-    title: ReactNode;
-    maxVisibleItems?: number;
-    variant?: "normal" | "label";
-};
 type SelectableMenuItem<T extends string> = BaseMenuItem & {
     type?: undefined;
     shortcut?: string;
@@ -104,6 +100,7 @@ type ExtractMenuItemType<T> = T extends SelectableMenuItem<infer U> ? U : never;
 declare const isSelectableMenuItem: <T extends string>(item: MenuItem<T>) => item is SelectableMenuItem<T>;
 declare const isNonSelectableMenuItem: <T extends string>(item: MenuItem<T>) => item is NonSelectableMenuItem<T>;
 declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is SectionHeaderMenuItem;
+declare const isSubMenuItem: <T extends string>(item: MenuItem<T>) => item is SubMenuItem<T>;
 declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
 declare const isPopoverMenuItem: (item: MenuItem<string>) => item is PopoverMenuItem;
 declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
@@ -129,7 +126,14 @@ declare function getKeyboardShortcutsForMenuItems<T extends string>(menuItems: M
 declare const KeyboardShortcut: React__default.NamedExoticComponent<{
     shortcut: string;
 }>;
-declare const SectionHeader$1: React__default.NamedExoticComponent<Omit<SectionHeaderMenuItem, "type" | "maxVisibleItems"> & {
+type SectionHeaderMenuItem = {
+    type: "sectionHeader";
+    id: string;
+    title: ReactNode;
+    maxVisibleItems?: number;
+    variant?: "normal" | "label";
+};
+declare const SectionHeaderMenuItem: React__default.NamedExoticComponent<Omit<SectionHeaderMenuItem, "type" | "maxVisibleItems"> & {
     isFirst?: boolean;
     indented?: boolean;
 }>;
@@ -147,14 +151,42 @@ type ActionMenuProps<TMenu extends string> = {
 };
 declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement<any> | null;
 
-interface Props$f {
+interface Props$d {
     size?: number;
     opacity?: number;
     color?: string;
     trackColor?: string;
     className?: string;
+    style?: React$1.CSSProperties;
 }
-declare const ActivityIndicator: React$1.NamedExoticComponent<Props$f>;
+declare const ActivityIndicator: React$1.NamedExoticComponent<Props$d>;
+
+type ActivityIconSemanticColor = "add" | "remove" | "update";
+type ActivityUser = {
+    userId?: string;
+    name?: string;
+    image?: string;
+};
+type ActivityLogItem<M extends string = string> = {
+    title: React__default.ReactNode;
+    description: React__default.ReactNode;
+    time?: React__default.ReactNode;
+    icon: IconProp;
+    iconSemanticColor?: ActivityIconSemanticColor;
+    menuItems?: MenuItem<M>[];
+    onSelectMenuItem?: (value: M) => void;
+} & ({
+    type: "change";
+    users?: ActivityUser[];
+} | {
+    type: "event";
+});
+type ActivityLogProps<M extends string> = {
+    style?: React__default.CSSProperties;
+    className?: string;
+    items?: ActivityLogItem<M>[];
+};
+declare function ActivityLog<M extends string = string>({ style, className, items, }: ActivityLogProps<M>): React__default.JSX.Element;
 
 declare const AIAssistantLoadingIndicator: () => React__default.JSX.Element;
 type AIAssistantInputProps = {
@@ -175,6 +207,7 @@ type AIAssistantLayoutProps = {
 };
 declare const AIAssistantLayout: React__default.ForwardRefExoticComponent<AIAssistantLayoutProps & React__default.RefAttributes<HTMLDivElement>>;
 
+type AnimatePresenceChildState = "entering" | "entered" | "exiting" | "exited";
 type AnimatePresenceProps = {
     children: React__default.ReactNode;
     /**
@@ -199,8 +232,9 @@ type AnimatePresenceProps = {
      */
     mode?: "wait" | "crossfade";
     className?: string;
+    onChildStateChange?: (key: string, state: AnimatePresenceChildState) => void;
 };
-declare const AnimatePresence: ({ children, duration, animationStyles, skipInitialAnimation, mode, className, }: AnimatePresenceProps) => React__default.JSX.Element;
+declare const AnimatePresence: ({ children, duration, animationStyles, skipInitialAnimation, mode, className, onChildStateChange, }: AnimatePresenceProps) => React__default.JSX.Element;
 
 type AvatarProps = {
     image?: string;
@@ -214,7 +248,7 @@ type AvatarProps = {
     /** colors are generated from the fallback string or title, but you can override it here */
     backgroundColor?: string;
     /** @default normal */
-    variant?: "normal" | "bare";
+    variant?: "normal" | "bare" | "borderless";
     disabled?: boolean;
     /** Intended to be used in place of a fallback monogram, like an icon */
     children?: React__default.ReactNode;
@@ -227,14 +261,19 @@ declare const AvatarStack: React__default.NamedExoticComponent<{
     max?: number;
     children: React__default.ReactNode;
     className?: string;
+    overlapAmount?: number;
 }>;
 
+type BannerVariant = "muted" | "info" | "error";
 type BannerProps = {
-    label?: ReactNode;
+    children?: ReactNode;
     className?: string;
     style?: CSSProperties;
+    variant?: BannerVariant;
+    labelStyle?: CSSProperties;
+    labelClassName?: string;
 };
-declare function Banner({ label, className, style }: BannerProps): React__default.JSX.Element;
+declare function Banner({ children: label, className, style, variant, labelStyle, labelClassName: labelClassNameProp, }: BannerProps): React__default.JSX.Element;
 
 type ImageState = "loading" | "error" | "loaded";
 declare function decodeImageSrc(src?: string): string | undefined;
@@ -267,6 +306,19 @@ declare const cssVars: {
         primary: string;
         primaryLight: string;
         primaryPastel: string;
+        primary25: string;
+        primary50: string;
+        primary100: string;
+        primary150: string;
+        primary200: string;
+        primary250: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
         secondary: string;
         secondaryLight: string;
         secondaryPastel: string;
@@ -311,6 +363,12 @@ declare const cssVars: {
         activeBackground: string;
         thumbnailBackground: string;
         thumbnailShadow: string;
+        bannerInfoBackground: string;
+        bannerInfoBorder: string;
+        bannerInfoText: string;
+        bannerErrorBackground: string;
+        bannerErrorBorder: string;
+        bannerErrorText: string;
         inlineCodeText: string;
         inlineCodeBackground: string;
         textLink: string;
@@ -388,6 +446,9 @@ declare const cssVars: {
         small: [string, {
             lineHeight: string;
         }];
+        xs: [string, {
+            lineHeight: string;
+        }];
         code: [string, {
             lineHeight: string;
         }];
@@ -473,6 +534,19 @@ declare const cssVarNames: {
         primary: string;
         primaryLight: string;
         primaryPastel: string;
+        primary25: string;
+        primary50: string;
+        primary100: string;
+        primary150: string;
+        primary200: string;
+        primary250: string;
+        primary300: string;
+        primary400: string;
+        primary500: string;
+        primary600: string;
+        primary700: string;
+        primary800: string;
+        primary900: string;
         secondary: string;
         secondaryLight: string;
         secondaryPastel: string;
@@ -517,6 +591,12 @@ declare const cssVarNames: {
         activeBackground: string;
         thumbnailBackground: string;
         thumbnailShadow: string;
+        bannerInfoBackground: string;
+        bannerInfoBorder: string;
+        bannerInfoText: string;
+        bannerErrorBackground: string;
+        bannerErrorBorder: string;
+        bannerErrorText: string;
         inlineCodeText: string;
         inlineCodeBackground: string;
         textLink: string;
@@ -594,6 +674,9 @@ declare const cssVarNames: {
         small: [string, {
             lineHeight: string;
         }];
+        xs: [string, {
+            lineHeight: string;
+        }];
         code: [string, {
             lineHeight: string;
         }];
@@ -667,7 +750,7 @@ declare const INPUT_HEIGHT = 27;
 
 type KebabToCamelCase<S extends string> = S extends `${infer First}-${infer Rest}` ? `${First}${Capitalize<KebabToCamelCase<Rest>>}` : S;
 
-type Variant = "title" | "subtitle" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "body" | "small" | "button" | "code" | "label";
+type Variant = "title" | "subtitle" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "body" | "small" | "xs" | "button" | "code" | "label";
 declare const textStyles: Record<Variant, string>;
 type TextProps = {
     as?: React__default.HTMLElementType;
@@ -692,6 +775,7 @@ declare const Heading4: React__default.ForwardRefExoticComponent<PresetProps & R
 declare const Heading5: React__default.ForwardRefExoticComponent<PresetProps & React__default.RefAttributes<HTMLElement>>;
 declare const Body: React__default.ForwardRefExoticComponent<PresetProps & React__default.RefAttributes<HTMLElement>>;
 declare const Small: React__default.ForwardRefExoticComponent<PresetProps & React__default.RefAttributes<HTMLElement>>;
+declare const ExtraSmall: React__default.ForwardRefExoticComponent<PresetProps & React__default.RefAttributes<HTMLElement>>;
 declare const Italic: ({ children }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
@@ -734,8 +818,8 @@ interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElemen
 }
 declare const Checkbox$1: React$1.NamedExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
 
-type ChipColorScheme = "primary" | "secondary" | "error";
-type ChipSize = "small" | "medium" | "large";
+type ChipColorScheme = "primary" | "secondary" | "info" | "error";
+type ChipSize = "small" | "medium" | "large" | "xl";
 type ChipVariant = "solid" | "outlined" | "ghost";
 interface ChipProps {
     id?: string;
@@ -759,6 +843,23 @@ interface ChipProps {
 }
 declare const Chip: React__default.NamedExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>;
 
+type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
+type ListRowPosition = "only" | "first" | "middle" | "last";
+type ListColorScheme = "primary" | "secondary";
+type PressEventName = "onClick" | "onPointerDown";
+type ListViewVariant = "normal" | "bare";
+type ListViewSectionHeaderVariant = "normal" | "label";
+
+type ListRowContextValue = {
+    marginType: ListRowMarginType;
+    selectedPosition: ListRowPosition;
+    isSectionHeader: boolean;
+};
+
+interface IVirtualizedList {
+    scrollToIndex(index: number): void;
+}
+
 type RelativeDropPosition = "above" | "below" | "inside";
 type MoveDragItemParameters = {
     sourceIndex: number;
@@ -833,6 +934,7 @@ interface RegisteredList {
     acceptsFromList: AcceptsFromList;
     acceptsDrop: AcceptsDrop;
     getDropIndicator: (parameters: GetDropIndicatorParameters, acceptsDrop: AcceptsDrop) => RelativeDropPosition | undefined;
+    itemHitSlop?: Insets;
 }
 interface DragRegistrationContextType {
     registerList: (list: RegisteredList) => void;
@@ -844,24 +946,53 @@ type SharedDragProps = {
     activeDragContext: React__default.Context<ActiveDragContextType | null>;
 };
 
-type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
-type ListRowPosition = "only" | "first" | "middle" | "last";
-type ListColorScheme = "primary" | "secondary";
-type PressEventName = "onClick" | "onPointerDown";
-type ListRowContextValue = {
-    marginType: ListRowMarginType;
-    selectedPosition: ListRowPosition;
-    sortable: boolean;
-    expandable: boolean;
-    divider: boolean;
-    gap: number;
-    variant: ListViewVariant;
-    sectionHeaderVariant: ListViewSectionHeaderVariant;
-    pressEventName: PressEventName;
-    isSectionHeader: boolean;
-    colorScheme: ListColorScheme;
+type ListViewItemInfo = {
+    isDragOverlay: boolean;
+    activeDragIndex?: number;
 };
-interface EditableRowProps {
+type ListViewRootProps<T> = {
+    data: T[];
+    renderItem: (item: T, index: number, info: ListViewItemInfo) => ReactNode;
+    keyExtractor: (item: T, index: number) => string;
+    /**
+     * Each item must have an `id` in order to be sortable.
+     *
+     * Additionally, the key extracted with `keyExtractor` must match the ListItem.Row `id`.
+     */
+    sortable?: boolean;
+    virtualized?: Size;
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    role?: string;
+    "aria-labelledby"?: string;
+    "aria-orientation"?: "vertical" | "horizontal";
+    "aria-multiselectable"?: boolean;
+    onPress?: () => void;
+    scrollable?: boolean;
+    expandable?: boolean;
+    onMoveItem?: MoveDragItemHandler;
+    indentation?: number;
+    acceptsDrop?: DropValidator;
+    pressEventName?: PressEventName;
+    variant?: ListViewVariant;
+    sectionHeaderVariant?: ListViewSectionHeaderVariant;
+    divider?: boolean;
+    gap?: number;
+    colorScheme?: ListColorScheme;
+    containerRef?: React__default.RefObject<HTMLDivElement | null>;
+    onDragOver?: React__default.DragEventHandler<HTMLDivElement>;
+    onDragEnter?: React__default.DragEventHandler<HTMLDivElement>;
+    onDragLeave?: React__default.DragEventHandler<HTMLDivElement>;
+    onDrop?: React__default.DragEventHandler<HTMLDivElement>;
+    renderEmptyState?: () => ReactNode;
+    getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
+    sharedDragProps?: SharedDragProps;
+    sortableId?: string;
+    itemHeight?: number;
+};
+
+interface EditableRowTitleProps {
     value: string;
     onSubmitEditing: (value: string) => void;
     autoFocus: boolean;
@@ -869,12 +1000,13 @@ interface EditableRowProps {
     className?: string;
     onKeyDown?: (e: React__default.KeyboardEvent) => void;
 }
-declare function ListViewEditableRowTitle({ value, onSubmitEditing, autoFocus, placeholder, className, onKeyDown, }: EditableRowProps): React__default.JSX.Element;
+
 interface ListViewClickInfo {
     shiftKey: boolean;
     altKey: boolean;
     metaKey: boolean;
     ctrlKey: boolean;
+    stopPropagation: () => void;
 }
 interface ListViewRowProps<MenuItemType extends string = string> {
     id?: string;
@@ -886,7 +1018,6 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     disabled?: boolean;
     hovered?: boolean;
     sortable?: boolean;
-    gap?: number;
     backgroundColor?: CSSProperties["backgroundColor"];
     onPress?: (info: ListViewClickInfo) => void;
     onDoubleClick?: () => void;
@@ -910,79 +1041,25 @@ type DragIndicatorStyleProps = {
     indentation: number;
     position: RelativeDropPosition;
 };
-interface IVirtualizedList {
-    scrollToIndex(index: number): void;
-}
-type ListViewItemInfo = {
-    isDragOverlay: boolean;
-    activeDragIndex?: number;
-};
-type ChildrenProps = {
-    children: ReactNode;
-};
-type RenderProps<T> = {
-    data: T[];
-    renderItem: (item: T, index: number, info: ListViewItemInfo) => ReactNode;
-    keyExtractor: (item: T, index: number) => string;
-    /**
-     * Each item must have an `id` in order to be sortable.
-     *
-     * Additionally, the key extracted with `keyExtractor` must match the ListItem.Row `id`.
-     */
-    sortable?: boolean;
-    virtualized?: Size;
-};
-type ListViewVariant = "normal" | "bare";
-type ListViewSectionHeaderVariant = "normal" | "label";
-type ListViewRootProps = {
-    id?: string;
-    className?: string;
-    style?: CSSProperties;
-    role?: string;
-    "aria-labelledby"?: string;
-    "aria-orientation"?: "vertical" | "horizontal";
-    "aria-multiselectable"?: boolean;
-    onPress?: () => void;
-    scrollable?: boolean;
-    expandable?: boolean;
-    onMoveItem?: MoveDragItemHandler;
-    indentation?: number;
-    acceptsDrop?: DropValidator;
-    pressEventName?: PressEventName;
-    variant?: ListViewVariant;
-    sectionHeaderVariant?: ListViewSectionHeaderVariant;
-    divider?: boolean;
-    gap?: number;
-    colorScheme?: ListColorScheme;
-    containerRef?: React__default.RefObject<HTMLDivElement | null>;
-    onDragOver?: React__default.DragEventHandler<HTMLDivElement>;
-    onDragEnter?: React__default.DragEventHandler<HTMLDivElement>;
-    onDragLeave?: React__default.DragEventHandler<HTMLDivElement>;
-    onDrop?: React__default.DragEventHandler<HTMLDivElement>;
-    renderEmptyState?: () => ReactNode;
-    getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
-    sharedDragProps?: SharedDragProps;
-    sortableId?: string;
-};
+
 declare namespace ListView {
-    const RowTitle: React__default.MemoExoticComponent<({ className, children, ...props }: {
+    const RowTitle: React$1.NamedExoticComponent<{
         className?: string;
-        children: React__default.ReactNode;
-    } & HTMLAttributes<HTMLSpanElement>) => React__default.JSX.Element>;
-    const EditableRowTitle: React__default.MemoExoticComponent<typeof ListViewEditableRowTitle>;
-    const Row: <MenuItemType extends string>(props: ListViewRowProps<MenuItemType> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any> | null;
-    const Root: <T = any>(props: ((ChildrenProps | RenderProps<T>) & ListViewRootProps) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any> | null;
-    const RowContext: React__default.Context<ListRowContextValue>;
+    } & React$1.HTMLAttributes<HTMLSpanElement>>;
+    const EditableRowTitle: React$1.NamedExoticComponent<EditableRowTitleProps>;
+    const Row: <MenuItemType extends string>(props: ListViewRowProps<MenuItemType> & React$1.RefAttributes<HTMLElement>) => React.ReactElement<any> | null;
+    const Root: <T>(props: ListViewRootProps<T> & React$1.RefAttributes<IVirtualizedList>) => React.ReactElement<any> | null;
+    const RowContext: React$1.Context<ListRowContextValue>;
     type ClickInfo = ListViewClickInfo;
     type ItemInfo = ListViewItemInfo;
     type RowProps<MenuItemType extends string = string> = ListViewRowProps<MenuItemType>;
     type VirtualizedList = IVirtualizedList;
-    const DragIndicator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
+    const DragIndicator: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & {
         $relativeDropPosition?: RelativeDropPosition;
         $gap: number;
         $offsetLeft: number;
         $colorScheme: ListColorScheme;
-    } & React__default.RefAttributes<HTMLDivElement>>;
+    } & React$1.RefAttributes<HTMLDivElement>>;
     const rowHeight = 31;
     const sectionHeaderLabelHeight = 27;
     const calculateHeight: ({ menuItemsCount, sectionHeaderCount, }: {
@@ -1010,6 +1087,7 @@ type CollectionRenderActionProps<T> = {
 interface CollectionProps<T, M extends string = string> {
     className?: string;
     items: T[];
+    virtualized?: Size;
     getId: (item: T) => string;
     getName: (item: T) => string;
     getHref?: (item: T) => string;
@@ -1031,9 +1109,13 @@ interface CollectionProps<T, M extends string = string> {
     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;
+    /** Optional right-side content renderer for each item */
+    renderRight?: (item: T, selected: boolean) => React__default.ReactNode;
     /** Callback when selection changes. If not provided, selection will be disabled. */
     onSelectionChange?: (selectedItemIds: string[], event?: ListView.ClickInfo) => void;
     scrollable?: boolean;
+    itemStyle?: CSSProperties;
+    itemClassName?: string;
     itemRoleDescription?: string;
     /** Position of the detail content. Defaults to 'end'. */
     detailPosition?: "end" | "below";
@@ -1048,15 +1130,16 @@ interface CollectionProps<T, M extends string = string> {
     /** For testing: Override the drop indicator state with a specific item ID */
     testShowDropIndicatorId?: string;
     setExpanded?: (item: T, expanded: boolean) => void;
-    acceptsDrop?: ListViewRootProps["acceptsDrop"];
-    onMoveItem?: ListViewRootProps["onMoveItem"];
-    getDropTargetParentIndex?: ListViewRootProps["getDropTargetParentIndex"];
+    acceptsDrop?: ListViewRootProps<T>["acceptsDrop"];
+    onMoveItem?: ListViewRootProps<T>["onMoveItem"];
+    getDropTargetParentIndex?: ListViewRootProps<T>["getDropTargetParentIndex"];
     getDepth?: (item: T) => number;
     onFilesDrop?: (event: React__default.DragEvent<Element>) => void;
     getRenamable?: (item: T) => boolean;
     /** Currently selected file IDs */
     selectedIds?: string[];
     viewType?: CollectionViewType;
+    onClick?: () => void;
     onClickItem?: (itemId: string) => void;
     onDoubleClickItem?: (itemId: string) => void;
     renderEmptyState?: () => React__default.ReactElement<any>;
@@ -1099,7 +1182,7 @@ declare function ColorSwatchControl(props: ColorSwatchControlProps): React__defa
 
 type InputSize = "small" | "medium" | "large";
 
-type Props$e = {
+type Props$c = {
     id?: string;
     style?: any;
     className?: string;
@@ -1117,15 +1200,15 @@ type Props$e = {
     onFocusChange?: (isFocused: boolean) => void;
     onBlur?: FocusEventHandler;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "autoCapitalize" | "autoCorrect" | "spellCheck" | "autoFocus">;
-type ReadOnlyProps = Props$e & {
+type ReadOnlyProps = Props$c & {
     readOnly: true;
 };
-type ControlledProps = Props$e & {
+type ControlledProps = Props$c & {
     onChange: (value: string) => void;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
 };
-type SubmittableProps = Props$e & {
+type SubmittableProps = Props$c & {
     onSubmit: (value: string) => void;
     allowSubmittingWithSameValue?: boolean;
     submitAutomaticallyAfterDelay?: number;
@@ -1339,7 +1422,7 @@ declare const StyledContent: React__default.ForwardRefExoticComponent<Omit<Dialo
 interface IDialog {
     containsElement: (element: HTMLElement) => boolean;
 }
-interface Props$d {
+interface Props$b {
     title?: ReactNode;
     description?: ReactNode;
     children?: ReactNode;
@@ -1351,8 +1434,8 @@ interface Props$d {
     showCloseButton?: boolean;
     className?: string;
 }
-declare const Dialog: React__default.ForwardRefExoticComponent<Props$d & React__default.RefAttributes<IDialog>>;
-declare const FullscreenDialog: React__default.ForwardRefExoticComponent<Props$d & React__default.RefAttributes<IDialog>>;
+declare const Dialog: React__default.ForwardRefExoticComponent<Props$b & React__default.RefAttributes<IDialog>>;
+declare const FullscreenDialog: React__default.ForwardRefExoticComponent<Props$b & React__default.RefAttributes<IDialog>>;
 
 type DividerVariant = "normal" | "subtle" | "strong";
 interface DividerProps {
@@ -1376,6 +1459,7 @@ declare const DraggableMenuButton: <T extends string>(props: {
     isVisible?: boolean;
     className?: string;
     style?: React__default.CSSProperties;
+    iconName?: IconName;
 } & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onSelect">) => React__default.ReactElement<any> | null;
 
 type SidebarRef = {
@@ -1471,7 +1555,7 @@ type RenderPreviewProps = {
     style?: React__default.CSSProperties;
     className?: string;
 };
-type Props$c = {
+type Props$a = {
     value: string;
     children?: (props: RenderPreviewProps) => React__default.ReactNode;
     placeholder?: string;
@@ -1495,7 +1579,7 @@ type Props$c = {
 interface EditableTextRef {
     startEditing: () => void;
 }
-declare const EditableText: React__default.NamedExoticComponent<Props$c & React__default.RefAttributes<EditableTextRef>>;
+declare const EditableText: React__default.NamedExoticComponent<Props$a & React__default.RefAttributes<EditableTextRef>>;
 
 type FadeDirection = "left" | "right" | "top" | "bottom";
 type FadeProps = {
@@ -1521,12 +1605,14 @@ declare const FileExplorerUploadButton: ({ showUploadButton, onUpload, isUploadi
     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<any> | null;
-declare const FileExplorerDetail: ({ selected, size, children, }: {
+declare const FileExplorerDetail: ({ selected, size, children, className, style, }: {
     selected: boolean;
     children: React__default.ReactNode;
     size?: CollectionItemSize;
+    className?: string;
+    style?: CSSProperties;
 }) => React__default.JSX.Element;
-declare const FileExplorerEmptyState: ({ label, ...props }: BannerProps$1) => React__default.JSX.Element;
+declare const FileExplorerEmptyState: ({ children: label, ...props }: BannerProps$1) => React__default.JSX.Element;
 
 type FileUploadIndicatorProps = {
     name?: string;
@@ -1541,33 +1627,6 @@ declare function FileUploadList({ uploads, }: {
     })[];
 }): React__default.JSX.Element;
 
-declare const SUPPORTED_IMAGE_UPLOAD_TYPES: ("image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
-declare const SUPPORTED_CANVAS_UPLOAD_TYPES: ("" | "image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
-type SupportedImageUploadType = (typeof SUPPORTED_IMAGE_UPLOAD_TYPES)[number];
-type SupportedCanvasUploadType = (typeof SUPPORTED_CANVAS_UPLOAD_TYPES)[number];
-type SketchPattern = {
-    _class: 'pattern';
-    image?: Sketch.FileRef | Sketch.DataRef;
-    patternFillType: Sketch.PatternFillType;
-    patternTileScale: number;
-};
-
-interface Props$b {
-    id?: string;
-    value?: Sketch.Color | Sketch.Gradient | SketchPattern;
-}
-declare const FillInputField: React__default.NamedExoticComponent<Props$b & React__default.RefAttributes<HTMLButtonElement>>;
-
-declare const PatternPreviewBackground: React$1.NamedExoticComponent<{
-    fillType: Sketch.PatternFillType;
-    tileScale: number;
-    imageRef: string;
-}>;
-interface Props$a {
-    value?: Sketch.Color | Sketch.Gradient | SketchPattern;
-}
-declare const FillPreviewBackground: React$1.NamedExoticComponent<Props$a>;
-
 interface FloatingWindowProps {
     title?: string;
     onClose?: () => void;
@@ -1587,17 +1646,6 @@ interface FloatingWindowProps {
 }
 declare const FloatingWindow: React__default.FC<FloatingWindowProps>;
 
-interface Props$9 {
-    value: Sketch.GradientStop[];
-    selectedStop: number;
-    onChangeColor: (color: Sketch.Color) => void;
-    onChangePosition: (position: number) => void;
-    onAdd: (color: Sketch.Color, position: number) => void;
-    onDelete: () => void;
-    onSelectStop: (index: number) => void;
-}
-declare const GradientPicker: React$1.NamedExoticComponent<Props$9>;
-
 declare const getGridSize: (size: CollectionItemSize) => {
     minColumnWidth: string;
     gap: number;
@@ -1614,7 +1662,9 @@ interface ItemProps<MenuItemType extends string = string> {
     loading?: boolean;
     selected?: boolean;
     onClick?: (event: React__default.MouseEvent) => void;
-    onSelect?: (options: KeyModifiers) => void;
+    onSelect?: (options: KeyModifiers & {
+        stopPropagation(): void;
+    }) => void;
     onDoubleClick?: () => void;
     onHoverChange?: (isHovering: boolean) => void;
     children?: ReactNode;
@@ -1666,7 +1716,7 @@ declare namespace GridView {
     const SectionHeader: React__default.MemoExoticComponent<typeof GridViewSectionHeader>;
 }
 
-type Props$8 = Omit<ButtonProps, "children" | "variant" | "flex" | "size"> & {
+type Props$9 = Omit<ButtonProps, "children" | "variant" | "flex" | "size"> & {
     iconName: IconName;
     className?: string;
     style?: React$1.CSSProperties;
@@ -1674,7 +1724,7 @@ type Props$8 = Omit<ButtonProps, "children" | "variant" | "flex" | "size"> & {
     color?: string;
     size?: number;
 };
-declare const IconButton: React$1.NamedExoticComponent<Omit<Props$8, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const IconButton: React$1.NamedExoticComponent<Omit<Props$9, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const InspectorContainer: React__default.NamedExoticComponent<{
     header?: React__default.ReactNode;
@@ -1782,7 +1832,132 @@ declare const LabeledField: React__default.NamedExoticComponent<{
 
 declare const List: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement<any> | null;
 
-type ColorScheme$2 = "primary" | "secondary" | "icon" | "warning";
+type ListMenuProps<T extends string> = {
+    items: MenuItem<T>[];
+    selectedIds?: T[];
+    onSelect: (item: T) => void;
+    renderRight?: CollectionProps<MenuItem<T>, T>["renderRight"];
+    className?: string;
+};
+declare function ListMenu<T extends string>({ items, selectedIds: selectedIdsProp, onSelect, renderRight, className, }: ListMenuProps<T>): React__default.ReactNode[];
+
+type StackItem = {
+    key: string;
+    title?: React__default.ReactNode;
+    right?: React__default.ReactNode;
+    renderContent: () => React__default.ReactNode;
+    /** Force hide/show back button for this item */
+    showBackButton?: boolean;
+    renderHeader?: StackNavigatorRenderHeader;
+};
+type StackNavigatorHeaderProps = {
+    onBack?: () => void;
+    showBackButton: boolean;
+    showDivider: boolean;
+    right?: React__default.ReactNode;
+    title?: React__default.ReactNode;
+};
+type StackNavigatorRenderHeader = React__default.ReactNode | ((props: StackNavigatorHeaderProps) => React__default.ReactNode);
+type StackNavigatorProps = {
+    /** Items ordered from root to top. The last item is shown. */
+    items: StackItem[];
+    /** Called when the back button is pressed */
+    onBack?: () => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+    contentClassName?: string;
+    /** Whether to show the header. @default true */
+    showHeader?: boolean;
+    showDivider?: boolean;
+    cardStyle?: React__default.CSSProperties;
+    cardClassName?: string;
+    renderHeader?: StackNavigatorRenderHeader;
+};
+declare function StackNavigator({ items, onBack, className, style, contentClassName, cardStyle, cardClassName, showDivider, showHeader, renderHeader, }: StackNavigatorProps): React__default.JSX.Element | null;
+
+type NavigatorParams = Record<string, unknown>;
+type NavigatorRoute<Params extends NavigatorParams | null> = {
+    key: string;
+    name: string;
+    params: Params;
+};
+type NavigatorRoutesConfig<RoutesConfig extends Record<string, NavigatorParams | null>> = {
+    [K in keyof RoutesConfig]: NavigatorRoute<RoutesConfig[K]>;
+};
+type NavigatorPushFunction<Routes extends Record<string, NavigatorRoute<any>>> = <K extends keyof Routes>(...args: Routes[K]["params"] extends null ? [name: K] : [name: K, params: Routes[K]["params"]]) => void;
+type NavigatorReplaceFunction<Routes extends Record<string, NavigatorRoute<any>>> = <K extends keyof Routes>(...args: Routes[K]["params"] extends null ? [name: K] : [name: K, params: Routes[K]["params"]]) => void;
+type NavigatorNavigation<Routes extends Record<string, NavigatorRoute<any>>> = {
+    push: NavigatorPushFunction<Routes>;
+    replace: NavigatorReplaceFunction<Routes>;
+    pop: () => void;
+    canGoBack: boolean;
+};
+type NavigatorRenderContext<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
+    route: NavigatorRoute<Routes[Name]["params"]>;
+    navigation: NavigatorNavigation<Routes>;
+    stack: NavigatorStackEntry<Routes>[];
+};
+type NavigatorHeaderProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = NavigatorRenderContext<Routes, Name> & {
+    title: React__default.ReactNode;
+    right: React__default.ReactNode;
+    showBackButton: boolean;
+    onBack?: () => void;
+};
+type NavigatorRenderHeader<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = React__default.ReactNode | ((context: NavigatorHeaderProps<Routes, Name>) => React__default.ReactNode);
+type NavigatorScreenProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
+    name: Name;
+    title: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
+    right?: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
+    showBackButton?: boolean | ((context: NavigatorRenderContext<Routes, Name>) => boolean);
+    renderHeader?: NavigatorRenderHeader<Routes, Name>;
+    children: React__default.ReactNode | ((context: NavigatorRenderContext<Routes, Name>) => React__default.ReactNode);
+};
+declare const navigatorScreenIdentifier: unique symbol;
+type NavigatorStackEntry<Routes extends Record<string, NavigatorRoute<any>>> = {
+    key: string;
+    name: keyof Routes;
+    params: Routes[keyof Routes]["params"];
+};
+type NavigatorProps<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes> = {
+    initialRoute: Routes[Name]["params"] extends null ? Name | {
+        name: Name;
+    } : {
+        name: Name;
+        params: Routes[Name]["params"];
+    };
+    children: React__default.ReactNode;
+    showHeader?: boolean | ((context: {
+        stack: NavigatorStackEntry<Routes>[];
+    }) => boolean);
+    renderHeader?: NavigatorRenderHeader<Routes, any>;
+} & Pick<StackNavigatorProps, "className" | "style" | "contentClassName" | "cardStyle" | "cardClassName">;
+declare function useNavigator<Routes extends Record<string, NavigatorRoute<any>>>(): NavigatorNavigation<Routes>;
+declare function useNavigatorRoute<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(): NavigatorRoute<Routes[Name]["params"]>;
+declare function NavigatorImpl<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>({ initialRoute, children, className, style, contentClassName, cardStyle, cardClassName, showHeader, renderHeader, }: NavigatorProps<Routes, Name>): React__default.JSX.Element;
+declare const Navigator: typeof NavigatorImpl & {
+    Screen: (<Routes extends Record<string, NavigatorRoute<any>>, Name extends keyof Routes>(_props: NavigatorScreenProps<Routes, Name>) => null) & {
+        [navigatorScreenIdentifier]: true;
+    };
+};
+declare function createNavigator<RoutesConfig extends Record<string, NavigatorParams | null>>(): (<Name extends keyof RoutesConfig>(props: NavigatorProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode) & {
+    Screen: <Name extends keyof RoutesConfig>(props: NavigatorScreenProps<NavigatorRoutesConfig<RoutesConfig>, Name>) => ReactNode;
+    useNavigator: () => NavigatorNavigation<NavigatorRoutesConfig<RoutesConfig>>;
+    useNavigatorRoute: <Name extends keyof RoutesConfig>(name: Name) => NavigatorRoute<NavigatorRoutesConfig<RoutesConfig>[Name]["params"]>;
+};
+
+type ListNavigatorProps<T extends string> = Pick<ListMenuProps<T>, "items" | "renderRight" | "selectedIds"> & Pick<NavigatorProps<any, any>, "className" | "style"> & {
+    title?: React__default.ReactNode;
+    onSelect: (item: T, { popToRoot }: {
+        popToRoot: () => void;
+    }) => void;
+    renderHeader?: ({ title, onBack, }: {
+        title?: React__default.ReactNode;
+        onBack?: () => void;
+    }) => React__default.ReactNode;
+};
+declare function ListNavigator<T extends string>({ title, items, onSelect, className, style, renderRight, renderHeader, selectedIds, }: ListNavigatorProps<T>): React__default.JSX.Element;
+
+type ColorScheme$4 = "primary" | "secondary" | "icon" | "warning";
 type RenderThumbnailIconProps = {
     fileName?: string;
     contentType?: string;
@@ -1795,7 +1970,7 @@ type MediaThumbnailProps = {
     /** Color scheme for the thumbnail. Affects icon color and background.
      * @default "icon"
      */
-    colorScheme?: ColorScheme$2;
+    colorScheme?: ColorScheme$4;
     /**
      * If provided, use this icon instead of the default one for the asset type
      */
@@ -1803,8 +1978,10 @@ type MediaThumbnailProps = {
     size?: CollectionItemSize;
     fileName?: string;
     renderThumbnailIcon?: (props: RenderThumbnailIconProps) => React__default.ReactNode;
+    dimensions?: Size;
+    aspect?: "contain" | "cover";
 };
-declare const getThumbnailColors: (colorScheme: ColorScheme$2, selected: boolean) => {
+declare const getThumbnailColors: (colorScheme: ColorScheme$4, selected: boolean) => {
     icon: string;
     background: string;
 };
@@ -1832,7 +2009,7 @@ declare function getPipelineResultLink(value: unknown): {
 } | undefined;
 
 type PopoverVariant = "normal" | "large";
-interface Props$7 extends Pick<ComponentProps<(typeof Popover$1)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
+interface Props$8 extends Pick<ComponentProps<(typeof Popover$1)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
     children: React__default.ReactNode | ((props: {
         close: () => void;
     }) => React__default.ReactNode);
@@ -1845,6 +2022,7 @@ interface Props$7 extends Pick<ComponentProps<(typeof Popover$1)["Content"]>, "o
     onClickClose?: () => void;
     showArrow?: boolean;
     className?: string;
+    style?: React__default.CSSProperties;
     portalContainer?: HTMLElement | null;
 }
 declare const popoverStyle: {
@@ -1852,42 +2030,96 @@ declare const popoverStyle: {
     large: string;
     normal: string;
 };
-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;
+declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, portalContainer, style, }: Props$8): React__default.JSX.Element;
 
-type ColorScheme$1 = "normal" | "warning" | "primary" | "secondary";
-declare function Progress({ value, colorScheme, className, style, }: {
+type ColorScheme$3 = "normal" | "warning" | "primary" | "secondary";
+declare function Progress({ value, colorScheme, color, className, style: styleProp, }: {
+    /** A value between 0 and 100. */
     value: number;
-    colorScheme?: ColorScheme$1;
+    colorScheme?: ColorScheme$3;
+    color?: string;
     className?: string;
     style?: React$1.CSSProperties;
 }): React$1.JSX.Element;
 
-interface Props$6 {
-    children?: React$1.ReactNode | ((scrollElementRef: HTMLDivElement) => React$1.ReactNode);
+interface ResizableContainerProps {
+    children: ReactNode | ((children: {
+        width?: number;
+    }) => ReactNode);
+    minWidth: number;
+    maxWidth?: number;
+    style?: React__default.CSSProperties;
+    innerStyle?: React__default.CSSProperties;
+    handleContainerStyle?: React__default.CSSProperties;
+    handleStyle?: React__default.CSSProperties;
+    className?: string;
+    onChangeWidth?: (width: number) => void;
+    shouldResetWidthOnGestureEnd?: boolean;
 }
-declare const ScrollArea: React$1.NamedExoticComponent<Props$6>;
+declare const ResizableContainer: React__default.FC<ResizableContainerProps>;
 
-type TitleIconOptions = {
-    inlineBlockWrapper?: boolean;
-};
-type SectionProps = {
+type ColorScheme$2 = "normal" | "warning" | "primary" | "secondary";
+declare function RingProgress({ value, dividedBy, size, thickness, colorScheme, color, trackColor, className, style, ariaLabel, }: {
+    /** Current value (numerator). */
+    value: number;
+    /** Total value representing 100%. Defaults to 100. */
+    dividedBy?: number;
+    /** Diameter in pixels of the ring (outer size). */
+    size?: number;
+    /** Stroke width of the ring in pixels. */
+    thickness?: number;
+    /** Ring color scheme, aligned with Progress component. */
+    colorScheme?: ColorScheme$2;
+    /** Optional custom color overrides. */
+    color?: string;
+    trackColor?: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+    /** Optional aria-label when no visible label is adjacent. */
+    ariaLabel?: string;
+}): React$1.JSX.Element;
+
+declare function ScrollableSidebar({ children }: {
     children: React__default.ReactNode;
+}): React__default.JSX.Element;
+
+interface Props$7 {
+    children?: React$1.ReactNode | ((scrollElementRef: HTMLDivElement) => React$1.ReactNode);
+}
+declare const ScrollArea: React$1.NamedExoticComponent<Props$7>;
+
+type SectionHeaderProps = {
+    style?: CSSProperties;
+    className?: string;
     title?: React__default.ReactNode;
-    onClickTitle?: () => void;
     titleTextStyle?: "small" | "heading5" | "heading4" | "heading3";
+    titleClassName?: string;
+    titleIcon?: Exclude<React__default.ReactNode, string> | IconName$1;
+    onClickTitle?: () => void;
     right?: React__default.ReactNode;
+    headerSeparator?: "space" | "dot";
+};
+declare function SectionHeader$1({ style, className, title, titleIcon, right, headerSeparator, titleTextStyle, titleClassName, onClickTitle, }: SectionHeaderProps): React__default.JSX.Element;
+type SectionProps = {
+    children: React__default.ReactNode;
     hideRightWhenCollapsed?: boolean;
     extraPadding?: boolean;
     className?: string;
     style?: CSSProperties;
-    titleIcon?: React__default.ReactNode;
-    titleIconOptions?: TitleIconOptions;
-};
+    headerStyle?: CSSProperties;
+} & Omit<SectionHeaderProps, "style" | "className">;
 type ExpandableSectionProps = {
     storageKey: string;
     initialVisibility?: "show" | "hide";
 };
-declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
+declare const Section$1: React__default.NamedExoticComponent<{
+    children: React__default.ReactNode;
+    hideRightWhenCollapsed?: boolean;
+    extraPadding?: boolean;
+    className?: string;
+    style?: CSSProperties;
+    headerStyle?: CSSProperties;
+} & Omit<SectionHeaderProps, "className" | "style"> & Partial<ExpandableSectionProps>>;
 
 type SegmentedControlColorScheme = "primary" | "secondary";
 type SegmentedControlVariant = "default" | "tabs" | "buttons";
@@ -1913,7 +2145,7 @@ type SegmentedControlItemProps<T extends string> = {
 declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement<any> | null;
 
 type PopperPrimitiveContentProps = ComponentProps<typeof PopperPrimitive.Content>;
-type SelectionToolbarContainerProps = Pick<PopperPrimitiveContentProps, "side" | "sideOffset" | "align"> & {
+type SelectionToolbarContainerProps = Pick<PopperPrimitiveContentProps, "side" | "sideOffset" | "align" | "avoidCollisions"> & {
     rect: Rect;
     children: React__default.ReactNode;
     portalContainer?: HTMLElement | null;
@@ -1923,7 +2155,7 @@ type SelectionToolbarContainerProps = Pick<PopperPrimitiveContentProps, "side" |
 };
 declare const SelectionToolbarContainer: React__default.NamedExoticComponent<SelectionToolbarContainerProps>;
 
-type Props$5<T extends string> = {
+type Props$6<T extends string> = {
     id?: string;
     style?: React__default.CSSProperties;
     className?: string;
@@ -1938,10 +2170,10 @@ type Props$5<T extends string> = {
     onBlur?: FocusEventHandler;
     contentStyle?: React__default.CSSProperties;
 } & Pick<SelectProps, "open" | "onOpenChange">;
-declare const SelectMenu: <T extends string = string>(props: Props$5<T>) => React__default.ReactElement<any> | null;
+declare const SelectMenu: <T extends string = string>(props: Props$6<T>) => React__default.ReactElement<any> | null;
 
-type ColorScheme = "primary" | "secondary";
-interface Props$4 {
+type ColorScheme$1 = "primary" | "secondary";
+interface Props$5 {
     id?: string;
     style?: React__default.CSSProperties;
     className?: string;
@@ -1950,30 +2182,39 @@ interface Props$4 {
     min: number;
     max: number;
     step?: number;
-    colorScheme?: ColorScheme;
+    colorScheme?: ColorScheme$1;
     label?: React__default.ReactNode;
     onFocus?: FocusEventHandler;
     onBlur?: FocusEventHandler;
     readOnly?: boolean;
 }
-declare const Slider: React__default.NamedExoticComponent<Props$4>;
+declare const Slider: React__default.NamedExoticComponent<Props$5>;
 
 type SharedDragProviderProps = {
     children: React$1.ReactNode;
     acceptsDrop?: AcceptsDrop;
     onMoveItem?: MoveDragItemHandler;
     sharedDragProps?: SharedDragProps;
+    itemHitSlop?: Insets;
 };
-declare function SharedDragProvider({ children, acceptsDrop, onMoveItem, sharedDragProps, }: SharedDragProviderProps): React$1.JSX.Element;
+declare function SharedDragProvider({ children, acceptsDrop, onMoveItem, sharedDragProps, itemHitSlop, }: 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: (registeredLists: Map<string, RegisteredList>) => CollisionDetection;
+declare const getItemFirstCollisionDetection: (registeredLists: Map<string, RegisteredList>, itemHitSlop: Insets | undefined) => CollisionDetection;
 
 type UseSortableReturnType = ReturnType<typeof useSortable>;
 type ItemChildrenProps<T> = {
-    ref: React$1.Ref<T>;
-    relativeDropPosition?: RelativeDropPosition;
+    ref: React$1.RefCallback<T>;
     style?: React$1.CSSProperties;
+    onPointerDown?: React$1.PointerEventHandler;
 } & UseSortableReturnType["attributes"];
+type ItemChildrenExtraProps = {
+    isDragging: boolean;
+    isOverlay: boolean;
+    relativeDropPosition: RelativeDropPosition | undefined;
+    setActivatorNodeRef: React$1.RefCallback<HTMLElement>;
+    setDraggableNodeRef: React$1.RefCallback<HTMLElement>;
+    setDroppableNodeRef: React$1.RefCallback<HTMLElement>;
+};
 interface RootProps {
     id?: string;
     keys: UniqueIdentifier[];
@@ -1981,25 +2222,27 @@ interface RootProps {
     children?: React$1.ReactNode;
     renderOverlay?: (index: number) => React$1.ReactNode;
     onMoveItem?: MoveDragItemHandler;
+    onIsDraggingChange?: (isDragging: boolean) => void;
     acceptsFromList?: AcceptsFromList;
     acceptsDrop?: DropValidator;
     getDropTargetParentIndex?: (index: number) => number | undefined;
     sharedDragProps?: SharedDragProps;
     containerRef?: React$1.RefObject<HTMLElement | null>;
+    itemHitSlop?: Insets;
 }
 declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
     id: UniqueIdentifier;
     disabled?: boolean;
-    children: (props: ItemChildrenProps<TElement>) => React$1.ReactNode;
+    children: (props: ItemChildrenProps<TElement>, extraProps: Omit<ItemChildrenExtraProps, "isOverlay">) => React$1.ReactNode;
 }): React$1.ReactNode;
-declare function SortableRoot_({ id: idProp, keys: keysProp, onMoveItem, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProps, containerRef, }: RootProps): React$1.JSX.Element;
+declare function SortableRoot_({ id: idProp, keys: keysProp, onMoveItem, onIsDraggingChange, renderOverlay, acceptsFromList, acceptsDrop, axis, children, getDropTargetParentIndex, sharedDragProps, containerRef, itemHitSlop, }: 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 }: {
+    renderItem: (item: TItem, props: ItemChildrenProps<TElement>, extraProps: {
         isOverlay: boolean;
-    }) => React$1.ReactNode;
+    } & ItemChildrenExtraProps) => 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_;
@@ -2012,14 +2255,31 @@ declare function createSharedDrag(): {
     props: SharedDragProps;
 };
 
-interface Props$3 {
+interface Props$4 {
     size?: number | string;
     inline?: boolean;
 }
 declare namespace Spacer {
-    const Vertical: React$1.ForwardRefExoticComponent<Props$3 & React$1.RefAttributes<HTMLSpanElement>>;
-    const Horizontal: React$1.ForwardRefExoticComponent<Props$3 & React$1.RefAttributes<HTMLSpanElement>>;
+    const Vertical: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLSpanElement>>;
+    const Horizontal: React$1.ForwardRefExoticComponent<Props$4 & React$1.RefAttributes<HTMLSpanElement>>;
+}
+
+type ColorScheme = "primary" | "secondary";
+interface Props$3 {
+    id?: string;
+    style?: React__default.CSSProperties;
+    className?: string;
+    value: number;
+    onValueChange: (value: number) => void;
+    min: number;
+    max: number;
+    step?: number;
+    colorScheme?: ColorScheme;
+    onFocus?: FocusEventHandler;
+    onBlur?: FocusEventHandler;
+    readOnly?: boolean;
 }
+declare const Stepper: React__default.NamedExoticComponent<Props$3>;
 
 type SwitchColorScheme = "primary" | "secondary";
 interface Props$2 {
@@ -2094,20 +2354,11 @@ type TreeRowBaseProps = {
 };
 type TreeViewRowProps<MenuItemType extends string> = ListView.RowProps<MenuItemType> & TreeRowBaseProps;
 declare namespace TreeView {
-    const Root: <T = any>(props: (({
-        children: ReactNode;
-    } | {
-        data: T[];
-        renderItem: (item: T, index: number, info: ListViewItemInfo) => ReactNode;
-        keyExtractor: (item: T, index: number) => string;
-        sortable?: boolean;
-        virtualized?: _noya_app_noya_geometry.Size;
-    }) & ListViewRootProps) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any> | null;
-    const RowTitle: React__default.MemoExoticComponent<({ className, children, ...props }: {
+    const Root: <T>(props: ListViewRootProps<T> & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any> | null;
+    const RowTitle: React__default.NamedExoticComponent<{
         className?: string;
-        children: React__default.ReactNode;
-    } & React__default.HTMLAttributes<HTMLSpanElement>) => React__default.JSX.Element>;
-    const EditableRowTitle: React__default.MemoExoticComponent<({ value, onSubmitEditing, autoFocus, placeholder, className, onKeyDown, }: EditableRowProps) => React__default.JSX.Element>;
+    } & React__default.HTMLAttributes<HTMLSpanElement>>;
+    const EditableRowTitle: React__default.NamedExoticComponent<EditableRowTitleProps>;
     const Row: <MenuItemType extends string>(props: ListView.RowProps<MenuItemType> & TreeRowBaseProps & React__default.RefAttributes<HTMLLIElement>) => React__default.ReactElement<any> | null;
     type ClickInfo = ListView.ClickInfo;
     type RowProps<MenuItemType extends string> = TreeViewRowProps<MenuItemType>;
@@ -2156,6 +2407,7 @@ type WorkspaceLayoutRef = {
     toggleRight: () => void;
 };
 type SideOptions = {
+    visible?: boolean;
     style?: React__default.CSSProperties;
     className?: string;
     resizable?: boolean;
@@ -2188,10 +2440,13 @@ declare function useDesignSystemConfiguration(): DesignSystemConfigurationContex
 type RenderableProps = {
     close: () => void;
 };
+type ClosablePromise<T> = Promise<T> & {
+    close: () => void;
+};
 type DialogContextValue = {
     openDialog(options: BaseDialogContents & {
         children: ReactNode | ((props: RenderableProps) => ReactNode);
-    }): Promise<void>;
+    }): ClosablePromise<void>;
     openInputDialog(options: string | (BaseDialogContents & {
         placeholder?: string;
         initialValue?: string;
@@ -2223,7 +2478,7 @@ declare function useOpenConfirmationDialog(): (options: string | (BaseDialogCont
 })) => Promise<boolean>;
 declare function useOpenDialog(): (options: BaseDialogContents & {
     children: ReactNode | ((props: RenderableProps) => ReactNode);
-}) => Promise<void>;
+}) => ClosablePromise<void>;
 
 type FloatingWindowContextValue = {
     createWindow: (element: React__default.ReactNode) => string;
@@ -2321,9 +2576,7 @@ interface HoverResult {
  */
 declare function useHover(props?: HoverProps): HoverResult;
 
-declare const IndentContext: React__default.Context<{
-    indentLevel: number;
-}>;
+declare const IndentContext: React__default.Context<number>;
 declare const useIndent: () => number;
 
 declare function usePlatform(): _noya_app_noya_keymap.PlatformName;
@@ -2341,7 +2594,7 @@ type UseThemeReturnType = "dark" | "light";
 declare function useTheme(): UseThemeReturnType;
 
 type ClassNameItem = string | number | BigInt | boolean | null | undefined;
-type Category = "text" | "color" | "font" | "flex" | "position";
+type Category = "text" | "color" | "font" | "flex" | "position" | "textAlign" | "rounded";
 type Options = {
     categories?: Category[];
 };
@@ -2354,8 +2607,6 @@ declare function createSectionedMenu<T extends string>(...sections: MenuConfig<T
 
 declare function formatByteSize(size: number): string;
 
-declare function getGradientBackground(value: Sketch.GradientStop[], type: Sketch.GradientType, direction?: number): string;
-
 declare const colorForStringValues: Record<string, string>;
 /**
  * Create a background color and initials from a name
@@ -2444,10 +2695,16 @@ declare function updateSelection(allIds: string[], selectedIds: string[], clicke
     ctrlKey?: boolean;
 }): string[];
 
-declare function sketchColorToRgba(value: Sketch.Color): RgbaColor;
-declare function sketchColorToRgbaString(value: Sketch.Color): string;
-declare function rgbaToSketchColor(value: RgbaColor): Sketch.Color;
-declare function sketchColorToHex(value: Sketch.Color): string;
+declare const SUPPORTED_IMAGE_UPLOAD_TYPES: ("image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
+declare const SUPPORTED_CANVAS_UPLOAD_TYPES: ("" | "image/png" | "image/jpeg" | "image/webp" | "image/svg+xml" | "application/pdf")[];
+type SupportedImageUploadType = (typeof SUPPORTED_IMAGE_UPLOAD_TYPES)[number];
+type SupportedCanvasUploadType = (typeof SUPPORTED_CANVAS_UPLOAD_TYPES)[number];
+type SketchPattern = {
+    _class: 'pattern';
+    image?: Sketch.FileRef | Sketch.DataRef;
+    patternFillType: Sketch.PatternFillType;
+    patternTileScale: number;
+};
 
 interface SeparatorOptions {
     traverseFragments?: boolean;
@@ -2515,13 +2772,22 @@ interface BaseToolbarProps {
     right?: React__default.ReactNode;
     logo?: React__default.ReactNode;
     showDivider?: boolean;
+    className?: string;
+    innerClassName?: string;
+    enableAbsoluteBreakpoint?: boolean;
 }
-declare function BaseToolbarContainer({ children, showDivider, }: {
+declare function BaseToolbarContainer({ children, showDivider, className, innerClassName, enableAbsoluteBreakpoint, }: {
     children: React__default.ReactNode;
     showDivider?: boolean;
+    className?: string;
+    innerClassName?: string;
+    enableAbsoluteBreakpoint?: boolean;
 }): React__default.JSX.Element;
-declare function BaseToolbar({ children, left, right, logo, showDivider, }: BaseToolbarProps): React__default.JSX.Element;
+declare function BaseToolbar({ children, left, right, logo, showDivider, className, innerClassName, enableAbsoluteBreakpoint, }: BaseToolbarProps): React__default.JSX.Element;
 
+declare const ToolbarMenuContext: React__default.Context<{
+    dividerOverflow?: number;
+}>;
 declare const ToolbarMenuDropdown: <T extends string>(props: {
     item: SubMenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
@@ -2540,6 +2806,7 @@ declare const ToolbarMenuButton: <T extends string>(props: {
     as?: ComponentProps<typeof Button>["as"];
     activeValue?: T;
     tooltipSide?: ComponentProps<typeof Tooltip>["side"];
+    displayFilter?: DisplayFilter;
 }) => React__default.ReactElement<any> | null;
 declare const ToolbarMenuItem: <T extends string>(props: {
     item: MenuItem<T>;
@@ -2548,7 +2815,10 @@ declare const ToolbarMenuItem: <T extends string>(props: {
     activeValue?: T;
     tooltipSide?: ComponentProps<typeof Tooltip>["side"];
     portalContainer?: HTMLElement | null;
+    displayFilter?: DisplayFilter;
+    dividerOverflow?: number;
 }) => React__default.ReactElement<any> | null;
+type DisplayFilter = "iconOnly" | "iconAndText" | "textOnly";
 declare const ToolbarMenu: <T extends string>(props: {
     items: MenuItem<T>[];
     onSelectMenuItem?: (value: T) => void;
@@ -2556,6 +2826,8 @@ declare const ToolbarMenu: <T extends string>(props: {
     activeValue?: T;
     tooltipSide?: ComponentProps<typeof Tooltip>["side"];
     portalContainer?: HTMLElement | null;
+    displayFilter?: DisplayFilter;
+    dividerOverflow?: number;
 }) => React__default.ReactElement<any> | null;
 interface ToolbarProps<T extends string = string> {
     children?: React__default.ReactNode;
@@ -2565,8 +2837,9 @@ interface ToolbarProps<T extends string = string> {
     onSelectMenuItem?: (value: T) => void;
     /** Whether to bind keyboard shortcuts for menu items. @default true */
     shouldBindKeyboardShortcuts?: boolean;
+    dividerOverflow?: number;
 }
-declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
+declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, dividerOverflow, }: ToolbarProps<T>): React__default.JSX.Element;
 
 type ToolbarDrawerProps = {
     children: ReactNode;
@@ -2575,4 +2848,4 @@ type ToolbarDrawerProps = {
 };
 declare const ToolbarDrawer: React__default.NamedExoticComponent<ToolbarDrawerProps & React__default.RefAttributes<HTMLDivElement>>;
 
-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, BaseToolbarContainer, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, type DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FileUploadIndicator, FileUploadList, 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, ImageBlockComponent, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabelContext, type LabelProps, type LabelType, LabelTypeContext, type LabelTypeContextValue, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, type LinkComponent, LinkComponentProvider, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MediaThumbnailProps, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type MoveDragItemParameters, type MoveTreeItemOptions, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PopoverMenuItem, type PortalScopeContextValue, PortalScopeProvider, Progress, type RelativeDropPosition, type RenderPanel, type RenderThumbnailIconProps, 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 SharedDragProviderProps, 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, Tabs, type TabsProps, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarDrawer, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, ToolbarMenuPopover, type ToolbarProps, ToolbarShortcut, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutGroup, type WorkspaceLayoutProps, type WorkspaceLayoutRef, type WorkspaceLayoutState, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDragItemKey, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, decodeImageSrc, defaultAcceptsDrop, dragItemKeySeparator, editableBlockStyles, filterWithGroupedSections, formatByteSize, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isPopoverMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelType, useLabelWidth, useLinkComponent, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };
+export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, type ActivityIconSemanticColor, ActivityIndicator, ActivityLog, type ActivityLogItem, AnimatePresence, type AnimatePresenceChildState, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, BaseToolbarContainer, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, 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 DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EditableText, type EditableTextRef, ExtraSmall, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FileUploadIndicator, FileUploadList, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, 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, Icon, IconButton, type IconName, type IconProp, ImageBlockComponent, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, type ItemChildrenExtraProps, type ItemChildrenProps, KeyboardShortcut, Label, LabelContext, type LabelProps, type LabelType, LabelTypeContext, type LabelTypeContextValue, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, type LinkComponent, LinkComponentProvider, List, ListMenu, type ListMenuProps, ListNavigator, type ListNavigatorProps, ListView, Logo, type MatchRange, MediaThumbnail, type MediaThumbnailProps, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type MoveDragItemParameters, type MoveTreeItemOptions, Navigator, type NavigatorHeaderProps, type NavigatorNavigation, type NavigatorParams, type NavigatorProps, type NavigatorPushFunction, type NavigatorRenderContext, type NavigatorRenderHeader, type NavigatorReplaceFunction, type NavigatorRoute, type NavigatorRoutesConfig, type NavigatorScreenProps, type NavigatorStackEntry, type NonSelectableMenuItem, type OpenPortalControlsContextValue, type OpenPortalsContextValue, OpenPortalsProvider, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, type PercentageSidebarOptions, PipelineResultLayout, PipelineResultLink, Popover, type PopoverMenuItem, type PortalScopeContextValue, PortalScopeProvider, Progress, type RelativeDropPosition, type RenderPanel, type RenderThumbnailIconProps, ResizableContainer, RingProgress, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, ScrollableSidebar, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SharedDragProviderProps, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StackItem, StackNavigator, type StackNavigatorHeaderProps, type StackNavigatorProps, type StackNavigatorRenderHeader, Stepper, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Tabs, type TabsProps, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarDrawer, ToolbarMenu, ToolbarMenuButton, ToolbarMenuContext, ToolbarMenuDropdown, ToolbarMenuItem, ToolbarMenuPopover, type ToolbarProps, ToolbarShortcut, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutGroup, type WorkspaceLayoutProps, type WorkspaceLayoutRef, type WorkspaceLayoutState, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDragItemKey, createNavigator, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, decodeImageSrc, defaultAcceptsDrop, dragItemKeySeparator, editableBlockStyles, filterWithGroupedSections, formatByteSize, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isPopoverMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, isSubMenuItem, labeledFieldStyles, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, separator, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelType, useLabelWidth, useLinkComponent, useNavigator, useNavigatorRoute, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };