@noya-app/noya-designsystem 0.1.63 → 0.1.64

package/dist/index.d.ts

@@ -1,28 +1,23 @@
 import * as React$1 from 'react';
-import React__default, { ReactNode, CSSProperties, ReactHTML, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes, DetailedHTMLProps } from 'react';
+import React__default, { ReactNode, CSSProperties, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes, DetailedHTMLProps } from 'react';
 import { IItemScore } from 'vscode-fuzzy-scorer';
 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 { Point as Point$1, Size, Rect } from '@noya-app/noya-geometry';
-import { UniqueIdentifier, Active, Over, CollisionDetection } from '@dnd-kit/core';
+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 * as DialogPrimitive from '@radix-ui/react-dialog';
-import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
+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 * as RadixContextMenu from '@radix-ui/react-context-menu';
 import { MultiplayerUser } from '@noya-app/noya-multiplayer-react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as PopperPrimitive from '@radix-ui/react-popper';
 import { SelectProps } from '@radix-ui/react-select';
 import { useSortable } from '@dnd-kit/sortable';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { ImperativePanelGroupHandle } from 'react-resizable-panels';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
 declare function fuzzyScore({ item, query }: {
@@ -63,7 +58,7 @@ type SeparatorItem = {
 };
 declare const separator: SeparatorItem;
 type FalsyReactNode = false | "" | null | undefined;
-type MenuItemIcon = IconName | React__default.ReactElement | FalsyReactNode;
+type MenuItemIcon = IconName | React__default.ReactElement<any> | FalsyReactNode;
 type BaseMenuItem = {
     checked?: boolean;
     disabled?: boolean;
@@ -85,6 +80,7 @@ type SelectableMenuItem<T extends string> = BaseMenuItem & {
     value: T;
     testSelected?: boolean;
     tooltip?: ReactNode;
+    drawer?: ReactNode;
 };
 type SubMenuItem<T extends string> = BaseMenuItem & {
     type: "submenu";
@@ -149,7 +145,7 @@ type ActionMenuProps<TMenu extends string> = {
     variant?: "normal" | "bare";
     color?: string;
 };
-declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement | null;
+declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement<any> | null;
 
 interface Props$f {
     size?: number;
@@ -224,7 +220,7 @@ type AvatarProps = {
     children?: React__default.ReactNode;
     onClick?: () => void;
 };
-declare const Avatar: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>>;
+declare const Avatar: React__default.NamedExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
 declare const AvatarStack: React__default.NamedExoticComponent<{
     size?: number;
     /** @default 3 */
@@ -240,6 +236,19 @@ type BannerProps = {
 };
 declare function Banner({ label, className, style }: BannerProps): React__default.JSX.Element;
 
+type ImageState = "loading" | "error" | "loaded";
+declare function decodeImageSrc(src?: string): string | undefined;
+declare const ImageBlockComponent: React__default.ForwardRefExoticComponent<Omit<React__default.ClassAttributes<HTMLImageElement> & React__default.ImgHTMLAttributes<HTMLImageElement> & {
+    imageState?: ImageState;
+}, "ref"> & React__default.RefAttributes<HTMLImageElement>> & {
+    Loading: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & React__default.RefAttributes<HTMLSpanElement>>;
+    Placeholder: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & React__default.RefAttributes<HTMLSpanElement>>;
+    Error: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & {
+        src?: string;
+    } & React__default.RefAttributes<HTMLSpanElement>>;
+    Display: React__default.ForwardRefExoticComponent<Omit<React__default.DetailedHTMLProps<React__default.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & React__default.RefAttributes<HTMLImageElement>>;
+};
+
 type Theme = (typeof tailwindConfig.theme)["extend"];
 type ThemeColor = keyof Theme["colors"];
 declare const cssVars: {
@@ -278,6 +287,9 @@ declare const cssVars: {
         buttonBackgroundActiveHover: string;
         buttonText: string;
         buttonTextActive: string;
+        toolbarDrawerBackground: string;
+        toolbarDrawerBorder: string;
+        toolbarDrawerShadow: string;
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
@@ -481,6 +493,9 @@ declare const cssVarNames: {
         buttonBackgroundActiveHover: string;
         buttonText: string;
         buttonTextActive: string;
+        toolbarDrawerBackground: string;
+        toolbarDrawerBorder: string;
+        toolbarDrawerShadow: string;
         canvasBackground: string;
         canvasGrid: string;
         sidebarBackground: string;
@@ -655,7 +670,7 @@ type KebabToCamelCase<S extends string> = S extends `${infer First}-${infer Rest
 type Variant = "title" | "subtitle" | "heading1" | "heading2" | "heading3" | "heading4" | "heading5" | "body" | "small" | "button" | "code" | "label";
 declare const textStyles: Record<Variant, string>;
 type TextProps = {
-    as?: keyof ReactHTML;
+    as?: React__default.HTMLElementType;
     href?: string;
     className?: string;
     style?: React__default.CSSProperties;
@@ -685,7 +700,7 @@ type BreadcrumbTextProps = Omit<TextProps, "variant" | "whiteSpace" | "lineHeigh
 declare const BreadcrumbText: React__default.ForwardRefExoticComponent<BreadcrumbTextProps & React__default.RefAttributes<HTMLSpanElement>>;
 declare const BreadcrumbSlash: () => React__default.JSX.Element;
 
-type ButtonVariant = "normal" | "thin" | "floating" | "none";
+type ButtonVariant = "normal" | "thin" | "floating" | "none" | "ghost";
 type ButtonSize = "small" | "normal" | "large" | "floating";
 type ButtonColorScheme = "primary" | "secondary";
 interface ButtonProps extends React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
@@ -717,7 +732,7 @@ declare const Button: React__default.ForwardRefExoticComponent<Omit<ButtonProps,
 interface CheckboxProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, "type"> {
     colorScheme?: "primary" | "secondary";
 }
-declare const Checkbox$1: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>>;
+declare const Checkbox$1: React$1.NamedExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLInputElement>>;
 
 type ChipColorScheme = "primary" | "secondary" | "error";
 type ChipSize = "small" | "medium" | "large";
@@ -742,7 +757,7 @@ interface ChipProps {
     role?: string;
     disabled?: boolean;
 }
-declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
+declare const Chip: React__default.NamedExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>;
 
 type RelativeDropPosition = "above" | "below" | "inside";
 type MoveDragItemParameters = {
@@ -786,16 +801,15 @@ type SortableItemContextProps = {
 declare const SortableItemContext: React$1.Context<SortableItemContextProps>;
 type ValidateDropIndicatorParams = {
     acceptsDrop: DropValidator;
-    keys: UniqueIdentifier[];
-    activeId: UniqueIdentifier;
-    overId: UniqueIdentifier;
+    activeIndex: number;
+    overIndex: number;
     offsetStart: number;
     elementStart: number;
     elementSize: number;
     sourceListId: string;
     targetListId: string;
 };
-declare function validateDropIndicator({ acceptsDrop, keys, activeId, overId, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
+declare function validateDropIndicator({ acceptsDrop, activeIndex, overIndex, offsetStart, elementStart, elementSize, sourceListId, targetListId, }: ValidateDropIndicatorParams): RelativeDropPosition | undefined;
 declare const dragItemKeySeparator = "-~-";
 declare function createDragItemKey(listId: string, itemId: UniqueIdentifier): string;
 declare function parseDragItemKey(key: string): {
@@ -805,8 +819,9 @@ declare function parseDragItemKey(key: string): {
 
 type GetDropIndicatorParameters = {
     absolutePosition: Point$1;
-    active: Active;
-    over: Over;
+    activeIndex: number;
+    overIndex: number;
+    overRect: ClientRect;
     sourceListId: string;
     targetListId: string;
 };
@@ -817,7 +832,7 @@ interface RegisteredList {
     renderOverlay?: (id: UniqueIdentifier) => React__default.ReactNode;
     acceptsFromList: AcceptsFromList;
     acceptsDrop: AcceptsDrop;
-    getDropIndicator: (parameters: GetDropIndicatorParameters) => RelativeDropPosition | undefined;
+    getDropIndicator: (parameters: GetDropIndicatorParameters, acceptsDrop: AcceptsDrop) => RelativeDropPosition | undefined;
 }
 interface DragRegistrationContextType {
     registerList: (list: RegisteredList) => void;
@@ -887,6 +902,8 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     className?: string;
     dragIndicatorStyle?: CSSProperties | ((props: DragIndicatorStyleProps) => CSSProperties);
     testRelativeDropPosition?: RelativeDropPosition;
+    href?: string;
+    as?: React__default.ElementType;
 }
 type DragIndicatorStyleProps = {
     depth: number;
@@ -937,7 +954,7 @@ type ListViewRootProps = {
     divider?: boolean;
     gap?: number;
     colorScheme?: ListColorScheme;
-    containerRef?: React__default.RefObject<HTMLDivElement>;
+    containerRef?: React__default.RefObject<HTMLDivElement | null>;
     onDragOver?: React__default.DragEventHandler<HTMLDivElement>;
     onDragEnter?: React__default.DragEventHandler<HTMLDivElement>;
     onDragLeave?: React__default.DragEventHandler<HTMLDivElement>;
@@ -953,8 +970,8 @@ declare namespace ListView {
         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 | null;
-    const Root: <T = any>(props: ((ChildrenProps | RenderProps<T>) & ListViewRootProps) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
+    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>;
     type ClickInfo = ListViewClickInfo;
     type ItemInfo = ListViewItemInfo;
@@ -995,6 +1012,7 @@ interface CollectionProps<T, M extends string = string> {
     items: T[];
     getId: (item: T) => string;
     getName: (item: T) => string;
+    getHref?: (item: T) => string;
     getExpanded?: (item: T) => boolean | undefined;
     getPlaceholder?: (item: T) => string;
     /**
@@ -1041,27 +1059,23 @@ interface CollectionProps<T, M extends string = string> {
     viewType?: CollectionViewType;
     onClickItem?: (itemId: string) => void;
     onDoubleClickItem?: (itemId: string) => void;
-    renderEmptyState?: () => React__default.ReactElement;
+    renderEmptyState?: () => React__default.ReactElement<any>;
     /** @default false */
     sortable?: boolean;
     dragIndicatorStyle?: ListViewRowProps<M>["dragIndicatorStyle"];
     sharedDragProps?: SharedDragProps;
     sortableId?: string;
 }
-declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement<any> | null;
 type CollectionItemSize = "xxs" | "xs" | "small" | "medium" | "mediumLarge" | "large" | "xl";
 
-type ColorSwatchSize = "xsmall" | "small" | "medium" | "large";
-declare const colorSwatchSizeMap: {
-    xsmall: number;
-    small: number;
-    medium: number;
-    large: number;
-};
+type ColorSwatchSize = "xxsmall" | "xsmall" | "small" | "medium" | "large";
+declare const colorSwatchSizeMap: Record<ColorSwatchSize, number>;
 declare const ColorSwatch: React__default.ForwardRefExoticComponent<{
     color: string;
     size?: ColorSwatchSize;
     checked?: boolean;
+    as?: React__default.ElementType;
 } & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
 
 type TokenValue = string | {
@@ -1192,17 +1206,17 @@ declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: s
 type InputFieldProps = InputFieldRootProps & InputFieldInputProps;
 declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>> & {
     readonly Root: React__default.MemoExoticComponent<typeof InputFieldRoot>;
-    readonly Input: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<InputFieldInputProps & React__default.RefAttributes<HTMLInputElement>>>;
+    readonly Input: React__default.NamedExoticComponent<InputFieldInputProps & React__default.RefAttributes<HTMLInputElement>>;
     readonly Typeahead: React__default.MemoExoticComponent<(props: {
         prefix: string;
         value: string;
         isFocused: boolean;
     }) => React__default.JSX.Element>;
     readonly NumberInput: React__default.MemoExoticComponent<typeof InputFieldNumberInput>;
-    readonly DropdownMenu: <T extends string>(props: InputFieldDropdownProps<T>) => React__default.ReactElement | null;
-    readonly Button: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement> & ButtonProps & {
+    readonly DropdownMenu: <T extends string>(props: InputFieldDropdownProps<T>) => React__default.ReactElement<any> | null;
+    readonly Button: React__default.NamedExoticComponent<Omit<React__default.ButtonHTMLAttributes<HTMLButtonElement> & ButtonProps & {
         variant?: "floating" | "normal";
-    }, "ref"> & React__default.RefAttributes<HTMLButtonElement>>>;
+    }, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
     readonly PrimitiveElement: ({ readOnly, disabled, className, style, ...props }: {
         readOnly?: boolean;
         disabled?: boolean;
@@ -1252,7 +1266,7 @@ interface ComboboxRef<T extends string> {
     setValue(value: string | SelectableMenuItem<T>): void;
     selectAllInputText(): void;
 }
-declare const Combobox: <T extends string>(props: ComboboxProps<T> & React__default.RefAttributes<ComboboxRef<T>>) => React__default.ReactElement | null;
+declare const Combobox: <T extends string>(props: ComboboxProps<T> & React__default.RefAttributes<ComboboxRef<T>>) => React__default.ReactElement<any> | null;
 
 interface ComboboxMenuProps<T extends string> {
     items: ScoredMenuItem<T>[];
@@ -1265,7 +1279,7 @@ interface ComboboxMenuProps<T extends string> {
     /** @default right */
     iconPosition?: "left" | "right";
 }
-declare const ComboboxMenu: <T extends string>(props: ComboboxMenuProps<T> & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
+declare const ComboboxMenu: <T extends string>(props: ComboboxMenuProps<T> & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any> | null;
 
 interface ISearchCompletionMenu {
     focus: () => void;
@@ -1319,9 +1333,9 @@ interface MenuProps<T extends string> {
     shouldBindKeyboardShortcuts?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare const ContextMenu: <T extends string>(props: MenuProps<T>) => React__default.ReactElement | null;
+declare const ContextMenu: <T extends string>(props: MenuProps<T>) => React__default.ReactElement<any> | null;
 
-declare const StyledContent: React__default.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
+declare const StyledContent: React__default.ForwardRefExoticComponent<Omit<Dialog$1.DialogContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 interface IDialog {
     containsElement: (element: HTMLElement) => boolean;
 }
@@ -1330,9 +1344,9 @@ interface Props$d {
     description?: ReactNode;
     children?: ReactNode;
     style?: ComponentProps<typeof StyledContent>["style"];
-    open: ComponentProps<typeof DialogPrimitive.Root>["open"];
-    onOpenChange?: ComponentProps<typeof DialogPrimitive.Root>["onOpenChange"];
-    onOpenAutoFocus?: ComponentProps<typeof DialogPrimitive.Content>["onOpenAutoFocus"];
+    open: ComponentProps<typeof Dialog$1.Root>["open"];
+    onOpenChange?: ComponentProps<typeof Dialog$1.Root>["onOpenChange"];
+    onOpenAutoFocus?: ComponentProps<typeof Dialog$1.Content>["onOpenAutoFocus"];
     closeOnInteractOutside?: boolean;
     showCloseButton?: boolean;
     className?: string;
@@ -1362,7 +1376,7 @@ declare const DraggableMenuButton: <T extends string>(props: {
     isVisible?: boolean;
     className?: string;
     style?: React__default.CSSProperties;
-} & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onSelect">) => React__default.ReactElement | null;
+} & Omit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "onSelect">) => React__default.ReactElement<any> | null;
 
 type SidebarRef = {
     expand: () => void;
@@ -1374,6 +1388,8 @@ type PercentageSidebarOptions = {
     maxSize?: number;
     initialSize?: number;
     resizable?: boolean;
+    defaultCollapsed?: boolean;
+    showTabs?: boolean;
 };
 type PanelLayoutState = {
     leftSidebarCollapsed: boolean;
@@ -1396,11 +1412,14 @@ type LayoutProps<LeftTab extends string = string, RightTab extends string = stri
     rightSidebarOptions: PercentageSidebarOptions;
     centerPanelPercentage: number;
     autoSavePrefix?: string;
-    internalLayoutState: PanelLayoutState | null;
-    leftSidebarRef: React.RefObject<SidebarRef>;
-    rightSidebarRef: React.RefObject<SidebarRef>;
-    handleChangeLayoutState: (state: PanelLayoutState) => void;
+    leftSidebarRef: React.RefObject<SidebarRef | null>;
+    rightSidebarRef: React.RefObject<SidebarRef | null>;
 };
+type WorkspaceLayoutGroup = {
+    expandToSizes: Record<string, number>;
+    layout: number[];
+};
+type WorkspaceLayoutState = Record<string, WorkspaceLayoutGroup>;
 
 type DrawerProps = {
     open?: boolean;
@@ -1411,12 +1430,14 @@ type DrawerProps = {
     className?: string;
     id?: string;
     style?: React$1.CSSProperties;
+    overlayClassName?: string;
+    overlayStyle?: React$1.CSSProperties;
     positioning?: "fixed" | "absolute";
     side?: "left" | "right";
     portalled?: boolean;
     portalContainer?: HTMLElement | null;
 };
-declare const Drawer: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<DrawerProps & React$1.RefAttributes<SidebarRef>>>;
+declare const Drawer: React$1.NamedExoticComponent<DrawerProps & React$1.RefAttributes<SidebarRef>>;
 
 type DropdownRootProps<T extends string> = Omit<MenuProps<T>, "children"> & {
     children?: ReactNode | ((props: {
@@ -1428,7 +1449,7 @@ type DropdownRootProps<T extends string> = Omit<MenuProps<T>, "children"> & {
     onCloseAutoFocus?: React__default.EventHandler<SyntheticEvent<unknown>>;
     emptyState?: React__default.ReactNode;
     contentStyle?: React__default.CSSProperties;
-} & Pick<ComponentProps<typeof RadixDropdownMenu.Content>, "side" | "sideOffset" | "align" | "alignOffset" | "collisionPadding">;
+} & Pick<ComponentProps<typeof DropdownMenu$1.Content>, "side" | "sideOffset" | "align" | "alignOffset" | "collisionPadding">;
 declare const DropdownMenu: <T extends string>(props: Omit<MenuProps<T>, "children"> & {
     children?: ReactNode | ((props: {
         open: boolean;
@@ -1439,7 +1460,7 @@ declare const DropdownMenu: <T extends string>(props: Omit<MenuProps<T>, "childr
     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<DropdownMenu$1.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "side" | "sideOffset" | "align" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any> | null;
 
 type RenderPreviewProps = {
     children: string;
@@ -1474,7 +1495,7 @@ type Props$c = {
 interface EditableTextRef {
     startEditing: () => void;
 }
-declare const EditableText: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Props$c & React__default.RefAttributes<EditableTextRef>>>;
+declare const EditableText: React__default.NamedExoticComponent<Props$c & React__default.RefAttributes<EditableTextRef>>;
 
 type FadeDirection = "left" | "right" | "top" | "bottom";
 type FadeProps = {
@@ -1499,7 +1520,7 @@ declare const FileExplorerUploadButton: ({ showUploadButton, onUpload, isUploadi
     isUploading?: boolean;
     children?: React__default.ReactNode;
 }) => React__default.JSX.Element;
-declare const FileExplorerCollection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+declare const 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, }: {
     selected: boolean;
     children: React__default.ReactNode;
@@ -1507,6 +1528,19 @@ declare const FileExplorerDetail: ({ selected, size, children, }: {
 }) => React__default.JSX.Element;
 declare const FileExplorerEmptyState: ({ label, ...props }: BannerProps$1) => React__default.JSX.Element;
 
+type FileUploadIndicatorProps = {
+    name?: string;
+    percent?: number;
+    total?: number;
+    contentType?: string;
+};
+declare function FileUploadIndicator({ name, percent, total, contentType, }: FileUploadIndicatorProps): React__default.JSX.Element;
+declare function FileUploadList({ uploads, }: {
+    uploads: (FileUploadIndicatorProps & {
+        id: string;
+    })[];
+}): 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];
@@ -1522,7 +1556,7 @@ interface Props$b {
     id?: string;
     value?: Sketch.Color | Sketch.Gradient | SketchPattern;
 }
-declare const FillInputField: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Props$b & React__default.RefAttributes<HTMLButtonElement>>>;
+declare const FillInputField: React__default.NamedExoticComponent<Props$b & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const PatternPreviewBackground: React$1.NamedExoticComponent<{
     fillType: Sketch.PatternFillType;
@@ -1570,10 +1604,11 @@ declare const getGridSize: (size: CollectionItemSize) => {
 };
 declare const Grid: <T, M extends string = string>(props: CollectionProps<T, M> & {
     ref?: React__default.ForwardedRef<CollectionRef>;
-} & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+} & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement<any> | null;
 
 interface ItemProps<MenuItemType extends string = string> {
     id: string;
+    href?: string;
     title?: ReactNode;
     subtitle?: ReactNode;
     loading?: boolean;
@@ -1600,6 +1635,7 @@ type GridViewContextValue = {
     bordered: boolean;
     disabled: boolean;
     gap: number;
+    alwaysShowSubtitles: boolean;
 };
 interface GridViewRootProps extends Partial<GridViewContextValue> {
     children: ReactNode;
@@ -1613,18 +1649,19 @@ interface GridViewRootProps extends Partial<GridViewContextValue> {
     role?: string;
     renderEmptyState?: () => ReactNode;
     contentClassName?: string;
+    alwaysShowSubtitles?: boolean;
 }
 declare function GridViewSection({ children, className, renderEmptyState, }: {
     children?: ReactNode;
     className?: string;
     renderEmptyState?: () => ReactNode;
-}): string | number | boolean | Iterable<React__default.ReactNode> | React__default.JSX.Element | null | undefined;
+}): string | number | bigint | boolean | Iterable<React__default.ReactNode> | Promise<string | number | bigint | boolean | React__default.ReactPortal | React__default.ReactElement<unknown, string | React__default.JSXElementConstructor<any>> | Iterable<React__default.ReactNode> | null | undefined> | React__default.JSX.Element | null | undefined;
 declare function GridViewSectionHeader({ title }: {
     title: string;
 }): React__default.JSX.Element;
 declare namespace GridView {
-    const Root: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<GridViewRootProps & React__default.RefAttributes<HTMLDivElement>>>;
-    const Item: <MenuItemType extends string>(props: ItemProps<MenuItemType> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
+    const Root: React__default.NamedExoticComponent<GridViewRootProps & React__default.RefAttributes<HTMLDivElement>>;
+    const Item: <MenuItemType extends string>(props: ItemProps<MenuItemType> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any> | null;
     const Section: React__default.MemoExoticComponent<typeof GridViewSection>;
     const SectionHeader: React__default.MemoExoticComponent<typeof GridViewSectionHeader>;
 }
@@ -1637,9 +1674,9 @@ type Props$8 = Omit<ButtonProps, "children" | "variant" | "flex" | "size"> & {
     color?: string;
     size?: number;
 };
-declare const IconButton: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<Props$8, "ref"> & React$1.RefAttributes<HTMLButtonElement>>>;
+declare const IconButton: React$1.NamedExoticComponent<Omit<Props$8, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
-declare const InspectorContainer: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const InspectorContainer: React__default.NamedExoticComponent<{
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
     fallback?: React__default.ReactNode;
@@ -1647,7 +1684,7 @@ declare const InspectorContainer: React__default.MemoExoticComponent<React__defa
     id?: string;
     className?: string;
     style?: React__default.CSSProperties;
-} & React__default.RefAttributes<HTMLDivElement>>>;
+} & React__default.RefAttributes<HTMLDivElement>>;
 
 type MenuSeparatorComponent = React__default.FC<{
     className?: string;
@@ -1680,10 +1717,10 @@ type MenuComponents = {
     Item: MenuItemComponent;
     CheckboxItem?: MenuCheckboxItemComponent;
     ItemIndicator?: MenuItemIndicatorComponent;
-    Sub?: typeof RadixDropdownMenu.Sub | typeof RadixContextMenu.Sub;
-    SubTrigger?: typeof RadixDropdownMenu.SubTrigger | typeof RadixContextMenu.SubTrigger;
-    SubContent?: typeof RadixDropdownMenu.SubContent | typeof RadixContextMenu.SubContent;
-    Portal?: typeof RadixDropdownMenu.Portal | typeof RadixContextMenu.Portal;
+    Sub?: typeof DropdownMenu$1.Sub | typeof ContextMenu$1.Sub;
+    SubTrigger?: typeof DropdownMenu$1.SubTrigger | typeof ContextMenu$1.SubTrigger;
+    SubContent?: typeof DropdownMenu$1.SubContent | typeof ContextMenu$1.SubContent;
+    Portal?: typeof DropdownMenu$1.Portal | typeof ContextMenu$1.Portal;
 };
 type MenuViewportProps<T extends string> = {
     items: MenuItem<T>[];
@@ -1694,7 +1731,7 @@ declare const MenuViewport: <T extends string>({ items, Components, onSelect, }:
 
 interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
 }
-declare const Label: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>>;
+declare const Label: React__default.NamedExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>;
 
 interface ContainerProps {
     children: React$1.ReactNode;
@@ -1729,7 +1766,7 @@ type LabelWidthContextValue = {
 declare const LabelWidthContext: React__default.Context<LabelWidthContextValue>;
 declare const useLabelWidth: () => number;
 
-declare const labeledFieldStyles: (labelType?: LabelType) => string;
+declare const labeledFieldStyles: (labelType?: LabelType) => string | undefined;
 declare const LabeledField: React__default.NamedExoticComponent<{
     children: React__default.ReactNode;
     label: React__default.ReactNode;
@@ -1743,9 +1780,13 @@ declare const LabeledField: React__default.NamedExoticComponent<{
     minWidth?: number;
 }>;
 
-declare const List: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
+declare const List: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement<any> | null;
 
-type ColorScheme$1 = "primary" | "secondary" | "icon" | "warning";
+type ColorScheme$2 = "primary" | "secondary" | "icon" | "warning";
+type RenderThumbnailIconProps = {
+    fileName?: string;
+    contentType?: string;
+};
 type MediaThumbnailProps = {
     contentType?: string;
     url?: string;
@@ -1754,15 +1795,16 @@ type MediaThumbnailProps = {
     /** Color scheme for the thumbnail. Affects icon color and background.
      * @default "icon"
      */
-    colorScheme?: ColorScheme$1;
+    colorScheme?: ColorScheme$2;
     /**
      * If provided, use this icon instead of the default one for the asset type
      */
     iconName?: IconName;
     size?: CollectionItemSize;
     fileName?: string;
+    renderThumbnailIcon?: (props: RenderThumbnailIconProps) => React__default.ReactNode;
 };
-declare const getThumbnailColors: (colorScheme: ColorScheme$1, selected: boolean) => {
+declare const getThumbnailColors: (colorScheme: ColorScheme$2, selected: boolean) => {
     icon: string;
     background: string;
 };
@@ -1775,7 +1817,7 @@ type MessageProps = {
     /** @default 27 */
     avatarSize?: number;
 };
-declare const Message: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<MessageProps & React__default.RefAttributes<HTMLDivElement>>>;
+declare const Message: React__default.NamedExoticComponent<MessageProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const Logo: React__default.ForwardRefExoticComponent<Omit<React__default.SVGProps<SVGSVGElement>, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
 
@@ -1790,7 +1832,7 @@ declare function getPipelineResultLink(value: unknown): {
 } | undefined;
 
 type PopoverVariant = "normal" | "large";
-interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
+interface Props$7 extends Pick<ComponentProps<(typeof Popover$1)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
     children: React__default.ReactNode | ((props: {
         close: () => void;
     }) => React__default.ReactNode);
@@ -1812,11 +1854,12 @@ declare const popoverStyle: {
 };
 declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, className, portalContainer, }: Props$7): React__default.JSX.Element;
 
-type ProgressVariant = "normal" | "warning" | "primary" | "secondary";
-declare function Progress({ value, variant, className, }: {
+type ColorScheme$1 = "normal" | "warning" | "primary" | "secondary";
+declare function Progress({ value, colorScheme, className, style, }: {
     value: number;
-    variant?: ProgressVariant;
+    colorScheme?: ColorScheme$1;
     className?: string;
+    style?: React$1.CSSProperties;
 }): React$1.JSX.Element;
 
 interface Props$6 {
@@ -1847,7 +1890,7 @@ type ExpandableSectionProps = {
 declare const Section$1: React__default.NamedExoticComponent<SectionProps & Partial<ExpandableSectionProps>>;
 
 type SegmentedControlColorScheme = "primary" | "secondary";
-type SegmentedControlVariant = "default" | "tabs";
+type SegmentedControlVariant = "default" | "tabs" | "buttons";
 interface SegmentedControlProps<T extends string> {
     id?: string;
     value?: T;
@@ -1867,7 +1910,7 @@ type SegmentedControlItemProps<T extends string> = {
     tooltip?: ReactNode;
     variant?: SegmentedControlVariant;
 } & Pick<SelectableMenuItem<T>, "value" | "disabled" | "icon" | "role" | "title">;
-declare const SegmentedControl: <T extends string>(props: SegmentedControlProps<T>) => React__default.ReactElement | null;
+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"> & {
@@ -1895,7 +1938,7 @@ 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 | null;
+declare const SelectMenu: <T extends string = string>(props: Props$5<T>) => React__default.ReactElement<any> | null;
 
 type ColorScheme = "primary" | "secondary";
 interface Props$4 {
@@ -1917,10 +1960,11 @@ declare const Slider: React__default.NamedExoticComponent<Props$4>;
 
 type SharedDragProviderProps = {
     children: React$1.ReactNode;
+    acceptsDrop?: AcceptsDrop;
     onMoveItem?: MoveDragItemHandler;
     sharedDragProps?: SharedDragProps;
 };
-declare function SharedDragProvider({ children, onMoveItem, sharedDragProps, }: SharedDragProviderProps): React$1.JSX.Element;
+declare function SharedDragProvider({ children, acceptsDrop, onMoveItem, sharedDragProps, }: SharedDragProviderProps): React$1.JSX.Element;
 declare function withDragProvider<T extends object>(Component: React$1.ComponentType<T>): (props: T) => React$1.JSX.Element;
 declare const getItemFirstCollisionDetection: (registeredLists: Map<string, RegisteredList>) => CollisionDetection;
 
@@ -1941,7 +1985,7 @@ interface RootProps {
     acceptsDrop?: DropValidator;
     getDropTargetParentIndex?: (index: number) => number | undefined;
     sharedDragProps?: SharedDragProps;
-    containerRef?: React$1.RefObject<HTMLElement>;
+    containerRef?: React$1.RefObject<HTMLElement | null>;
 }
 declare function SortableItem<TElement extends HTMLElement>({ id, disabled, children, }: {
     id: UniqueIdentifier;
@@ -1999,28 +2043,27 @@ type TabsProps<T extends string = string> = {
     renderContent: ({ value }: {
         value: T;
     }) => React$1.ReactNode;
+    variant?: "default" | "tabs" | "buttons";
 } & DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-declare function Tabs<T extends string = string>({ value, onValueChange, items, renderContent, ...props }: TabsProps<T>): React$1.JSX.Element;
+declare function Tabs<T extends string = string>({ value, onValueChange, items, renderContent, variant, ...props }: TabsProps<T>): React$1.JSX.Element;
 
-declare const useAutoResize: (value: string | undefined) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
-declare const TextArea: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
+declare const useAutoResize: (value: string | undefined) => React__default.RefObject<HTMLTextAreaElement | null>;
+declare const TextArea: React__default.NamedExoticComponent<{
     onChangeText?: (value: string) => void;
     value?: string;
     autoResize?: boolean;
-} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>>;
-declare const TextAreaRow: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<Omit<{
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>>;
+declare const TextAreaRow: React__default.NamedExoticComponent<Omit<{
     className?: string;
     textAreaClassName?: string;
     textAreaRef?: React__default.Ref<HTMLTextAreaElement>;
     end?: React__default.ReactNode;
     endClassName?: string;
-} & Omit<{
+} & {
     onChangeText?: (value: string) => void;
     value?: string;
     autoResize?: boolean;
-} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>, "ref"> & {
-    ref?: ((instance: HTMLTextAreaElement | null) => void | React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React__default.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React__default.RefObject<HTMLTextAreaElement> | null | undefined;
-}, "ref"> & React__default.RefAttributes<HTMLDivElement>>>;
+} & React__default.TextareaHTMLAttributes<HTMLTextAreaElement> & React__default.RefAttributes<HTMLTextAreaElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const Toast: ({ title, content, children, ...props }: {
     title?: string;
@@ -2035,7 +2078,7 @@ interface Props$1 {
     children: React$1.ReactNode;
     content: React$1.ReactNode;
     sideOffset?: number;
-    side?: ComponentProps<typeof TooltipPrimitive.Content>["side"];
+    side?: ComponentProps<typeof Tooltip$1.Content>["side"];
     portalContainer?: HTMLElement | null;
 }
 declare const Tooltip: React$1.NamedExoticComponent<Props$1>;
@@ -2059,13 +2102,13 @@ declare namespace TreeView {
         keyExtractor: (item: T, index: number) => string;
         sortable?: boolean;
         virtualized?: _noya_app_noya_geometry.Size;
-    }) & ListViewRootProps) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
+    }) & ListViewRootProps) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any> | null;
     const RowTitle: React__default.MemoExoticComponent<({ className, children, ...props }: {
         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>;
-    const Row: <MenuItemType extends string>(props: ListView.RowProps<MenuItemType> & TreeRowBaseProps & React__default.RefAttributes<HTMLLIElement>) => React__default.ReactElement | null;
+    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>;
 }
@@ -2104,7 +2147,6 @@ interface WorkspaceLayoutProps<LeftTab extends string, RightTab extends string>
     sideType?: SideType;
     sideTypeBreakpoint?: number;
     detectSize?: DetectSizeType;
-    onChangeLayoutState?: (layoutState: PanelLayoutState) => void;
 }
 type WorkspaceLayoutRef = {
     setLeftExpanded: (expanded: boolean) => void;
@@ -2125,8 +2167,13 @@ type SideOptions = {
     minSize?: number | string;
     maxSize?: number | string;
     defaultCollapsed?: boolean;
+    showTabs?: boolean;
 };
-declare const WorkspaceLayout: <LeftTab extends string = string, RightTab extends string = string>(props: WorkspaceLayoutProps<LeftTab, RightTab> & React__default.RefAttributes<WorkspaceLayoutRef>) => React__default.ReactElement | null;
+declare const WorkspaceLayout: <LeftTab extends string = string, RightTab extends string = string>(props: WorkspaceLayoutProps<LeftTab, RightTab> & React__default.RefAttributes<WorkspaceLayoutRef>) => React__default.ReactElement<any> | null;
+
+type LinkComponent = React__default.ComponentType<React__default.ComponentProps<"a">>;
+declare const LinkComponentProvider: React__default.Provider<LinkComponent | undefined>;
+declare const useLinkComponent: () => "a" | LinkComponent;
 
 type DesignSystemConfigurationContextValue = {
     platform: PlatformName;
@@ -2134,6 +2181,7 @@ type DesignSystemConfigurationContextValue = {
 declare const DesignSystemConfigurationProvider: React$1.NamedExoticComponent<{
     children: React$1.ReactNode;
     platform?: PlatformName;
+    LinkComponent?: LinkComponent;
 }>;
 declare function useDesignSystemConfiguration(): DesignSystemConfigurationContextValue;
 
@@ -2244,9 +2292,9 @@ declare function getClosestPortalScope(element: EventTarget): string | undefined
 
 interface HoverEvent {
     /** The type of hover event being fired. */
-    type: 'hoverstart' | 'hoverend';
+    type: "hoverstart" | "hoverend";
     /** The pointer type that triggered the hover event. */
-    pointerType: 'mouse' | 'pen';
+    pointerType: "mouse" | "pen";
     /** The target element of the hover event. */
     target: HTMLElement;
 }
@@ -2282,13 +2330,7 @@ declare function usePlatform(): _noya_app_noya_keymap.PlatformName;
 /**
  * Either ctrl or meta, depending on the platform
  */
-declare function usePlatformModKey(): 'ctrlKey' | 'metaKey';
-
-declare const EDITOR_PANEL_GROUP_ID = "editor-panel-group";
-declare const LEFT_SIDEBAR_ID = "editor-left-sidebar";
-declare const RIGHT_SIDEBAR_ID = "editor-right-sidebar";
-declare const CONTENT_AREA_ID = "editor-content-area";
-declare function usePreservePanelSize(panelGroupRef: React__default.RefObject<ImperativePanelGroupHandle | null>, setPanelLayoutState?: (state: PanelLayoutState) => void): void;
+declare function usePlatformModKey(): "ctrlKey" | "metaKey";
 
 /** @default light */
 type UseThemeReturnType = "dark" | "light";
@@ -2298,31 +2340,20 @@ type UseThemeReturnType = "dark" | "light";
  */
 declare function useTheme(): UseThemeReturnType;
 
-declare const size: {
-    medium: string;
-    large: string;
-    xlarge: string;
-    xxlarge: string;
-};
-declare const mediaQuery: {
-    small: string;
-    medium: string;
-    large: string;
-    xlarge: string;
-};
-
 type ClassNameItem = string | number | BigInt | boolean | null | undefined;
 type Category = "text" | "color" | "font" | "flex" | "position";
 type Options = {
     categories?: Category[];
 };
-declare function cx(...args: ClassNameItem[]): string;
+declare function cx(...args: ClassNameItem[]): string | undefined;
 declare function mergeConflictingClassNames(classNames: ClassNameItem | ClassNameItem[], options?: Options): string;
 
 type Optional<T> = T | false | null | undefined;
 type MenuConfig<T extends string> = Optional<Optional<MenuItem<T>>[]>[];
 declare function createSectionedMenu<T extends string>(...sections: MenuConfig<T>): MenuItem<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>;
@@ -2374,7 +2405,7 @@ declare function getNextIndex<T>({ items, currentIndex, direction, isDisabled, }
 }): number;
 declare function useComboboxState<T extends string>(state: ComboboxState<T>): ComboboxStateSnapshot<T>;
 
-declare const editableBlockStyles: (viewType?: "editable" | "readOnly" | "preview") => string;
+declare const editableBlockStyles: (viewType?: "editable" | "readOnly" | "preview") => string | undefined;
 
 type MoveOptions = {
     paths: number[][];
@@ -2485,12 +2516,16 @@ interface BaseToolbarProps {
     logo?: React__default.ReactNode;
     showDivider?: boolean;
 }
+declare function BaseToolbarContainer({ children, showDivider, }: {
+    children: React__default.ReactNode;
+    showDivider?: boolean;
+}): React__default.JSX.Element;
 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;
+}) => React__default.ReactElement<any> | null;
 declare const ToolbarShortcut: ({ shortcut, label, }: {
     shortcut: string;
     label?: ReactNode;
@@ -2498,14 +2533,14 @@ declare const ToolbarShortcut: ({ shortcut, label, }: {
 declare const ToolbarMenuPopover: (props: {
     item: PopoverMenuItem;
     portalContainer?: HTMLElement | null;
-}) => React__default.ReactElement | null;
+}) => React__default.ReactElement<any> | null;
 declare const ToolbarMenuButton: <T extends string>(props: {
     item: SelectableMenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
     as?: ComponentProps<typeof Button>["as"];
     activeValue?: T;
     tooltipSide?: ComponentProps<typeof Tooltip>["side"];
-}) => React__default.ReactElement | null;
+}) => React__default.ReactElement<any> | null;
 declare const ToolbarMenuItem: <T extends string>(props: {
     item: MenuItem<T>;
     onSelectMenuItem?: (value: T) => void;
@@ -2513,7 +2548,7 @@ declare const ToolbarMenuItem: <T extends string>(props: {
     activeValue?: T;
     tooltipSide?: ComponentProps<typeof Tooltip>["side"];
     portalContainer?: HTMLElement | null;
-}) => React__default.ReactElement | null;
+}) => React__default.ReactElement<any> | null;
 declare const ToolbarMenu: <T extends string>(props: {
     items: MenuItem<T>[];
     onSelectMenuItem?: (value: T) => void;
@@ -2521,7 +2556,7 @@ declare const ToolbarMenu: <T extends string>(props: {
     activeValue?: T;
     tooltipSide?: ComponentProps<typeof Tooltip>["side"];
     portalContainer?: HTMLElement | null;
-}) => React__default.ReactElement | null;
+}) => React__default.ReactElement<any> | null;
 interface ToolbarProps<T extends string = string> {
     children?: React__default.ReactNode;
     logo?: React__default.ReactNode;
@@ -2533,4 +2568,11 @@ interface ToolbarProps<T extends string = string> {
 }
 declare function Toolbar<T extends string = string>({ children, logo, leftMenuItems, rightMenuItems, onSelectMenuItem, shouldBindKeyboardShortcuts, }: ToolbarProps<T>): React__default.JSX.Element;
 
-export { AIAssistantInput, AIAssistantLayout, AIAssistantLoadingIndicator, type AcceptsDrop, type AcceptsDropOptions, type AcceptsFromList, ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, Banner, type BannerProps, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbSlash, BreadcrumbText, Button, type ButtonProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionItemSize, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, ColorSwatch, ColorSwatchControl, type ColorSwatchSize, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ConnectedUsersMenuLayout, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, type DragItem, type DragState, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FileExplorerCollection, FileExplorerDetail, FileExplorerEmptyState, FileExplorerLayout, FileExplorerUploadButton, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelProps, type LabelType, LabelTypeContext, type LabelTypeContextValue, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, type ListViewRowProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type MoveDragItemHandler, type 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, RIGHT_SIDEBAR_ID, type RelativeDropPosition, type RenderPanel, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, Section$1 as Section, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, type SectionProps, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, SelectionToolbarContainer, type SeparatorItem, type SetNumberMode, SharedDragProvider, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, SortableItemContext, type SortableItemContextProps, type SortableProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SubMenuItem, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Tabs, type TabsProps, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, type TokenValue, Toolbar, ToolbarMenu, ToolbarMenuButton, ToolbarMenuDropdown, ToolbarMenuItem, ToolbarMenuPopover, type ToolbarProps, ToolbarShortcut, Tooltip, TreeView, type UseThemeReturnType, UserAvatar, UserPointer, type UserPointerProps, type ValidateDropIndicatorParams, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, acceptsDrop, colorForStringValues, colorFromString, colorSwatchSizeMap, createDragItemKey, createSectionedMenu, createSharedDrag, cssVarNames, cssVars, cx, defaultAcceptsDrop, dragItemKeySeparator, editableBlockStyles, filterWithGroupedSections, fuzzyFilter, fuzzyScore, fuzzyTokenize, getClosestPortalScope, getFieldSpacing, getGradientBackground, getGridSize, getItemFirstCollisionDetection, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, getPipelineResultLink, getThumbnailColors, isMenuItemSectionHeader, isNonSelectableMenuItem, isPopoverMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, moveTreeItem, normalizeListTargetIndex, parseDragItemKey, popoverStyle, portalScopeDataSetName, portalScopePropName, portalScopeProps, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHasOpenPortals, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelType, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, useOpenPortalsControls, usePlatform, usePlatformModKey, usePortalScopeId, usePreservePanelSize, useTheme, validateDropIndicator, withDragProvider, withSeparatorElements };
+type ToolbarDrawerProps = {
+    children: ReactNode;
+    trigger: ReactNode;
+    sideOffset?: number;
+};
+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 };