entangle-ui 0.9.0 → 0.10.0

package/dist/esm/components/editor/AssetBrowser/useAssetSelectionController.js

@@ -0,0 +1,174 @@
+"use client";
+import { useTransition, useMemo, useLayoutEffect, useRef, useCallback } from 'react';
+import '../../../utils/devWarn.js';
+import { useControlledState } from '../../../hooks/useControlledState/useControlledState.js';
+import { useLatest } from '../../../hooks/useLatest/useLatest.js';
+import '../../../hooks/useBreakpoint/useBreakpoint.js';
+import './../../../assets/src/theme/lightTheme.css.ts.vanilla-Ct6f9Iym.css';
+import '../../../node_modules/@vanilla-extract/css/dist/vanilla-extract-css.esm.js';
+import './../../../assets/src/theme/darkTheme.css.ts.vanilla-BHZ3ecRn.css';
+import 'react/jsx-runtime';
+import './../../../assets/src/theme/globalScrollbars.css.ts.vanilla-BAJwnUEJ.css';
+import '../../../hooks/useNavigationHistory/useNavigationHistory.js';
+import { indexRange } from './assetBrowserKeyboard.js';
+
+function selectableIds(list) {
+    return list.filter(it => it.selectable !== false).map(it => it.id);
+}
+/**
+ * Owns selection state and the click/keyboard/marquee gestures that mutate it.
+ *
+ * Selection stays in React state (so the controlled `selection` prop and
+ * `onSelectionChange` work) but is mirrored into the store on commit, letting
+ * each cell subscribe to its own `useAssetSelected(id)` slice instead of
+ * re-rendering the whole grid. The anchor is tracked by **id**, not index, so
+ * shift-ranges survive a re-sort or re-filter between clicks. All handlers have
+ * stable identities (`useCallback`) and read the latest props/state through
+ * `useLatest` refs, matching `component-patterns.md` rules #3/#11.
+ */
+function useAssetSelectionController(options) {
+    const { store, displayed, selectionMode, onSelectionChange } = options;
+    const [, startTransition] = useTransition();
+    const [selectionArr, setSelectionArr] = useControlledState({
+        value: options.selection,
+        defaultValue: options.defaultSelection,
+        fallback: [],
+    });
+    const selectionSet = useMemo(() => new Set(selectionArr), [selectionArr]);
+    // Mirror into the store so per-id slices stay in sync. useLayoutEffect runs
+    // before paint, so initially-selected items never flash unselected.
+    useLayoutEffect(() => {
+        store.setSelection(selectionSet);
+    }, [store, selectionSet]);
+    const anchorRef = useRef(null);
+    // Live props/state read inside the stable handlers below.
+    const displayedRef = useLatest(displayed);
+    const selectionModeRef = useLatest(selectionMode);
+    const selectionSetRef = useLatest(selectionSet);
+    const onSelectionChangeRef = useLatest(onSelectionChange);
+    /** Resolve the anchor id to its current position in the displayed list. */
+    const anchorIndex = useCallback(() => {
+        if (anchorRef.current === null)
+            return -1;
+        return displayedRef.current.findIndex(it => it.id === anchorRef.current);
+    }, [displayedRef]);
+    const commitSelection = useCallback((ids, reason) => {
+        setSelectionArr(ids);
+        onSelectionChangeRef.current?.(ids, { reason });
+    }, [setSelectionArr, onSelectionChangeRef]);
+    const handleItemClick = useCallback((item, index, event) => {
+        store.setFocusedId(item.id);
+        if (selectionModeRef.current === false ||
+            item.selectable === false ||
+            item.disabled) {
+            return;
+        }
+        if (selectionModeRef.current === 'single') {
+            commitSelection([item.id], 'click');
+            anchorRef.current = item.id;
+            return;
+        }
+        if (event.shiftKey) {
+            const a = anchorIndex();
+            if (a !== -1) {
+                const [from, to] = indexRange(a, index);
+                commitSelection(selectableIds(displayedRef.current.slice(from, to + 1)), 'click');
+                return;
+            }
+        }
+        if (event.ctrlKey || event.metaKey) {
+            const next = new Set(selectionSetRef.current);
+            if (next.has(item.id))
+                next.delete(item.id);
+            else
+                next.add(item.id);
+            commitSelection(Array.from(next), 'click');
+            anchorRef.current = item.id;
+            return;
+        }
+        commitSelection([item.id], 'click');
+        anchorRef.current = item.id;
+    }, [
+        store,
+        commitSelection,
+        anchorIndex,
+        selectionModeRef,
+        displayedRef,
+        selectionSetRef,
+    ]);
+    const selectByKeyboard = useCallback((index, extend) => {
+        const item = displayedRef.current[index];
+        if (!item)
+            return;
+        if (extend) {
+            const a = anchorIndex();
+            if (a !== -1) {
+                const [from, to] = indexRange(a, index);
+                commitSelection(selectableIds(displayedRef.current.slice(from, to + 1)), 'keyboard');
+                return;
+            }
+        }
+        commitSelection(item.selectable === false ? [] : [item.id], 'keyboard');
+        anchorRef.current = item.id;
+    }, [commitSelection, anchorIndex, displayedRef]);
+    const toggleSelectId = useCallback((id) => {
+        const next = new Set(selectionSetRef.current);
+        if (next.has(id))
+            next.delete(id);
+        else
+            next.add(id);
+        commitSelection(Array.from(next), 'keyboard');
+    }, [commitSelection, selectionSetRef]);
+    const setSelectionIds = useCallback((ids, reason) => {
+        commitSelection(ids, reason);
+    }, [commitSelection]);
+    const commitMarquee = useCallback((ids, additive) => {
+        startTransition(() => {
+            if (additive) {
+                const next = new Set(selectionSetRef.current);
+                ids.forEach(id => next.add(id));
+                commitSelection(Array.from(next), 'marquee');
+                return;
+            }
+            commitSelection(ids, 'marquee');
+        });
+    }, [commitSelection, selectionSetRef]);
+    const selectAll = useCallback(() => {
+        startTransition(() => {
+            commitSelection(selectableIds(displayedRef.current), 'selectAll');
+        });
+    }, [commitSelection, displayedRef]);
+    const clearSelection = useCallback(() => {
+        commitSelection([], 'clear');
+    }, [commitSelection]);
+    const contextMenuSelect = useCallback((item) => {
+        store.setFocusedId(item.id);
+        if (!selectionSetRef.current.has(item.id) && item.selectable !== false) {
+            commitSelection([item.id], 'contextMenu');
+        }
+        anchorRef.current = item.id;
+    }, [store, commitSelection, selectionSetRef]);
+    const handlers = useMemo(() => ({
+        handleItemClick,
+        selectByKeyboard,
+        toggleSelectId,
+        setSelectionIds,
+        commitMarquee,
+        selectAll,
+        clearSelection,
+        contextMenuSelect,
+    }), [
+        handleItemClick,
+        selectByKeyboard,
+        toggleSelectId,
+        setSelectionIds,
+        commitMarquee,
+        selectAll,
+        clearSelection,
+        contextMenuSelect,
+    ]);
+    return { selectionSet, handlers };
+}
+
+export { useAssetSelectionController };
+//# sourceMappingURL=useAssetSelectionController.js.map

package/dist/esm/components/editor/AssetBrowser/useAssetSelectionController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAssetSelectionController.js","sources":["../../../../../../src/components/editor/AssetBrowser/useAssetSelectionController.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;AAgDA;;AAEA;AAEA;;;;;;;;;;AAUG;AACG;;AAIJ;AAEA;;;AAII;AACD;AAGH;;;;AAKE;AACF;AAEA;;AAGA;AACA;AACA;AACA;;AAGA;AACE;;AACA;AACF;;;;AAME;;AAME;AACA;;;;;AAOA;;AAEE;;;AAGF;AACE;AACA;AACE;AACA;;;;;;AASF;AAAuB;;AAClB;;AAEL;;;;AAIF;AACF;;;;;;;AAQC;;;AAMC;;;AAEE;AACA;AACE;AACA;;;;;AAQJ;;AAKJ;;AAGI;AAAkB;;AACb;;AAEP;;AAME;AACF;;;;;AASM;;;;AAIF;AACF;AACF;AAIF;;;AAGE;AACF;AAEA;AACE;AACF;AAEA;AAEI;AACA;;;AAGA;;AAKJ;;;;;;;;;AAUG;;;;;;;;;AAUA;AAGH;AACF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatActionBar.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatActionBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO;;AAaL;AAGF;;"}
+{"version":3,"file":"ChatActionBar.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatActionBar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUO;;AAaL;AAGF;;"}

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

@@ -2,8 +2,8 @@
 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';
+import { attachmentThumbnailStyle, attachmentChipIconStyle, attachmentChipNameStyle, attachmentChipRemoveStyle, attachmentChipStyle } from './ChatPanel.css.js';
 
 const TYPE_ICONS = {
     file: MiniFileIcon,
@@ -17,13 +17,19 @@ const ChatAttachmentChip =
     const handleClick = useCallback(() => {
         onClick?.(attachment);
     }, [onClick, attachment]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            onClick?.(attachment);
+        }
+    }, [onClick, attachment]);
     const handleRemove = useCallback((e) => {
         e.stopPropagation();
         onRemove?.(attachment.id);
     }, [onRemove, attachment.id]);
     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(MiniCloseIcon, {}) }))] }));
+    return (jsxs("div", { ref: ref, className: cx(attachmentChipStyle, className), style: style, "data-testid": testId, "data-clickable": isClickable || undefined, onClick: isClickable ? handleClick : undefined, onKeyDown: isClickable ? handleKeyDown : 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":";;;;;;;AAqBA;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":";;;;;;;AAuBA;AACE;AACA;AACA;AACA;;AAGF;;AAGE;AAYI;AACE;AACF;AAEA;AAEI;;AAEE;;AAEJ;AAIF;;AAGI;;;AAMJ;AAEA;AAuCF;AAGJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBubble.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatBubble.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO;AAUH;AAWF;AAGF;;"}
+{"version":3,"file":"ChatBubble.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatBubble.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUO;AAUH;AAWF;AAGF;;"}

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

@@ -1,8 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { cx } from '../../../utils/cx.js';
+import React, { useState, useCallback } from 'react';
 import '../../Icons/AddIcon.js';
 import '../../Icons/AiChatIcon.js';
 import '../../Icons/AiSparklesIcon.js';
@@ -34,6 +33,7 @@ import '../../Icons/GridIcon.js';
 import '../../Icons/HeartIcon.js';
 import '../../Icons/HelpIcon.js';
 import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
 import '../../Icons/InfoIcon.js';
 import '../../Icons/LastIcon.js';
 import '../../Icons/LinkIcon.js';
@@ -89,21 +89,31 @@ import '../../Icons/GitBranchIcon.js';
 import '../../Icons/BugIcon.js';
 import '../../Icons/MinusIcon.js';
 import '../../Icons/PinIcon.js';
+import { useIsMounted } from '../../../hooks/useIsMounted/useIsMounted.js';
+import { cx } from '../../../utils/cx.js';
 import { codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockActionsStyle, codeBlockCopyButtonStyle, codeBlockLineNumbersColumnStyle, codeBlockPreStyle, codeBlockMaxHeightVar, codeBlockContentWithLineNumbersStyle, codeBlockContentStyle, codeBlockContainerStyle } from './ChatPanel.css.js';
 
 const ChatCodeBlock = /*#__PURE__*/ React.memo(({ code, language, copyable = true, lineNumbers = false, maxHeight = 400, actions, className, style, testId, ref, ...rest }) => {
     const [copied, setCopied] = useState(false);
+    const isMounted = useIsMounted();
     const handleCopy = useCallback(() => {
         navigator.clipboard
             .writeText(code)
             .then(() => {
+            // clipboard.writeText can't be cancelled, so guard the state writes:
+            // the block may unmount before it resolves, or within the 2s reset.
+            if (!isMounted())
+                return;
             setCopied(true);
-            setTimeout(() => setCopied(false), 2000);
+            setTimeout(() => {
+                if (isMounted())
+                    setCopied(false);
+            }, 2000);
         })
             .catch(() => {
             // Fallback: older browsers — no-op
         });
-    }, [code]);
+    }, [code, isMounted]);
     const lines = code.split('\n');
     const showHeader = language != null || copyable || actions != null;
     return (jsxs("div", { ref: ref, className: cx(codeBlockContainerStyle, className), style: style, "data-testid": testId, ...rest, children: [showHeader && (jsxs("div", { className: codeBlockHeaderStyle, children: [language != null && (jsx("span", { className: codeBlockLanguageStyle, children: language })), jsxs("div", { className: codeBlockActionsStyle, children: [actions, copyable && (jsx("button", { type: "button", className: codeBlockCopyButtonStyle, onClick: handleCopy, "aria-label": copied ? 'Copied' : 'Copy code', children: copied ? (jsx(CheckIcon, { size: 12, decorative: true })) : (jsx(CopyIcon, { size: 12, decorative: true })) }))] })] })), jsxs("div", { className: cx(codeBlockContentStyle, lineNumbers && codeBlockContentWithLineNumbersStyle), style: assignInlineVars({

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

@@ -1 +1 @@
-{"version":3,"file":"ChatCodeBlock.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatCodeBlock.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBO;;AAgBH;AACE;;;;;AAKE;;;AAGA;AACJ;;;AAKA;AAuCQ;AACD;AAoBT;AAGF;;"}
+{"version":3,"file":"ChatCodeBlock.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatCodeBlock.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO;;AAeH;AAEA;AACE;;;;;;;;;AAQM;;;AAEJ;;;AAGA;AACJ;;;AAKA;AAuCQ;AACD;AAoBT;AAGF;;"}

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

@@ -2,8 +2,8 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 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';
+import { contextChipIconStyle, contextChipLabelStyle, contextChipItemsStyle, contextChipDismissStyle, contextChipStyle } from './ChatPanel.css.js';
 
 const ChatContextChip = /*#__PURE__*/ React.memo(({ label, items, icon, onDismiss, className, style, testId, ref, ...rest }) => {
     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, {}) }))] }));

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":";;;;;;;AAcO;AAYH;AAuBF;AAGF;;"}
+{"version":3,"file":"ChatContextChip.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatContextChip.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAiBO;AAYH;AAuBF;AAGF;;"}

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

@@ -8,7 +8,9 @@ const ChatEmptyState = /*#__PURE__*/ React.memo(({ title, description, icon, sug
     const handleSuggestionClick = useCallback((suggestion) => {
         onSuggestionClick?.(suggestion);
     }, [onSuggestionClick]);
-    return (jsxs("div", { ref: ref, className: cx(emptyStateStyle, className), style: style, "data-testid": testId, ...rest, children: [icon && jsx("div", { className: emptyStateIconStyle, children: icon }), title && jsx("div", { className: emptyStateTitleStyle, children: title }), description && (jsx("div", { className: emptyStateDescriptionStyle, children: description })), suggestions && suggestions.length > 0 && (jsx("div", { className: emptyStateSuggestionsStyle, children: suggestions.map(suggestion => (jsx("button", { type: "button", className: emptyStateSuggestionStyle, onClick: () => handleSuggestionClick(suggestion), children: suggestion }, suggestion))) }))] }));
+    return (jsxs("div", { ref: ref, className: cx(emptyStateStyle, className), style: style, "data-testid": testId, ...rest, children: [icon && jsx("div", { className: emptyStateIconStyle, children: icon }), title && jsx("div", { className: emptyStateTitleStyle, children: title }), description && (jsx("div", { className: emptyStateDescriptionStyle, children: description })), suggestions && suggestions.length > 0 && (jsx("div", { className: emptyStateSuggestionsStyle, children: suggestions.map(suggestion => (jsx("button", { type: "button", className: emptyStateSuggestionStyle, onClick: () => {
+                        handleSuggestionClick(suggestion);
+                    }, children: suggestion }, suggestion))) }))] }));
 });
 ChatEmptyState.displayName = 'ChatEmptyState';
 

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

@@ -1 +1 @@
-{"version":3,"file":"ChatEmptyState.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatEmptyState.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAcO;AAaH;AAEI;AACF;;AAiCJ;AAGF;;"}
+{"version":3,"file":"ChatEmptyState.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatEmptyState.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAiBO;AAaH;AAEI;AACF;AAIF;;;AA+BF;AAGF;;"}

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

@@ -1,8 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useId, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { cx } from '../../../utils/cx.js';
+import React, { useId, useCallback } from 'react';
 import '../../Icons/AddIcon.js';
 import '../../Icons/AiChatIcon.js';
 import '../../Icons/AiSparklesIcon.js';
@@ -34,6 +33,7 @@ import '../../Icons/GridIcon.js';
 import '../../Icons/HeartIcon.js';
 import '../../Icons/HelpIcon.js';
 import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
 import '../../Icons/InfoIcon.js';
 import '../../Icons/LastIcon.js';
 import '../../Icons/LinkIcon.js';
@@ -89,9 +89,10 @@ import '../../Icons/GitBranchIcon.js';
 import '../../Icons/BugIcon.js';
 import '../../Icons/MinusIcon.js';
 import '../../Icons/PinIcon.js';
-import { useChatInput } from './useChatInput.js';
+import { cx } from '../../../utils/cx.js';
 import { ChatAttachmentChip } from './ChatAttachment.js';
 import { inputPrefixStyle, inputAttachmentsStyle, inputWrapperStyle, inputTextareaStyle, inputMaxHeightVar, inputBottomBarStyle, inputStopButtonStyle, inputButtonStyle, inputContainerStyle } from './ChatPanel.css.js';
+import { useChatInput } from './useChatInput.js';
 
 const ChatInput = /*#__PURE__*/ React.memo(({ value: controlledValue, onChange: controlledOnChange, onSubmit, onStop, placeholder = 'Type a message...', streaming = false, disabled = false, submitKey = 'enter', maxLines = 6, attachments, onRemoveAttachment, prefix, suffix, toolbar, className, style, testId, ref, ...rest }) => {
     const inputId = useId();

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInput.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO;AAsBH;AAEA;;AAGE;;;AAMA;;AAEA;AACD;;AAGD;AAEA;;AAGM;;AAEF;AACF;AAIF;AAEA;;AAGI;AACE;;AAGI;AAEJ;;;;;;AAMF;AACF;;;;;;;AAQC;AAGH;AACE;;;;AAIE;;;;AAIJ;AAEA;AAGA;AACA;AAEA;AAEI;;;;;AAyEN;AAGF;;"}
+{"version":3,"file":"ChatInput.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO;AAsBH;AAEA;;AAGE;;;AAMA;;AAEA;AACD;;AAGD;AAEA;;AAGM;;AAEF;AACF;AAIF;AAEA;;AAGI;AACE;;AAGI;AAEJ;;;;;;AAMF;AACF;;;;;;;AAQC;AAGH;AACE;;;;AAIE;;;;AAIJ;AAEA;AAGA;AACA;AAEA;AAEI;;;;;AAyEN;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatInputToolbar.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatInputToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOO;AAEH;AAaF;AAGF;;"}
+{"version":3,"file":"ChatInputToolbar.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatInputToolbar.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUO;AAEH;AAaF;AAGF;;"}

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
-import { cx } from '../../../utils/cx.js';
 import { Code } from '../../primitives/Code/Code.js';
+import { cx } from '../../../utils/cx.js';
 import { ChatCodeBlock } from './ChatCodeBlock.js';
 import { markdownTableStyle, markdownThStyle, markdownTdStyle, markdownHrStyle, markdownBlockquoteStyle, markdownListStyle, markdownListItemStyle, markdownHeadingStyle, markdownParagraphStyle, markdownRootStyle, markdownLinkStyle } from './ChatPanel.css.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMarkdownRenderer.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMarkdownRenderer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAqCA;AACE;AACF;AAEA;;;;;;AAWE;AAIE;AACE;AACA;AACD;AACD;AACE;AACA;AAQD;AACD;AACE;;AAcD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;;AAGH;;;;AAMI;;AACA;AACE;;AAEE;;;;;;;;;AAWN;AACE;;AAEF;AACA;;AAGF;AACF;AAoBA;AACE;;;AAIA;;;AAIE;AACE;;;;;;AAOA;;AAEA;AACA;;AAEE;;;;AAIA;AACA;;AAED;;;;AAKH;;AAEE;;;;;;;;;AAUE;;AAEA;AACD;AACD;;;;AAKF;;AAEE;AACE;AACA;;AAEF;;;;AAKF;;AAEE;AACE;AACA;;;;;;AAOJ;;AAEE;AACE;AACA;;;;;;AAOJ;AAEE;AACA;AACA;AAEA;AAEK;AACA;;;AAIL;AACA;;;;;AAIqB;AACnB;AAAW;AACX;AAAU;AACV;AACF;AAEA;;AAEA;AACE;AACA;;AAEF;;;;;AAMF;;AAEE;AAEE;AACA;AACA;AACA;AACA;AACA;;;AAIF;AACA;;AAEF;;AAGF;AACF;AAEA;;;;;;;;;;;;;;;;;AAiBG;;AAED;;AAcI;;AAMA;AASM;AACA;AACE;;;;AAcE;;;AAOF;;AAUA;;AAUA;;AAMA;;AAQA;AACE;;AAEA;AACA;AACA;;AAWgB;;;;AAsClB;AACE;;;AAKZ;AAGJ;;"}
+{"version":3,"file":"ChatMarkdownRenderer.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMarkdownRenderer.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;AAwCA;AACE;AACF;AAEA;;;;;;AAWE;AAIE;AACE;AACA;AACD;AACD;AACE;AACA;AAQD;AACD;AACE;;AAcD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;AACD;AACE;AACA;AACD;;AAGH;;;;AAMI;;AACA;AACE;;AAEE;;;;;;;;;AAWN;AACE;;AAEF;AACA;;AAGF;AACF;AAoBA;AACE;;;AAIA;;;AAIE;AACE;;;;;;AAOA;;AAEA;AACA;;AAEE;;;;AAIA;AACA;;AAED;;;;AAKH;;AAEE;;;;;;;;;AAUE;;AAEA;AACD;AACD;;;;AAKF;;AAEE;AACE;AACA;;AAEF;;;;AAKF;;AAEE;AACE;AACA;;;;;;AAOJ;;AAEE;AACE;AACA;;;;;;AAOJ;AAEE;AACA;AACA;AAEA;AAEK;AACA;;;AAIL;AACA;;;;;AAIqB;AACnB;AAAW;AACX;AAAU;AACV;AACF;AAEA;;AAEA;AACE;AACA;;AAEF;;;;;AAMF;;AAEE;AAEE;AACA;AACA;AACA;AACA;AACA;;;AAIF;AACA;;AAEF;;AAGF;AACF;AAEA;;;;;;;;;;;;;;;;;AAiBG;;AAED;;AAcI;;AAMA;AASM;AACA;AACE;;;;AAcE;;;AAOF;;AAUA;;AAUA;;AAMA;;AAQA;AACE;;AAEA;AACA;AACA;;AAWgB;;;;AAsClB;AACE;;;AAKZ;AAGJ;;"}

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

@@ -1,9 +1,6 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
-import { cx } from '../../../utils/cx.js';
-import { Avatar } from '../../primitives/Avatar/Avatar.js';
-import '../../primitives/Avatar/AvatarGroup.js';
 import '../../Icons/AddIcon.js';
 import '../../Icons/AiChatIcon.js';
 import '../../Icons/AiSparklesIcon.js';
@@ -35,6 +32,7 @@ import '../../Icons/GridIcon.js';
 import '../../Icons/HeartIcon.js';
 import '../../Icons/HelpIcon.js';
 import '../../Icons/HomeIcon.js';
+import '../../Icons/ImageIcon.js';
 import '../../Icons/InfoIcon.js';
 import '../../Icons/LastIcon.js';
 import '../../Icons/LinkIcon.js';
@@ -90,6 +88,9 @@ import '../../Icons/GitBranchIcon.js';
 import '../../Icons/BugIcon.js';
 import '../../Icons/MinusIcon.js';
 import '../../Icons/PinIcon.js';
+import { Avatar } from '../../primitives/Avatar/Avatar.js';
+import '../../primitives/Avatar/AvatarGroup.js';
+import { cx } from '../../../utils/cx.js';
 import { ChatBubble } from './ChatBubble.js';
 import { messageTextStyle, messageContentStyle, bubbleErrorStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageTimestampStyle, messageRecipe, messageMaxWidthVarName } from './ChatPanel.css.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA;;AAG2B;AACzB;AACF;AAEA;AACE;AACE;AACA;;AACA;AACA;;AAEJ;AAEO;AAcH;AACA;;AAQA;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AA4CF;AAGF;;"}
+{"version":3,"file":"ChatMessage.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;;AAG2B;AACzB;AACF;AAEA;AACE;AACE;AACA;;AACA;AACA;;AAEJ;AAEO;AAcH;AACA;;AAQA;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AA4CF;AAGF;;"}

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

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React, { useMemo, useImperativeHandle } from 'react';
-import { useChatScroll } from './useChatScroll.js';
-import { ChatMessage } from './ChatMessage.js';
 import { ScrollArea } from '../../layout/ScrollArea/ScrollArea.js';
 import { useMergedRef } from '../../../hooks/useMergedRef/useMergedRef.js';
+import { ChatMessage } from './ChatMessage.js';
 import { messageListContentStyle, newMessagesBannerStyle } from './ChatPanel.css.js';
+import { useChatScroll } from './useChatScroll.js';
 
 const ChatMessageList = /*#__PURE__*/ React.memo(({ messages, renderMessage, emptyState, autoScroll = true, scrollApiRef, className, style, testId, ref, ...rest }) => {
     const { scrollContainerRef, scrollContentRef, hasNewMessages, scrollToBottom, scrollTo, scrollToElement, } = useChatScroll({
@@ -32,7 +32,9 @@ const ChatMessageList = /*#__PURE__*/ React.memo(({ messages, renderMessage, emp
     if (messages.length === 0 && emptyState) {
         return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsx("div", { ref: scrollContentRef, className: messageListContentStyle, role: "log", "aria-live": "polite", children: emptyState }) }));
     }
-    return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsxs("div", { ref: scrollContentRef, className: messageListContentStyle, role: "log", "aria-live": "polite", children: [messages.map((message, index) => renderMessage ? (jsx(React.Fragment, { children: renderMessage(message, index) }, message.id)) : (jsx(ChatMessage, { message: message }, message.id))), hasNewMessages && (jsx("button", { className: newMessagesBannerStyle, onClick: () => scrollToBottom('smooth'), type: "button", children: "New messages" }))] }) }));
+    return (jsx(ScrollArea, { ref: mergedRef, autoFill: true, className: className, style: style, testId: testId, ...rest, children: jsxs("div", { ref: scrollContentRef, className: messageListContentStyle, role: "log", "aria-live": "polite", children: [messages.map((message, index) => renderMessage ? (jsx(React.Fragment, { children: renderMessage(message, index) }, message.id)) : (jsx(ChatMessage, { message: message }, message.id))), hasNewMessages && (jsx("button", { className: newMessagesBannerStyle, onClick: () => {
+                        scrollToBottom('smooth');
+                    }, type: "button", children: "New messages" }))] }) }));
 });
 ChatMessageList.displayName = 'ChatMessageList';
 

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

@@ -1 +1 @@
-{"version":3,"file":"ChatMessageList.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessageList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAgBO;AAaH;;AASE;AACD;;;;AAMD;AACE;AACA;AAAgB;;AAEhB;AACF;AAEA;;;;AAKI;;AAKJ;;AAGE;;;AA0DJ;AAGF;;"}
+{"version":3,"file":"ChatMessageList.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessageList.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAmBO;AAaH;;AASE;AACD;;;;AAMD;AACE;AACA;AAAgB;;AAEhB;AACF;AAEA;;;;AAKI;;AAKJ;;AAGE;;;;;AA4DJ;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatPanel.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatPanel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAOA;;AAG2B;AACzB;AACF;AAEO;AAWH;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AAWF;AAGF;;"}
+{"version":3,"file":"ChatPanel.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatPanel.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAUA;;AAG2B;AACzB;AACF;AAEO;AAWH;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AAWF;AAGF;;"}

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

@@ -2,8 +2,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';
+import { toolCallHeaderStyle, toolCallIconStyle, toolCallNameStyle, toolCallStatusRecipe, toolCallDurationStyle, toolCallChevronRecipe, toolCallDetailsStyle, toolCallSectionLabelStyle, toolCallPreStyle, toolCallErrorStyle, toolCallContainerStyle } from './ChatPanel.css.js';
 
 // ─── Status label map ────────────────────────────────────────────
 const STATUS_LABELS = {

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":";;;;;;;AAoBA;AAEA;AACE;AACA;AACA;AACA;;AAGF;AAEO;;AAeH;;;;AAIA;;;AAKA;;;AAoCW;AAyCb;AAGF;;"}
+{"version":3,"file":"ChatToolCall.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatToolCall.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAuBA;AAEA;AACE;AACA;AACA;AACA;;AAGF;AAEO;;AAeH;;;;AAIA;;;AAKA;;;AAoCW;AAyCb;AAGF;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ChatTypingIndicator.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatTypingIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAcE;AAWI;AAAc;AAEd;AAsBF;AAGJ;;"}
+{"version":3,"file":"ChatTypingIndicator.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatTypingIndicator.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAiBE;AAWI;AAAc;AAEd;AAsBF;AAGJ;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"useChatInput.js","sources":["../../../../../../src/components/editor/ChatPanel/useChatInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAQM;AAGJ;;AAOA;AAEA;AACE;AACA;;;AAGA;AAEA;AAIA;AACA;;AAGF;;;AAIE;AACF;AAEA;;AAEE;;AAEE;;;AAIJ;AAEI;;AAKJ;AAEI;AAEI;;;;AAIA;;;AAIF;AACA;AACE;AACA;;;AAGN;;;;;;;;;AAYJ;;"}
+{"version":3,"file":"useChatInput.js","sources":["../../../../../../src/components/editor/ChatPanel/useChatInput.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AASM;AAGJ;;AAOA;AAEA;AACE;AACA;;;AAGA;AAEA;AAIA;AACA;;AAGF;;;AAIE;AACF;AAEA;;AAEE;;AAEE;;;AAIJ;AAEI;;AAKJ;AAEI;AAEI;;;;AAIA;;;AAIF;AACA;AACE;AACA;;;AAGN;;;;;;;;;AAYJ;;"}

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

@@ -1,11 +1,12 @@
 "use client";
-import { useState, useRef, useCallback } from 'react';
+import { useState, useCallback } from 'react';
+import { useLatest } from '../../../hooks/useLatest/useLatest.js';
 
 function useChatMessages(options = {}) {
     const { initialMessages = [], maxMessages } = options;
     const [messages, setMessages] = useState(initialMessages);
-    const messagesRef = useRef(messages);
-    messagesRef.current = messages;
+    // Latest messages for synchronous reads in getMessage() without stale closures.
+    const messagesRef = useLatest(messages);
     const trimToMax = useCallback((msgs) => {
         if (maxMessages !== undefined && msgs.length > maxMessages) {
             return msgs.slice(msgs.length - maxMessages);
@@ -31,7 +32,9 @@ function useChatMessages(options = {}) {
     }, []);
     const getMessage = useCallback((id) => {
         return messagesRef.current.find(msg => msg.id === id);
-    }, []);
+    }, 
+    // messagesRef is a stable useLatest ref; listed to satisfy the rule.
+    [messagesRef]);
     return {
         messages,
         setMessages,

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

@@ -1 +1 @@
-{"version":3,"file":"useChatMessages.js","sources":["../../../../../../src/components/editor/ChatPanel/useChatMessages.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AASM;;;AAKJ;AACA;AAEA;;;;AAKI;AACF;AAIF;AAEI;AACF;;;AAaM;AAAmB;AACnB;AACA;;;AAOR;;;AAIA;;;AAIA;AACE;;;;;;;;;;;AAYJ;;"}
+{"version":3,"file":"useChatMessages.js","sources":["../../../../../../src/components/editor/ChatPanel/useChatMessages.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAYM;;;;AAMJ;AAEA;;;;AAKI;AACF;AAIF;AAEI;AACF;;;AAaM;AAAmB;AACnB;AACA;;;AAOR;;;AAIA;;;AAIA;AAEI;;;;;;;;;;;;;AAeN;;"}

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

@@ -59,7 +59,9 @@ function useChatScroll(options) {
             }
         };
         container.addEventListener('scroll', handleScroll, { passive: true });
-        return () => container.removeEventListener('scroll', handleScroll);
+        return () => {
+            container.removeEventListener('scroll', handleScroll);
+        };
     }, [checkIfAtBottom]);
     // Seed the last-height baseline once the content node mounts so growth is
     // measured against the initial height, not zero.
@@ -104,6 +106,9 @@ function useChatScroll(options) {
             });
         }
         else {
+            // Reacts to an incoming-message event (count grew while scrolled away) —
+            // event-driven, not derivable during render.
+            // eslint-disable-next-line react-hooks/set-state-in-effect
             setHasNewMessages(true);
         }
     }, [messages.length, enabled, isAtBottom, scrollToBottom]);

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

@@ -1 +1 @@
-{"version":3,"file":"useChatScroll.js","sources":["../../../../../../src/components/editor/ChatPanel/useChatScroll.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AASM;AAGJ;AAEA;AACA;;;;AAIA;AACA;AACA;;;AAIE;AACF;;AAEE;AACF;AAEA;AACE;AACA;AAAgB;;AAGhB;AACF;;AAGE;AACA;;;;;AAKC;;;;AAKH;AACE;AACA;;AACA;;;AAKE;;;;AAOF;AACA;;;AAGE;;;;;AAKF;AAEA;;AAEF;;;;AAKE;AACA;;;;;;AAMF;AACE;AACA;AACA;;;;;;AAMA;;;;;;AAKF;;;;AAKE;AACA;AACA;;;AAIA;;;;;AAKI;AACF;;;;;AAIJ;;;;;;;;;;AAWF;;"}
+{"version":3,"file":"useChatScroll.js","sources":["../../../../../../src/components/editor/ChatPanel/useChatScroll.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;AAWM;AAGJ;AAEA;AACA;;;;AAIA;AACA;AACA;;;AAIE;AACF;;AAEE;AACF;AAEA;AACE;AACA;AAAgB;;AAGhB;AACF;;AAGE;AACA;;;;;AAKC;;;;AAKH;AACE;AACA;;AACA;;;AAKE;;;;AAOF;AACA;;;AAGE;;;;;AAKF;AAEA;AACA;AACE;AACF;AACF;;;;AAKE;AACA;;;;;;AAMF;AACE;AACA;AACA;;;;;;AAMA;;;;;;AAKF;;;;AAKE;AACA;AACA;;;AAIA;;;;;AAKI;AACF;;;;;;;;AAOJ;;;;;;;;;;AAWF;;"}

package/dist/esm/components/editor/Minimap/Minimap.css.js

@@ -0,0 +1,18 @@
+import './../../../assets/src/components/editor/Minimap/Minimap.css.ts.vanilla--rNdWQwy.css';
+
+var ariaLiveRegionStyle = 'Minimap_ariaLiveRegionStyle__1nijti8c';
+var cornerBottomLeftStyle = 'Minimap_cornerBottomLeftStyle__1nijti8a';
+var cornerBottomRightStyle = 'Minimap_cornerBottomRightStyle__1nijti8b';
+var cornerTopLeftStyle = 'Minimap_cornerTopLeftStyle__1nijti88';
+var cornerTopRightStyle = 'Minimap_cornerTopRightStyle__1nijti89';
+var footerInsideStyle = 'Minimap_footerInsideStyle__1nijti87';
+var footerOutsideStyle = 'Minimap_footerOutsideStyle__1nijti86';
+var minimapBodyStyle = 'Minimap_minimapBodyStyle__1nijti81';
+var minimapCanvasStyle = 'Minimap_minimapCanvasStyle__1nijti82';
+var minimapOverlayLayerStyle = 'Minimap_minimapOverlayLayerStyle__1nijti83';
+var minimapShellStyle = 'Minimap_minimapShellStyle__1nijti80';
+var titleInsideStyle = 'Minimap_titleInsideStyle__1nijti85';
+var titleOutsideStyle = 'Minimap_titleOutsideStyle__1nijti84';
+
+export { ariaLiveRegionStyle, cornerBottomLeftStyle, cornerBottomRightStyle, cornerTopLeftStyle, cornerTopRightStyle, footerInsideStyle, footerOutsideStyle, minimapBodyStyle, minimapCanvasStyle, minimapOverlayLayerStyle, minimapShellStyle, titleInsideStyle, titleOutsideStyle };
+//# sourceMappingURL=Minimap.css.js.map

package/dist/esm/components/editor/Minimap/Minimap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Minimap.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}