entangle-ui 0.8.0 → 0.8.2

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * File Text icon component for documents and text content.
+ *
+ * A document page with horizontal text lines, commonly used for
+ * documentation, notes, write-ups, and scribe-style personas.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FileTextIcon />
+ *
+ * // With custom size and color
+ * <FileTextIcon size="md" color="secondary" />
+ *
+ * // In a documentation entry
+ * <Button icon={<FileTextIcon />}>Open Document</Button>
+ * ```
+ */
+declare const FileTextIcon: 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 { FileTextIcon };

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/FolderCogIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder Cog icon component for project-scoped settings.
+ *
+ * A folder with a small gear overlay, commonly used to distinguish
+ * project-level settings from general application settings.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderCogIcon />
+ *
+ * // With custom size and color
+ * <FolderCogIcon size="md" color="secondary" />
+ *
+ * // In a settings sidebar entry
+ * <Button icon={<FolderCogIcon />}>Project Settings</Button>
+ * ```
+ */
+declare const FolderCogIcon: 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 { FolderCogIcon };

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/FolderOpenIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Folder Open icon component for opened directory states.
+ *
+ * An open folder with an angled front flap, commonly paired with the closed
+ * `FolderIcon` for project switchers, file explorer reveals, and breadcrumbs.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <FolderOpenIcon />
+ *
+ * // With custom size and color
+ * <FolderOpenIcon size="lg" color="primary" />
+ *
+ * // In a switch project action
+ * <Button icon={<FolderOpenIcon />}>Switch Project</Button>
+ * ```
+ */
+declare const FolderOpenIcon: 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 { FolderOpenIcon };

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/GitBranchIcon.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Git Branch icon component for version-control branch contexts.
+ *
+ * A trunk line with a fork to a side node, commonly used for branch
+ * indicators in status bars, branch pickers, and VCS-related actions.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <GitBranchIcon />
+ *
+ * // With custom size and color
+ * <GitBranchIcon size="sm" color="muted" />
+ *
+ * // In a status bar
+ * <Button icon={<GitBranchIcon />}>main</Button>
+ * ```
+ */
+declare const GitBranchIcon: 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 { GitBranchIcon };

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

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { IconSize, IconColor } from '../primitives/Icon/Icon.js';
+
+/**
+ * Minus icon component for remove/decrement actions.
+ *
+ * A single horizontal stroke commonly used to remove items, decrement
+ * counters, and zoom out. Pairs with `AddIcon` for [+/-] controls.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <MinusIcon />
+ *
+ * // With custom size and color
+ * <MinusIcon size="sm" color="muted" />
+ *
+ * // In a counter control
+ * <IconButton icon={<MinusIcon />} label="Decrease" />
+ * ```
+ */
+declare const MinusIcon: 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 { MinusIcon };

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

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