@noya-app/noya-designsystem 0.1.30 → 0.1.31

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, ReactNode, ComponentProps, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, Ref, ReactHTML } from 'react';
+import React__default, { CSSProperties, ReactNode, ComponentProps, SyntheticEvent, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, Ref, ReactHTML } from 'react';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 import * as styled_components from 'styled-components';
 import { CSSObject, CSSProperties as CSSProperties$1 } from 'styled-components';
@@ -8,47 +8,48 @@ export { Icons };
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
 import { Sketch } from '@noya-app/noya-file-format';
-import * as csstype from 'csstype';
-import { Property } from 'csstype';
 import * as _noya_app_noya_keymap from '@noya-app/noya-keymap';
 import { KeyModifiers, PlatformName } from '@noya-app/noya-keymap';
+import { Property } from 'csstype';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
 import { IItemScore } from 'vscode-fuzzy-scorer';
 import { useSortable } from '@dnd-kit/sortable';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { SelectProps } from '@radix-ui/react-select';
+import { ImperativePanelGroupHandle } from 'react-resizable-panels';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
-interface Props$j {
+interface Props$i {
     size?: number;
     opacity?: number;
     color?: string;
     trackColor?: string;
 }
-declare const ActivityIndicator: (props: Props$j) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const ActivityIndicator: (props: Props$i) => React__default.ReactElement | null;
 
 declare const Avatar: (props: {
-    image?: string | undefined;
-    name?: string | undefined;
-    fallback?: string | undefined;
-    size?: number | undefined;
-    overflow?: number | undefined;
-    style?: React__default.CSSProperties | undefined;
-    className?: string | undefined;
-} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    image?: string;
+    name?: string;
+    fallback?: string;
+    size?: number;
+    overflow?: number;
+    style?: React__default.CSSProperties;
+    className?: string;
+} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
 declare function AvatarStack({ size, children, }: {
     size?: number;
     children: React__default.ReactNode;
 }): React__default.JSX.Element;
 
 type ButtonVariant = "normal" | "primary" | "primaryGradient" | "secondary" | "secondaryBright" | "white" | "thin" | "floating" | "none";
-type ButtonSize = "normal" | "large";
+type ButtonSize = "small" | "normal" | "large";
 declare const ButtonElement: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $active: boolean;
     $variant: ButtonVariant;
     $size: ButtonSize;
     $flex?: CSSProperties["flex"];
-    $defaultBackground?: string | undefined;
+    $defaultBackground?: string;
 }>> & string;
 interface ButtonRootProps {
     id?: string;
@@ -59,7 +60,9 @@ interface ButtonRootProps {
     children: ReactNode;
     active?: boolean;
     disabled?: boolean;
+    /** @default normal */
     variant?: ButtonVariant;
+    /** @default normal */
     size?: ButtonSize;
     tooltip?: ReactNode;
     onClick?: (event: React__default.MouseEvent) => void;
@@ -72,7 +75,7 @@ interface ButtonRootProps {
     target?: string;
     rel?: string;
 }
-declare const Button: (props: ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Button: (props: ButtonRootProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
 
 type ChipColorScheme = "primary" | "secondary" | "error";
 type ChipSize = "small" | "medium" | "large";
@@ -95,7 +98,7 @@ interface ChipProps {
     style?: React__default.CSSProperties;
     tabIndex?: number;
 }
-declare const Chip: (props: ChipProps & React__default.RefAttributes<HTMLSpanElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Chip: (props: ChipProps & React__default.RefAttributes<HTMLSpanElement>) => React__default.ReactElement | null;
 
 declare const name$1: string;
 declare const colors$1: {
@@ -263,7 +266,7 @@ type MenuItem<T extends string> = typeof SEPARATOR_ITEM | RegularMenuItem<T>;
 type ExtractMenuItemType<T> = T extends RegularMenuItem<infer U> ? U : never;
 declare const KeyboardShortcut: (props: {
     shortcut: string;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+}) => React__default.ReactElement | null;
 
 interface MenuItemProps<T extends string> {
     value?: T;
@@ -284,14 +287,14 @@ interface MenuProps<T extends string> {
     shouldBindKeyboardShortcuts?: boolean;
     onOpenChange?: (open: boolean) => void;
 }
-declare const ContextMenu: <T extends string>(props: MenuProps<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const ContextMenu: <T extends string>(props: MenuProps<T>) => React__default.ReactElement | null;
 
 declare const StyledContent: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<DialogPrimitive.DialogContentProps & React__default.RefAttributes<HTMLDivElement>, never>> & string & Omit<React__default.ForwardRefExoticComponent<DialogPrimitive.DialogContentProps & React__default.RefAttributes<HTMLDivElement>>, keyof React__default.Component<any, {}, any>>;
 declare const CloseButtonContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 interface IDialog {
     containsElement: (element: HTMLElement) => boolean;
 }
-interface Props$i {
+interface Props$h {
     title?: ReactNode;
     description?: ReactNode;
     children?: ReactNode;
@@ -301,30 +304,30 @@ interface Props$i {
     onOpenAutoFocus?: ComponentProps<typeof DialogPrimitive.Content>["onOpenAutoFocus"];
     closeOnInteractOutside?: boolean;
 }
-declare const Dialog: (props: Props$i & React__default.RefAttributes<IDialog>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const FullscreenDialog: (props: Props$i & React__default.RefAttributes<IDialog>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Dialog: (props: Props$h & React__default.RefAttributes<IDialog>) => React__default.ReactElement | null;
+declare const FullscreenDialog: (props: Props$h & React__default.RefAttributes<IDialog>) => React__default.ReactElement | null;
 
 type DividerVariant = "normal" | "strong" | "subtle";
 interface DividerProps {
     variant?: DividerVariant;
     overflow?: number;
 }
-declare const Divider: (props: DividerProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const DividerVertical: (props: DividerProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Divider: (props: DividerProps) => React__default.ReactElement | null;
+declare const DividerVertical: (props: DividerProps) => React__default.ReactElement | null;
 
 /**
  * A button that opens a menu when clicked, but also allows dragging the
  */
 declare const DraggableMenuButton: <T extends string>(props: {
-    items?: MenuItem<T>[] | undefined;
-    onSelect?: ((value: T) => void) | undefined;
-    isVisible?: boolean | undefined;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    items?: MenuItem<T>[];
+    onSelect?: (value: T) => void;
+    isVisible?: boolean;
+}) => React__default.ReactElement | null;
 
 declare const DropdownMenu: <T extends string>(props: MenuProps<T> & {
-    open?: boolean | undefined;
-    onCloseAutoFocus?: ((event: React__default.SyntheticEvent<unknown, Event>) => void) | undefined;
-} & Pick<RadixDropdownMenu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "align" | "side" | "sideOffset" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    open?: boolean;
+    onCloseAutoFocus?: React__default.EventHandler<SyntheticEvent<unknown>>;
+} & Pick<RadixDropdownMenu.DropdownMenuContentProps & React__default.RefAttributes<HTMLDivElement>, "align" | "side" | "sideOffset" | "alignOffset" | "collisionPadding"> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
 
 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")[];
@@ -337,22 +340,22 @@ type SketchPattern = {
     patternTileScale: number;
 };
 
-interface Props$h {
+interface Props$g {
     id?: string;
     value?: Sketch.Color | Sketch.Gradient | SketchPattern;
     flex?: CSSProperties["flex"];
 }
-declare const FillInputField: (props: Props$h & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const FillInputField: (props: Props$g & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
 
 declare const PatternPreviewBackground: (props: {
     fillType: Sketch.PatternFillType;
     tileScale: number;
     imageRef: string;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-interface Props$g {
+}) => React__default.ReactElement | null;
+interface Props$f {
     value?: Sketch.Color | Sketch.Gradient | SketchPattern;
 }
-declare const FillPreviewBackground: (props: Props$g) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const FillPreviewBackground: (props: Props$f) => React__default.ReactElement | null;
 
 interface FloatingWindowProps {
     title?: string;
@@ -373,7 +376,7 @@ interface FloatingWindowProps {
 }
 declare const FloatingWindow: React__default.FC<FloatingWindowProps>;
 
-interface Props$f {
+interface Props$e {
     value: Sketch.GradientStop[];
     selectedStop: number;
     onChangeColor: (color: Sketch.Color) => void;
@@ -382,7 +385,7 @@ interface Props$f {
     onDelete: () => void;
     onSelectStop: (index: number) => void;
 }
-declare const GradientPicker: (props: Props$f) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const GradientPicker: (props: Props$e) => React__default.ReactElement | null;
 
 type GridProps = {
     columns?: string;
@@ -438,27 +441,27 @@ interface GridViewRootProps extends Partial<GridViewContextValue> {
     scrollable?: boolean;
 }
 declare namespace GridView {
-    const Root: (props: GridViewRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Item: <MenuItemType extends string>(props: ItemProps$2<MenuItemType> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const Root: (props: GridViewRootProps) => React__default.ReactElement | null;
+    const Item: <MenuItemType extends string>(props: ItemProps$2<MenuItemType> & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
     const Section: (props: {
-        children?: React__default.ReactNode;
-        padding?: csstype.Property.Padding<string | number> | undefined;
-    }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+        children?: ReactNode;
+        padding?: CSSProperties["padding"];
+    }) => React__default.ReactElement | null;
     const SectionHeader: (props: {
         title: string;
-    }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    }) => React__default.ReactElement | null;
 }
 
 declare const IconButton: (props: Omit<ButtonRootProps, "children" | "size" | "flex" | "variant"> & {
     iconName: IconName;
-    className?: string | undefined;
-    style?: React__default.CSSProperties | undefined;
-    selected?: boolean | undefined;
-    color?: string | undefined;
-    size?: number | undefined;
-} & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-
-type Props$e = {
+    className?: string;
+    style?: CSSProperties;
+    selected?: boolean;
+    color?: string;
+    size?: number;
+} & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
+
+type Props$d = {
     id?: string;
     style?: any;
     className?: string;
@@ -476,13 +479,13 @@ type Props$e = {
     onFocusChange?: (isFocused: boolean) => void;
     onBlur?: FocusEventHandler;
 } & Pick<InputHTMLAttributes<HTMLInputElement>, "autoComplete" | "autoCapitalize" | "autoCorrect" | "spellCheck" | "autoFocus">;
-type ReadOnlyProps = Props$e & {
+type ReadOnlyProps = Props$d & {
     readOnly: true;
 };
-type ControlledProps = Props$e & {
+type ControlledProps = Props$d & {
     onChange: (value: string) => void;
 };
-type SubmittableProps = Props$e & {
+type SubmittableProps = Props$d & {
     onSubmit: (value: string) => void;
     allowSubmittingWithSameValue?: boolean;
     submitAutomaticallyAfterDelay?: number;
@@ -504,16 +507,15 @@ interface InputFieldDropdownProps<T extends string> {
 }
 type InputFieldVariant = "normal" | "bare";
 declare const InputElement: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<(TextInputProps & React__default.RefAttributes<HTMLInputElement>) & styled_components_dist_types.BaseObject, {
-    disabled?: boolean | undefined;
-    readOnly?: boolean | undefined;
+    disabled?: boolean;
+    readOnly?: boolean;
     $labelPosition: LabelPosition;
-    $labelSize: number;
-    $hasLabel: boolean;
+    $labelSize?: number;
     $hasDropdown: boolean;
-    $textAlign?: Property.TextAlign | undefined;
-    $variant?: InputFieldVariant | undefined;
+    $textAlign?: Property.TextAlign;
+    $variant?: InputFieldVariant;
     $size: InputFieldSize;
-}>> & string & Omit<(props: TextInputProps & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null, keyof React__default.Component<any, {}, any>>;
+}>> & string & Omit<(props: TextInputProps & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement | null, keyof React__default.Component<any, {}, any>>;
 type InputFieldNumberInputProps = Omit<TextInputProps, "value" | "onChange" | "onKeyDown" | "onSubmit"> & {
     value: number | undefined;
     onNudge?: (value: number) => void;
@@ -542,22 +544,22 @@ interface InputFieldRootProps {
     className?: string;
 }
 declare namespace InputField {
-    const Root: (props: InputFieldRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const Root: (props: InputFieldRootProps) => React__default.ReactElement | null;
     const Input: (props: (TextInputProps & {
-        textAlign?: Property.TextAlign | undefined;
-        variant?: "bare" | undefined;
-    }) & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+        textAlign?: Property.TextAlign;
+        variant?: "bare";
+    }) & React__default.RefAttributes<HTMLInputElement>) => React__default.ReactElement | null;
     const Typeahead: (props: {
         prefix: string;
         value: string;
-    }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const NumberInput: (props: InputFieldNumberInputProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const DropdownMenu: <T extends string>(props: InputFieldDropdownProps<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    }) => React__default.ReactElement | null;
+    const NumberInput: (props: InputFieldNumberInputProps) => React__default.ReactElement | null;
+    const DropdownMenu: <T extends string>(props: InputFieldDropdownProps<T>) => React__default.ReactElement | null;
     const Button: (props: {
-        children?: React__default.ReactNode;
-        onClick?: (() => void) | undefined;
-    }) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Label: (props: InputFieldLabelProps & React__default.RefAttributes<HTMLLabelElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+        children?: ReactNode;
+        onClick?: () => void;
+    } & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
+    const Label: (props: InputFieldLabelProps & React__default.RefAttributes<HTMLLabelElement>) => React__default.ReactElement | null;
     const PrimitiveElement: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 }
 
@@ -626,8 +628,8 @@ interface RootProps {
     axis?: "x" | "y";
 }
 declare namespace Sortable {
-    const Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Root: (props: RootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React__default.ReactElement | null;
+    const Root: (props: RootProps) => React__default.ReactElement | null;
 }
 
 type ListRowMarginType = "none" | "top" | "bottom" | "vertical";
@@ -694,7 +696,7 @@ interface IVirtualizedList {
 type ListViewItemInfo = {
     isDragging: boolean;
 };
-type ChildrenProps$1 = {
+type ChildrenProps = {
     children: ReactNode;
 };
 type RenderProps<T> = {
@@ -729,10 +731,10 @@ type ListViewRootProps = {
     colorScheme?: ListColorScheme;
 };
 declare namespace ListView {
-    const RowTitle: (props: styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const EditableRowTitle: (props: EditableRowProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Row: <MenuItemType extends string>(props: ListViewRowProps<MenuItemType> & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Root: <T = any>(props: ((ChildrenProps$1 | RenderProps<T>) & ListViewRootProps) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const RowTitle: (props: styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>) => React__default.ReactElement | null;
+    const EditableRowTitle: (props: EditableRowProps) => React__default.ReactElement | null;
+    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 RowContext: React__default.Context<ListRowContextValue>;
     type ClickInfo = ListViewClickInfo;
     type ItemInfo = ListViewItemInfo;
@@ -760,8 +762,8 @@ interface CompletionMenuProps {
     onHoverIndex: (index: number) => void;
     listSize: Size;
 }
-declare const CompletionMenu: (props: CompletionMenuProps & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-type Props$d = {
+declare const CompletionMenu: (props: CompletionMenuProps & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
+type Props$c = {
     loading?: boolean;
     initialValue?: string;
     placeholder?: string;
@@ -784,17 +786,17 @@ interface IInputFieldWithCompletions {
     setValue(value: string): void;
     selectAllInputText(): void;
 }
-declare const InputFieldWithCompletions: (props: Props$d & React__default.RefAttributes<IInputFieldWithCompletions>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const InputFieldWithCompletions: (props: Props$c & React__default.RefAttributes<IInputFieldWithCompletions>) => React__default.ReactElement | null;
 
 declare const InspectorContainer: (props: {
     header?: React__default.ReactNode;
     children?: React__default.ReactNode;
     fallback?: React__default.ReactNode;
-    showDividers?: boolean | undefined;
-    id?: string | undefined;
-    className?: string | undefined;
-    style?: React__default.CSSProperties | undefined;
-} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    showDividers?: boolean;
+    id?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+} & React__default.RefAttributes<HTMLDivElement>) => React__default.ReactElement | null;
 
 interface LabelRootProps {
     label: ReactNode;
@@ -802,9 +804,9 @@ interface LabelRootProps {
 }
 declare namespace Label {
     const Label: (props: styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-        $selected?: boolean | undefined;
-    }>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Root: (props: LabelRootProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+        $selected?: boolean;
+    }>) => React__default.ReactElement | null;
+    const Root: (props: LabelRootProps) => React__default.ReactElement | null;
 }
 
 interface ContainerProps {
@@ -814,10 +816,10 @@ interface ContainerProps {
         index: number;
     }) => ReactNode;
 }
-declare const LabeledElementView: (props: ContainerProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const LabeledElementView: (props: ContainerProps) => React__default.ReactElement | null;
 
 type PopoverVariant = "normal" | "large";
-interface Props$c extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
+interface Props$b extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
     children: React__default.ReactNode;
     trigger: React__default.ReactNode;
     variant?: PopoverVariant;
@@ -828,7 +830,7 @@ interface Props$c extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content
     onClickClose?: () => void;
     showArrow?: boolean;
 }
-declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, }: Props$c): React__default.JSX.Element;
+declare function Popover({ children, trigger, variant, closable, open, side, sideOffset, showArrow, onOpenChange, onOpenAutoFocus, onCloseAutoFocus, onPointerDownOutside, onInteractOutside, onFocusOutside, onClickClose, }: Props$b): React__default.JSX.Element;
 
 type ProgressVariant = 'normal' | 'warning' | 'primary' | 'secondary';
 declare function Progress({ value, width, height, flex, variant, }: {
@@ -846,7 +848,7 @@ interface ItemProps {
     children: ReactNode;
     disabled?: boolean;
 }
-interface Props$b {
+interface Props$a {
     id?: string;
     value?: string;
     onValueChange?: (value: string) => void;
@@ -856,35 +858,14 @@ interface Props$b {
     children: ReactNode;
 }
 declare namespace RadioGroup {
-    const Root: (props: Props$b) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Item: (props: ItemProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const Root: (props: Props$a) => React__default.ReactElement | null;
+    const Item: (props: ItemProps & React__default.RefAttributes<HTMLButtonElement>) => React__default.ReactElement | null;
 }
 
-interface Props$a {
+interface Props$9 {
     children?: ReactNode | ((scrollElementRef: HTMLDivElement) => ReactNode);
 }
-declare const ScrollArea: (props: Props$a) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-
-interface SelectOptionProps<T extends string> {
-    value: T;
-    title?: string;
-    onSelect?: () => void;
-}
-declare const SelectOption: <T extends string>(props: SelectOptionProps<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-type ChildrenProps<T> = {
-    children: ReactNode;
-} | {
-    options: readonly T[];
-    getTitle?: (option: T, index: number) => string;
-    onChange: (value: T) => void;
-};
-type Props$9<T extends string> = ChildrenProps<T> & {
-    id: string;
-    flex?: CSSProperties["flex"];
-    value: T;
-    label?: ReactNode;
-};
-declare const Select: <T extends string>(props: Props$9<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const ScrollArea: (props: Props$9) => React__default.ReactElement | null;
 
 type Props$8<T extends string> = {
     id?: string;
@@ -896,8 +877,9 @@ type Props$8<T extends string> = {
     placeholder?: string;
     disabled?: boolean;
     readOnly?: boolean;
-};
-declare const SelectMenu: <T extends string = string>(props: Props$8<T>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    label?: React__default.ReactNode;
+} & Pick<SelectProps, "open">;
+declare const SelectMenu: <T extends string = string>(props: Props$8<T>) => React__default.ReactElement | null;
 
 interface Props$7 {
     id?: string;
@@ -913,8 +895,8 @@ interface Props$6 {
     inline?: boolean;
 }
 declare namespace Spacer {
-    const Vertical: (props: Props$6 & React__default.RefAttributes<HTMLSpanElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Horizontal: (props: Props$6 & React__default.RefAttributes<HTMLSpanElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    const Vertical: (props: Props$6 & React__default.RefAttributes<HTMLSpanElement>) => React__default.ReactElement | null;
+    const Horizontal: (props: Props$6 & React__default.RefAttributes<HTMLSpanElement>) => React__default.ReactElement | null;
 }
 
 type BreakpointKey = number | string;
@@ -924,7 +906,7 @@ type BreakpointCollection<T extends object> = Breakpoint<T>[] | Record<Breakpoin
 declare function withSeparatorElements(elements: ReactNode, separator: ReactNode | (() => ReactNode)): (string | number | React$1.ReactElement<any, string | React$1.JSXElementConstructor<any>> | Iterable<ReactNode> | React$1.ReactPortal)[];
 
 interface StyleProps$1 {
-    display?: "flex" | "inline-flex" | "none" | "block";
+    display?: CSSProperties["display"];
     visibility?: CSSProperties["visibility"];
     position?: CSSProperties["position"];
     zIndex?: CSSProperties["zIndex"];
@@ -988,11 +970,12 @@ interface Props$5 extends StyleProps$1 {
     breakpoints?: StackBreakpointList | null | false;
     href?: string;
     tabIndex?: number;
+    style?: StyleProps$1;
 }
 type StackProps = Omit<Props$5, "flexDirection">;
 declare const Stack: {
-    V: (props: StackProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    H: (props: StackProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    V: (props: StackProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+    H: (props: StackProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
 };
 
 type SwitchColorScheme = "normal" | "primary" | "secondary";
@@ -1050,15 +1033,15 @@ interface Props$3 extends StyleProps {
     onKeyDown?: (event: React__default.KeyboardEvent<HTMLSpanElement>) => void;
     tabIndex?: number;
 }
-declare const Text$1: (props: Props$3 & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Text$1: (props: Props$3 & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
 type PresetProps = Omit<Props$3, "variant">;
-declare const Heading1: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const Heading2: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const Heading3: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const Heading4: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const Heading5: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const Body: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-declare const Small: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Heading1: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+declare const Heading2: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+declare const Heading3: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+declare const Heading4: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+declare const Heading5: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+declare const Body: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
+declare const Small: (props: PresetProps & React__default.RefAttributes<HTMLElement>) => React__default.ReactElement | null;
 declare const Italic: ({ children }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
@@ -1066,11 +1049,11 @@ declare const Italic: ({ children }: {
 declare const useAutoResize: (value: string) => React__default.MutableRefObject<HTMLTextAreaElement | null>;
 declare const AutoResizingTextArea: (props: Omit<styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, never>, "onChange" | "value"> & {
     onChangeText: (value: string) => void;
-    value?: string | undefined;
-} & React__default.RefAttributes<HTMLTextAreaElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    value?: string;
+} & React__default.RefAttributes<HTMLTextAreaElement>) => React__default.ReactElement | null;
 
 declare const Toast: ({ title, content, children, ...props }: {
-    title?: string | undefined;
+    title?: string;
     content: ReactNode;
     children?: React__default.ReactNode;
 }) => React__default.JSX.Element;
@@ -1082,7 +1065,7 @@ interface Props$2 {
     children: ReactNode;
     content: ReactNode;
 }
-declare const Tooltip: (props: Props$2) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const Tooltip: (props: Props$2) => React__default.ReactElement | null;
 
 type TreeRowBaseProps = {
     icon?: Exclude<ReactNode, string> | IconName;
@@ -1094,43 +1077,48 @@ type TreeRowBaseProps = {
 type TreeViewRowProps<MenuItemType extends string> = ListView.RowProps<MenuItemType> & TreeRowBaseProps;
 declare namespace TreeView {
     const Root: <T = any>(props: (({
-        children: React__default.ReactNode;
+        children: ReactNode;
     } | {
         data: T[];
         renderItem: (item: T, index: number, info: {
             isDragging: boolean;
-        }) => React__default.ReactNode;
+        }) => ReactNode;
         keyExtractor: (item: T, index: number) => string;
-        sortable?: boolean | undefined;
-        virtualized?: _noya_app_noya_geometry.Size | undefined;
+        sortable?: boolean;
+        virtualized?: _noya_app_noya_geometry.Size;
     }) & {
-        id?: string | undefined;
-        className?: string | undefined;
-        style?: React__default.CSSProperties | undefined;
-        onPress?: (() => void) | undefined;
-        scrollable?: boolean | undefined;
-        expandable?: boolean | undefined;
-        onMoveItem?: ((sourceIndex: number, destinationIndex: number, position: RelativeDropPosition) => void) | undefined;
-        indentation?: number | undefined;
-        acceptsDrop?: DropValidator | undefined;
-        pressEventName?: ("onClick" | "onPointerDown") | undefined;
-        variant?: ("normal" | "bare" | "padded") | undefined;
-        sectionHeaderVariant?: ("label" | "normal") | undefined;
-        divider?: boolean | undefined;
-        gap?: number | undefined;
-        colorScheme?: ("primary" | "secondary") | undefined;
-    }) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const RowTitle: (props: styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const EditableRowTitle: (props: EditableRowProps) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
-    const Row: <MenuItemType extends string>(props: ListView.RowProps<MenuItemType> & TreeRowBaseProps & React__default.RefAttributes<HTMLLIElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+        id?: string;
+        className?: string;
+        style?: React__default.CSSProperties;
+        onPress?: () => void;
+        scrollable?: boolean;
+        expandable?: boolean;
+        onMoveItem?: (sourceIndex: number, destinationIndex: number, position: RelativeDropPosition) => void;
+        indentation?: number;
+        acceptsDrop?: DropValidator;
+        pressEventName?: "onClick" | "onPointerDown";
+        variant?: "normal" | "bare" | "padded";
+        sectionHeaderVariant?: "label" | "normal";
+        divider?: boolean;
+        gap?: number;
+        colorScheme?: "primary" | "secondary";
+    }) & React__default.RefAttributes<IVirtualizedList>) => React__default.ReactElement | null;
+    const RowTitle: (props: styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>) => React__default.ReactElement | null;
+    const EditableRowTitle: (props: EditableRowProps) => React__default.ReactElement | null;
+    const Row: <MenuItemType extends string>(props: ListView.RowProps<MenuItemType> & TreeRowBaseProps & React__default.RefAttributes<HTMLLIElement>) => React__default.ReactElement | null;
     type ClickInfo = ListView.ClickInfo;
     type RowProps<MenuItemType extends string> = TreeViewRowProps<MenuItemType>;
 }
 
+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";
 type PanelLayoutState = {
     leftSidebarCollapsed: boolean;
     rightSidebarCollapsed: boolean;
 };
+declare function usePreservePanelSize(panelGroupRef: React__default.RefObject<ImperativePanelGroupHandle | null>, setPanelLayoutState?: (state: PanelLayoutState) => void): void;
 
 interface Props$1 {
     autoSavePrefix?: string;
@@ -1164,20 +1152,20 @@ type IWorkspaceLayout = {
     toggleLeftSidebar: () => void;
     toggleRightSidebar: () => void;
 };
-declare const WorkspaceLayout: (props: Props$1 & React__default.RefAttributes<IWorkspaceLayout>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const WorkspaceLayout: (props: Props$1 & React__default.RefAttributes<IWorkspaceLayout>) => React__default.ReactElement | null;
 
 declare const DesignSystemThemeProvider: (props: {
     children: ReactNode;
-    theme?: typeof lightTheme | undefined;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    theme?: Theme;
+}) => React__default.ReactElement | null;
 type DesignSystemConfigurationContextValue = {
     platform: PlatformName;
 };
 declare const DesignSystemConfigurationProvider: (props: {
     children: ReactNode;
-    theme?: "dark" | "light" | typeof lightTheme | undefined;
-    platform?: PlatformName | undefined;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    theme?: Theme | "light" | "dark";
+    platform?: PlatformName;
+}) => React__default.ReactElement | null;
 declare function useDesignSystemConfiguration(): DesignSystemConfigurationContextValue;
 declare function useDesignSystemTheme(): styled_components.DefaultTheme;
 
@@ -1189,7 +1177,7 @@ type DialogContextValue = {
 declare const DialogProvider: ({ children, }: {
     children: ReactNode;
 }) => React__default.JSX.Element;
-declare function useOpenInputDialog(): (title: string, inputValue?: string | undefined) => Promise<string | undefined>;
+declare function useOpenInputDialog(): (title: string, inputValue?: string) => Promise<string | undefined>;
 declare function useDialogContainsElement(): (element: HTMLElement) => boolean;
 
 type FloatingWindowContextValue = {
@@ -1210,8 +1198,8 @@ type ImageDataContextValue = {
 };
 declare const ImageDataProvider: (props: {
     children: ReactNode;
-    getImageData?: ((ref: string) => ArrayBuffer | undefined) | undefined;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+    getImageData?: (ref: string) => ArrayBuffer | undefined;
+}) => React__default.ReactElement | null;
 declare function useImageData(ref: string): ArrayBuffer | undefined;
 
 type GlobalInputBlurContextValue = {
@@ -1397,7 +1385,7 @@ interface Props {
     disabled?: boolean;
     trigger?: "change" | "submit";
 }
-declare const DimensionInput: (props: Props) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+declare const DimensionInput: (props: Props) => React__default.ReactElement | null;
 
 declare const Section: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $padding?: CSSProperties["padding"];
@@ -1405,7 +1393,7 @@ declare const Section: styled_components_dist_types.IStyledComponentBase<"web",
 }>> & string;
 declare const SectionHeader: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const Title: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $textStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+    $textStyle?: "small" | "heading5" | "heading4" | "heading3";
 }>> & string;
 declare const Row: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     $gap?: CSSProperties["gap"];
@@ -1416,20 +1404,20 @@ declare const Text: styled_components_dist_types.IStyledComponentBase<"web", sty
 declare const VerticalSeparator: () => React__default.JSX.Element;
 declare const HorizontalSeparator: () => React__default.JSX.Element;
 declare const RowLabel: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<React__default.DetailedHTMLProps<React__default.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $textStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+    $textStyle?: "small" | "heading5" | "heading4" | "heading3";
 }>> & string;
 declare const LabeledRow: (props: {
-    id?: string | undefined;
+    id?: string;
     children: ReactNode;
     label: ReactNode;
-    labelTextStyle?: "small" | "heading3" | "heading4" | "heading5" | undefined;
+    labelTextStyle?: "small" | "heading5" | "heading4" | "heading3";
     gap?: CSSProperties["gap"];
     right?: ReactNode;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+}) => React__default.ReactElement | null;
 declare const LabeledSliderRow: (props: {
     children: ReactNode;
     label: string;
-}) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+}) => React__default.ReactElement | null;
 
 declare const InspectorPrimitives_Checkbox: typeof Checkbox;
 declare const InspectorPrimitives_Column: typeof Column;
@@ -1452,4 +1440,4 @@ declare module "react" {
     function forwardRef<T, P = {}>(render: (props: P, ref: React.ForwardedRef<T>) => React.ReactElement | null): (props: P & React.RefAttributes<T>) => React.ReactElement | null;
 }
 
-export { ActivityIndicator, AutoResizingTextArea, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, DesignSystemThemeProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, type IWorkspaceLayout, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, PatternPreviewBackground, Popover, Progress, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, Select, SelectMenu, SelectOption, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, WorkspaceLayout, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useAutoResize, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, withSeparatorElements };
+export { ActivityIndicator, AutoResizingTextArea, Avatar, AvatarStack, Body, Button, ButtonElement, type ButtonRootProps, CONTENT_AREA_ID, Chip, type ChipProps, CloseButtonContainer, type Colors, type CompletionItem, type CompletionListItem, CompletionMenu, type CompletionSectionHeader, CompletionToken, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, DesignSystemThemeProvider, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, DraggableMenuButton, type DropValidator, DropdownMenu, EDITOR_PANEL_GROUP_ID, type EditableRowProps, type ExtractMenuItemType, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, type GridProps, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IInputFieldWithCompletions, type IScoredItem, type IToken, type IVirtualizedList, type IWorkspaceLayout, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, InputElement, InputField, type InputFieldSize, InputFieldWithCompletions, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabeledElementView, type ListRowMarginType, type ListRowPosition, ListView, type MatchRange, type MenuConfig, type MenuItem, type MenuItemProps, type MenuProps, type Optional, type PanelLayoutState, PatternPreviewBackground, Popover, Progress, RIGHT_SIDEBAR_ID, RadioGroup, type RegularMenuItem, type RelativeDropPosition, Row$1 as Row, SEPARATOR_ITEM, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, ScrollArea, SelectMenu, type SetNumberMode, type SketchPattern, Slider, Small, Sortable, Spacer, Stack, type StackBreakpointList, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, type TextBreakpointList, type Theme, type ThemeColorName, Toast, ToastProvider, Tooltip, TreeView, WorkspaceLayout, createSectionedMenu, dark as darkTheme, fuzzyFilter, fuzzyScore, fuzzyTokenize, getGradientBackground, getNewValue, lightTheme, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, useAutoResize, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDesignSystemTheme, useDialogContainsElement, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, withSeparatorElements };