entangle-ui 0.7.0 → 0.8.1

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

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

@@ -2,8 +2,10 @@
 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 { ChatBubble } from './ChatBubble.js';
-import { messageTextStyle, messageAvatarStyle, messageAvatarImgStyle, messageContentStyle, bubbleErrorStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageTimestampStyle, messageRecipe, messageMaxWidthVarName } from './ChatPanel.css.js';
+import { messageTextStyle, messageContentStyle, bubbleErrorStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageTimestampStyle, messageRecipe, messageMaxWidthVarName } from './ChatPanel.css.js';
 
 function resolveMaxWidth(value) {
     if (value === undefined)
@@ -19,16 +21,6 @@ function formatTimestamp(iso) {
         return '';
     }
 }
-function getInitials(name) {
-    if (!name)
-        return '?';
-    return name
-        .split(' ')
-        .map(part => part[0])
-        .join('')
-        .toUpperCase()
-        .slice(0, 2);
-}
 const ErrorIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: [jsx("circle", { cx: "6", cy: "6", r: "5", stroke: "currentColor", strokeWidth: "1.2" }), jsx("line", { x1: "6", y1: "3.5", x2: "6", y2: "6.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), jsx("circle", { cx: "6", cy: "8.5", r: "0.6", fill: "currentColor" })] }));
 const ChatMessage = /*#__PURE__*/ React.memo(({ message, showTimestamp = false, showAvatar = false, actions, renderContent, maxWidth, className, style, testId, ref, ...rest }) => {
     const { role, content, status, timestamp, avatar, displayName } = message;
@@ -41,7 +33,7 @@ const ChatMessage = /*#__PURE__*/ React.memo(({ message, showTimestamp = false,
             ...style,
         }
         : (style ?? {});
-    return (jsxs("div", { ref: ref, className: cx(messageRecipe({ role }), className), style: rootStyle, "data-testid": testId, ...rest, children: [showAvatar && role !== 'system' && (jsx("div", { className: messageAvatarStyle, "aria-hidden": "true", children: avatar ? (jsx("img", { src: avatar, alt: displayName ?? role, className: messageAvatarImgStyle })) : (getInitials(displayName ?? role)) })), jsxs("div", { className: messageContentStyle, children: [jsx(ChatBubble, { role: role, className: isError ? bubbleErrorStyle : undefined, children: renderedContent }), isError && (jsxs("span", { className: messageErrorCaptionStyle, children: [jsx("span", { className: messageErrorIconStyle, children: jsx(ErrorIcon, {}) }), "Error generating response"] })), actions && jsx("div", { children: actions }), showTimestamp && timestamp && (jsx("span", { className: messageTimestampStyle, children: formatTimestamp(timestamp) }))] })] }));
+    return (jsxs("div", { ref: ref, className: cx(messageRecipe({ role }), className), style: rootStyle, "data-testid": testId, ...rest, children: [showAvatar && role !== 'system' && (jsx(Avatar, { size: "md", src: avatar, name: displayName ?? role, alt: displayName ?? role })), jsxs("div", { className: messageContentStyle, children: [jsx(ChatBubble, { role: role, className: isError ? bubbleErrorStyle : undefined, children: renderedContent }), isError && (jsxs("span", { className: messageErrorCaptionStyle, children: [jsx("span", { className: messageErrorIconStyle, children: jsx(ErrorIcon, {}) }), "Error generating response"] })), actions && jsx("div", { children: actions }), showTimestamp && timestamp && (jsx("span", { className: messageTimestampStyle, children: formatTimestamp(timestamp) }))] })] }));
 });
 ChatMessage.displayName = 'ChatMessage';
 

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;AAEA;AACE;AAAW;AACX;;;;AAIG;AACA;AACL;AAEA;AAsBO;AAcH;AACA;;AAQA;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AAiDF;AAGF;;"}
+{"version":3,"file":"ChatMessage.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatMessage.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAkBA;;AAG2B;AACzB;AACF;AAEA;AACE;AACE;AACA;;AACA;AACA;;AAEJ;AAEA;AAsBO;AAcH;AACA;;AAQA;;AAEE;;AAEI;AACuB;AAC3B;AAEF;AA4CF;AAGF;;"}

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

@@ -4,6 +4,7 @@ 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 { messageListContentStyle, newMessagesBannerStyle } from './ChatPanel.css.js';
 
 const ChatMessageList = /*#__PURE__*/ React.memo(({ messages, renderMessage, emptyState, autoScroll = true, scrollApiRef, className, style, testId, ref, ...rest }) => {
@@ -11,16 +12,9 @@ const ChatMessageList = /*#__PURE__*/ React.memo(({ messages, renderMessage, emp
         messages,
         enabled: autoScroll,
     });
-    // Merge refs — ScrollArea forwards ref to its viewport div
-    const mergedRef = React.useCallback((node) => {
-        scrollContainerRef.current = node;
-        if (typeof ref === 'function') {
-            ref(node);
-        }
-        else if (ref) {
-            ref.current = node;
-        }
-    }, [scrollContainerRef, ref]);
+    // ScrollArea forwards ref to its viewport div — merge with our internal
+    // scroll container ref and the consumer's ref.
+    const mergedRef = useMergedRef(scrollContainerRef, ref);
     const isAtBottomGetter = React.useCallback(() => {
         const container = scrollContainerRef.current;
         if (!container)

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":";;;;;;;;AAeO;AAaH;;AASE;AACD;;;AAMK;AAEF;;;;AAGG;;AAEL;AAIF;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":";;;;;;;;;AAgBO;AAaH;;AASE;AACD;;;;AAMD;AACE;AACA;AAAgB;;AAEhB;AACF;AAEA;;;;AAKI;;AAKJ;;AAGE;;;AA0DJ;AAGF;;"}

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

@@ -1,84 +1,82 @@
-import './../../../assets/src/components/editor/ChatPanel/ChatPanel.css.ts.vanilla-BI5569ZO.css';
+import './../../../assets/src/components/editor/ChatPanel/ChatPanel.css.ts.vanilla-CLn8idfz.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
-var actionBarStyle = 'ChatPanel_actionBarStyle__1c3e77r2b';
-var attachmentChipIconStyle = 'ChatPanel_attachmentChipIconStyle__1c3e77r1w';
-var attachmentChipNameStyle = 'ChatPanel_attachmentChipNameStyle__1c3e77r1x';
-var attachmentChipRemoveStyle = 'ChatPanel_attachmentChipRemoveStyle__1c3e77r1y';
-var attachmentChipStyle = 'ChatPanel_attachmentChipStyle__1c3e77r1v';
-var attachmentThumbnailStyle = 'ChatPanel_attachmentThumbnailStyle__1c3e77r1z';
-var bubbleErrorStyle = 'ChatPanel_bubbleErrorStyle__1c3e77rk';
-var bubbleRecipe = createRuntimeFn({defaultClassName:'ChatPanel_bubbleRecipe__1c3e77rf',variantClassNames:{role:{user:'ChatPanel_bubbleRecipe_role_user__1c3e77rg',assistant:'ChatPanel_bubbleRecipe_role_assistant__1c3e77rh',system:'ChatPanel_bubbleRecipe_role_system__1c3e77ri',tool:'ChatPanel_bubbleRecipe_role_tool__1c3e77rj'}},defaultVariants:{role:'assistant'},compoundVariants:[]});
+var actionBarStyle = 'ChatPanel_actionBarStyle__1c3e77r29';
+var attachmentChipIconStyle = 'ChatPanel_attachmentChipIconStyle__1c3e77r1u';
+var attachmentChipNameStyle = 'ChatPanel_attachmentChipNameStyle__1c3e77r1v';
+var attachmentChipRemoveStyle = 'ChatPanel_attachmentChipRemoveStyle__1c3e77r1w';
+var attachmentChipStyle = 'ChatPanel_attachmentChipStyle__1c3e77r1t';
+var attachmentThumbnailStyle = 'ChatPanel_attachmentThumbnailStyle__1c3e77r1x';
+var bubbleErrorStyle = 'ChatPanel_bubbleErrorStyle__1c3e77ri';
+var bubbleRecipe = createRuntimeFn({defaultClassName:'ChatPanel_bubbleRecipe__1c3e77rd',variantClassNames:{role:{user:'ChatPanel_bubbleRecipe_role_user__1c3e77re',assistant:'ChatPanel_bubbleRecipe_role_assistant__1c3e77rf',system:'ChatPanel_bubbleRecipe_role_system__1c3e77rg',tool:'ChatPanel_bubbleRecipe_role_tool__1c3e77rh'}},defaultVariants:{role:'assistant'},compoundVariants:[]});
 var chatPanelRecipe = createRuntimeFn({defaultClassName:'ChatPanel_chatPanelRecipe__1c3e77r0',variantClassNames:{density:{comfortable:'ChatPanel_chatPanelRecipe_density_comfortable__1c3e77r1',compact:'ChatPanel_chatPanelRecipe_density_compact__1c3e77r2'}},defaultVariants:{density:'comfortable'},compoundVariants:[]});
-var codeBlockActionsStyle = 'ChatPanel_codeBlockActionsStyle__1c3e77r1p';
-var codeBlockContainerStyle = 'ChatPanel_codeBlockContainerStyle__1c3e77r1m';
-var codeBlockContentStyle = 'ChatPanel_codeBlockContentStyle__1c3e77r1r';
-var codeBlockContentWithLineNumbersStyle = 'ChatPanel_codeBlockContentWithLineNumbersStyle__1c3e77r1s';
-var codeBlockCopyButtonStyle = 'ChatPanel_codeBlockCopyButtonStyle__1c3e77r1q';
-var codeBlockHeaderStyle = 'ChatPanel_codeBlockHeaderStyle__1c3e77r1n';
-var codeBlockLanguageStyle = 'ChatPanel_codeBlockLanguageStyle__1c3e77r1o';
-var codeBlockLineNumbersColumnStyle = 'ChatPanel_codeBlockLineNumbersColumnStyle__1c3e77r1t';
-var codeBlockMaxHeightVar = 'var(--codeBlockMaxHeightVar__1c3e77r1l)';
-var codeBlockPreStyle = 'ChatPanel_codeBlockPreStyle__1c3e77r1u';
-var contextChipDismissStyle = 'ChatPanel_contextChipDismissStyle__1c3e77r24';
-var contextChipIconStyle = 'ChatPanel_contextChipIconStyle__1c3e77r21';
-var contextChipItemsStyle = 'ChatPanel_contextChipItemsStyle__1c3e77r23';
-var contextChipLabelStyle = 'ChatPanel_contextChipLabelStyle__1c3e77r22';
-var contextChipStyle = 'ChatPanel_contextChipStyle__1c3e77r20';
-var emptyStateDescriptionStyle = 'ChatPanel_emptyStateDescriptionStyle__1c3e77r28';
-var emptyStateIconStyle = 'ChatPanel_emptyStateIconStyle__1c3e77r26';
-var emptyStateStyle = 'ChatPanel_emptyStateStyle__1c3e77r25';
-var emptyStateSuggestionStyle = 'ChatPanel_emptyStateSuggestionStyle__1c3e77r2a';
-var emptyStateSuggestionsStyle = 'ChatPanel_emptyStateSuggestionsStyle__1c3e77r29';
-var emptyStateTitleStyle = 'ChatPanel_emptyStateTitleStyle__1c3e77r27';
-var inputAttachmentsStyle = 'ChatPanel_inputAttachmentsStyle__1c3e77rp';
-var inputBottomBarStyle = 'ChatPanel_inputBottomBarStyle__1c3e77rv';
-var inputButtonStyle = 'ChatPanel_inputButtonStyle__1c3e77rt';
-var inputContainerStyle = 'ChatPanel_inputContainerStyle__1c3e77ro';
-var inputMaxHeightVar = 'var(--inputMaxHeightVar__1c3e77rn)';
-var inputPrefixStyle = 'ChatPanel_inputPrefixStyle__1c3e77rq';
-var inputStopButtonStyle = 'ChatPanel_inputStopButtonStyle__1c3e77ru';
-var inputTextareaStyle = 'ChatPanel_inputTextareaStyle__1c3e77rs';
-var inputToolbarStyle = 'ChatPanel_inputToolbarStyle__1c3e77rw';
-var inputWrapperStyle = 'ChatPanel_inputWrapperStyle__1c3e77rr';
-var markdownBlockquoteStyle = 'ChatPanel_markdownBlockquoteStyle__1c3e77r2i';
-var markdownHeadingStyle = 'ChatPanel_markdownHeadingStyle__1c3e77r2e';
-var markdownHrStyle = 'ChatPanel_markdownHrStyle__1c3e77r2j';
-var markdownLinkStyle = 'ChatPanel_markdownLinkStyle__1c3e77r2h';
-var markdownListItemStyle = 'ChatPanel_markdownListItemStyle__1c3e77r2g';
-var markdownListStyle = 'ChatPanel_markdownListStyle__1c3e77r2f';
-var markdownParagraphStyle = 'ChatPanel_markdownParagraphStyle__1c3e77r2d';
-var markdownRootStyle = 'ChatPanel_markdownRootStyle__1c3e77r2c';
-var markdownTableStyle = 'ChatPanel_markdownTableStyle__1c3e77r2k';
-var markdownTdStyle = 'ChatPanel_markdownTdStyle__1c3e77r2m';
-var markdownThStyle = 'ChatPanel_markdownThStyle__1c3e77r2l';
-var messageAvatarImgStyle = 'ChatPanel_messageAvatarImgStyle__1c3e77rc';
-var messageAvatarStyle = 'ChatPanel_messageAvatarStyle__1c3e77rb';
+var codeBlockActionsStyle = 'ChatPanel_codeBlockActionsStyle__1c3e77r1n';
+var codeBlockContainerStyle = 'ChatPanel_codeBlockContainerStyle__1c3e77r1k';
+var codeBlockContentStyle = 'ChatPanel_codeBlockContentStyle__1c3e77r1p';
+var codeBlockContentWithLineNumbersStyle = 'ChatPanel_codeBlockContentWithLineNumbersStyle__1c3e77r1q';
+var codeBlockCopyButtonStyle = 'ChatPanel_codeBlockCopyButtonStyle__1c3e77r1o';
+var codeBlockHeaderStyle = 'ChatPanel_codeBlockHeaderStyle__1c3e77r1l';
+var codeBlockLanguageStyle = 'ChatPanel_codeBlockLanguageStyle__1c3e77r1m';
+var codeBlockLineNumbersColumnStyle = 'ChatPanel_codeBlockLineNumbersColumnStyle__1c3e77r1r';
+var codeBlockMaxHeightVar = 'var(--codeBlockMaxHeightVar__1c3e77r1j)';
+var codeBlockPreStyle = 'ChatPanel_codeBlockPreStyle__1c3e77r1s';
+var contextChipDismissStyle = 'ChatPanel_contextChipDismissStyle__1c3e77r22';
+var contextChipIconStyle = 'ChatPanel_contextChipIconStyle__1c3e77r1z';
+var contextChipItemsStyle = 'ChatPanel_contextChipItemsStyle__1c3e77r21';
+var contextChipLabelStyle = 'ChatPanel_contextChipLabelStyle__1c3e77r20';
+var contextChipStyle = 'ChatPanel_contextChipStyle__1c3e77r1y';
+var emptyStateDescriptionStyle = 'ChatPanel_emptyStateDescriptionStyle__1c3e77r26';
+var emptyStateIconStyle = 'ChatPanel_emptyStateIconStyle__1c3e77r24';
+var emptyStateStyle = 'ChatPanel_emptyStateStyle__1c3e77r23';
+var emptyStateSuggestionStyle = 'ChatPanel_emptyStateSuggestionStyle__1c3e77r28';
+var emptyStateSuggestionsStyle = 'ChatPanel_emptyStateSuggestionsStyle__1c3e77r27';
+var emptyStateTitleStyle = 'ChatPanel_emptyStateTitleStyle__1c3e77r25';
+var inputAttachmentsStyle = 'ChatPanel_inputAttachmentsStyle__1c3e77rn';
+var inputBottomBarStyle = 'ChatPanel_inputBottomBarStyle__1c3e77rt';
+var inputButtonStyle = 'ChatPanel_inputButtonStyle__1c3e77rr';
+var inputContainerStyle = 'ChatPanel_inputContainerStyle__1c3e77rm';
+var inputMaxHeightVar = 'var(--inputMaxHeightVar__1c3e77rl)';
+var inputPrefixStyle = 'ChatPanel_inputPrefixStyle__1c3e77ro';
+var inputStopButtonStyle = 'ChatPanel_inputStopButtonStyle__1c3e77rs';
+var inputTextareaStyle = 'ChatPanel_inputTextareaStyle__1c3e77rq';
+var inputToolbarStyle = 'ChatPanel_inputToolbarStyle__1c3e77ru';
+var inputWrapperStyle = 'ChatPanel_inputWrapperStyle__1c3e77rp';
+var markdownBlockquoteStyle = 'ChatPanel_markdownBlockquoteStyle__1c3e77r2g';
+var markdownHeadingStyle = 'ChatPanel_markdownHeadingStyle__1c3e77r2c';
+var markdownHrStyle = 'ChatPanel_markdownHrStyle__1c3e77r2h';
+var markdownLinkStyle = 'ChatPanel_markdownLinkStyle__1c3e77r2f';
+var markdownListItemStyle = 'ChatPanel_markdownListItemStyle__1c3e77r2e';
+var markdownListStyle = 'ChatPanel_markdownListStyle__1c3e77r2d';
+var markdownParagraphStyle = 'ChatPanel_markdownParagraphStyle__1c3e77r2b';
+var markdownRootStyle = 'ChatPanel_markdownRootStyle__1c3e77r2a';
+var markdownTableStyle = 'ChatPanel_markdownTableStyle__1c3e77r2i';
+var markdownTdStyle = 'ChatPanel_markdownTdStyle__1c3e77r2k';
+var markdownThStyle = 'ChatPanel_markdownThStyle__1c3e77r2j';
 var messageContentStyle = 'ChatPanel_messageContentStyle__1c3e77ra';
-var messageErrorCaptionStyle = 'ChatPanel_messageErrorCaptionStyle__1c3e77rl';
-var messageErrorIconStyle = 'ChatPanel_messageErrorIconStyle__1c3e77rm';
+var messageErrorCaptionStyle = 'ChatPanel_messageErrorCaptionStyle__1c3e77rj';
+var messageErrorIconStyle = 'ChatPanel_messageErrorIconStyle__1c3e77rk';
 var messageListContentStyle = 'ChatPanel_messageListContentStyle__1c3e77r3';
 var messageMaxWidthVarName = '--etui-chat-message-max-width';
 var messageRecipe = createRuntimeFn({defaultClassName:'ChatPanel_messageRecipe__1c3e77r5',variantClassNames:{role:{user:'ChatPanel_messageRecipe_role_user__1c3e77r6',assistant:'ChatPanel_messageRecipe_role_assistant__1c3e77r7',system:'ChatPanel_messageRecipe_role_system__1c3e77r8',tool:'ChatPanel_messageRecipe_role_tool__1c3e77r9'}},defaultVariants:{role:'assistant'},compoundVariants:[]});
-var messageTextStyle = 'ChatPanel_messageTextStyle__1c3e77re';
-var messageTimestampStyle = 'ChatPanel_messageTimestampStyle__1c3e77rd';
+var messageTextStyle = 'ChatPanel_messageTextStyle__1c3e77rc';
+var messageTimestampStyle = 'ChatPanel_messageTimestampStyle__1c3e77rb';
 var newMessagesBannerStyle = 'ChatPanel_newMessagesBannerStyle__1c3e77r4';
-var toolCallChevronRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallChevronRecipe__1c3e77r1d',variantClassNames:{open:{true:'ChatPanel_toolCallChevronRecipe_open_true__1c3e77r1e',false:'ChatPanel_toolCallChevronRecipe_open_false__1c3e77r1f'}},defaultVariants:{open:false},compoundVariants:[]});
-var toolCallContainerStyle = 'ChatPanel_toolCallContainerStyle__1c3e77r14';
-var toolCallDetailsStyle = 'ChatPanel_toolCallDetailsStyle__1c3e77r1g';
-var toolCallDurationStyle = 'ChatPanel_toolCallDurationStyle__1c3e77r1k';
-var toolCallErrorStyle = 'ChatPanel_toolCallErrorStyle__1c3e77r1j';
-var toolCallHeaderStyle = 'ChatPanel_toolCallHeaderStyle__1c3e77r15';
-var toolCallIconStyle = 'ChatPanel_toolCallIconStyle__1c3e77r16';
-var toolCallNameStyle = 'ChatPanel_toolCallNameStyle__1c3e77r17';
-var toolCallPreStyle = 'ChatPanel_toolCallPreStyle__1c3e77r1i';
-var toolCallSectionLabelStyle = 'ChatPanel_toolCallSectionLabelStyle__1c3e77r1h';
-var toolCallStatusRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallStatusRecipe__1c3e77r18',variantClassNames:{status:{pending:'ChatPanel_toolCallStatusRecipe_status_pending__1c3e77r19',running:'ChatPanel_toolCallStatusRecipe_status_running__1c3e77r1a',completed:'ChatPanel_toolCallStatusRecipe_status_completed__1c3e77r1b',error:'ChatPanel_toolCallStatusRecipe_status_error__1c3e77r1c'}},defaultVariants:{status:'pending'},compoundVariants:[]});
-var typingDotStyle = 'ChatPanel_typingDotStyle__1c3e77r11';
-var typingDotsContainerStyle = 'ChatPanel_typingDotsContainerStyle__1c3e77r10';
-var typingIndicatorStyle = 'ChatPanel_typingIndicatorStyle__1c3e77rz';
-var typingLabelStyle = 'ChatPanel_typingLabelStyle__1c3e77r13';
-var typingPulseStyle = 'ChatPanel_typingPulseStyle__1c3e77r12';
+var toolCallChevronRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallChevronRecipe__1c3e77r1b',variantClassNames:{open:{true:'ChatPanel_toolCallChevronRecipe_open_true__1c3e77r1c',false:'ChatPanel_toolCallChevronRecipe_open_false__1c3e77r1d'}},defaultVariants:{open:false},compoundVariants:[]});
+var toolCallContainerStyle = 'ChatPanel_toolCallContainerStyle__1c3e77r12';
+var toolCallDetailsStyle = 'ChatPanel_toolCallDetailsStyle__1c3e77r1e';
+var toolCallDurationStyle = 'ChatPanel_toolCallDurationStyle__1c3e77r1i';
+var toolCallErrorStyle = 'ChatPanel_toolCallErrorStyle__1c3e77r1h';
+var toolCallHeaderStyle = 'ChatPanel_toolCallHeaderStyle__1c3e77r13';
+var toolCallIconStyle = 'ChatPanel_toolCallIconStyle__1c3e77r14';
+var toolCallNameStyle = 'ChatPanel_toolCallNameStyle__1c3e77r15';
+var toolCallPreStyle = 'ChatPanel_toolCallPreStyle__1c3e77r1g';
+var toolCallSectionLabelStyle = 'ChatPanel_toolCallSectionLabelStyle__1c3e77r1f';
+var toolCallStatusRecipe = createRuntimeFn({defaultClassName:'ChatPanel_toolCallStatusRecipe__1c3e77r16',variantClassNames:{status:{pending:'ChatPanel_toolCallStatusRecipe_status_pending__1c3e77r17',running:'ChatPanel_toolCallStatusRecipe_status_running__1c3e77r18',completed:'ChatPanel_toolCallStatusRecipe_status_completed__1c3e77r19',error:'ChatPanel_toolCallStatusRecipe_status_error__1c3e77r1a'}},defaultVariants:{status:'pending'},compoundVariants:[]});
+var typingDotStyle = 'ChatPanel_typingDotStyle__1c3e77rz';
+var typingDotsContainerStyle = 'ChatPanel_typingDotsContainerStyle__1c3e77ry';
+var typingIndicatorStyle = 'ChatPanel_typingIndicatorStyle__1c3e77rx';
+var typingLabelStyle = 'ChatPanel_typingLabelStyle__1c3e77r11';
+var typingPulseStyle = 'ChatPanel_typingPulseStyle__1c3e77r10';
 
-export { actionBarStyle, attachmentChipIconStyle, attachmentChipNameStyle, attachmentChipRemoveStyle, attachmentChipStyle, attachmentThumbnailStyle, bubbleErrorStyle, bubbleRecipe, chatPanelRecipe, codeBlockActionsStyle, codeBlockContainerStyle, codeBlockContentStyle, codeBlockContentWithLineNumbersStyle, codeBlockCopyButtonStyle, codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockLineNumbersColumnStyle, codeBlockMaxHeightVar, codeBlockPreStyle, contextChipDismissStyle, contextChipIconStyle, contextChipItemsStyle, contextChipLabelStyle, contextChipStyle, emptyStateDescriptionStyle, emptyStateIconStyle, emptyStateStyle, emptyStateSuggestionStyle, emptyStateSuggestionsStyle, emptyStateTitleStyle, inputAttachmentsStyle, inputBottomBarStyle, inputButtonStyle, inputContainerStyle, inputMaxHeightVar, inputPrefixStyle, inputStopButtonStyle, inputTextareaStyle, inputToolbarStyle, inputWrapperStyle, markdownBlockquoteStyle, markdownHeadingStyle, markdownHrStyle, markdownLinkStyle, markdownListItemStyle, markdownListStyle, markdownParagraphStyle, markdownRootStyle, markdownTableStyle, markdownTdStyle, markdownThStyle, messageAvatarImgStyle, messageAvatarStyle, messageContentStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageListContentStyle, messageMaxWidthVarName, messageRecipe, messageTextStyle, messageTimestampStyle, newMessagesBannerStyle, toolCallChevronRecipe, toolCallContainerStyle, toolCallDetailsStyle, toolCallDurationStyle, toolCallErrorStyle, toolCallHeaderStyle, toolCallIconStyle, toolCallNameStyle, toolCallPreStyle, toolCallSectionLabelStyle, toolCallStatusRecipe, typingDotStyle, typingDotsContainerStyle, typingIndicatorStyle, typingLabelStyle, typingPulseStyle };
+export { actionBarStyle, attachmentChipIconStyle, attachmentChipNameStyle, attachmentChipRemoveStyle, attachmentChipStyle, attachmentThumbnailStyle, bubbleErrorStyle, bubbleRecipe, chatPanelRecipe, codeBlockActionsStyle, codeBlockContainerStyle, codeBlockContentStyle, codeBlockContentWithLineNumbersStyle, codeBlockCopyButtonStyle, codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockLineNumbersColumnStyle, codeBlockMaxHeightVar, codeBlockPreStyle, contextChipDismissStyle, contextChipIconStyle, contextChipItemsStyle, contextChipLabelStyle, contextChipStyle, emptyStateDescriptionStyle, emptyStateIconStyle, emptyStateStyle, emptyStateSuggestionStyle, emptyStateSuggestionsStyle, emptyStateTitleStyle, inputAttachmentsStyle, inputBottomBarStyle, inputButtonStyle, inputContainerStyle, inputMaxHeightVar, inputPrefixStyle, inputStopButtonStyle, inputTextareaStyle, inputToolbarStyle, inputWrapperStyle, markdownBlockquoteStyle, markdownHeadingStyle, markdownHrStyle, markdownLinkStyle, markdownListItemStyle, markdownListStyle, markdownParagraphStyle, markdownRootStyle, markdownTableStyle, markdownTdStyle, markdownThStyle, messageContentStyle, messageErrorCaptionStyle, messageErrorIconStyle, messageListContentStyle, messageMaxWidthVarName, messageRecipe, messageTextStyle, messageTimestampStyle, newMessagesBannerStyle, toolCallChevronRecipe, toolCallContainerStyle, toolCallDetailsStyle, toolCallDurationStyle, toolCallErrorStyle, toolCallHeaderStyle, toolCallIconStyle, toolCallNameStyle, toolCallPreStyle, toolCallSectionLabelStyle, toolCallStatusRecipe, typingDotStyle, typingDotsContainerStyle, typingIndicatorStyle, typingLabelStyle, typingPulseStyle };
 //# sourceMappingURL=ChatPanel.css.js.map

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

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

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

@@ -1,5 +1,6 @@
 "use client";
 import { useRef, useState, useEffect, useCallback } from 'react';
+import { useResizeObserver } from '../../../hooks/useResizeObserver/useResizeObserver.js';
 
 function useChatScroll(options) {
     const { messages, enabled = true, threshold = 100 } = options;
@@ -60,39 +61,32 @@ function useChatScroll(options) {
         container.addEventListener('scroll', handleScroll, { passive: true });
         return () => container.removeEventListener('scroll', handleScroll);
     }, [checkIfAtBottom]);
-    // Observe content growth — keeps the list pinned to the bottom during streaming
-    // (when message text grows but `messages.length` stays constant).
+    // Seed the last-height baseline once the content node mounts so growth is
+    // measured against the initial height, not zero.
     useEffect(() => {
-        if (typeof ResizeObserver === 'undefined')
-            return;
         const content = scrollContentRef.current;
         if (!content)
             return;
         lastContentHeightRef.current = content.getBoundingClientRect().height;
-        const ro = new ResizeObserver(entries => {
-            const entry = entries[0];
-            if (!entry)
-                return;
-            const nextHeight = entry.contentRect.height;
-            const prevHeight = lastContentHeightRef.current;
-            lastContentHeightRef.current = nextHeight;
-            // Only react to growth — shrinks shouldn't force a scroll jump.
-            if (nextHeight <= prevHeight)
-                return;
-            if (!enabledRef.current)
-                return;
-            if (isAtBottomRef.current) {
-                scrollToBottom('auto');
-            }
-            else {
-                setHasNewMessages(true);
-            }
-        });
-        ro.observe(content);
-        return () => {
-            ro.disconnect();
-        };
-    }, [scrollToBottom]);
+    }, []);
+    // Observe content growth — keeps the list pinned to the bottom during streaming
+    // (when message text grows but `messages.length` stays constant).
+    useResizeObserver(scrollContentRef, entry => {
+        const nextHeight = entry.contentRect.height;
+        const prevHeight = lastContentHeightRef.current;
+        lastContentHeightRef.current = nextHeight;
+        // Only react to growth — shrinks shouldn't force a scroll jump.
+        if (nextHeight <= prevHeight)
+            return;
+        if (!enabledRef.current)
+            return;
+        if (isAtBottomRef.current) {
+            scrollToBottom('auto');
+        }
+        else {
+            setHasNewMessages(true);
+        }
+    });
     // Auto-scroll or show indicator on new messages. Fallback for mounts and
     // cleared lists where content height may not grow monotonically.
     useEffect(() => {

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":";;;AAQM;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;;;;;;AAOE;AACA;;;AAIA;AACE;AACA;;AAEA;AACA;AACA;;;;;;AAMA;;;;;;AAKF;AAEA;AACA;;AAEA;AACF;;;;AAKE;AACA;AACA;;;AAIA;;;;;AAKI;AACF;;;;;AAIJ;;;;;;;;;;AAWF;;"}
+{"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;;"}

package/dist/esm/components/editor/PropertyInspector/PropertySection.css.js

@@ -1,4 +1,4 @@
-import './../../../assets/src/components/editor/PropertyInspector/PropertySection.css.ts.vanilla-DJBtY_xk.css';
+import './../../../assets/src/components/editor/PropertyInspector/PropertySection.css.ts.vanilla-DK12opZc.css';
 import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var actionsArea = 'PropertySection_actionsArea__1xiu0w6d';

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

@@ -0,0 +1,11 @@
+import './../../../assets/src/components/editor/TransformControl/TransformControl.css.ts.vanilla-H-iW-T0s.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var lockButtonRecipe = createRuntimeFn({defaultClassName:'TransformControl_lockButtonRecipe__nv79ki7',variantClassNames:{active:{true:'TransformControl_lockButtonRecipe_active_true__nv79ki8',false:'TransformControl_lockButtonRecipe_active_false__nv79ki9'},size:{sm:'TransformControl_lockButtonRecipe_size_sm__nv79kia',md:'TransformControl_lockButtonRecipe_size_md__nv79kib',lg:'TransformControl_lockButtonRecipe_size_lg__nv79kic'}},defaultVariants:{active:true,size:'sm'},compoundVariants:[]});
+var lockSpacerRecipe = createRuntimeFn({defaultClassName:'TransformControl_lockSpacerRecipe__nv79ki3',variantClassNames:{size:{sm:'TransformControl_lockSpacerRecipe_size_sm__nv79ki4',md:'TransformControl_lockSpacerRecipe_size_md__nv79ki5',lg:'TransformControl_lockSpacerRecipe_size_lg__nv79ki6'}},defaultVariants:{size:'sm'},compoundVariants:[]});
+var rowInner = 'TransformControl_rowInner__nv79ki1';
+var rowVectorWrapper = 'TransformControl_rowVectorWrapper__nv79ki2';
+var transformRoot = 'TransformControl_transformRoot__nv79ki0';
+
+export { lockButtonRecipe, lockSpacerRecipe, rowInner, rowVectorWrapper, transformRoot };
+//# sourceMappingURL=TransformControl.css.js.map

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

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