entangle-ui 0.8.0 → 0.8.2

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Pause icon component for pausing playback and processes.
+ *
+ * Two parallel vertical bars commonly used to pause animations, video,
+ * preview playback, and long-running operations. Pairs with `PlayIcon`.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <PauseIcon />
+ *
+ * // With custom size and color
+ * <PauseIcon size="lg" color="primary" />
+ *
+ * // In a transport bar
+ * <IconButton icon={<PauseIcon />} label="Pause" />
+ * ```
+ */
+declare const PauseIcon: 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 { PauseIcon };

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Pin icon component for pinning items to keep them visible.
+ *
+ * A push-pin silhouette commonly used to pin tabs, conversations,
+ * or list items so they stay in view. A filled visual variant could
+ * indicate the pinned state.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <PinIcon />
+ *
+ * // With custom size and color
+ * <PinIcon size="sm" color="accent" />
+ *
+ * // In a pin/unpin toggle
+ * <IconButton icon={<PinIcon />} label="Pin item" />
+ * ```
+ */
+declare const PinIcon: 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 { PinIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Play icon component for play/start actions.
+ *
+ * A standard play triangle icon commonly used for starting playback,
+ * running processes, and begin operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <PlayIcon />
+ *
+ * // With custom size and color
+ * <PlayIcon size="lg" color="success" />
+ *
+ * // In a play button
+ * <Button icon={<PlayIcon />}>Play</Button>
+ * ```
+ */
+declare const PlayIcon: 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 { PlayIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Redo icon component for redo actions.
+ *
+ * A standard curved arrow icon commonly used for redoing operations,
+ * reapplying changes, and history navigation in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RedoIcon />
+ *
+ * // With custom size and color
+ * <RedoIcon size="md" color="secondary" />
+ *
+ * // In a redo button
+ * <Button icon={<RedoIcon />}>Redo</Button>
+ * ```
+ */
+declare const RedoIcon: 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 { RedoIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Refresh icon component for refresh/reload actions.
+ *
+ * A standard circular arrow icon commonly used for refreshing content,
+ * reloading data, and update operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RefreshIcon />
+ *
+ * // With custom size and color
+ * <RefreshIcon size="lg" color="accent" />
+ *
+ * // In a refresh button
+ * <Button icon={<RefreshIcon />}>Refresh</Button>
+ * ```
+ */
+declare const RefreshIcon: 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 { RefreshIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Robot icon component representing AI or automation.
+ *
+ * A robot head icon commonly used for AI assistant features,
+ * chatbots, and automation actions in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <RobotIcon />
+ *
+ * // With custom size and color
+ * <RobotIcon size="lg" color="primary" />
+ *
+ * // In an AI chat button
+ * <Button icon={<RobotIcon />}>AI Assistant</Button>
+ * ```
+ */
+declare const RobotIcon: 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 { RobotIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Save icon component for save actions.
+ *
+ * A standard floppy disk icon commonly used for saving files,
+ * persisting data, and storage operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SaveIcon />
+ *
+ * // With custom size and color
+ * <SaveIcon size="lg" color="success" />
+ *
+ * // In a save button
+ * <Button icon={<SaveIcon />}>Save</Button>
+ * ```
+ */
+declare const SaveIcon: 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 { SaveIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Search icon component for search functionality.
+ *
+ * A standard magnifying glass icon commonly used for search inputs,
+ * find operations, and lookup features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SearchIcon />
+ *
+ * // With custom size and color
+ * <SearchIcon size="md" color="primary" />
+ *
+ * // In a search input
+ * <Input startIcon={<SearchIcon />} placeholder="Search..." />
+ * ```
+ */
+declare const SearchIcon: 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 { SearchIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Send icon component for submitting messages and forms.
+ *
+ * A paper plane silhouette commonly used as the trigger for
+ * sending chat messages, dispatching commands, and form submissions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SendIcon />
+ *
+ * // With custom size and color
+ * <SendIcon size="md" color="accent" />
+ *
+ * // In a chat input
+ * <IconButton icon={<SendIcon />} label="Send message" />
+ * ```
+ */
+declare const SendIcon: 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 { SendIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Settings icon component for configuration and preferences.
+ *
+ * A standard gear/cog icon commonly used for settings panels,
+ * configuration dialogs, and preference screens in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SettingsIcon />
+ *
+ * // With custom size and color
+ * <SettingsIcon size="lg" color="primary" />
+ *
+ * // In a settings button
+ * <Button icon={<SettingsIcon />}>Settings</Button>
+ * ```
+ */
+declare const SettingsIcon: 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 { SettingsIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Sort icon component for sorting actions.
+ *
+ * A standard up/down arrows icon commonly used for sorting content,
+ * data ordering, and list arrangement in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SortIcon />
+ *
+ * // With custom size and color
+ * <SortIcon size="sm" color="muted" />
+ *
+ * // In a sort context
+ * <Button icon={<SortIcon />}>Sort</Button>
+ * ```
+ */
+declare const SortIcon: 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 { SortIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Star icon component for favorites and ratings.
+ *
+ * A standard star icon commonly used for favorites, bookmarks,
+ * ratings, and highlighting important content in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <StarIcon />
+ *
+ * // With custom size and color
+ * <StarIcon size="lg" color="warning" />
+ *
+ * // In a favorites context
+ * <Button icon={<StarIcon />}>Favorite</Button>
+ * ```
+ */
+declare const StarIcon: 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 { StarIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Stop icon component for halting playback and streams.
+ *
+ * A solid square commonly used to stop transport playback, abort
+ * generations, and cancel long-running streaming operations.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <StopIcon />
+ *
+ * // With custom size and color
+ * <StopIcon size="md" color="error" />
+ *
+ * // In a stop streaming button
+ * <IconButton icon={<StopIcon />} label="Stop" />
+ * ```
+ */
+declare const StopIcon: 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 { StopIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Success icon component for success states.
+ *
+ * A standard checkmark circle icon commonly used for success messages,
+ * completed operations, and positive confirmations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <SuccessIcon />
+ *
+ * // With custom size and color
+ * <SuccessIcon size="lg" color="success" />
+ *
+ * // In a success context
+ * <Button icon={<SuccessIcon />}>Success</Button>
+ * ```
+ */
+declare const SuccessIcon: 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 { SuccessIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Tag icon component for tagging and labeling.
+ *
+ * A standard tag icon commonly used for labeling content,
+ * categorization, and metadata organization in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <TagIcon />
+ *
+ * // With custom size and color
+ * <TagIcon size="lg" color="primary" />
+ *
+ * // In a tagging context
+ * <Button icon={<TagIcon />}>Add Tag</Button>
+ * ```
+ */
+declare const TagIcon: 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 { TagIcon };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+declare const TangentAlignedIcon: 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 { TangentAlignedIcon };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+declare const TangentAutoIcon: 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 { TangentAutoIcon };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+declare const TangentFreeIcon: 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 { TangentFreeIcon };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+declare const TangentLinearIcon: 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 { TangentLinearIcon };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+declare const TangentMirroredIcon: 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 { TangentMirroredIcon };

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+declare const TangentStepIcon: 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 { TangentStepIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Terminal icon component for shells, command palettes, and CLI panels.
+ *
+ * A prompt caret with an underscore line, commonly used for terminal
+ * panels, command palette triggers, and shell-related actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <TerminalIcon />
+ *
+ * // With custom size and color
+ * <TerminalIcon size="md" color="secondary" />
+ *
+ * // In a command palette trigger
+ * <IconButton icon={<TerminalIcon />} label="Open terminal" />
+ * ```
+ */
+declare const TerminalIcon: 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 { TerminalIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Trash icon component for delete actions.
+ *
+ * A standard trash can icon commonly used for deleting items,
+ * removing content, and destructive operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <TrashIcon />
+ *
+ * // With custom size and color
+ * <TrashIcon size="md" color="error" />
+ *
+ * // In a delete button
+ * <Button icon={<TrashIcon />}>Delete</Button>
+ * ```
+ */
+declare const TrashIcon: 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 { TrashIcon };