entangle-ui 0.4.0 → 0.5.0

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/CurveEditor/CurveToolbar.js

@@ -4,7 +4,63 @@ import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic
 import { IconButton } from '../../primitives/IconButton/IconButton.js';
 import { Select } from '../Select/Select.js';
 import { Tooltip } from '../../primitives/Tooltip/Tooltip.js';
-import '../../primitives/Icon/Icon.js';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
 import { TangentFreeIcon } from '../../Icons/TangentFreeIcon.js';
 import { TangentAlignedIcon } from '../../Icons/TangentAlignedIcon.js';
 import { TangentMirroredIcon } from '../../Icons/TangentMirroredIcon.js';

package/dist/esm/components/controls/CurveEditor/CurveToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurveToolbar.js","sources":["../../../../../../src/components/controls/CurveEditor/CurveToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;AAsCA;AACE;AACA;AACA;;AAGF;AAME;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;;;;;AAgBA;AAED;AACE;;AACA;AACA;;AACF;AAEA;;;AAOK;AA8CP;AAEA;;"}
+{"version":3,"file":"CurveToolbar.js","sources":["../../../../../../src/components/controls/CurveEditor/CurveToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA;AACE;AACA;AACA;;AAGF;AAME;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACD;;;;;;AAgBA;AAED;AACE;;AACA;AACA;;AACF;AAEA;;;AAOK;AA8CP;AAEA;;"}

package/dist/esm/components/editor/ChatPanel/ChatAttachment.js

@@ -3,18 +3,13 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useCallback } from 'react';
 import { cx } from '../../../utils/cx.js';
 import { attachmentThumbnailStyle, attachmentChipIconStyle, attachmentChipNameStyle, attachmentChipRemoveStyle, attachmentChipStyle } from './ChatPanel.css.js';
+import { MiniSelectionIcon, MiniCodeIcon, MiniImageIcon, MiniFileIcon, MiniCloseIcon } from './ChatIcons.js';
 
-// ─── Icons ───────────────────────────────────────────────────────
-const FileIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M9 2H4.5A1.5 1.5 0 003 3.5v9A1.5 1.5 0 004.5 14h7a1.5 1.5 0 001.5-1.5V6L9 2z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }), jsx("path", { d: "M9 2v4h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" })] }));
-const ImageIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }), jsx("circle", { cx: "5.5", cy: "5.5", r: "1.5", fill: "currentColor" }), jsx("path", { d: "M2 11l3-3 2 2 3-3 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
-const CodeIcon = () => (jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M5 4L1 8l4 4M11 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
-const SelectionIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("rect", { x: "2", y: "2", width: "5", height: "5", rx: "0.5", stroke: "currentColor", strokeWidth: "1.5" }), jsx("rect", { x: "9", y: "9", width: "5", height: "5", rx: "0.5", stroke: "currentColor", strokeWidth: "1.5" })] }));
-const CloseIcon = () => (jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M1 1l6 6M7 1L1 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
 const TYPE_ICONS = {
-    file: FileIcon,
-    image: ImageIcon,
-    code: CodeIcon,
-    selection: SelectionIcon,
+    file: MiniFileIcon,
+    image: MiniImageIcon,
+    code: MiniCodeIcon,
+    selection: MiniSelectionIcon,
 };
 // ─── Component ───────────────────────────────────────────────────
 const ChatAttachmentChip = 
@@ -26,9 +21,9 @@ const ChatAttachmentChip =
         e.stopPropagation();
         onRemove?.(attachment.id);
     }, [onRemove, attachment.id]);
-    const TypeIcon = TYPE_ICONS[attachment.type] ?? FileIcon;
+    const TypeIcon = TYPE_ICONS[attachment.type] ?? MiniFileIcon;
     const isClickable = !!onClick;
-    return (jsxs("div", { ref: ref, className: cx(attachmentChipStyle, className), style: style, "data-testid": testId, "data-clickable": isClickable || undefined, onClick: isClickable ? handleClick : undefined, role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, ...rest, children: [attachment.type === 'image' && attachment.thumbnailUrl ? (jsx("img", { src: attachment.thumbnailUrl, alt: attachment.name, className: attachmentThumbnailStyle })) : (jsx("span", { className: attachmentChipIconStyle, children: jsx(TypeIcon, {}) })), jsx("span", { className: attachmentChipNameStyle, children: attachment.name }), removable && (jsx("button", { type: "button", className: attachmentChipRemoveStyle, onClick: handleRemove, "aria-label": `Remove ${attachment.name}`, children: jsx(CloseIcon, {}) }))] }));
+    return (jsxs("div", { ref: ref, className: cx(attachmentChipStyle, className), style: style, "data-testid": testId, "data-clickable": isClickable || undefined, onClick: isClickable ? handleClick : undefined, role: isClickable ? 'button' : undefined, tabIndex: isClickable ? 0 : undefined, ...rest, children: [attachment.type === 'image' && attachment.thumbnailUrl ? (jsx("img", { src: attachment.thumbnailUrl, alt: attachment.name, className: attachmentThumbnailStyle })) : (jsx("span", { className: attachmentChipIconStyle, children: jsx(TypeIcon, {}) })), jsx("span", { className: attachmentChipNameStyle, children: attachment.name }), removable && (jsx("button", { type: "button", className: attachmentChipRemoveStyle, onClick: handleRemove, "aria-label": `Remove ${attachment.name}`, children: jsx(MiniCloseIcon, {}) }))] }));
 });
 ChatAttachmentChip.displayName = 'ChatAttachmentChip';
 

package/dist/esm/components/editor/ChatPanel/ChatAttachment.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatAttachment.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatAttachment.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAaA;AAEA;AAuBA;AA4BA;AAkBA;AA6BA;AAWA;AACE;AACA;AACA;AACA;;AAGF;;AAGE;AAYI;AACE;AACF;AAEA;;AAGI;;;AAMJ;AAEA;AAsCF;AAGJ;;"}
+{"version":3,"file":"ChatAttachment.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatAttachment.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAqBA;AACE;AACA;AACA;AACA;;AAGF;;AAGE;AAYI;AACE;AACF;AAEA;;AAGI;;;AAMJ;AAEA;AAsCF;AAGJ;;"}

package/dist/esm/components/editor/ChatPanel/ChatContextChip.js

@@ -1,15 +1,12 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useCallback } from 'react';
+import React from 'react';
 import { cx } from '../../../utils/cx.js';
 import { contextChipIconStyle, contextChipLabelStyle, contextChipItemsStyle, contextChipDismissStyle, contextChipStyle } from './ChatPanel.css.js';
+import { MiniCloseIcon } from './ChatIcons.js';
 
-const CloseIcon = () => (jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M1 1l6 6M7 1L1 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
 const ChatContextChip = /*#__PURE__*/ React.memo(({ label, items, icon, onDismiss, className, style, testId, ref, ...rest }) => {
-    const handleDismiss = useCallback(() => {
-        onDismiss?.();
-    }, [onDismiss]);
-    return (jsxs("div", { ref: ref, className: cx(contextChipStyle, className), style: style, "data-testid": testId, ...rest, children: [icon && jsx("span", { className: contextChipIconStyle, children: icon }), jsxs("span", { className: contextChipLabelStyle, children: [label, ":"] }), jsx("span", { className: contextChipItemsStyle, children: items.join(', ') }), onDismiss && (jsx("button", { type: "button", className: contextChipDismissStyle, onClick: handleDismiss, "aria-label": `Dismiss ${label}`, children: jsx(CloseIcon, {}) }))] }));
+    return (jsxs("div", { ref: ref, className: cx(contextChipStyle, className), style: style, "data-testid": testId, ...rest, children: [icon && jsx("span", { className: contextChipIconStyle, children: icon }), jsxs("span", { className: contextChipLabelStyle, children: [label, ":"] }), jsx("span", { className: contextChipItemsStyle, children: items.join(', ') }), onDismiss && (jsx("button", { type: "button", className: contextChipDismissStyle, onClick: onDismiss, "aria-label": `Dismiss ${label}`, children: jsx(MiniCloseIcon, {}) }))] }));
 });
 ChatContextChip.displayName = 'ChatContextChip';
 

package/dist/esm/components/editor/ChatPanel/ChatContextChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatContextChip.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatContextChip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAaA;AAWO;AAYH;;AAEA;AAEA;AAuBF;AAGF;;"}
+{"version":3,"file":"ChatContextChip.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatContextChip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAcO;AAYH;AAuBF;AAGF;;"}

package/dist/esm/components/editor/ChatPanel/ChatIcons.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+/**
+ * Shared mini-icons for Chat components.
+ * These use smaller viewBoxes (8x8, 16x16) than the library's Icon system (24x24)
+ * and are designed for inline use in compact chat UI elements.
+ */
+const MiniCloseIcon = () => (jsx("svg", { width: "8", height: "8", viewBox: "0 0 8 8", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M1 1l6 6M7 1L1 7", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }));
+const MiniFileIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M9 2H4.5A1.5 1.5 0 003 3.5v9A1.5 1.5 0 004.5 14h7a1.5 1.5 0 001.5-1.5V6L9 2z", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" }), jsx("path", { d: "M9 2v4h4", stroke: "currentColor", strokeWidth: "1.5", strokeLinejoin: "round" })] }));
+const MiniImageIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("rect", { x: "2", y: "2", width: "12", height: "12", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }), jsx("circle", { cx: "5.5", cy: "5.5", r: "1.5", fill: "currentColor" }), jsx("path", { d: "M2 11l3-3 2 2 3-3 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+const MiniCodeIcon = () => (jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M5 4L1 8l4 4M11 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const MiniSelectionIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("rect", { x: "2", y: "2", width: "5", height: "5", rx: "0.5", stroke: "currentColor", strokeWidth: "1.5" }), jsx("rect", { x: "9", y: "9", width: "5", height: "5", rx: "0.5", stroke: "currentColor", strokeWidth: "1.5" })] }));
+const MiniWrenchIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M14.25 1.75L12.5 3.5L13 5L11.5 6.5L10.5 5.5L5.5 10.5L6.5 11.5L5 13L3.5 12.5L1.75 14.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 2.5L10 4L8 6L6.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
+const MiniChevronIcon = ({ size = 10 }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+
+export { MiniChevronIcon, MiniCloseIcon, MiniCodeIcon, MiniFileIcon, MiniImageIcon, MiniSelectionIcon, MiniWrenchIcon };
+//# sourceMappingURL=ChatIcons.js.map

package/dist/esm/components/editor/ChatPanel/ChatIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatIcons.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatIcons.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;AAIG;;AAaI;;;AAqEA;AA6BA;AAyBA;;"}

package/dist/esm/components/editor/ChatPanel/ChatToolCall.js

@@ -3,10 +3,8 @@ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import React, { useState, useCallback } from 'react';
 import { cx } from '../../../utils/cx.js';
 import { toolCallHeaderStyle, toolCallIconStyle, toolCallNameStyle, toolCallStatusRecipe, toolCallDurationStyle, toolCallChevronRecipe, toolCallDetailsStyle, toolCallSectionLabelStyle, toolCallPreStyle, toolCallErrorStyle, toolCallContainerStyle } from './ChatPanel.css.js';
+import { MiniWrenchIcon, MiniChevronIcon } from './ChatIcons.js';
 
-// ─── Icons ───────────────────────────────────────────────────────
-const WrenchIcon = () => (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("path", { d: "M14.25 1.75L12.5 3.5L13 5L11.5 6.5L10.5 5.5L5.5 10.5L6.5 11.5L5 13L3.5 12.5L1.75 14.25", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { d: "M8.5 2.5L10 4L8 6L6.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
-const ChevronIcon = ({ size = 10 }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M4.5 3L7.5 6L4.5 9", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 // ─── Status label map ────────────────────────────────────────────
 const STATUS_LABELS = {
     pending: 'Pending',
@@ -24,10 +22,10 @@ const ChatToolCall = /*#__PURE__*/ React.memo(({ toolCall, collapsible = true, d
     }, [collapsible]);
     const statusLabel = STATUS_LABELS[toolCall.status];
     const ariaLabel = `Tool ${toolCall.name}: ${statusLabel}`;
-    return (jsxs("div", { ref: ref, className: cx(toolCallContainerStyle, className), style: style, "data-testid": testId, "aria-label": ariaLabel, ...rest, children: [jsxs("button", { type: "button", className: toolCallHeaderStyle, onClick: handleToggle, "aria-expanded": collapsible ? expanded : undefined, children: [jsx("span", { className: toolCallIconStyle, children: icon ?? jsx(WrenchIcon, {}) }), jsx("span", { className: toolCallNameStyle, children: toolCall.name }), jsx("span", { className: toolCallStatusRecipe({ status: toolCall.status }), children: statusLabel }), toolCall.durationMs !== undefined &&
+    return (jsxs("div", { ref: ref, className: cx(toolCallContainerStyle, className), style: style, "data-testid": testId, "aria-label": ariaLabel, ...rest, children: [jsxs("button", { type: "button", className: toolCallHeaderStyle, onClick: handleToggle, "aria-expanded": collapsible ? expanded : undefined, children: [jsx("span", { className: toolCallIconStyle, children: icon ?? jsx(MiniWrenchIcon, {}) }), jsx("span", { className: toolCallNameStyle, children: toolCall.name }), jsx("span", { className: toolCallStatusRecipe({ status: toolCall.status }), children: statusLabel }), toolCall.durationMs !== undefined &&
                         toolCall.status === 'completed' && (jsxs("span", { className: toolCallDurationStyle, children: [toolCall.durationMs, "ms"] })), collapsible && (jsx("span", { className: toolCallChevronRecipe({
                             open: expanded || undefined,
-                        }), children: jsx(ChevronIcon, {}) }))] }), expanded && (jsxs("div", { className: toolCallDetailsStyle, children: [toolCall.input && (jsxs(Fragment, { children: [jsx("span", { className: toolCallSectionLabelStyle, children: "Input" }), jsx("pre", { className: toolCallPreStyle, children: JSON.stringify(toolCall.input, null, 2) })] })), toolCall.output && (jsxs(Fragment, { children: [jsx("span", { className: toolCallSectionLabelStyle, children: "Output" }), renderOutput ? (renderOutput(toolCall.output)) : (jsx("pre", { className: toolCallPreStyle, children: JSON.stringify(toolCall.output, null, 2) }))] })), toolCall.error && (jsxs(Fragment, { children: [jsx("span", { className: toolCallSectionLabelStyle, children: "Error" }), jsx("span", { className: toolCallErrorStyle, children: toolCall.error })] }))] }))] }));
+                        }), children: jsx(MiniChevronIcon, {}) }))] }), expanded && (jsxs("div", { className: toolCallDetailsStyle, children: [toolCall.input && (jsxs(Fragment, { children: [jsx("span", { className: toolCallSectionLabelStyle, children: "Input" }), jsx("pre", { className: toolCallPreStyle, children: JSON.stringify(toolCall.input, null, 2) })] })), toolCall.output && (jsxs(Fragment, { children: [jsx("span", { className: toolCallSectionLabelStyle, children: "Output" }), renderOutput ? (renderOutput(toolCall.output)) : (jsx("pre", { className: toolCallPreStyle, children: JSON.stringify(toolCall.output, null, 2) }))] })), toolCall.error && (jsxs(Fragment, { children: [jsx("span", { className: toolCallSectionLabelStyle, children: "Error" }), jsx("span", { className: toolCallErrorStyle, children: toolCall.error })] }))] }))] }));
 });
 ChatToolCall.displayName = 'ChatToolCall';
 

package/dist/esm/components/editor/ChatPanel/ChatToolCall.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatToolCall.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatToolCall.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAmBA;AAEA;AAyBA;AAkBA;AAEA;AACE;AACA;AACA;AACA;;AAGF;AAEO;;AAeH;;;;AAIA;;;AAKA;;;AAkCW;AAyCb;AAGF;;"}
+{"version":3,"file":"ChatToolCall.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatToolCall.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAoBA;AAEA;AACE;AACA;AACA;AACA;;AAGF;AAEO;;AAeH;;;;AAIA;;;AAKA;;;AAoCW;AAyCb;AAGF;;"}

package/dist/esm/components/navigation/ContextMenu/ContextMenu.js

@@ -2,9 +2,69 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
 import { ContextMenu as ContextMenu$1 } from '@base-ui/react/context-menu';
-import '../../primitives/Icon/Icon.js';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
 import { CheckIcon } from '../../Icons/CheckIcon.js';
 import { CircleIcon } from '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
 import { Text } from '../../primitives/Text/Text.js';
 import { cx } from '../../../utils/cx.js';
 import { Menu } from '../Menu/Menu.js';

package/dist/esm/components/navigation/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../../../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;AAcM;AAeJ;;AAMA;AACE;AACF;AAEA;;;AAGM;AACA;;AAkBF;;AAIE;;AA2BJ;AACF;;;;;;;;;AASC;AAED;AAuBF;;"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../../../src/components/navigation/ContextMenu/ContextMenu.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM;AAeJ;;AAMA;AACE;AACF;AAEA;;;AAGM;AACA;;AAkBF;;AAIE;;AA2BJ;AACF;;;;;;;;;AASC;AAED;AAuBF;;"}

package/dist/esm/components/navigation/Menu/Menu.helpers.js

@@ -1,8 +1,69 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Menu } from '@base-ui/react/menu';
-import '../../primitives/Icon/Icon.js';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
 import { ChevronUpIcon } from '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
 import { Text } from '../../primitives/Text/Text.js';
 import { Stack } from '../../layout/Stack/Stack.js';
 import { cx } from '../../../utils/cx.js';

package/dist/esm/components/navigation/Menu/Menu.helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.helpers.js","sources":["../../../../../../src/components/navigation/Menu/Menu.helpers.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AA6BA;;AAEG;AACI;AAmBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAoBP;;AAEG;AACI;AAQL;AACE;AACE;AACF;AACE;AAOF;AACA;;;AAGJ;AAEA;;AAEG;;AAYD;;AAUA;AACE;;AAqBF;AACF;;"}
+{"version":3,"file":"Menu.helpers.js","sources":["../../../../../../src/components/navigation/Menu/Menu.helpers.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA;;AAEG;AACI;AAmBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAyBP;;AAEG;AACI;AAoBP;;AAEG;AACI;AAQL;AACE;AACE;AACF;AACE;AAOF;AACA;;;AAGJ;AAEA;;AAEG;;AAYD;;AAUA;AACE;;AAqBF;AACF;;"}