entangle-ui 0.6.3 → 0.8.0

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

package/dist/esm/components/Icons/UndoIcon.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';
+
+/**
+ * Undo icon component for undo actions.
+ *
+ * A standard curved arrow icon commonly used for undoing operations,
+ * reverting changes, and history navigation in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UndoIcon />
+ *
+ * // With custom size and color
+ * <UndoIcon size="md" color="secondary" />
+ *
+ * // In an undo button
+ * <Button icon={<UndoIcon />}>Undo</Button>
+ * ```
+ */
+const UndoIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M3 7v6h6" }), jsx("path", { d: "M21 17a9 9 0 0 0-9-9 9 9 0 0 0-6 2.3L3 13" })] }));
+});
+UndoIcon.displayName = 'UndoIcon';
+
+export { UndoIcon };
+//# sourceMappingURL=UndoIcon.js.map

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

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

package/dist/esm/components/Icons/UnlockIcon.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';
+
+/**
+ * Unlock icon component for security and unlocked states.
+ *
+ * A standard open padlock icon commonly used for indicating unlocked content,
+ * accessible features, and unprotected operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UnlockIcon />
+ *
+ * // With custom size and color
+ * <UnlockIcon size="md" color="success" />
+ *
+ * // In a security context
+ * <Button icon={<UnlockIcon />}>Unlock</Button>
+ * ```
+ */
+const UnlockIcon = /*#__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 9.9-1" })] }));
+});
+UnlockIcon.displayName = 'UnlockIcon';
+
+export { UnlockIcon };
+//# sourceMappingURL=UnlockIcon.js.map

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

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

package/dist/esm/components/Icons/UploadIcon.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';
+
+/**
+ * Upload icon component for upload actions.
+ *
+ * A standard upload arrow icon commonly used for uploading files,
+ * importing data, and file transfer operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UploadIcon />
+ *
+ * // With custom size and color
+ * <UploadIcon size="lg" color="primary" />
+ *
+ * // In an upload button
+ * <Button icon={<UploadIcon />}>Upload</Button>
+ * ```
+ */
+const UploadIcon = /*#__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: "17,8 12,3 7,8" }), jsx("line", { x1: "12", y1: "3", x2: "12", y2: "15" })] }));
+});
+UploadIcon.displayName = 'UploadIcon';
+
+export { UploadIcon };
+//# sourceMappingURL=UploadIcon.js.map

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

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

package/dist/esm/components/Icons/UserIcon.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';
+
+/**
+ * User icon component for user profiles and accounts.
+ *
+ * A standard user silhouette icon commonly used for user profiles,
+ * account management, and person-related features in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <UserIcon />
+ *
+ * // With custom size and color
+ * <UserIcon size="sm" color="secondary" />
+ *
+ * // In a profile context
+ * <Button icon={<UserIcon />}>Profile</Button>
+ * ```
+ */
+const UserIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), jsx("circle", { cx: "12", cy: "7", r: "4" })] }));
+});
+UserIcon.displayName = 'UserIcon';
+
+export { UserIcon };
+//# sourceMappingURL=UserIcon.js.map

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

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

package/dist/esm/components/Icons/WarningIcon.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';
+
+/**
+ * Warning icon component for warning states.
+ *
+ * A standard triangle with exclamation icon commonly used for warnings,
+ * caution messages, and alert notifications in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <WarningIcon />
+ *
+ * // With custom size and color
+ * <WarningIcon size="md" color="warning" />
+ *
+ * // In a warning context
+ * <Button icon={<WarningIcon />}>Warning</Button>
+ * ```
+ */
+const WarningIcon = /*#__PURE__*/ React.memo(props => {
+    return (jsxs(Icon, { ...props, children: [jsx("path", { d: "M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" }), jsx("line", { x1: "12", y1: "9", x2: "12", y2: "13" }), jsx("line", { x1: "12", y1: "17", x2: "12.01", y2: "17" })] }));
+});
+WarningIcon.displayName = 'WarningIcon';
+
+export { WarningIcon };
+//# sourceMappingURL=WarningIcon.js.map

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

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

package/dist/esm/components/Icons/ZoomInIcon.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';
+
+/**
+ * Zoom In icon component for zoom in actions.
+ *
+ * A standard magnifying glass with plus icon commonly used for zooming in,
+ * enlarging content, and scale increase operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ZoomInIcon />
+ *
+ * // With custom size and color
+ * <ZoomInIcon size="md" color="accent" />
+ *
+ * // In a zoom context
+ * <Button icon={<ZoomInIcon />}>Zoom In</Button>
+ * ```
+ */
+const ZoomInIcon = /*#__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" }), jsx("line", { x1: "11", y1: "8", x2: "11", y2: "14" }), jsx("line", { x1: "8", y1: "11", x2: "14", y2: "11" })] }));
+});
+ZoomInIcon.displayName = 'ZoomInIcon';
+
+export { ZoomInIcon };
+//# sourceMappingURL=ZoomInIcon.js.map

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

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

package/dist/esm/components/Icons/ZoomOutIcon.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';
+
+/**
+ * Zoom Out icon component for zoom out actions.
+ *
+ * A standard magnifying glass with minus icon commonly used for zooming out,
+ * reducing content, and scale decrease operations in editor interfaces.
+ *
+ * @example
+ * ```tsx
+ * // Basic usage
+ * <ZoomOutIcon />
+ *
+ * // With custom size and color
+ * <ZoomOutIcon size="lg" color="secondary" />
+ *
+ * // In a zoom context
+ * <Button icon={<ZoomOutIcon />}>Zoom Out</Button>
+ * ```
+ */
+const ZoomOutIcon = /*#__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" }), jsx("line", { x1: "8", y1: "11", x2: "14", y2: "11" })] }));
+});
+ZoomOutIcon.displayName = 'ZoomOutIcon';
+
+export { ZoomOutIcon };
+//# sourceMappingURL=ZoomOutIcon.js.map

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

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

package/dist/esm/components/controls/ColorPicker/ColorPicker.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/controls/ColorPicker/ColorPicker.css.ts.vanilla-Do5nbdgO.css';
+import './../../../assets/src/components/controls/ColorPicker/ColorPicker.css.ts.vanilla-D7ccNVQx.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var alphaGradientStyle = 'ColorPicker_alphaGradientStyle__11dms9oa';

package/dist/esm/components/controls/NumberInput/useNumberInput.js

@@ -2,6 +2,7 @@
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { useKeyboardContext } from '../../../context/KeyboardContext.js';
 import { parseNumericInput, isExpression } from '../../../utils/mathExpression.js';
+import { devError } from '../../../utils/devWarn.js';
 
 /**
  * Clamps a value between min and max bounds
@@ -148,7 +149,7 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         }
         catch (err) {
             setError('Invalid input');
-            console.error('Error parsing input:', err);
+            devError('Error parsing input:', err);
             return false;
         }
     }, [displayValue, parseValue, allowExpressions, applyValue]);

package/dist/esm/components/controls/NumberInput/useNumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNumberInput.js","sources":["../../../../../../src/components/controls/NumberInput/useNumberInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAyMA;;AAEG;AACH;;AAEE;;AACA;;AACA;AACF;AAEA;;AAEG;AACH;;AAC+B;;;AAG/B;AAEA;;AAEG;AACH;AACE;AACE;;;AAGF;AACF;AAEA;;;;;;;;;;;;AAYG;;;AAmBD;AACA;AACA;;;AAKI;;;;;;;;AAUJ;AACA;AACA;;AAGA;;;AAIE;;AAEI;AACA;;;;AAIN;AAEA;;AAEG;AACH;;AACuB;AACrB;AAAyC;AACzC;AACF;AACE;AACA;AACA;;;;AAID;AAED;;AAEG;;AAGC;;;;;AAMA;AACA;;AAGA;;;AAGF;AAIF;;AAEG;AACH;AACE;;;AAGI;;;;AAIE;;;;;AAMF;;AAEE;;AAEA;;;AAEA;AACA;;;;AAKJ;AACA;;;AAGE;;;AAIF;;;;AAGA;AACA;;;;AAKJ;AACE;;AACA;AACA;;AAGF;AACE;;AACA;AACA;;AAGF;AAEI;;;AAEA;AACA;AACA;;AAEF;AAIF;;;AAII;AACA;;;AAIA;;;;;AAME;;;AAIA;;;AAIE;AACA;;;AAGN;;;;;;;;AASC;AAGH;;;;;AAKI;AACA;;;AAIJ;AACE;;;;;;AAKE;;AAEE;AACA;;;AAGN;AAEA;;;;;AAKA;AAEA;;;AAGI;AACA;;;;AAKJ;;;;;;AAOE;AAIF;AAEI;;AAEA;AACE;;;AAGI;;;AAEA;;;AAIJ;;;AAGI;;;AAIJ;;;AAGI;;;AAIJ;;;AAGI;;;AAIJ;;;;AAII;;;;AAIR;;;;;;;;;;AAWC;;;;;;;;;;;AAcD;;;;;;;;;;;AAYA;AACA;;;AAGJ;;"}
+{"version":3,"file":"useNumberInput.js","sources":["../../../../../../src/components/controls/NumberInput/useNumberInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AA0MA;;AAEG;AACH;;AAEE;;AACA;;AACA;AACF;AAEA;;AAEG;AACH;;AAC+B;;;AAG/B;AAEA;;AAEG;AACH;AACE;AACE;;;AAGF;AACF;AAEA;;;;;;;;;;;;AAYG;;;AAmBD;AACA;AACA;;;AAKI;;;;;;;;AAUJ;AACA;AACA;;AAGA;;;AAIE;;AAEI;AACA;;;;AAIN;AAEA;;AAEG;AACH;;AACuB;AACrB;AAAyC;AACzC;AACF;AACE;AACA;AACA;;;;AAID;AAED;;AAEG;;AAGC;;;;;AAMA;AACA;;AAGA;;;AAGF;AAIF;;AAEG;AACH;AACE;;;AAGI;;;;AAIE;;;;;AAMF;;AAEE;;AAEA;;;AAEA;AACA;;;;AAKJ;AACA;;;AAGE;;;AAIF;;;;AAGA;AACA;;;;AAKJ;AACE;;AACA;AACA;;AAGF;AACE;;AACA;AACA;;AAGF;AAEI;;;AAEA;AACA;AACA;;AAEF;AAIF;;;AAII;AACA;;;AAIA;;;;;AAME;;;AAIA;;;AAIE;AACA;;;AAGN;;;;;;;;AASC;AAGH;;;;;AAKI;AACA;;;AAIJ;AACE;;;;;;AAKE;;AAEE;AACA;;;AAGN;AAEA;;;;;AAKA;AAEA;;;AAGI;AACA;;;;AAKJ;;;;;;AAOE;AAIF;AAEI;;AAEA;AACE;;;AAGI;;;AAEA;;;AAIJ;;;AAGI;;;AAIJ;;;AAGI;;;AAIJ;;;AAGI;;;AAIJ;;;;AAII;;;;AAIR;;;;;;;;;;AAWC;;;;;;;;;;;AAcD;;;;;;;;;;;AAYA;AACA;;;AAGJ;;"}

package/dist/esm/components/controls/Select/Select.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/controls/Select/Select.css.ts.vanilla-D4C059Ua.css';
+import './../../../assets/src/components/controls/Select/Select.css.ts.vanilla-oZnFUorL.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var checkmarkStyle = 'Select_checkmarkStyle__ycpn7018';

package/dist/esm/components/controls/Slider/Slider.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/controls/Slider/Slider.css.ts.vanilla-C5SJ_7A1.css';
+import './../../../assets/src/components/controls/Slider/Slider.css.ts.vanilla-Cqm3fQ0S.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var fillPercentageVar = 'var(--fillPercentageVar__t8kxxs0)';

package/dist/esm/components/controls/TreeView/TreeNode.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/controls/TreeView/TreeNode.css.ts.vanilla-D3ylUhuW.css';
+import './../../../assets/src/components/controls/TreeView/TreeNode.css.ts.vanilla-B_f8pUb8.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var actionsStyle = 'TreeNode_actionsStyle__8ws3nev';

package/dist/esm/components/controls/VectorInput/VectorInput.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/controls/VectorInput/VectorInput.css.ts.vanilla-BJma3iQ4.css';
+import './../../../assets/src/components/controls/VectorInput/VectorInput.css.ts.vanilla-BpoiuhDA.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var axisColorVar = 'var(--axisColorVar__1osrtmk0)';

package/dist/esm/components/controls/VectorInput/VectorInput.js

@@ -3,6 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useState, useRef, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { NumberInput } from '../NumberInput/NumberInput.js';
+import '../../../utils/devWarn.js';
 import '../../../utils/mathExpression.js';
 import { FormLabel } from '../../form/FormLabel.js';
 import { FormHelperText } from '../../form/FormHelperText.js';

package/dist/esm/components/controls/VectorInput/VectorInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"VectorInput.js","sources":["../../../../../../src/components/controls/VectorInput/VectorInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAoBA;AAEA;;;AAGE;;AAGF;AAEA;AACA;AAEA;AAKE;AACE;;AAEF;AACE;;AAEF;AACE;;;AAGF;AACF;AAEA;AAKE;AACE;;AAEF;;;;;AAKF;AAEA;AACA;AAYA;AAYA;;;;;;;;;;;;;;;;AAgBG;;;AAmCD;AAGA;;;AAIA;;AAGA;;AAGA;AACE;AACF;;AAGA;AACE;AACA;;;AAGA;;;;AAME;AACA;;;AAIE;;AAEE;;;;;AAMA;;;;;;;AAWJ;AAEA;;;AAGA;;;AAMJ;AACE;AACF;;;;AAOA;;;;;;;AA+CM;AA4BR;AAEA;;"}
+{"version":3,"file":"VectorInput.js","sources":["../../../../../../src/components/controls/VectorInput/VectorInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAoBA;AAEA;;;AAGE;;AAGF;AAEA;AACA;AAEA;AAKE;AACE;;AAEF;AACE;;AAEF;AACE;;;AAGF;AACF;AAEA;AAKE;AACE;;AAEF;;;;;AAKF;AAEA;AACA;AAYA;AAYA;;;;;;;;;;;;;;;;AAgBG;;;AAmCD;AAGA;;;AAIA;;AAGA;;AAGA;AACE;AACF;;AAGA;AACE;AACA;;;AAGA;;;;AAME;AACA;;;AAIE;;AAEE;;;;;AAMA;;;;;;;AAWJ;AAEA;;;AAGA;;;AAMJ;AACE;AACF;;;;AAOA;;;;;;;AA+CM;AA4BR;AAEA;;"}