entangle-ui 0.9.0 → 0.10.0

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * EyeDropper icon component for color sampling actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Eye icon component for visibility and view actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * File Text icon component for documents and text content.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Filter icon component for filtering and sorting actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Skip to first icon — vertical bar plus a leftward chevron.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Folder Cog icon component for project-scoped settings.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Folder icon component for directory and organization actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Folder Open icon component for opened directory states.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Fullscreen icon component for expanding to fullscreen mode.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Git Branch icon component for version-control branch contexts.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Grid icon component for grid view and layout actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Heart icon component for favorites and like actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Help icon component for help and support actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Home icon component for home and main navigation.

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

@@ -0,0 +1,34 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * Image icon component for picture and raster-asset files.
+ *
+ * A framed photo with a sun/horizon and a mountain ridge — the conventional
+ * glyph for image files (`.png`, `.jpg`, `.svg`, …) in file browsers and
+ * asset trees.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ImageIcon />
+ *
+ * // With custom size and color
+ * <ImageIcon size="md" color="secondary" />
+ *
+ * // As a file-type glyph
+ * <FileTree resolveIcon={() => <ImageIcon />} nodes={nodes} />
+ * ```
+ */
+declare const ImageIcon: 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 { ImageIcon };

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Info icon component for information display.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Skip to last icon — rightward chevron plus a vertical bar.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Link icon component for linking and connection actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * List icon component for list view layouts.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Lock icon component for security and locked states.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Menu icon component for menu/hamburger navigation.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Minus icon component for remove/decrement actions.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Pause icon component for pausing playback and processes.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Pin icon component for pinning items to keep them visible.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Play icon component for play/start actions.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Refresh icon component for refresh/reload actions.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Robot icon component representing AI or automation.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Search icon component for search functionality.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Send icon component for submitting messages and forms.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Settings icon component for configuration and preferences.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Star icon component for favorites and ratings.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Stop icon component for halting playback and streams.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Success icon component for success states.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Tag icon component for tagging and labeling.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 declare const TangentAlignedIcon: React.NamedExoticComponent<Omit<{
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 declare const TangentAutoIcon: React.NamedExoticComponent<Omit<{
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 declare const TangentFreeIcon: React.NamedExoticComponent<Omit<{
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 declare const TangentLinearIcon: React.NamedExoticComponent<Omit<{
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 declare const TangentMirroredIcon: React.NamedExoticComponent<Omit<{
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 declare const TangentStepIcon: React.NamedExoticComponent<Omit<{
     children: React.ReactNode;

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Terminal icon component for shells, command palettes, and CLI panels.

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

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

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Unlink icon — a broken chain.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Unlock icon component for security and unlocked states.

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * User icon component for user profiles and accounts.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Users icon component for groups, teams, and multi-user contexts.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Warning icon component for warning states.

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.