entangle-ui 0.4.0 → 0.5.0

package/dist/esm/components/Icons/DownloadIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const DownloadIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }), jsx("polyline", { points: "7,10 12,15 17,10" }), jsx("line", { x1: "12", y1: "15", x2: "12", y2: "3" })] }));
+});
+DownloadIcon.displayName = 'DownloadIcon';
+
+export { DownloadIcon };
+//# sourceMappingURL=DownloadIcon.js.map

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

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

package/dist/esm/components/Icons/EditIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const EditIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7" }), jsx("path", { d: "M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z" })] }));
+});
+EditIcon.displayName = 'EditIcon';
+
+export { EditIcon };
+//# sourceMappingURL=EditIcon.js.map

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

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

package/dist/esm/components/Icons/ErrorIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const ErrorIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("line", { x1: "15", y1: "9", x2: "9", y2: "15" }), jsx("line", { x1: "9", y1: "9", x2: "15", y2: "15" })] }));
+});
+ErrorIcon.displayName = 'ErrorIcon';
+
+export { ErrorIcon };
+//# sourceMappingURL=ErrorIcon.js.map

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

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

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

@@ -1,4 +1,6 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
+import React from 'react';
 import { Icon } from '../primitives/Icon/Icon.js';
 
 /**
@@ -20,9 +22,10 @@ import { Icon } from '../primitives/Icon/Icon.js';
  * <Button icon={<EyeDropperIcon />}>Pick Color</Button>
  * ```
  */
-const EyeDropperIcon = props => {
+const EyeDropperIcon = /*#__PURE__*/ React.memo(props => {
     return (jsx(Icon, { ...props, children: jsx("path", { d: "M21.17 2.06A3.12 3.12 0 0 0 19 1.05a2.99 2.99 0 0 0-2.15.88l-2.7 2.7-1.28-1.27a1 1 0 0 0-1.41 0 1 1 0 0 0 0 1.41l.27.27-7.07 7.08a2 2 0 0 0-.54 1l-.72 3.61a1 1 0 0 0 .28.87 1 1 0 0 0 .71.3h.16l3.61-.72a2 2 0 0 0 1-.54l7.08-7.07.27.27a1 1 0 0 0 1.41 0 1 1 0 0 0 0-1.41l-1.27-1.28 2.7-2.7a3.05 3.05 0 0 0 .02-4.29z" }) }));
-};
+});
+EyeDropperIcon.displayName = 'EyeDropperIcon';
 
 export { EyeDropperIcon };
 //# sourceMappingURL=EyeDropperIcon.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EyeDropperIcon.js","sources":["../../../../../src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;AAIA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,cAAc,GAA0C,KAAK,IAAG;AAC3E,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,KAAK,EAAA,QAAA,EACbA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0TAA0T,EAAA,CAAG,EAAA,CAChU;AAEX;;;;"}
+{"version":3,"file":"EyeDropperIcon.js","sources":["../../../../../src/components/Icons/EyeDropperIcon.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMA;;;;;;;;;;;;;;;;;;AAkBG;AACI;AAGL;AAKF;AAEA;;"}

package/dist/esm/components/Icons/EyeIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const EyeIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), jsx("circle", { cx: "12", cy: "12", r: "3" })] }));
+});
+EyeIcon.displayName = 'EyeIcon';
+
+export { EyeIcon };
+//# sourceMappingURL=EyeIcon.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const FolderIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" }) }));
+});
+FolderIcon.displayName = 'FolderIcon';
+
+export { FolderIcon };
+//# sourceMappingURL=FolderIcon.js.map

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

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

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

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

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

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

package/dist/esm/components/Icons/GridIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const GridIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), jsx("rect", { x: "14", y: "14", width: "7", height: "7" }), jsx("rect", { x: "3", y: "14", width: "7", height: "7" })] }));
+});
+GridIcon.displayName = 'GridIcon';
+
+export { GridIcon };
+//# sourceMappingURL=GridIcon.js.map

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

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

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

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { Icon } 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>
+ * ```
+ */
+const HeartIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsx(Icon, { ...props, children: jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" }) }));
+});
+HeartIcon.displayName = 'HeartIcon';
+
+export { HeartIcon };
+//# sourceMappingURL=HeartIcon.js.map

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

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

package/dist/esm/components/Icons/HelpIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const HelpIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }), jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));
+});
+HelpIcon.displayName = 'HelpIcon';
+
+export { HelpIcon };
+//# sourceMappingURL=HelpIcon.js.map

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

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

package/dist/esm/components/Icons/HomeIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const HomeIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), jsx("polyline", { points: "9,22 9,12 15,12 15,22" })] }));
+});
+HomeIcon.displayName = 'HomeIcon';
+
+export { HomeIcon };
+//# sourceMappingURL=HomeIcon.js.map

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

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

package/dist/esm/components/Icons/InfoIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const InfoIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("circle", { cx: "12", cy: "12", r: "10" }), jsx("line", { x1: "12", y1: "16", x2: "12", y2: "12" }), jsx("line", { x1: "12", y1: "8", x2: "12.01", y2: "8" })] }));
+});
+InfoIcon.displayName = 'InfoIcon';
+
+export { InfoIcon };
+//# sourceMappingURL=InfoIcon.js.map

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

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

package/dist/esm/components/Icons/LinkIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const LinkIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" }), jsx("path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" })] }));
+});
+LinkIcon.displayName = 'LinkIcon';
+
+export { LinkIcon };
+//# sourceMappingURL=LinkIcon.js.map

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

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

package/dist/esm/components/Icons/ListIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const ListIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("line", { x1: "8", y1: "6", x2: "21", y2: "6" }), jsx("line", { x1: "8", y1: "12", x2: "21", y2: "12" }), jsx("line", { x1: "8", y1: "18", x2: "21", y2: "18" }), jsx("line", { x1: "3", y1: "6", x2: "3.01", y2: "6" }), jsx("line", { x1: "3", y1: "12", x2: "3.01", y2: "12" }), jsx("line", { x1: "3", y1: "18", x2: "3.01", y2: "18" })] }));
+});
+ListIcon.displayName = 'ListIcon';
+
+export { ListIcon };
+//# sourceMappingURL=ListIcon.js.map

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

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

package/dist/esm/components/Icons/LockIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const LockIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] }));
+});
+LockIcon.displayName = 'LockIcon';
+
+export { LockIcon };
+//# sourceMappingURL=LockIcon.js.map

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

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

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

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

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

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

package/dist/esm/components/Icons/MenuIcon.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';
+
+/**
+ * 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>
+ * ```
+ */
+const MenuIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }), jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })] }));
+});
+MenuIcon.displayName = 'MenuIcon';
+
+export { MenuIcon };
+//# sourceMappingURL=MenuIcon.js.map

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