@noya-app/noya-designsystem 0.1.48 → 0.1.49

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import * as React$1 from 'react';
-import React__default, { ReactHTML, ReactNode, CSSProperties, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, LabelHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent } from 'react';
+import React__default, { ReactNode, ReactHTML, CSSProperties, HTMLAttributes, AriaRole, KeyboardEventHandler, MouseEventHandler, PointerEventHandler, FocusEventHandler, InputHTMLAttributes, ForwardedRef, ComponentProps, SyntheticEvent, LabelHTMLAttributes } from 'react';
 import { IItemScore } from 'vscode-fuzzy-scorer';
 import * as Icons from '@noya-app/noya-icons';
 export { Icons };
+import * as tailwindcss_types_config from 'tailwindcss/types/config';
 import * as _noya_app_noya_geometry from '@noya-app/noya-geometry';
 import { Size } from '@noya-app/noya-geometry';
 import { UniqueIdentifier } from '@dnd-kit/core';
@@ -21,6 +22,118 @@ import { SelectProps } from '@radix-ui/react-select';
 import { ImperativePanelGroupHandle } from 'react-resizable-panels';
 import { RgbaColor } from '@noya-app/noya-colorpicker';
 
+declare function fuzzyScore({ item, query }: {
+    item: string;
+    query: string;
+}): IItemScore;
+type IScoredItem = IItemScore & {
+    index: number;
+};
+declare function fuzzyFilter({ items, query, scoreThreshold, }: {
+    items: string[];
+    query: string;
+    scoreThreshold?: number;
+}): IScoredItem[];
+type IToken = {
+    type: "text";
+    text: string;
+} | {
+    type: "match";
+    text: string;
+};
+type MatchRange = {
+    start: number;
+    end: number;
+};
+declare function fuzzyTokenize({ item, itemScore, }: {
+    item: string;
+    itemScore: IItemScore;
+}): IToken[];
+
+type IconName = keyof typeof Icons;
+
+declare function renderIcon(iconName: Exclude<React$1.ReactNode, string> | IconName): React$1.ReactNode;
+
+type MenuItemRole = "undo" | "redo" | "cut" | "copy" | "paste" | "pasteAndMatchStyle" | "delete" | "selectAll" | "reload" | "forceReload" | "toggleDevTools" | "resetZoom" | "zoomIn" | "zoomOut" | "toggleSpellChecker" | "togglefullscreen" | "window" | "minimize" | "close" | "help" | "about" | "services" | "hide" | "hideOthers" | "unhide" | "quit" | "showSubstitutions" | "toggleSmartQuotes" | "toggleSmartDashes" | "toggleTextReplacement" | "startSpeaking" | "stopSpeaking" | "zoom" | "front" | "appMenu" | "fileMenu" | "editMenu" | "viewMenu" | "shareMenu" | "recentDocuments" | "toggleTabBar" | "selectNextTab" | "selectPreviousTab" | "mergeAllWindows" | "clearRecentDocuments" | "moveTabToNewWindow" | "windowMenu";
+type SeparatorItem = {
+    type: "separator";
+};
+declare const separator: SeparatorItem;
+type FalsyReactNode = false | "" | null | undefined;
+type MenuItemIcon = IconName | React__default.ReactElement | FalsyReactNode;
+type BaseMenuItem = {
+    checked?: boolean;
+    disabled?: boolean;
+    icon?: MenuItemIcon;
+    role?: MenuItemRole;
+    alwaysInclude?: boolean;
+    title: NonNullable<ReactNode>;
+};
+type SectionHeaderMenuItem = {
+    type: "sectionHeader";
+    id: string;
+    title: ReactNode;
+    maxVisibleItems?: number;
+    variant?: "normal" | "label";
+};
+type SelectableMenuItem<T extends string> = BaseMenuItem & {
+    type?: undefined;
+    shortcut?: string;
+    value: T;
+    testSelected?: boolean;
+};
+type SubMenuItem<T extends string> = BaseMenuItem & {
+    type: "submenu";
+    items: MenuItem<T>[];
+    id: string;
+};
+type NonSelectableMenuItem<T extends string> = SeparatorItem | SectionHeaderMenuItem | SubMenuItem<T>;
+type MenuItem<T extends string> = SeparatorItem | SelectableMenuItem<T> | SectionHeaderMenuItem | SubMenuItem<T>;
+type ScoredSelectableMenuItem<T extends string> = SelectableMenuItem<T> & IScoredItem;
+type ScoredMenuItem<T extends string> = ScoredSelectableMenuItem<T> | SectionHeaderMenuItem;
+type ExtractMenuItemType<T> = T extends SelectableMenuItem<infer U> ? U : never;
+declare const isSelectableMenuItem: <T extends string>(item: MenuItem<T>) => item is SelectableMenuItem<T>;
+declare const isNonSelectableMenuItem: <T extends string>(item: MenuItem<T>) => item is NonSelectableMenuItem<T>;
+declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is SectionHeaderMenuItem;
+declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
+declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
+declare const CHECKBOX_WIDTH = 15;
+declare const CHECKBOX_RIGHT_INSET = 8;
+declare const CHECKBOX_INDENT_WIDTH = 6;
+declare const styles: {
+    separatorStyle: string;
+    selectedItemStyle: string;
+    testSelectedItemStyle: string;
+    itemStyle: ({ disabled }: {
+        disabled?: boolean;
+    }) => string;
+    itemIndicator: {
+        className: string;
+        style: {
+            marginRight: number;
+        };
+    };
+    contentStyle: string;
+};
+declare function getKeyboardShortcutsForMenuItems<T extends string>(menuItems: MenuItem<T>[], onSelect: (type: T) => void): Record<string, () => void>;
+declare const KeyboardShortcut: React__default.NamedExoticComponent<{
+    shortcut: string;
+}>;
+declare const SectionHeader$1: React__default.NamedExoticComponent<Omit<SectionHeaderMenuItem, "type" | "maxVisibleItems"> & {
+    isFirst?: boolean;
+    indented?: boolean;
+}>;
+
+type ActionMenuProps<TMenu extends string> = {
+    menuItems: MenuItem<TMenu>[];
+    onSelect: (action: TMenu) => void;
+    selected: boolean;
+    onOpenChange: (open: boolean) => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+};
+declare const ActionMenu: <TMenu extends string>(props: ActionMenuProps<TMenu>) => React__default.ReactElement | null;
+
 interface Props$e {
     size?: number;
     opacity?: number;
@@ -112,6 +225,8 @@ declare const config: {
                 "secondary-bright": string;
                 "input-background": string;
                 "input-background-light": string;
+                "list-view-hover-background": string;
+                "list-view-thumbnail-background": string;
                 "code-background": string;
                 "code-background-dark": string;
                 "selected-background": string;
@@ -156,6 +271,8 @@ declare const config: {
                 "chip-error-shadow": string;
                 "chip-default-shadow": string;
                 "floating-button": string;
+                "block-border": string;
+                "block-highlight": string;
             };
             fontFamily: {
                 sans: [string, string, string, string, string, string, string, string, string, string];
@@ -253,6 +370,10 @@ declare const config: {
         };
     };
     safelist: string[];
+    plugins: {
+        handler: tailwindcss_types_config.PluginCreator;
+        config?: Partial<tailwindcss_types_config.Config> | undefined;
+    }[];
 };
 
 type Theme = (typeof config.theme)["extend"];
@@ -279,6 +400,8 @@ declare const cssVars: {
         secondaryBright: string;
         inputBackground: string;
         inputBackgroundLight: string;
+        listViewHoverBackground: string;
+        listViewThumbnailBackground: string;
         codeBackground: string;
         codeBackgroundDark: string;
         selectedBackground: string;
@@ -323,6 +446,8 @@ declare const cssVars: {
         chipErrorShadow: string;
         chipDefaultShadow: string;
         floatingButton: string;
+        blockBorder: string;
+        blockHighlight: string;
     };
     fontFamily: {
         sans: [string, string, string, string, string, string, string, string, string, string];
@@ -418,6 +543,7 @@ declare const cssVars: {
         menu: string;
     };
 };
+declare const INPUT_HEIGHT = 27;
 
 type KebabToCamelCase<S extends string> = S extends `${infer First}-${infer Rest}` ? `${First}${Capitalize<KebabToCamelCase<Rest>>}` : S;
 
@@ -502,6 +628,7 @@ interface ChipProps {
     onHoverDeleteChange?: (hovering: boolean) => void;
     style?: React__default.CSSProperties;
     tabIndex?: number;
+    role?: string;
 }
 declare const Chip: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<ChipProps & React__default.RefAttributes<HTMLSpanElement>>>;
 
@@ -514,107 +641,21 @@ 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;
 
-declare function fuzzyScore({ item, query }: {
-    item: string;
-    query: string;
-}): IItemScore;
-type IScoredItem = IItemScore & {
-    index: number;
-};
-declare function fuzzyFilter({ items, query, scoreThreshold, }: {
-    items: string[];
-    query: string;
-    scoreThreshold?: number;
-}): IScoredItem[];
-type IToken = {
-    type: "text";
-    text: string;
-} | {
-    type: "match";
-    text: string;
-};
-type MatchRange = {
-    start: number;
-    end: number;
-};
-declare function fuzzyTokenize({ item, itemScore, }: {
-    item: string;
-    itemScore: IItemScore;
-}): IToken[];
-
-type IconName = keyof typeof Icons;
-
-declare function renderIcon(iconName: Exclude<React$1.ReactNode, string> | IconName): React$1.ReactNode;
-
-type MenuItemRole = "undo" | "redo" | "cut" | "copy" | "paste" | "pasteAndMatchStyle" | "delete" | "selectAll" | "reload" | "forceReload" | "toggleDevTools" | "resetZoom" | "zoomIn" | "zoomOut" | "toggleSpellChecker" | "togglefullscreen" | "window" | "minimize" | "close" | "help" | "about" | "services" | "hide" | "hideOthers" | "unhide" | "quit" | "showSubstitutions" | "toggleSmartQuotes" | "toggleSmartDashes" | "toggleTextReplacement" | "startSpeaking" | "stopSpeaking" | "zoom" | "front" | "appMenu" | "fileMenu" | "editMenu" | "viewMenu" | "shareMenu" | "recentDocuments" | "toggleTabBar" | "selectNextTab" | "selectPreviousTab" | "mergeAllWindows" | "clearRecentDocuments" | "moveTabToNewWindow" | "windowMenu";
-type SeparatorItem = {
-    type: "separator";
-};
-declare const separator: SeparatorItem;
-type FalsyReactNode = false | "" | null | undefined;
-type MenuItemIcon = IconName | React__default.ReactElement | FalsyReactNode;
-type BaseMenuItem = {
-    checked?: boolean;
-    disabled?: boolean;
-    icon?: MenuItemIcon;
-    role?: MenuItemRole;
-    alwaysInclude?: boolean;
-    title: NonNullable<ReactNode>;
-};
-type SectionHeaderMenuItem = {
-    type: "sectionHeader";
-    id: string;
-    title: ReactNode;
-    maxVisibleItems?: number;
-    variant?: "normal" | "label";
-};
-type SelectableMenuItem<T extends string> = BaseMenuItem & {
-    type?: undefined;
-    shortcut?: string;
-    value: T;
-    testSelected?: boolean;
-};
-type SubMenuItem<T extends string> = BaseMenuItem & {
-    type: "submenu";
-    items: MenuItem<T>[];
-    id: string;
-};
-type NonSelectableMenuItem<T extends string> = SeparatorItem | SectionHeaderMenuItem | SubMenuItem<T>;
-type MenuItem<T extends string> = SeparatorItem | SelectableMenuItem<T> | SectionHeaderMenuItem | SubMenuItem<T>;
-type ScoredSelectableMenuItem<T extends string> = SelectableMenuItem<T> & IScoredItem;
-type ScoredMenuItem<T extends string> = ScoredSelectableMenuItem<T> | SectionHeaderMenuItem;
-type ExtractMenuItemType<T> = T extends SelectableMenuItem<infer U> ? U : never;
-declare const isSelectableMenuItem: <T extends string>(item: MenuItem<T>) => item is SelectableMenuItem<T>;
-declare const isNonSelectableMenuItem: <T extends string>(item: MenuItem<T>) => item is NonSelectableMenuItem<T>;
-declare const isMenuItemSectionHeader: (item: MenuItem<string>) => item is SectionHeaderMenuItem;
-declare const isSelectableMenuItemWithScore: (item: MenuItem<string>) => item is ScoredSelectableMenuItem<string>;
-declare const getMenuItemKey: <T extends string>(item: MenuItem<T>, index: number) => string;
-declare const CHECKBOX_WIDTH = 16;
-declare const CHECKBOX_RIGHT_INSET = 8;
-declare const CHECKBOX_INDENT_WIDTH = 6;
-declare const styles: {
-    separatorStyle: string;
-    selectedItemStyle: string;
-    testSelectedItemStyle: string;
-    itemStyle: ({ disabled }: {
-        disabled?: boolean;
-    }) => string;
-    itemIndicatorStyle: string;
-    contentStyle: string;
-};
-declare function getKeyboardShortcutsForMenuItems<T extends string>(menuItems: MenuItem<T>[], onSelect: (type: T) => void): Record<string, () => void>;
-declare const KeyboardShortcut: React__default.NamedExoticComponent<{
-    shortcut: string;
-}>;
-declare const SectionHeader$1: React__default.NamedExoticComponent<Omit<SectionHeaderMenuItem, "type" | "maxVisibleItems"> & {
-    isFirst?: boolean;
-    indented?: boolean;
-}>;
-
 type RelativeDropPosition = "above" | "below" | "inside";
-type DropValidator = (sourceIndex: number, destinationIndex: number, position: RelativeDropPosition) => boolean;
-declare const normalizeListDestinationIndex: (index: number, position: "above" | "below") => number;
+type DropValidator = (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => boolean;
+declare const normalizeListTargetIndex: (index: number, position: "above" | "below") => number;
 declare const defaultAcceptsDrop: DropValidator;
+type SortableItemContextProps = {
+    keys: UniqueIdentifier[];
+    acceptsDrop: DropValidator;
+    axis: "x" | "y";
+    position: {
+        x: number;
+        y: number;
+    };
+    setActivatorEvent: (event: PointerEvent) => void;
+    getDropTargetParentIndex?: (index: number) => number | undefined;
+};
 type ValidateDropIndicatorParams = {
     acceptsDrop: DropValidator;
     keys: UniqueIdentifier[];
@@ -639,9 +680,10 @@ interface RootProps {
     keys: UniqueIdentifier[];
     children: React$1.ReactNode;
     renderOverlay?: (index: number) => React$1.ReactNode;
-    onMoveItem?: (sourceIndex: number, destinationIndex: number, position: RelativeDropPosition) => void;
-    acceptsDrop?: DropValidator;
-    axis?: "x" | "y";
+    onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
+    acceptsDrop?: SortableItemContextProps["acceptsDrop"];
+    axis?: SortableItemContextProps["axis"];
+    getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
 }
 declare namespace Sortable {
     const Item: <T extends HTMLElement>(props: ItemProps$1<T>) => React$1.ReactElement | null;
@@ -671,8 +713,9 @@ interface EditableRowProps {
     autoFocus: boolean;
     placeholder?: string;
     className?: string;
+    onKeyDown?: (e: React__default.KeyboardEvent) => void;
 }
-declare function ListViewEditableRowTitle({ value, onSubmitEditing, autoFocus, placeholder, className, }: EditableRowProps): React__default.JSX.Element;
+declare function ListViewEditableRowTitle({ value, onSubmitEditing, autoFocus, placeholder, className, onKeyDown, }: EditableRowProps): React__default.JSX.Element;
 interface ListViewClickInfo {
     shiftKey: boolean;
     altKey: boolean;
@@ -703,17 +746,20 @@ interface ListViewRowProps<MenuItemType extends string = string> {
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     style?: CSSProperties;
     className?: string;
-    dragIndicatorStyle?: CSSProperties | ((props: {
-        depth: number;
-        indentation: number;
-        position: RelativeDropPosition;
-    }) => CSSProperties);
+    dragIndicatorStyle?: CSSProperties | ((props: DragIndicatorStyleProps) => CSSProperties);
+    testRelativeDropPosition?: RelativeDropPosition;
 }
+type DragIndicatorStyleProps = {
+    depth: number;
+    indentation: number;
+    position: RelativeDropPosition;
+};
 interface IVirtualizedList {
     scrollToIndex(index: number): void;
 }
 type ListViewItemInfo = {
-    isDragging: boolean;
+    isDragOverlay: boolean;
+    activeDragIndex?: number;
 };
 type ChildrenProps = {
     children: ReactNode;
@@ -743,7 +789,7 @@ type ListViewRootProps = {
     onPress?: () => void;
     scrollable?: boolean;
     expandable?: boolean;
-    onMoveItem?: (sourceIndex: number, destinationIndex: number, position: RelativeDropPosition) => void;
+    onMoveItem?: (sourceIndex: number, targetIndex: number, position: RelativeDropPosition) => void;
     indentation?: number;
     acceptsDrop?: DropValidator;
     pressEventName?: PressEventName;
@@ -758,6 +804,7 @@ type ListViewRootProps = {
     onDragLeave?: React__default.DragEventHandler<HTMLDivElement>;
     onDrop?: React__default.DragEventHandler<HTMLDivElement>;
     renderEmptyState?: () => ReactNode;
+    getDropTargetParentIndex?: SortableItemContextProps["getDropTargetParentIndex"];
 };
 declare namespace ListView {
     const RowTitle: React__default.MemoExoticComponent<({ className, children, ...props }: {
@@ -773,7 +820,7 @@ declare namespace ListView {
     type RowProps<MenuItemType extends string = string> = ListViewRowProps<MenuItemType>;
     type VirtualizedList = IVirtualizedList;
     const DragIndicator: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & {
-        $relativeDropPosition: RelativeDropPosition;
+        $relativeDropPosition?: RelativeDropPosition;
         $gap: number;
         $offsetLeft: number;
         $colorScheme: ListColorScheme;
@@ -784,10 +831,11 @@ declare namespace ListView {
         menuItemsCount: number;
         sectionHeaderCount: number;
     }) => number;
-    const normalizeDestinationIndex: (index: number, position: "above" | "below") => number;
+    const normalizeTargetIndex: (index: number, position: "above" | "below") => number;
 }
 
 type CollectionViewType = "grid" | "list";
+type CollectionThumbnailSize = "auto" | "custom";
 type CollectionRef = {
     editName: (id: string) => void;
 };
@@ -795,12 +843,18 @@ type CollectionThumbnailProps<T> = {
     item: T;
     selected: boolean;
 };
+type CollectionRenderActionProps<T> = {
+    item: T;
+    selected: boolean;
+    onOpenChange: (open: boolean) => void;
+};
 interface CollectionProps<T, M extends string = string> {
     className?: string;
     items: T[];
     getId: (item: T) => string;
     getName: (item: T) => string;
     getExpanded?: (item: T) => boolean | undefined;
+    getPlaceholder?: (item: T) => string;
     /**
      * Whether directories should be expandable.
      * @default true
@@ -815,7 +869,7 @@ interface CollectionProps<T, M extends string = string> {
     onSelectMenuItem?: (action: M, selectedItems: T[]) => void;
     onRename?: (item: T, newName: string) => void;
     renderThumbnail?: ({ item, selected, }: CollectionThumbnailProps<T>) => React__default.ReactNode;
-    renderAction?: "menu" | ((item: T, selected: boolean) => React__default.ReactNode);
+    renderAction?: "menu" | ((props: CollectionRenderActionProps<T>) => React__default.ReactNode);
     renderDetail?: (item: T, selected: boolean) => React__default.ReactNode;
     /** Callback when selection changes. If not provided, selection will be disabled. */
     onSelectionChange?: (selectedItemIds: string[], event?: ListView.ClickInfo) => void;
@@ -825,13 +879,18 @@ interface CollectionProps<T, M extends string = string> {
     detailPosition?: "end" | "below";
     /** Size of the list items. Defaults to 'medium'. */
     size?: GridViewSize;
+    /** Size of the thumbnail. Defaults to 'auto', which will be based on the size prop. */
+    thumbnailSize?: CollectionThumbnailSize;
     /** For testing: Override the hover state with a specific item ID */
     testHoveredId?: string;
     /** For testing: Override the renaming state with a specific item ID */
     testRenamingId?: string;
+    /** For testing: Override the drop indicator state with a specific item ID */
+    testShowDropIndicatorId?: string;
     setExpanded?: (item: T, expanded: boolean) => void;
     acceptsDrop?: ListViewRootProps["acceptsDrop"];
     onMoveItem?: ListViewRootProps["onMoveItem"];
+    getDropTargetParentIndex?: ListViewRootProps["getDropTargetParentIndex"];
     getDepth?: (item: T) => number;
     onFilesDrop?: (event: React__default.DragEvent<Element>) => void;
     getRenamable?: (item: T) => boolean;
@@ -841,9 +900,13 @@ interface CollectionProps<T, M extends string = string> {
     onClickItem?: (itemId: string) => void;
     onDoubleClickItem?: (itemId: string) => void;
     renderEmptyState?: () => React__default.ReactElement;
+    /** @default false */
+    sortable?: boolean;
 }
 declare const Collection: <T, M extends string = string>(props: CollectionProps<T, M> & React__default.RefAttributes<CollectionRef>) => React__default.ReactElement | null;
 
+type InputSize = "small" | "medium" | "large";
+
 type Props$d = {
     id?: string;
     style?: any;
@@ -877,48 +940,18 @@ type SubmittableProps = Props$d & {
 };
 type TextInputProps = ReadOnlyProps | ControlledProps | SubmittableProps;
 
-type LabelPosition = "inset" | "start" | "end" | "above";
-interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-    /** @default start */
-    position?: Exclude<LabelPosition, "inset">;
-}
-type InsetLabelProps = {
-    /** @default medium */
-    size?: InputFieldSize;
-    /** when used with an InputField.Root and label position is inset, it will add padding to the right of the label to account for the button */
-    buttonWidth?: number;
-} & LabelHTMLAttributes<HTMLLabelElement>;
-declare const insetLabelTextStyles = "font-sans text-label uppercase text-text-disabled leading-[19px] font-bold text-[60%] truncate pointer-events-none text-right";
-declare const insetLabelStyles = "flex items-center absolute top-0 bottom-0 z-label";
-declare const InsetLabel: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<{
-    /** @default medium */
-    size?: InputFieldSize;
-    /** when used with an InputField.Root and label position is inset, it will add padding to the right of the label to account for the button */
-    buttonWidth?: number;
-} & React__default.LabelHTMLAttributes<HTMLLabelElement> & React__default.RefAttributes<HTMLLabelElement>>>;
-declare const Label: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>>;
-
 type InputFieldSize = "small" | "medium" | "large";
 type InputFieldContextValue = {
-    labelWidth?: number;
-    buttonWidth?: number;
-    startWidth?: number;
-    /** @default medium */
-    size: InputFieldSize;
     isFocused: boolean;
     onFocusChange: (isFocused: boolean) => void;
     inputRef: ForwardedRef<HTMLInputElement>;
-    buttonRef: ForwardedRef<HTMLButtonElement>;
-    labelRef: ForwardedRef<HTMLLabelElement>;
     startRef: ForwardedRef<HTMLSpanElement>;
-    id?: string;
-    label?: ReactNode;
-    labelPosition?: LabelPosition;
-};
+    endRef: ForwardedRef<HTMLSpanElement>;
+    endWidth?: number;
+} & Pick<InputFieldRootProps, "endWidth" | "startWidth" | "size" | "id">;
 declare const useInputFieldContext: () => InputFieldContextValue;
-declare const getFieldSpacing: ({ buttonWidth, labelWidth, startWidth, variant, }: {
-    buttonWidth?: number;
-    labelWidth?: number;
+declare const getFieldSpacing: ({ endWidth, startWidth, variant, }: {
+    endWidth?: number;
     startWidth?: number;
     variant?: InputFieldVariant;
 }) => {
@@ -953,11 +986,14 @@ declare function InputFieldNumberInput(props: InputFieldNumberInputProps): React
 interface InputFieldRootProps {
     id?: string;
     children?: ReactNode;
+    start?: ReactNode;
+    end?: ReactNode;
+    label?: ReactNode;
     width?: number;
-    labelWidth?: number;
     startWidth?: number;
+    endWidth?: number;
     /** @default medium */
-    size?: InputFieldSize;
+    size?: InputSize;
     renderPopoverContent?: (options: {
         width: number;
     }) => ReactNode;
@@ -969,9 +1005,8 @@ interface InputFieldRootProps {
     onFocusChange?: (isFocused: boolean) => void;
     style?: React__default.CSSProperties;
     className?: string;
-    start?: ReactNode;
 }
-declare function InputFieldRoot({ id: idProp, children, width, sideOffset, labelWidth, startWidth, size, renderPopoverContent, onFocusChange, style, className, start, }: InputFieldRootProps): React__default.JSX.Element;
+declare function InputFieldRoot({ id, children, width, sideOffset, startWidth: startWidthProp, endWidth: endWidthProp, size, renderPopoverContent, onFocusChange, style, className, start, end, label: labelProp, }: InputFieldRootProps): React__default.JSX.Element;
 type InputFieldProps = InputFieldRootProps & InputFieldInputProps;
 declare const InputField: React__default.ForwardRefExoticComponent<InputFieldProps & React__default.RefAttributes<HTMLInputElement>> & {
     readonly Root: React__default.MemoExoticComponent<typeof InputFieldRoot>;
@@ -984,11 +1019,8 @@ declare const InputField: React__default.ForwardRefExoticComponent<InputFieldPro
     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<React__default.ButtonHTMLAttributes<HTMLButtonElement> & ButtonRootProps & {
-        buttonClassName?: string;
-        buttonStyle?: React__default.CSSProperties;
         variant?: "floating" | "normal";
     } & React__default.RefAttributes<HTMLButtonElement>>>;
-    readonly Label: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<React__default.LabelHTMLAttributes<HTMLLabelElement> & React__default.RefAttributes<HTMLLabelElement>>>;
     readonly PrimitiveElement: ({ readOnly, disabled, className, style, ...props }: {
         readOnly?: boolean;
         disabled?: boolean;
@@ -1217,6 +1249,7 @@ type Props$b = {
     textClassName?: string;
     readOnly?: boolean;
     onBlur?: () => void;
+    tabIndex?: number;
     /**
      * If true, will render an unfocused input. This should only be used for visual regression tests.
      */
@@ -1319,6 +1352,8 @@ interface ItemProps<MenuItemType extends string = string> {
     action?: ReactNode;
     onKeyDown?: (event: React__default.KeyboardEvent) => void;
     hovered?: boolean;
+    testShowInsideDropIndicator?: boolean;
+    role?: string;
 }
 type GridViewContextValue = {
     minColumnWidth: string;
@@ -1336,12 +1371,15 @@ interface GridViewRootProps extends Partial<GridViewContextValue> {
     onDragEnter?: React__default.DragEventHandler<HTMLDivElement>;
     onDragLeave?: React__default.DragEventHandler<HTMLDivElement>;
     onDrop?: React__default.DragEventHandler<HTMLDivElement>;
+    role?: string;
+    renderEmptyState?: () => ReactNode;
+    contentClassName?: string;
 }
 declare function GridViewSection({ children, className, renderEmptyState, }: {
     children?: ReactNode;
     className?: string;
     renderEmptyState?: () => ReactNode;
-}): string | number | boolean | React__default.JSX.Element | Iterable<React__default.ReactNode> | null | undefined;
+}): string | number | boolean | Iterable<React__default.ReactNode> | React__default.JSX.Element | null | undefined;
 declare function GridViewSectionHeader({ title }: {
     title: string;
 }): React__default.JSX.Element;
@@ -1352,7 +1390,7 @@ declare namespace GridView {
     const SectionHeader: React__default.MemoExoticComponent<typeof GridViewSectionHeader>;
 }
 
-declare const IconButton: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonRootProps, "size" | "children" | "variant" | "flex"> & {
+declare const IconButton: React$1.MemoExoticComponent<React$1.ForwardRefExoticComponent<Omit<ButtonRootProps, "size" | "flex" | "children" | "variant"> & {
     iconName: IconName;
     className?: string;
     style?: React$1.CSSProperties;
@@ -1414,6 +1452,11 @@ type MenuViewportProps<T extends string> = {
 };
 declare const MenuViewport: <T extends string>({ items, Components, onSelect, }: MenuViewportProps<T>) => React__default.JSX.Element;
 
+type LabelPosition = "inset" | "start" | "end" | "above";
+interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+}
+declare const Label: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<LabelProps & React__default.RefAttributes<HTMLLabelElement>>>;
+
 interface ContainerProps {
     children: React$1.ReactNode;
     renderLabel: (provided: {
@@ -1464,6 +1507,8 @@ type MessageProps = {
 };
 declare const Message: React__default.MemoExoticComponent<React__default.ForwardRefExoticComponent<MessageProps & React__default.RefAttributes<HTMLDivElement>>>;
 
+declare const Logo: React__default.ForwardRefExoticComponent<Omit<React__default.SVGProps<SVGSVGElement>, "ref"> & React__default.RefAttributes<SVGSVGElement>>;
+
 type PopoverVariant = "normal" | "large";
 interface Props$7 extends Pick<ComponentProps<(typeof PopoverPrimitive)["Content"]>, "onOpenAutoFocus" | "onCloseAutoFocus" | "onPointerDownOutside" | "onInteractOutside" | "onFocusOutside" | "side"> {
     children: React__default.ReactNode;
@@ -1621,9 +1666,7 @@ declare namespace TreeView {
         children: ReactNode;
     } | {
         data: T[];
-        renderItem: (item: T, index: number, info: {
-            isDragging: boolean;
-        }) => ReactNode;
+        renderItem: (item: T, index: number, info: ListViewItemInfo) => ReactNode;
         keyExtractor: (item: T, index: number) => string;
         sortable?: boolean;
         virtualized?: _noya_app_noya_geometry.Size;
@@ -1632,7 +1675,7 @@ declare namespace TreeView {
         className?: string;
         children: React__default.ReactNode;
     } & React__default.HTMLAttributes<HTMLSpanElement>) => React__default.JSX.Element>;
-    const EditableRowTitle: React__default.MemoExoticComponent<({ value, onSubmitEditing, autoFocus, placeholder, className, }: EditableRowProps) => 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;
     type ClickInfo = ListView.ClickInfo;
     type RowProps<MenuItemType extends string> = TreeViewRowProps<MenuItemType>;
@@ -1869,7 +1912,13 @@ declare const mediaQuery: {
     xlarge: string;
 };
 
-declare function cx(...args: Array<string | number | boolean | null | undefined>): string;
+type ClassNameItem = string | number | BigInt | boolean | null | undefined;
+type Category = "text" | "flex";
+type Options = {
+    categories?: Category[];
+};
+declare function cx(...args: ClassNameItem[]): string;
+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>>[]>[];
@@ -2019,4 +2068,4 @@ declare function ToolbarMenu<T extends string>({ items, onSelectMenuItem, }: {
     onSelectMenuItem?: (value: T) => void;
 }): React__default.JSX.Element;
 
-export { ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionProps, type CollectionRef, type CollectionThumbnailProps, type CollectionViewType, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, 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, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InsetLabel, type InsetLabelProps, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewRootProps, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, insetLabelStyles, insetLabelTextStyles, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, normalizeListDestinationIndex, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };
+export { ActionMenu, ActivityIndicator, AnimatePresence, type AnimatePresenceProps, Avatar, type AvatarProps, AvatarStack, type BaseComboboxProps, BaseToolbar, type BaseToolbarProps, Body, BreadcrumbText, Button, type ButtonRootProps, CHECKBOX_INDENT_WIDTH, CHECKBOX_RIGHT_INSET, CHECKBOX_WIDTH, CONTENT_AREA_ID, Checkbox$1 as Checkbox, Chip, type ChipProps, Collection, type CollectionProps, type CollectionRef, type CollectionRenderActionProps, type CollectionThumbnailProps, type CollectionThumbnailSize, type CollectionViewType, Combobox, ComboboxMenu, type ComboboxProps, type ComboboxRef, ComboboxState, type ComboboxStateSnapshot, CommandPalette, ContextMenu, type DesignSystemConfigurationContextValue, DesignSystemConfigurationProvider, type DetectSizeType, Dialog, type DialogContextValue, DialogProvider, DimensionInput, type DimensionValue, Divider, DividerVertical, type DragIndicatorStyleProps, DraggableMenuButton, Drawer, type DrawerProps, type DropValidator, DropdownMenu, type DropdownRootProps, EDITOR_PANEL_GROUP_ID, type EditableRowProps, EditableText, type EditableTextRef, type ExtractMenuItemType, Fade, type FadeDirection, type FadeProps, FillInputField, FillPreviewBackground, FloatingWindow, FloatingWindowProvider, FullscreenDialog, type GlobalInputBlurContextValue, GlobalInputBlurProvider, GradientPicker, Grid, GridView, type GridViewSize, Heading1, Heading2, Heading3, Heading4, Heading5, type HoverEvent, type HoverEvents, type HoverProps, type IDialog, INPUT_HEIGHT, type IScoredItem, type ISearchCompletionMenu, type IToken, type IVirtualizedList, IconButton, type IconName, type ImageDataContextValue, ImageDataProvider, IndentContext, InputField, type InputFieldInputProps, type InputFieldProps, type InputFieldSize, InspectorContainer, InspectorPrimitives, Italic, KeyboardShortcut, LEFT_SIDEBAR_ID, Label, LabelContext, type LabelPosition, LabelPositionContext, type LabelPositionContextValue, type LabelProps, LabelWidthContext, type LabelWidthContextValue, LabeledElementView, LabeledField, type LayoutProps, List, type ListRowMarginType, type ListRowPosition, ListView, type ListViewItemInfo, type ListViewRootProps, Logo, type MatchRange, MediaThumbnail, type MenuComponents, type MenuConfig, type MenuItem, type MenuItemIcon, type MenuItemProps, type MenuItemRole, type MenuProps, MenuViewport, Message, type MessageProps, type NonSelectableMenuItem, type OptionModeOnlyProps, type OptionModeProps, type Optional, type PanelLayoutState, PatternPreviewBackground, type PercentageSidebarOptions, Popover, Progress, RIGHT_SIDEBAR_ID, type RelativeDropPosition, SUPPORTED_CANVAS_UPLOAD_TYPES, SUPPORTED_IMAGE_UPLOAD_TYPES, type ScoredMenuItem, ScrollArea, SearchCompletionMenu, SectionHeader$1 as SectionHeader, type SectionHeaderMenuItem, SegmentedControl, type SegmentedControlItemProps, type SegmentedControlProps, SelectMenu, type SelectableMenuItem, type SeparatorItem, type SetNumberMode, type SideOptions, type SideType, type SidebarRef, type SketchPattern, Slider, Small, Sortable, type SortableItemContextProps, Spacer, type StringModeOnlyProps, type StringModeProps, type SupportedCanvasUploadType, type SupportedImageUploadType, Switch, Text$1 as Text, TextArea, TextAreaRow, type TextProps, type Theme, type ThemeColor, Toast, ToastProvider, Toolbar, ToolbarMenu, type ToolbarProps, Tooltip, TreeView, type UseThemeReturnType, UserPointer, type UserPointerProps, WorkspaceLayout, type WorkspaceLayoutProps, type WorkspaceLayoutRef, colorForStringValues, colorFromString, createSectionedMenu, cssVars, cx, defaultAcceptsDrop, fuzzyFilter, fuzzyScore, fuzzyTokenize, getFieldSpacing, getGradientBackground, getGridSize, getKeyboardShortcutsForMenuItems, getMenuItemKey, getNewValue, getNextIndex, isMenuItemSectionHeader, isNonSelectableMenuItem, isSelectableMenuItem, isSelectableMenuItemWithScore, labeledFieldStyles, mediaQuery, mergeConflictingClassNames, normalizeListTargetIndex, renderIcon, rgbaToSketchColor, separator, size, sketchColorToHex, sketchColorToRgba, sketchColorToRgbaString, styles, textStyles, updateSelection, useAutoResize, useComboboxState, useCurrentFloatingWindowInternal, useDesignSystemConfiguration, useDialogContainsElement, useDialogContext, useFloatingWindowManager, useGlobalInputBlur, useGlobalInputBlurListener, useGlobalInputBlurTrigger, useHover, useImageData, useIndent, useInputFieldContext, useLabel, useLabelPosition, useLabelWidth, useOpenConfirmationDialog, useOpenDialog, useOpenInputDialog, usePlatform, usePlatformModKey, usePreservePanelSize, useTheme, validateDropIndicator, withSeparatorElements };