entangle-ui 0.8.2 → 0.10.0

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

@@ -0,0 +1,27 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * Cloud upload icon — a cloud silhouette with an upward arrow inside.
+ *
+ * Use for file-upload drop zones, "send to cloud" actions, and any other
+ * upload-to-remote affordance. For a generic up-arrow without the cloud,
+ * use `UploadIcon` instead.
+ *
+ * @example
+ * ```tsx
+ * <CloudUploadIcon size="lg" color="muted" />
+ * ```
+ */
+declare const CloudUploadIcon: 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 { CloudUploadIcon };

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Dots Horizontal icon component for inline overflow menus.

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

@@ -1,5 +1,5 @@
-import React from 'react';
 import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
 
 /**
  * Dots Vertical icon component for contextual action menus.

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * External link icon — a box with an arrow exiting the top-right corner.
+ *
+ * Use for links that open in a new tab/window or otherwise navigate
+ * outside the current surface. For an in-app link (chain shape) use
+ * `LinkIcon` instead.
+ *
+ * @example
+ * ```tsx
+ * <Link href="https://example.com" target="_blank">
+ *   Docs <ExternalLinkIcon size="sm" decorative />
+ * </Link>
+ * ```
+ */
+declare const ExternalLinkIcon: 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 { ExternalLinkIcon };

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

@@ -0,0 +1,26 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * Skip to first icon — vertical bar plus a leftward chevron.
+ *
+ * Used by Pagination's "first page" button and similar
+ * jump-to-start controls.
+ *
+ * @example
+ * ```tsx
+ * <IconButton aria-label="First page"><FirstIcon /></IconButton>
+ * ```
+ */
+declare const FirstIcon: 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 { FirstIcon };

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

@@ -0,0 +1,26 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * Skip to last icon — rightward chevron plus a vertical bar.
+ *
+ * Used by Pagination's "last page" button and similar
+ * jump-to-end controls.
+ *
+ * @example
+ * ```tsx
+ * <IconButton aria-label="Last page"><LastIcon /></IconButton>
+ * ```
+ */
+declare const LastIcon: 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 { LastIcon };

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

@@ -0,0 +1,29 @@
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+import React from 'react';
+
+/**
+ * Unlink icon — a broken chain.
+ *
+ * Indicates that two values are decoupled (no longer linked). Pair with
+ * `LinkIcon` to render a toggle: link → unlink. Common in coordinate
+ * inputs, transform locks, color-channel groups.
+ *
+ * @example
+ * ```tsx
+ * <IconButton aria-label="Unlink axes">
+ *   <UnlinkIcon />
+ * </IconButton>
+ * ```
+ */
+declare const UnlinkIcon: 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 { UnlinkIcon };

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.