entangle-ui 0.9.0 → 0.11.0

package/dist/types/components/Icons/ZoomFitIcon.d.ts

@@ -0,0 +1,35 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * Zoom-to-fit icon component for framing content to the viewport.
+ *
+ * A corner frame around a focal point — the conventional glyph for
+ * "zoom to fit", "frame selected", and "fit to view" actions that reset the
+ * camera so the content fills the viewport. Distinct from `FullscreenIcon`
+ * (outward expand arrows) and `MaximizeIcon` (a plain window outline).
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ZoomFitIcon />
+ *
+ * // With custom size and color
+ * <ZoomFitIcon size="md" color="accent" />
+ *
+ * // In a viewport control bar
+ * <IconButton icon={<ZoomFitIcon />} label="Zoom to fit" />
+ * ```
+ */
+declare const ZoomFitIcon: React.NamedExoticComponent<Omit<{
+    children: React.ReactNode;
+    size?: IconSize | undefined;
+    color?: IconColor | undefined;
+    className?: string | undefined;
+    title?: string | undefined;
+    decorative?: boolean | undefined;
+    testId?: string | undefined;
+    ref?: React.Ref<SVGSVGElement> | undefined;
+}, "children">>;
+
+export { ZoomFitIcon };

package/dist/types/components/Icons/ZoomInIcon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Zoom In icon component for zoom in actions.

package/dist/types/components/Icons/ZoomOutIcon.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Zoom Out icon component for zoom out actions.

package/dist/types/components/controls/CartesianPicker/CartesianPicker.types.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
-import { BaseComponent, Size } from '../../../types/common.js';
 import { Point2D, CanvasBackgroundInfo } from '../../primitives/canvas/canvas.types.js';
+import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type CartesianPickerSize = Size;
 interface CartesianPickerBaseProps extends Omit<BaseComponent, 'onChange' | 'value' | 'defaultValue'> {

package/dist/types/components/controls/ColorPicker/ColorPicker.types.d.ts

@@ -1,8 +1,8 @@
-import { Prettify } from '../../../types/utilities.js';
-import { BaseComponent, Size } from '../../../types/common.js';
 import { ColorFormat as ColorFormat$1 } from './colorUtils.js';
 import { Palette, PaletteColor } from './palettes/material.js';
 export { PaletteShade } from './palettes/material.js';
+import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 type ColorFormat = ColorFormat$1;
 type ColorPickerSize = Size;

package/dist/types/components/controls/ColorPicker/EyeDropper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 interface EyeDropperBaseProps extends Omit<BaseComponent<HTMLButtonElement>, 'onChange'> {
     /** Callback when a color is picked */

package/dist/types/components/controls/Combobox/Combobox.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent, Size } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type ComboboxSize = Size;
 type ComboboxVariant = 'default' | 'ghost' | 'filled';

package/dist/types/components/controls/CurveEditor/CurveEditor.types.d.ts

@@ -1,63 +1,12 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
-import { BaseComponent, Size } from '../../../types/common.js';
 import { CanvasBackgroundInfo, CanvasViewport } from '../../primitives/canvas/canvas.types.js';
+import { BaseComponent, Size } from '../../../types/common.js';
+import { CurveData, CurveKeyframe } from '../../../types/keyframe.js';
+export { TangentMode } from '../../../types/keyframe.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type CurveEditorSize = Size;
-/**
- * Tangent handle mode — controls how handles behave around a keyframe.
- * - `free`: Each handle moves independently
- * - `aligned`: Handles stay co-linear but can differ in length
- * - `mirrored`: Handles are symmetric (same angle and length)
- * - `auto`: Smooth catmull-rom style — handles auto-computed from neighbors
- * - `linear`: No handles — straight line segments
- * - `step`: Constant value until next keyframe (hold / step function)
- */
-type TangentMode = 'free' | 'aligned' | 'mirrored' | 'auto' | 'linear' | 'step';
-/**
- * Single control point (keyframe) on the curve.
- */
-interface CurveKeyframe {
-    /** X position in domain space (e.g., 0-1 for normalized, 0-100 for frames) */
-    x: number;
-    /** Y value at this position */
-    y: number;
-    /** Left tangent handle offset (relative to keyframe position) */
-    handleIn: {
-        x: number;
-        y: number;
-    };
-    /** Right tangent handle offset (relative to keyframe position) */
-    handleOut: {
-        x: number;
-        y: number;
-    };
-    /** Tangent mode for this keyframe */
-    tangentMode: TangentMode;
-    /** Optional unique ID (auto-generated if not provided) */
-    id?: string;
-}
-/**
- * Complete curve data model.
- */
-interface CurveData {
-    /** Ordered array of keyframes (sorted by x) */
-    keyframes: CurveKeyframe[];
-    /** Domain bounds — x range */
-    domainX: [number, number];
-    /** Domain bounds — y range */
-    domainY: [number, number];
-    /**
-     * Pre-infinity behavior — what happens before the first keyframe
-     * @default "constant"
-     */
-    preInfinity?: 'constant' | 'linear' | 'cycle' | 'pingpong';
-    /**
-     * Post-infinity behavior — what happens after the last keyframe
-     * @default "constant"
-     */
-    postInfinity?: 'constant' | 'linear' | 'cycle' | 'pingpong';
-}
+
 interface CurveEditorBaseProps extends Omit<BaseComponent, 'onChange' | 'value' | 'defaultValue'> {
     /**
      * Curve data (controlled)
@@ -286,4 +235,5 @@ interface CurveViewport extends CanvasViewport {
     panY: number;
 }
 
-export type { CurveBackgroundInfo, CurveBottomBarInfo, CurveData, CurveEditorBaseProps, CurveEditorProps, CurveEditorSize, CurveKeyframe, CurvePreset, CurveViewport, TangentMode };
+export { CurveData, CurveKeyframe };
+export type { CurveBackgroundInfo, CurveBottomBarInfo, CurveEditorBaseProps, CurveEditorProps, CurveEditorSize, CurvePreset, CurveViewport };

package/dist/types/components/controls/CurveEditor/curveUtils.d.ts

@@ -1,5 +1,6 @@
+import { CurveViewport } from './CurveEditor.types.js';
 import { CanvasViewport } from '../../primitives/canvas/canvas.types.js';
-import { CurveData, CurveViewport } from './CurveEditor.types.js';
+import { CurveData } from '../../../types/keyframe.js';
 
 /**
  * Evaluate the entire curve at a given X position.

package/dist/types/components/controls/FileTree/FileTree.d.ts

@@ -0,0 +1,34 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { FileTreeProps } from './FileTree.types.js';
+
+/**
+ * A file-system-flavored specialization of {@link TreeView}: it maps a
+ * file/folder model onto the tree, auto-assigns file-type icons (by extension)
+ * and open/closed folder glyphs, and adds drag-and-drop import of OS files onto
+ * a folder (or the root). Expansion, selection, keyboard navigation, and sizing
+ * are inherited from TreeView unchanged.
+ *
+ * @example
+ * ```tsx
+ * const nodes: FileTreeNode[] = [
+ *   { id: 'src', name: 'src', kind: 'folder', children: [
+ *     { id: 'btn', name: 'Button.tsx', kind: 'file' },
+ *     { id: 'logo', name: 'logo.svg', kind: 'file' },
+ *   ]},
+ * ];
+ *
+ * <FileTree
+ *   nodes={nodes}
+ *   defaultExpandedIds={['src']}
+ *   onImport={({ files, targetFolder }) =>
+ *     uploadInto(targetFolder?.id ?? 'root', files)
+ *   }
+ * />
+ * ```
+ */
+declare const FileTree: {
+    ({ nodes, expandedIds, defaultExpandedIds, onExpandedChange, selectedIds, defaultSelectedIds, selectionMode, onSelectionChange, size, indent, showChevrons, showGuideLines, expandOnClick, maxHeight, resolveIcon, renderNode, renderActions, emptyContent, onImport, onNodeClick, onNodeDoubleClick, onNodeContextMenu, labels: labelsProp, className, style, testId, ref, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...rest }: FileTreeProps): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+
+export { FileTree };

package/dist/types/components/controls/FileTree/FileTree.types.d.ts

@@ -0,0 +1,133 @@
+import { FileTreeLabels } from './fileTreeLabels.js';
+import { TreeSelectionMode, TreeViewSize, TreeNodeState } from '../TreeView/TreeView.types.js';
+import { BaseComponent } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
+
+/** Whether an entry is a leaf file or a navigable folder. */
+type FileTreeNodeKind = 'file' | 'folder';
+/**
+ * A single file or folder in the tree. The file-system-flavored counterpart of
+ * TreeView's `TreeNodeData`: `name` instead of `label`, an explicit `kind`, and
+ * an optional `ext` that drives the auto-assigned file-type icon.
+ */
+interface FileTreeNode {
+    /** Stable unique id within the tree. */
+    id: string;
+    /** Display name, e.g. `"Button.tsx"` or `"components"`. */
+    name: string;
+    /** File vs. folder. Folders accept dropped files; files do not. */
+    kind: FileTreeNodeKind;
+    /**
+     * Extension override **without** the leading dot (e.g. `"tsx"`). Inferred from
+     * `name` when omitted. Drives the built-in file-type icon.
+     */
+    ext?: string;
+    /** Optional path (informational; surfaced unchanged to consumers). */
+    path?: string;
+    /** Child entries. Present on folders; ignored on files. */
+    children?: FileTreeNode[];
+    /** Dim + non-interactive. */
+    disabled?: boolean;
+    /** Arbitrary consumer payload (size, modified date, GUID, …). */
+    data?: Record<string, unknown>;
+}
+/** Per-node state handed to FileTree render/resolve props. */
+interface FileTreeNodeState extends TreeNodeState {
+    /** Convenience flag — `true` when the node is a folder. */
+    isFolder: boolean;
+}
+/** Payload for {@link FileTreeBaseProps.onImport}. */
+interface FileTreeImportPayload {
+    /** The OS files extracted from the drop's `DataTransfer`. */
+    files: File[];
+    /**
+     * The folder the files were dropped onto, or `null` for the tree root (a drop
+     * on empty space, or on a top-level file).
+     */
+    targetFolder: FileTreeNode | null;
+}
+interface FileTreeBaseProps extends Omit<BaseComponent, 'onChange'> {
+    /** Tree data — array of root-level files/folders. */
+    nodes: FileTreeNode[];
+    /** Expanded node IDs (controlled). */
+    expandedIds?: string[];
+    /** Default expanded node IDs (uncontrolled). */
+    defaultExpandedIds?: string[];
+    /** Fired when expanded nodes change. */
+    onExpandedChange?: (expandedIds: string[]) => void;
+    /** Selected node IDs (controlled). */
+    selectedIds?: string[];
+    /** Default selected node IDs (uncontrolled). */
+    defaultSelectedIds?: string[];
+    /**
+     * Selection mode.
+     * @default "single"
+     */
+    selectionMode?: TreeSelectionMode;
+    /** Fired when selected nodes change. */
+    onSelectionChange?: (selectedIds: string[]) => void;
+    /**
+     * Row size.
+     * @default "md"
+     */
+    size?: TreeViewSize;
+    /**
+     * Indentation per depth level in pixels.
+     * @default 16
+     */
+    indent?: number;
+    /**
+     * Whether to show expand/collapse chevrons for folders.
+     * @default true
+     */
+    showChevrons?: boolean;
+    /**
+     * Whether to show connecting guide lines.
+     * @default false
+     */
+    showGuideLines?: boolean;
+    /**
+     * Whether clicking anywhere on a folder row toggles it open/closed (not just
+     * the chevron). Files are unaffected.
+     * @default true
+     */
+    expandOnClick?: boolean;
+    /** Maximum height before the tree scrolls. */
+    maxHeight?: number | string;
+    /**
+     * Override the icon for a node. Return `undefined`/`null` to fall back to the
+     * built-in extension→icon map. Receives the live expansion state so folder
+     * open/closed glyphs can differ.
+     */
+    resolveIcon?: (node: FileTreeNode, state: {
+        expanded: boolean;
+    }) => React.ReactNode;
+    /** Fully replace a node's inner content (icon + label). */
+    renderNode?: (node: FileTreeNode, state: FileTreeNodeState) => React.ReactNode;
+    /** Render trailing actions on the right of a row. */
+    renderActions?: (node: FileTreeNode, state: FileTreeNodeState) => React.ReactNode;
+    /** Content shown when `nodes` is empty. */
+    emptyContent?: React.ReactNode;
+    /**
+     * Fired when OS files are dropped onto a folder (or the root). Presence of
+     * this callback enables the import drop zone. FileTree only reports intent —
+     * apply the change to your data and pass back fresh `nodes`.
+     */
+    onImport?: (payload: FileTreeImportPayload) => void;
+    /** Fired when a node is clicked. */
+    onNodeClick?: (node: FileTreeNode, event: React.MouseEvent) => void;
+    /** Fired when a node is double-clicked. */
+    onNodeDoubleClick?: (node: FileTreeNode, event: React.MouseEvent) => void;
+    /** Fired when a node is right-clicked. */
+    onNodeContextMenu?: (node: FileTreeNode, event: React.MouseEvent) => void;
+    /**
+     * Override the built-in English strings (the tree's accessible name and the
+     * empty-state text). Merged onto the defaults, so you can localize a subset.
+     * @see DEFAULT_FILE_TREE_LABELS
+     */
+    labels?: Partial<FileTreeLabels>;
+}
+type FileTreeProps = Prettify<FileTreeBaseProps>;
+
+export type { FileTreeBaseProps, FileTreeImportPayload, FileTreeNode, FileTreeNodeKind, FileTreeNodeState, FileTreeProps };

package/dist/types/components/controls/FileTree/fileTreeIcons.d.ts

@@ -0,0 +1,29 @@
+import { FileTreeNode } from './FileTree.types.js';
+
+/**
+ * The icon categories FileTree resolves a node to. Folders get an open/closed
+ * pair; files collapse to a small set of type buckets backed by the existing
+ * icon set. Rendering a kind into an actual icon element lives in the client
+ * component — this module is pure classification so it can be unit-tested
+ * without React.
+ */
+type FileIconKind = 'folder' | 'folder-open' | 'image' | 'media' | 'code' | 'archive' | 'text' | 'file';
+/**
+ * Extracts the lowercased extension (without the dot) from a file name, or
+ * `undefined` when there isn't one. Dotfiles such as `.env` / `.gitignore` are
+ * treated as having no extension (the leading dot is not a separator).
+ */
+declare function getFileExtension(name: string): string | undefined;
+/**
+ * Classifies an extension into an icon bucket. `undefined` / unknown → `file`.
+ */
+declare function classifyExtension(ext: string | undefined): FileIconKind;
+/**
+ * Resolves the icon kind for a node. Folders return `folder-open` when
+ * `expanded`, else `folder`. Files use the explicit `ext` when provided, falling
+ * back to the extension parsed from `name`.
+ */
+declare function getFileIconKind(node: Pick<FileTreeNode, 'kind' | 'name' | 'ext'>, expanded?: boolean): FileIconKind;
+
+export { classifyExtension, getFileExtension, getFileIconKind };
+export type { FileIconKind };

package/dist/types/components/controls/FileTree/fileTreeLabels.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Localizable strings for {@link FileTree}. Every user-facing / screen-reader
+ * string the component renders on its own goes through here so the whole
+ * component can be localized in one place (file and folder names come from your
+ * data, so they are already yours to localize).
+ *
+ * @see DEFAULT_FILE_TREE_LABELS for the English defaults.
+ */
+interface FileTreeLabels {
+    /** Accessible name for the tree region (`role="tree"` `aria-label`). */
+    treeLabel: string;
+    /** Text shown when the tree is empty (unless `emptyContent` is provided). */
+    emptyLabel: string;
+}
+/** English defaults for {@link FileTreeLabels}. Spread-and-tweak to localize. */
+declare const DEFAULT_FILE_TREE_LABELS: FileTreeLabels;
+
+export { DEFAULT_FILE_TREE_LABELS };
+export type { FileTreeLabels };

package/dist/types/components/controls/FileUploader/FileUploader.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent, Size } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type FileUploaderSize = Size;
 type FileUploaderItemStatus = 'pending' | 'uploading' | 'done' | 'error';
@@ -23,7 +23,7 @@ interface FileUploaderRenderItemState {
     remove: () => void;
     disabled: boolean;
 }
-interface FileUploaderBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onChange' | 'children' | 'defaultValue'> {
+interface FileUploaderBaseProps extends Omit<BaseComponent, 'onChange' | 'children' | 'defaultValue'> {
     /** Controlled list of items */
     value?: FileUploaderItem[];
     /** Default list (uncontrolled) */

package/dist/types/components/controls/MultiSelect/MultiSelect.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent, Size } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type MultiSelectSize = Size;
 type MultiSelectVariant = 'default' | 'ghost' | 'filled';

package/dist/types/components/controls/NumberInput/NumberInput.d.ts

@@ -1,8 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
-import { BaseComponent, Size } from '../../../types/common.js';
 import { UseNumberInputOptions } from './useNumberInput.js';
+import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 /**
  * Props specific to NumberInput component

package/dist/types/components/controls/Select/Select.d.ts

@@ -21,7 +21,7 @@ import { SelectProps } from './Select.types.js';
  * />
  * ```
  */
-declare function Select<T extends string = string>({ value: valueProp, defaultValue, options, placeholder, searchable, searchPlaceholder, filterFn, emptyMessage, size, variant, label, helperText, error, errorMessage, disabled, required, clearable, maxDropdownHeight, minDropdownWidth, name, onChange, onOpenChange, className, style, testId, ref, id: idProp, ...rest }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends string = string>({ value: valueProp, defaultValue, options, placeholder, searchable, searchPlaceholder, filterFn, emptyMessage, size, variant, label, helperText, error, errorMessage, disabled, required, clearable, maxDropdownHeight, minDropdownWidth, fullWidth, name, onChange, onOpenChange, className, style, testId, ref, id: idProp, ...rest }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }

package/dist/types/components/controls/Select/Select.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type SelectSize = Size;
 type SelectVariant = 'default' | 'ghost' | 'filled';
@@ -97,11 +97,6 @@ interface SelectBaseProps<T extends string = string> extends Omit<BaseComponent<
      * @default false
      */
     required?: boolean;
-    /**
-     * Whether a clear button appears when value is selected
-     * @default false
-     */
-    clearable?: boolean;
     /**
      * Maximum height of the dropdown in pixels
      * @default 240
@@ -113,19 +108,58 @@ interface SelectBaseProps<T extends string = string> extends Omit<BaseComponent<
      * even if the trigger is narrower.
      */
     minDropdownWidth?: number;
+    /**
+     * Whether the select stretches to fill the width of its container.
+     * Useful inside flex rows or property panels where the select would
+     * otherwise shrink to the width of its selected label.
+     * @default false
+     */
+    fullWidth?: boolean;
     /**
      * Name attribute for form submission
      */
     name?: string;
     /**
-     * Change event handler
+     * Open state change handler
+     */
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * Clearable variant: a clear button is shown, so `onChange` can emit `null`
+ * when the selection is cleared.
+ */
+interface SelectClearableProps<T extends string = string> {
+    /**
+     * Whether a clear button appears when a value is selected.
+     */
+    clearable: true;
+    /**
+     * Change event handler. Receives `null` when the selection is cleared.
      */
     onChange?: (value: T | null) => void;
+}
+/**
+ * Non-clearable variant (default): there is no clear button, so `onChange`
+ * only ever emits a real value — never `null`.
+ */
+interface SelectNonClearableProps<T extends string = string> {
     /**
-     * Open state change handler
+     * Whether a clear button appears when a value is selected.
+     * @default false
      */
-    onOpenChange?: (open: boolean) => void;
+    clearable?: false;
+    /**
+     * Change event handler.
+     */
+    onChange?: (value: T) => void;
 }
-type SelectProps<T extends string = string> = Prettify<SelectBaseProps<T>>;
+/**
+ * Props for the `Select` component.
+ *
+ * `clearable` discriminates the `onChange` contract: a non-clearable select
+ * never emits `null`, so its `onChange` value is `T`; a `clearable` select can
+ * emit `null` from the clear button, so its `onChange` value is `T | null`.
+ */
+type SelectProps<T extends string = string> = Prettify<SelectBaseProps<T> & SelectNonClearableProps<T>> | Prettify<SelectBaseProps<T> & SelectClearableProps<T>>;
 
 export type { SelectBaseProps, SelectOptionGroup, SelectOptionItem, SelectProps, SelectSize, SelectVariant };

package/dist/types/components/controls/Slider/Slider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 /**
  * Props specific to Slider component

package/dist/types/components/controls/TagInput/TagInput.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent, Size } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 type TagInputSize = Size;
 type TagInputVariant = 'default' | 'ghost' | 'filled';
@@ -16,7 +16,7 @@ interface TagInputRenderTagState {
     /** Remove this tag */
     remove: () => void;
 }
-interface TagInputBaseProps extends Omit<BaseComponent<HTMLDivElement>, 'onChange' | 'defaultValue' | 'children'> {
+interface TagInputBaseProps extends Omit<BaseComponent, 'onChange' | 'defaultValue' | 'children'> {
     /** Controlled list of tags */
     value?: string[];
     /** Default tags (uncontrolled) */

package/dist/types/components/controls/TreeView/TreeView.d.ts

@@ -20,7 +20,7 @@ import { TreeViewProps } from './TreeView.types.js';
  * ```
  */
 declare const TreeView: {
-    ({ nodes, expandedIds, defaultExpandedIds, selectedIds, defaultSelectedIds, selectionMode, renamable, size, indent, showChevrons, showGuideLines, expandOnSelect, maxHeight, renderNode, renderActions, emptyContent, onExpandedChange, onSelectionChange, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeRename, className, testId, ...rest }: TreeViewProps): react_jsx_runtime.JSX.Element;
+    ({ nodes, expandedIds, defaultExpandedIds, selectedIds, defaultSelectedIds, selectionMode, renamable, size, indent, showChevrons, showGuideLines, expandOnSelect, expandOnClick, maxHeight, renderNode, renderActions, emptyContent, dropTargetId, onExpandedChange, onSelectionChange, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeRename, onNodeDragOver, onNodeDragLeave, onNodeDrop, className, testId, ...rest }: TreeViewProps): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 

package/dist/types/components/controls/TreeView/TreeView.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import { Size, BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
-import { BaseComponent, Size } from '../../../types/common.js';
+import React from 'react';
 
 type TreeViewSize = Size;
 /**
@@ -101,6 +101,12 @@ interface TreeViewBaseProps extends Omit<BaseComponent, 'onChange'> {
      * @default false
      */
     expandOnSelect?: boolean;
+    /**
+     * Whether clicking anywhere on a parent node's row toggles its expansion
+     * (not just the chevron). Leaf nodes are unaffected.
+     * @default false
+     */
+    expandOnClick?: boolean;
     /**
      * Maximum height before scrolling.
      */
@@ -129,6 +135,22 @@ interface TreeViewBaseProps extends Omit<BaseComponent, 'onChange'> {
     onNodeContextMenu?: (node: TreeNodeData, event: React.MouseEvent) => void;
     /** Fired when a node is renamed. */
     onNodeRename?: (nodeId: string, newLabel: string) => void;
+    /**
+     * Id of the node currently highlighted as an active drop target. The matching
+     * row gets a `data-drop-target="true"` attribute and an accent highlight. Pair
+     * with the `onNodeDrag*` / `onNodeDrop` callbacks to build drag-and-drop on top
+     * of the tree (see `FileTree`). `null`/`undefined` means no active target.
+     */
+    dropTargetId?: string | null;
+    /**
+     * Fired on `dragover` over a node row. Call `event.preventDefault()` to mark
+     * the row as a valid drop target (so a subsequent `drop` fires).
+     */
+    onNodeDragOver?: (node: TreeNodeData, event: React.DragEvent) => void;
+    /** Fired on `dragleave` from a node row. */
+    onNodeDragLeave?: (node: TreeNodeData, event: React.DragEvent) => void;
+    /** Fired on `drop` onto a node row. */
+    onNodeDrop?: (node: TreeNodeData, event: React.DragEvent) => void;
 }
 type TreeViewProps = Prettify<TreeViewBaseProps>;
 

package/dist/types/components/controls/VectorInput/VectorInput.types.d.ts

@@ -1,5 +1,5 @@
-import { Prettify } from '../../../types/utilities.js';
 import { BaseComponent, Size } from '../../../types/common.js';
+import { Prettify } from '../../../types/utilities.js';
 
 type VectorInputSize = Size;
 /**

package/dist/types/components/data/DataTable/DataTable.types.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
 import { BaseComponent } from '../../../types/common.js';
 import { Prettify } from '../../../types/utilities.js';
+import React from 'react';
 
 /** Visual density. Affects row height and cell padding. */
 type DataTableDensity = 'comfortable' | 'compact' | 'dense';
@@ -79,7 +79,7 @@ interface DataTableRowRenderInfo<R> {
 }
 /** Virtualization mode. `'auto'` enables virtualization above the threshold. */
 type DataTableVirtualizationMode = boolean | 'auto';
-interface DataTableBaseProps<R> extends Omit<BaseComponent<HTMLDivElement>, 'onSelect' | 'children' | 'onChange'> {
+interface DataTableBaseProps<R> extends Omit<BaseComponent, 'onSelect' | 'children' | 'onChange'> {
     /** Row data. */
     rows: readonly R[];
     /** Column definitions. */

package/dist/types/components/editor/AssetBrowser/AssetBrowser.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { AssetBrowserProps } from './AssetBrowser.types.js';
+
+declare function AssetBrowserRoot(props: AssetBrowserProps): React.ReactElement;
+declare namespace AssetBrowserRoot {
+    var displayName: string;
+}
+declare const AssetBrowser: typeof AssetBrowserRoot & {
+    Toolbar: () => null;
+    Sidebar: () => null;
+};
+
+export { AssetBrowser };