entangle-ui 0.7.0 → 0.8.1

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Cut icon component for cutting and removal actions.
+ *
+ * A standard scissors icon commonly used for cutting content,
+ * removing items, and clipboard cut operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CutIcon />
+ *
+ * // With custom size and color
+ * <CutIcon size="md" color="primary" />
+ *
+ * // In a cut button
+ * <Button icon={<CutIcon />}>Cut</Button>
+ * ```
+ */
+declare const CutIcon: 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 { CutIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Download icon component for file download actions.
+ *
+ * A standard download icon commonly used for downloading files,
+ * exporting content, and save-to-device actions in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <DownloadIcon />
+ *
+ * // With custom size and color
+ * <DownloadIcon size="lg" color="success" />
+ *
+ * // In a download button
+ * <Button icon={<DownloadIcon />}>Download</Button>
+ * ```
+ */
+declare const DownloadIcon: 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 { DownloadIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Edit icon component for editing and modification actions.
+ *
+ * A standard pencil icon commonly used for editing content,
+ * modifying items, and entering edit mode in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <EditIcon />
+ *
+ * // With custom size and color
+ * <EditIcon size="md" color="primary" />
+ *
+ * // In an edit button
+ *  <Button icon={<EditIcon />}>Edit</Button>
+ * ```
+ */
+declare const EditIcon: 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 { EditIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Error icon component for error states.
+ *
+ * A standard X circle icon commonly used for error messages,
+ * failed operations, and critical alerts in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ErrorIcon />
+ *
+ * // With custom size and color
+ * <ErrorIcon size="sm" color="error" />
+ *
+ * // In an error context
+ * <Button icon={<ErrorIcon />}>Error</Button>
+ * ```
+ */
+declare const ErrorIcon: 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 { ErrorIcon };

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

@@ -0,0 +1,34 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * EyeDropper icon component for color sampling actions.
+ *
+ * A pipette/eyedropper icon commonly used for color picking,
+ * sampling colors from the canvas, and color-related tools
+ * in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <EyeDropperIcon />
+ *
+ * // With custom size and color
+ * <EyeDropperIcon size="md" color="primary" />
+ *
+ * // In a color picker button
+ * <Button icon={<EyeDropperIcon />}>Pick Color</Button>
+ * ```
+ */
+declare const EyeDropperIcon: 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 { EyeDropperIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Eye icon component for visibility and view actions.
+ *
+ * A standard eye icon commonly used for showing content,
+ * toggling visibility, and preview actions in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <EyeIcon />
+ *
+ * // With custom size and color
+ * <EyeIcon size="md" color="primary" />
+ *
+ * // In a visibility toggle
+ * <Button icon={<EyeIcon />}>Show</Button>
+ * ```
+ */
+declare const EyeIcon: 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 { EyeIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Filter icon component for filtering and sorting actions.
+ *
+ * A standard filter icon commonly used for filtering content,
+ * applying search filters, and data sorting in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FilterIcon />
+ *
+ * // With custom size and color
+ * <FilterIcon size="md" color="primary" />
+ *
+ * // In a filter button
+ * <Button icon={<FilterIcon />}>Filter</Button>
+ * ```
+ */
+declare const FilterIcon: 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 { FilterIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder icon component for directory and organization actions.
+ *
+ * A standard folder icon commonly used for file organization,
+ * directory navigation, and grouping content in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderIcon />
+ *
+ * // With custom size and color
+ * <FolderIcon size="lg" color="primary" />
+ *
+ * // In a folder browser
+ * <Button icon={<FolderIcon />}>Open Folder</Button>
+ * ```
+ */
+declare const FolderIcon: 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 { FolderIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Fullscreen icon component for expanding to fullscreen mode.
+ *
+ * A standard fullscreen icon commonly used for maximizing content,
+ * entering fullscreen mode, and expanding views in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FullscreenIcon />
+ *
+ * // With custom size and color
+ * <FullscreenIcon size="md" color="primary" />
+ *
+ * // In a fullscreen button
+ * <Button icon={<FullscreenIcon />}>Fullscreen</Button>
+ * ```
+ */
+declare const FullscreenIcon: 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 { FullscreenIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Grid icon component for grid view and layout actions.
+ *
+ * A standard grid icon commonly used for switching to grid view,
+ * layout options, and organizing content in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <GridIcon />
+ *
+ * // With custom size and color
+ * <GridIcon size="md" color="primary" />
+ *
+ * // In a view toggle
+ * <Button icon={<GridIcon />}>Grid View</Button>
+ * ```
+ */
+declare const GridIcon: 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 { GridIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Heart icon component for favorites and like actions.
+ *
+ * A standard heart icon commonly used for favoriting content,
+ * like actions, and expressing preference in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <HeartIcon />
+ *
+ * // With custom size and color
+ * <HeartIcon size="md" color="error" />
+ *
+ * // In a favorite button
+ * <Button icon={<HeartIcon />}>Favorite</Button>
+ * ```
+ */
+declare const HeartIcon: 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 { HeartIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Help icon component for help and support actions.
+ *
+ * A standard question mark icon commonly used for help documentation,
+ * support links, and information assistance in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <HelpIcon />
+ *
+ * // With custom size and color
+ * <HelpIcon size="sm" color="muted" />
+ *
+ * // In a help context
+ * <Button icon={<HelpIcon />}>Help</Button>
+ * ```
+ */
+declare const HelpIcon: 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 { HelpIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Home icon component for home and main navigation.
+ *
+ * A standard house icon commonly used for home navigation,
+ * main page links, and dashboard access in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <HomeIcon />
+ *
+ * // With custom size and color
+ * <HomeIcon size="md" color="primary" />
+ *
+ * // In a home button
+ * <Button icon={<HomeIcon />}>Home</Button>
+ * ```
+ */
+declare const HomeIcon: 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 { HomeIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Info icon component for information display.
+ *
+ * A standard information circle icon commonly used for showing information,
+ * details, and contextual help in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <InfoIcon />
+ *
+ * // With custom size and color
+ * <InfoIcon size="lg" color="accent" />
+ *
+ * // In an info context
+ * <Button icon={<InfoIcon />}>Info</Button>
+ * ```
+ */
+declare const InfoIcon: 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 { InfoIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Link icon component for linking and connection actions.
+ *
+ * A standard link icon commonly used for creating links,
+ * connecting content, and URL-related features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <LinkIcon />
+ *
+ * // With custom size and color
+ * <LinkIcon size="md" color="primary" />
+ *
+ * // In a link button
+ * <Button icon={<LinkIcon />}>Add Link</Button>
+ * ```
+ */
+declare const LinkIcon: 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 { LinkIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * List icon component for list view layouts.
+ *
+ * A standard list lines icon commonly used for switching to list view,
+ * linear data display, and structured content in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ListIcon />
+ *
+ * // With custom size and color
+ * <ListIcon size="md" color="primary" />
+ *
+ * // In a view toggle
+ * <Button icon={<ListIcon />}>List View</Button>
+ * ```
+ */
+declare const ListIcon: 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 { ListIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Lock icon component for security and locked states.
+ *
+ * A standard padlock icon commonly used for indicating locked content,
+ * security features, and protected operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <LockIcon />
+ *
+ * // With custom size and color
+ * <LockIcon size="sm" color="warning" />
+ *
+ * // In a security context
+ * <Button icon={<LockIcon />}>Lock</Button>
+ * ```
+ */
+declare const LockIcon: 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 { LockIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Maximize icon component for maximize actions.
+ *
+ * A standard expand square icon commonly used for maximizing windows,
+ * expanding panels, and enlarging content areas in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <MaximizeIcon />
+ *
+ * // With custom size and color
+ * <MaximizeIcon size="sm" color="secondary" />
+ *
+ * // In a window control context
+ * <Button icon={<MaximizeIcon />}>Maximize</Button>
+ * ```
+ */
+declare const MaximizeIcon: 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 { MaximizeIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Menu icon component for menu/hamburger navigation.
+ *
+ * A standard three-line hamburger icon commonly used for opening menus,
+ * navigation drawers, and mobile menu toggles in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <MenuIcon />
+ *
+ * // With custom size and color
+ * <MenuIcon size="md" color="secondary" />
+ *
+ * // In a navigation context
+ * <Button icon={<MenuIcon />}>Menu</Button>
+ * ```
+ */
+declare const MenuIcon: 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 { MenuIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Minimize icon component for minimize actions.
+ *
+ * A standard compress square icon commonly used for minimizing windows,
+ * collapsing panels, and reducing content areas in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <MinimizeIcon />
+ *
+ * // With custom size and color
+ * <MinimizeIcon size="md" color="muted" />
+ *
+ * // In a window control context
+ * <Button icon={<MinimizeIcon />}>Minimize</Button>
+ * ```
+ */
+declare const MinimizeIcon: 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 { MinimizeIcon };