entangle-ui 0.8.0 → 0.8.1

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Circle icon component for radio buttons and dot indicators.
+ *
+ * A standard circle icon commonly used for radio button selections,
+ * dot indicators, and circular markers in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CircleIcon />
+ *
+ * // With custom size and color
+ * <CircleIcon size="lg" color="primary" />
+ *
+ * // In a radio selection
+ * <Button icon={<CircleIcon />}>Option</Button>
+ * ```
+ */
+declare const CircleIcon: 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 { CircleIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Clock icon component for time and scheduling functionality.
+ *
+ * A standard clock icon commonly used for time displays,
+ * scheduling features, and temporal indicators in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ClockIcon />
+ *
+ * // With custom size and color
+ * <ClockIcon size="lg" color="primary" />
+ *
+ * // In a time picker
+ * <Button icon={<ClockIcon />}>Set Time</Button>
+ * ```
+ */
+declare const ClockIcon: 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 { ClockIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Close icon component for dismissing and closing actions.
+ *
+ * A standard X icon commonly used for closing modals,
+ * dismissing notifications, and cancel actions in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CloseIcon />
+ *
+ * // With custom size and color
+ * <CloseIcon size="sm" color="muted" />
+ *
+ * // In a close button
+ * <IconButton icon={<CloseIcon />} aria-label="Close" />
+ * ```
+ */
+declare const CloseIcon: 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 { CloseIcon };

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Code icon component for code and development actions.
+ *
+ * A standard code brackets icon commonly used for code editing,
+ * development tools, and programming features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <CodeIcon />
+ *
+ * // With custom size and color
+ * <CodeIcon size="md" color="accent" />
+ *
+ * // In a code context
+ * <Button icon={<CodeIcon />}>View Code</Button>
+ * ```
+ */
+declare const CodeIcon: 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 { CodeIcon };

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

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

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 };