entangle-ui 0.3.0 → 0.5.0

package/dist/esm/components/Icons/MenuIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuIcon.js","sources":["../../../../../src/components/Icons/MenuIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAOF;AAGF;;"}

package/dist/esm/components/Icons/MinimizeIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const MinimizeIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3" }) }));
+});
+MinimizeIcon.displayName = 'MinimizeIcon';
+
+export { MinimizeIcon };
+//# sourceMappingURL=MinimizeIcon.js.map

package/dist/esm/components/Icons/MinimizeIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MinimizeIcon.js","sources":["../../../../../src/components/Icons/MinimizeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/PasteIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const PasteIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2" }), jsx("rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", ry: "1" })] }));
+});
+PasteIcon.displayName = 'PasteIcon';
+
+export { PasteIcon };
+//# sourceMappingURL=PasteIcon.js.map

package/dist/esm/components/Icons/PasteIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasteIcon.js","sources":["../../../../../src/components/Icons/PasteIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/PlayIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const PlayIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("polygon", { points: "5,3 19,12 5,21" }) }));
+});
+PlayIcon.displayName = 'PlayIcon';
+
+export { PlayIcon };
+//# sourceMappingURL=PlayIcon.js.map

package/dist/esm/components/Icons/PlayIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayIcon.js","sources":["../../../../../src/components/Icons/PlayIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

package/dist/esm/components/Icons/RedoIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const RedoIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M21 7v6h-6" }), jsx("path", { d: "M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3L21 13" })] }));
+});
+RedoIcon.displayName = 'RedoIcon';
+
+export { RedoIcon };
+//# sourceMappingURL=RedoIcon.js.map

package/dist/esm/components/Icons/RedoIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RedoIcon.js","sources":["../../../../../src/components/Icons/RedoIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/RefreshIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const RefreshIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }), jsx("path", { d: "M21 3v5h-5" }), jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }), jsx("path", { d: "M3 21v-5h5" })] }));
+});
+RefreshIcon.displayName = 'RefreshIcon';
+
+export { RefreshIcon };
+//# sourceMappingURL=RefreshIcon.js.map

package/dist/esm/components/Icons/RefreshIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RefreshIcon.js","sources":["../../../../../src/components/Icons/RefreshIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAGL;AAQF;AAEA;;"}

package/dist/esm/components/Icons/RobotIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const RobotIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "5", y: "9", width: "14", height: "10", rx: "2" }), jsx("circle", { cx: "9.5", cy: "14", r: "1" }), jsx("circle", { cx: "14.5", cy: "14", r: "1" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "5" }), jsx("circle", { cx: "12", cy: "4", r: "1" }), jsx("line", { x1: "5", y1: "13", x2: "3", y2: "13" }), jsx("line", { x1: "19", y1: "13", x2: "21", y2: "13" })] }));
+});
+RobotIcon.displayName = 'RobotIcon';
+
+export { RobotIcon };
+//# sourceMappingURL=RobotIcon.js.map

package/dist/esm/components/Icons/RobotIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RobotIcon.js","sources":["../../../../../src/components/Icons/RobotIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAWF;AAGF;;"}

package/dist/esm/components/Icons/SaveIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const SaveIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z" }), jsx("polyline", { points: "17,21 17,13 7,13 7,21" }), jsx("polyline", { points: "7,3 7,8 15,8" })] }));
+});
+SaveIcon.displayName = 'SaveIcon';
+
+export { SaveIcon };
+//# sourceMappingURL=SaveIcon.js.map

package/dist/esm/components/Icons/SaveIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveIcon.js","sources":["../../../../../src/components/Icons/SaveIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

package/dist/esm/components/Icons/SearchIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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..." />
+ * ```
+ */
+const SearchIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "11", cy: "11", r: "8" }), jsx("path", { d: "M21 21l-4.35-4.35" })] }));
+});
+SearchIcon.displayName = 'SearchIcon';
+
+export { SearchIcon };
+//# sourceMappingURL=SearchIcon.js.map

package/dist/esm/components/Icons/SearchIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/Icons/SearchIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAQL;AAGF;;"}

package/dist/esm/components/Icons/SettingsIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const SettingsIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "3" }), jsx("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z" })] }));
+});
+SettingsIcon.displayName = 'SettingsIcon';
+
+export { SettingsIcon };
+//# sourceMappingURL=SettingsIcon.js.map

package/dist/esm/components/Icons/SettingsIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsIcon.js","sources":["../../../../../src/components/Icons/SettingsIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASP;AAEA;;"}

package/dist/esm/components/Icons/SortIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const SortIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M3 6h18" }), jsx("path", { d: "M7 12h10" }), jsx("path", { d: "M10 18h4" })] }));
+});
+SortIcon.displayName = 'SortIcon';
+
+export { SortIcon };
+//# sourceMappingURL=SortIcon.js.map

package/dist/esm/components/Icons/SortIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortIcon.js","sources":["../../../../../src/components/Icons/SortIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASL;AAGF;;"}

package/dist/esm/components/Icons/StarIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const StarIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("polygon", { points: "12,2 15.09,8.26 22,9.27 17,14.14 18.18,21.02 12,17.77 5.82,21.02 7,14.14 2,9.27 8.91,8.26" }) }));
+});
+StarIcon.displayName = 'StarIcon';
+
+export { StarIcon };
+//# sourceMappingURL=StarIcon.js.map

package/dist/esm/components/Icons/StarIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StarIcon.js","sources":["../../../../../src/components/Icons/StarIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAKF;AAGF;;"}

package/dist/esm/components/Icons/SuccessIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const SuccessIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("polyline", { points: "9,12 12,15 16,10" })] }));
+});
+SuccessIcon.displayName = 'SuccessIcon';
+
+export { SuccessIcon };
+//# sourceMappingURL=SuccessIcon.js.map

package/dist/esm/components/Icons/SuccessIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessIcon.js","sources":["../../../../../src/components/Icons/SuccessIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AASP;AAEA;;"}

package/dist/esm/components/Icons/TagIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const TagIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z" }), jsx("line", { x1: "7", y1: "7", x2: "7.01", y2: "7" })] }));
+});
+TagIcon.displayName = 'TagIcon';
+
+export { TagIcon };
+//# sourceMappingURL=TagIcon.js.map

package/dist/esm/components/Icons/TagIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagIcon.js","sources":["../../../../../src/components/Icons/TagIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;AAEH;AAMF;AAGF;;"}

package/dist/esm/components/Icons/TangentAlignedIcon.js

@@ -1,9 +1,12 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
-const TangentAlignedIcon = props => {
+const TangentAlignedIcon = /*#__PURE__*/ React.memo(props => {
     return (jsxs(Icon, { ...props, children: [jsx("g", { strokeWidth: "2.25", children: jsx("line", { x1: "3", y1: "18", x2: "21", y2: "6" }) }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor", stroke: "none" })] }));
-};
+});
+TangentAlignedIcon.displayName = 'TangentAlignedIcon';
 
 export { TangentAlignedIcon };
 //# sourceMappingURL=TangentAlignedIcon.js.map

package/dist/esm/components/Icons/TangentAlignedIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentAlignedIcon.js","sources":["../../../../../src/components/Icons/TangentAlignedIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,kBAAkB,GAE3B,KAAK,IAAG;IACV,QACEA,IAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,aACbC,GAAG,CAAA,GAAA,EAAA,EAAA,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAG,CAAA,EAAA,CACpC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC7D,EAAA,CAAA;AAEX;;;;"}
+{"version":3,"file":"TangentAlignedIcon.js","sources":["../../../../../src/components/Icons/TangentAlignedIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO;;AAWP;AAEA;;"}

package/dist/esm/components/Icons/TangentAutoIcon.js

@@ -1,9 +1,12 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
-const TangentAutoIcon = props => {
+const TangentAutoIcon = /*#__PURE__*/ React.memo(props => {
     return (jsx(Icon, { ...props, children: jsx("g", { strokeWidth: "2.25", children: jsx("path", { d: "M3 18 C7.5 18, 9 6, 12 6 C15 6, 16.5 18, 21 18" }) }) }));
-};
+});
+TangentAutoIcon.displayName = 'TangentAutoIcon';
 
 export { TangentAutoIcon };
 //# sourceMappingURL=TangentAutoIcon.js.map

package/dist/esm/components/Icons/TangentAutoIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentAutoIcon.js","sources":["../../../../../src/components/Icons/TangentAutoIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gDAAgD,GAAG,EACzD,CAAA,EAAA,CACC;AAEX;;;;"}
+{"version":3,"file":"TangentAutoIcon.js","sources":["../../../../../src/components/Icons/TangentAutoIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO;AAGL;AAOF;AAEA;;"}

package/dist/esm/components/Icons/TangentFreeIcon.js

@@ -1,9 +1,12 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
-const TangentFreeIcon = props => {
+const TangentFreeIcon = /*#__PURE__*/ React.memo(props => {
     return (jsxs(Icon, { ...props, children: [jsxs("g", { strokeWidth: "2.25", children: [jsx("line", { x1: "4.5", y1: "19.5", x2: "12", y2: "12" }), jsx("line", { x1: "12", y1: "12", x2: "21", y2: "7.5" })] }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor", stroke: "none" })] }));
-};
+});
+TangentFreeIcon.displayName = 'TangentFreeIcon';
 
 export { TangentFreeIcon };
 //# sourceMappingURL=TangentFreeIcon.js.map

package/dist/esm/components/Icons/TangentFreeIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentFreeIcon.js","sources":["../../../../../src/components/Icons/TangentFreeIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAA,CAAAA,IAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBC,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,GAAG,EAC3CA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,IACvC,EACJA,GAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAG,CAAA,CAAA,EAAA,CAC7D;AAEX;;;;"}
+{"version":3,"file":"TangentFreeIcon.js","sources":["../../../../../src/components/Icons/TangentFreeIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO;AAGL;AASF;AAEA;;"}

package/dist/esm/components/Icons/TangentLinearIcon.js

@@ -1,9 +1,12 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
-const TangentLinearIcon = props => {
+const TangentLinearIcon = /*#__PURE__*/ React.memo(props => {
     return (jsx(Icon, { ...props, children: jsx("g", { strokeWidth: "2.25", children: jsx("line", { x1: "3", y1: "19.5", x2: "21", y2: "4.5" }) }) }));
-};
+});
+TangentLinearIcon.displayName = 'TangentLinearIcon';
 
 export { TangentLinearIcon };
 //# sourceMappingURL=TangentLinearIcon.js.map

package/dist/esm/components/Icons/TangentLinearIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentLinearIcon.js","sources":["../../../../../src/components/Icons/TangentLinearIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,iBAAiB,GAE1B,KAAK,IAAG;AACV,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAG,CAAA,GAAA,EAAA,EAAA,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAA,CAAG,EACxC,CAAA,EAAA,CACC;AAEX;;;;"}
+{"version":3,"file":"TangentLinearIcon.js","sources":["../../../../../src/components/Icons/TangentLinearIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO;AAGL;AAOF;AAEA;;"}

package/dist/esm/components/Icons/TangentMirroredIcon.js

@@ -1,9 +1,12 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
-const TangentMirroredIcon = props => {
+const TangentMirroredIcon = /*#__PURE__*/ React.memo(props => {
     return (jsxs(Icon, { ...props, children: [jsx("g", { strokeWidth: "2.25", children: jsx("line", { x1: "3", y1: "18", x2: "21", y2: "6" }) }), jsx("circle", { cx: "6", cy: "16.5", r: "2.25", fill: "currentColor", stroke: "none" }), jsx("circle", { cx: "18", cy: "7.5", r: "2.25", fill: "currentColor", stroke: "none" }), jsx("circle", { cx: "12", cy: "12", r: "3", fill: "currentColor", stroke: "none" })] }));
-};
+});
+TangentMirroredIcon.displayName = 'TangentMirroredIcon';
 
 export { TangentMirroredIcon };
 //# sourceMappingURL=TangentMirroredIcon.js.map

package/dist/esm/components/Icons/TangentMirroredIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentMirroredIcon.js","sources":["../../../../../src/components/Icons/TangentMirroredIcon.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;AAIa,MAAA,mBAAmB,GAE5B,KAAK,IAAG;IACV,QACEA,KAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EACb,QAAA,EAAA,CAAAC,GAAA,CAAA,GAAA,EAAA,EAAG,WAAW,EAAC,MAAM,YACnBA,GAAM,CAAA,MAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,GAAG,EAAG,CAAA,EAAA,CACpC,EACJA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,MAAM,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,KAAK,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,EACtEA,GAAQ,CAAA,QAAA,EAAA,EAAA,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,GAAG,EAAC,IAAI,EAAC,cAAc,EAAC,MAAM,EAAC,MAAM,EAAA,CAAG,CAC7D,EAAA,CAAA;AAEX;;;;"}
+{"version":3,"file":"TangentMirroredIcon.js","sources":["../../../../../src/components/Icons/TangentMirroredIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO;;AAaP;AAEA;;"}

package/dist/esm/components/Icons/TangentStepIcon.js

@@ -1,9 +1,12 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
-const TangentStepIcon = props => {
+const TangentStepIcon = /*#__PURE__*/ React.memo(props => {
     return (jsx(Icon, { ...props, children: jsx("g", { strokeWidth: "2.25", children: jsx("polyline", { points: "3,18 3,12 12,12 12,6 21,6" }) }) }));
-};
+});
+TangentStepIcon.displayName = 'TangentStepIcon';
 
 export { TangentStepIcon };
 //# sourceMappingURL=TangentStepIcon.js.map

package/dist/esm/components/Icons/TangentStepIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"TangentStepIcon.js","sources":["../../../../../src/components/Icons/TangentStepIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIa,MAAA,eAAe,GAA0C,KAAK,IAAG;AAC5E,IAAA,QACEA,GAAC,CAAA,IAAI,OAAK,KAAK,EAAA,QAAA,EACbA,WAAG,WAAW,EAAC,MAAM,EACnB,QAAA,EAAAA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,2BAA2B,GAAG,EAC7C,CAAA,EAAA,CACC;AAEX;;;;"}
+{"version":3,"file":"TangentStepIcon.js","sources":["../../../../../src/components/Icons/TangentStepIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO;AAGL;AAOF;AAEA;;"}

package/dist/esm/components/Icons/TrashIcon.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const TrashIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("polyline", { points: "3,6 5,6 21,6" }), jsx("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }), jsx("line", { x1: "10", y1: "11", x2: "10", y2: "17" }), jsx("line", { x1: "14", y1: "11", x2: "14", y2: "17" })] }));
+});
+TrashIcon.displayName = 'TrashIcon';
+
+export { TrashIcon };
+//# sourceMappingURL=TrashIcon.js.map

package/dist/esm/components/Icons/TrashIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrashIcon.js","sources":["../../../../../src/components/Icons/TrashIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACI;;AAUL;AAGF;;"}