entangle-ui 0.3.0 → 0.4.0

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

@@ -0,0 +1,15 @@
+import './../../../assets/src/components/controls/TreeView/TreeNode.css.ts.vanilla-D3ylUhuW.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var actionsStyle = 'TreeNode_actionsStyle__8ws3nev';
+var chevronRecipe = createRuntimeFn({defaultClassName:'TreeNode_chevronRecipe__8ws3nef',variantClassNames:{size:{sm:'TreeNode_chevronRecipe_size_sm__8ws3neg',md:'TreeNode_chevronRecipe_size_md__8ws3neh',lg:'TreeNode_chevronRecipe_size_lg__8ws3nei'},expanded:{true:'TreeNode_chevronRecipe_expanded_true__8ws3nej',false:'TreeNode_chevronRecipe_expanded_false__8ws3nek'},visible:{true:'TreeNode_chevronRecipe_visible_true__8ws3nel',false:'TreeNode_chevronRecipe_visible_false__8ws3nem'}},defaultVariants:{size:'md',expanded:false,visible:true},compoundVariants:[]});
+var guideLineLeftVar = 'var(--guideLineLeftVar__8ws3ne1)';
+var guideLineStyle = 'TreeNode_guideLineStyle__8ws3ne10';
+var iconRecipe = createRuntimeFn({defaultClassName:'TreeNode_iconRecipe__8ws3nen',variantClassNames:{size:{sm:'TreeNode_iconRecipe_size_sm__8ws3neo',md:'TreeNode_iconRecipe_size_md__8ws3nep',lg:'TreeNode_iconRecipe_size_lg__8ws3neq'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var labelRecipe = createRuntimeFn({defaultClassName:'TreeNode_labelRecipe__8ws3ner',variantClassNames:{size:{sm:'TreeNode_labelRecipe_size_sm__8ws3nes',md:'TreeNode_labelRecipe_size_md__8ws3net',lg:'TreeNode_labelRecipe_size_lg__8ws3neu'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var paddingLeftVar = 'var(--paddingLeftVar__8ws3ne0)';
+var renameInputRecipe = createRuntimeFn({defaultClassName:'TreeNode_renameInputRecipe__8ws3new',variantClassNames:{size:{sm:'TreeNode_renameInputRecipe_size_sm__8ws3nex',md:'TreeNode_renameInputRecipe_size_md__8ws3ney',lg:'TreeNode_renameInputRecipe_size_lg__8ws3nez'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var rowRecipe = createRuntimeFn({defaultClassName:'TreeNode_rowRecipe__8ws3ne2',variantClassNames:{size:{sm:'TreeNode_rowRecipe_size_sm__8ws3ne3',md:'TreeNode_rowRecipe_size_md__8ws3ne4',lg:'TreeNode_rowRecipe_size_lg__8ws3ne5'},selected:{true:'TreeNode_rowRecipe_selected_true__8ws3ne6',false:'TreeNode_rowRecipe_selected_false__8ws3ne7'},focused:{true:'TreeNode_rowRecipe_focused_true__8ws3ne8',false:'TreeNode_rowRecipe_focused_false__8ws3ne9'},disabled:{true:'TreeNode_rowRecipe_disabled_true__8ws3nea',false:'TreeNode_rowRecipe_disabled_false__8ws3neb'}},defaultVariants:{size:'md',selected:false,focused:false,disabled:false},compoundVariants:[[{selected:true},'TreeNode_rowRecipe_compound_0__8ws3nec'],[{selected:false},'TreeNode_rowRecipe_compound_1__8ws3ned'],[{focused:true,selected:false},'TreeNode_rowRecipe_compound_2__8ws3nee']]});
+
+export { actionsStyle, chevronRecipe, guideLineLeftVar, guideLineStyle, iconRecipe, labelRecipe, paddingLeftVar, renameInputRecipe, rowRecipe };
+//# sourceMappingURL=TreeNode.css.js.map

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

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

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

@@ -1,6 +1,8 @@
+"use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
-import styled from '@emotion/styled';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { guideLineStyle, guideLineLeftVar, chevronRecipe, iconRecipe, renameInputRecipe, labelRecipe, actionsStyle, paddingLeftVar, rowRecipe } from './TreeNode.css.js';
 
 // --- Size configurations ---
 const sizeConfig = {
@@ -26,93 +28,6 @@ const sizeConfig = {
         defaultIndent: 20,
     },
 };
-const StyledRow = styled.div `
-  display: flex;
-  align-items: center;
-  height: ${props => sizeConfig[props.$size].rowHeight}px;
-  padding-left: ${props => props.$depth * props.$indent}px;
-  padding-right: ${props => props.theme.spacing.xs}px;
-  cursor: ${props => (props.$disabled ? 'default' : 'pointer')};
-  user-select: none;
-  opacity: ${props => (props.$disabled ? 0.5 : 1)};
-  position: relative;
-
-  background: ${props => props.$selected ? `${props.theme.colors.accent.primary}26` : 'transparent'};
-
-  ${props => props.$focused &&
-    !props.$selected &&
-    `box-shadow: inset 0 0 0 1px ${props.theme.colors.border.focus};`}
-
-  &:hover {
-    background: ${props => props.$selected
-    ? `${props.theme.colors.accent.primary}33`
-    : props.theme.colors.surface.hover};
-  }
-`;
-const StyledChevron = styled.span `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${props => sizeConfig[props.$size].chevronSize + 4}px;
-  height: ${props => sizeConfig[props.$size].chevronSize + 4}px;
-  flex-shrink: 0;
-  visibility: ${props => (props.$visible ? 'visible' : 'hidden')};
-  transition: transform ${props => props.theme.transitions.fast};
-  transform: rotate(${props => (props.$expanded ? '90deg' : '0deg')});
-  color: ${props => props.theme.colors.text.muted};
-
-  &:hover {
-    color: ${props => props.theme.colors.text.primary};
-  }
-`;
-const StyledIcon = styled.span `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${props => sizeConfig[props.$size].iconSize}px;
-  height: ${props => sizeConfig[props.$size].iconSize}px;
-  flex-shrink: 0;
-  margin-right: ${props => props.theme.spacing.xs}px;
-  color: ${props => props.theme.colors.text.secondary};
-`;
-const StyledLabel = styled.span `
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: ${props => props.theme.typography.fontSize[sizeConfig[props.$size].fontSizeKey]}px;
-  color: ${props => props.theme.colors.text.primary};
-  line-height: ${props => props.theme.typography.lineHeight.normal};
-`;
-const StyledActions = styled.span `
-  display: flex;
-  align-items: center;
-  gap: 2px;
-  margin-left: auto;
-  flex-shrink: 0;
-`;
-const StyledRenameInput = styled.input `
-  flex: 1;
-  min-width: 0;
-  border: 1px solid ${props => props.theme.colors.border.focus};
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-  background: ${props => props.theme.colors.surface.default};
-  color: ${props => props.theme.colors.text.primary};
-  font-size: ${props => props.theme.typography.fontSize[sizeConfig[props.$size].fontSizeKey]}px;
-  padding: 0 4px;
-  outline: none;
-  height: ${props => sizeConfig[props.$size].rowHeight - 4}px;
-`;
-const StyledGuideLine = styled.span `
-  position: absolute;
-  left: ${props => props.$left + sizeConfig[props.$size].defaultIndent / 2}px;
-  top: 0;
-  bottom: 0;
-  width: 1px;
-  background: ${props => props.theme.colors.border.default}4D;
-  pointer-events: none;
-`;
 // --- Chevron icon SVG ---
 const ChevronSvg = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 12 12", fill: "none", children: jsx("path", { d: "M4.5 2.5L8 6L4.5 9.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 const TreeNodeComponent = ({ node, depth, size, indent, isSelected, isExpanded, isFocused, isFirst, isLast, showChevrons, showGuideLines, renamable, nodeId, renderNode, renderActions, onToggleExpand, onClick, onDoubleClick, onContextMenu, onRename, }) => {
@@ -179,9 +94,22 @@ const TreeNodeComponent = ({ node, depth, size, indent, isSelected, isExpanded,
     }, [confirmRename, cancelRename]);
     // Guide lines for each parent level
     const guideLines = showGuideLines && depth > 0
-        ? Array.from({ length: depth }, (_, i) => (jsx(StyledGuideLine, { "$left": i * indent, "$size": size }, i)))
+        ? Array.from({ length: depth }, (_, i) => (jsx("span", { className: guideLineStyle, style: assignInlineVars({
+                [guideLineLeftVar]: `${i * indent + config.defaultIndent / 2}px`,
+            }) }, i)))
         : null;
-    return (jsxs(StyledRow, { id: `treenode-${nodeId}`, role: "treeitem", "aria-expanded": isLeaf ? undefined : isExpanded, "aria-selected": isSelected, "aria-disabled": node.disabled ?? undefined, "aria-level": depth + 1, "$size": size, "$selected": isSelected, "$focused": isFocused, "$disabled": node.disabled ?? false, "$depth": depth, "$indent": indent, onClick: handleClick, onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu, tabIndex: -1, children: [guideLines, showChevrons && (jsx(StyledChevron, { "$expanded": isExpanded, "$size": size, "$visible": !isLeaf, onClick: handleChevronClick, "aria-hidden": "true", children: jsx(ChevronSvg, { size: config.chevronSize }) })), renderNode ? (renderNode(node, state)) : (jsxs(Fragment, { children: [node.icon && jsx(StyledIcon, { "$size": size, children: node.icon }), isRenaming ? (jsx(StyledRenameInput, { ref: renameInputRef, "$size": size, value: renameValue, onChange: e => setRenameValue(e.target.value), onKeyDown: handleRenameKeyDown, onBlur: confirmRename, "aria-label": `Rename ${node.label}`, onClick: e => e.stopPropagation() })) : (jsx(StyledLabel, { "$size": size, children: node.label }))] })), renderActions && (jsx(StyledActions, { onClick: e => e.stopPropagation(), children: renderActions(node, state) }))] }));
+    return (jsxs("div", { id: `treenode-${nodeId}`, role: "treeitem", "aria-expanded": isLeaf ? undefined : isExpanded, "aria-selected": isSelected, "aria-disabled": node.disabled ?? undefined, "aria-level": depth + 1, className: rowRecipe({
+            size,
+            selected: isSelected,
+            focused: isFocused,
+            disabled: node.disabled ?? false,
+        }), style: assignInlineVars({
+            [paddingLeftVar]: `${depth * indent}px`,
+        }), onClick: handleClick, onDoubleClick: handleDoubleClick, onContextMenu: handleContextMenu, tabIndex: -1, children: [guideLines, showChevrons && (jsx("span", { className: chevronRecipe({
+                    expanded: isExpanded,
+                    size,
+                    visible: !isLeaf,
+                }), onClick: handleChevronClick, "aria-hidden": "true", children: jsx(ChevronSvg, { size: config.chevronSize }) })), renderNode ? (renderNode(node, state)) : (jsxs(Fragment, { children: [node.icon && (jsx("span", { className: iconRecipe({ size }), children: node.icon })), isRenaming ? (jsx("input", { ref: renameInputRef, className: renameInputRecipe({ size }), value: renameValue, onChange: e => setRenameValue(e.target.value), onKeyDown: handleRenameKeyDown, onBlur: confirmRename, "aria-label": `Rename ${node.label}`, onClick: e => e.stopPropagation() })) : (jsx("span", { className: labelRecipe({ size }), children: node.label }))] })), renderActions && (jsx("span", { className: actionsStyle, onClick: e => e.stopPropagation(), children: renderActions(node, state) }))] }));
 };
 TreeNodeComponent.displayName = 'TreeNode';
 

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/controls/TreeView/TreeNode.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/controls/TreeView/TreeNode.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;AAqBA;AAEA;AAUE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;;AAGH;AAEA;;;AA4DE;AACA;AAEA;AACA;AAEA;AACE;AACA;AACA;;;;;;AAOF;;;AAIM;;AAEJ;AAIF;AAEI;;AACA;;AAKJ;;;;;;AAOM;;AAEE;AACA;;;;AAKJ;;AAKJ;AAEI;AACF;AAIF;;;;;AAKA;AAEA;AACE;;AAEF;AAEA;AAEI;AACE;;AACK;AACL;;AAEJ;;AAKF;;AAOY;AACD;;AAKX;;AAUM;AACA;AACA;AACD;AAEC;;AAaI;;;AAGD;AAyCX;AAEA;;"}

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

@@ -0,0 +1,8 @@
+import './../../../assets/src/components/controls/TreeView/TreeView.css.ts.vanilla-CsG5-rWt.css';
+
+var emptyStateStyle = 'TreeView_emptyStateStyle__cc0psk2';
+var maxHeightVar = 'var(--maxHeightVar__cc0psk0)';
+var treeContainerStyle = 'TreeView_treeContainerStyle__cc0psk1';
+
+export { emptyStateStyle, maxHeightVar, treeContainerStyle };
+//# sourceMappingURL=TreeView.css.js.map

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

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

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

@@ -1,24 +1,12 @@
+"use client";
 import { jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback } from 'react';
-import styled from '@emotion/styled';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
 import { useTreeState } from './useTreeState.js';
 import { TreeNodeComponent } from './TreeNode.js';
+import { cx } from '../../../utils/cx.js';
+import { maxHeightVar, emptyStateStyle, treeContainerStyle } from './TreeView.css.js';
 
-const StyledTreeContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-  ${props => props.$maxHeight
-    ? `max-height: ${typeof props.$maxHeight === 'number' ? `${props.$maxHeight}px` : props.$maxHeight}; overflow-y: auto;`
-    : ''}
-`;
-const StyledEmptyState = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: ${props => props.theme.spacing.md}px;
-  color: ${props => props.theme.colors.text.muted};
-  font-size: ${props => props.theme.typography.fontSize.md}px;
-`;
 /**
  * A hierarchical collapsible tree for displaying and managing nested data.
  *
@@ -199,10 +187,15 @@ const TreeView = ({ nodes, expandedIds, defaultExpandedIds, selectedIds, default
             }
         }
     }, [focusedId]);
+    const containerInlineVars = maxHeight
+        ? assignInlineVars({
+            [maxHeightVar]: typeof maxHeight === 'number' ? `${maxHeight}px` : maxHeight,
+        })
+        : undefined;
     if (nodes.length === 0) {
-        return (jsx(StyledTreeContainer, { ref: treeRef, className: className, "data-testid": testId, role: "tree", "aria-label": "Empty tree", ...rest, children: jsx(StyledEmptyState, { children: emptyContent ?? 'No items' }) }));
+        return (jsx("div", { ref: treeRef, className: cx(treeContainerStyle, className), "data-testid": testId, role: "tree", "aria-label": "Empty tree", style: containerInlineVars, ...rest, children: jsx("div", { className: emptyStateStyle, children: emptyContent ?? 'No items' }) }));
     }
-    return (jsx(StyledTreeContainer, { ref: treeRef, className: className, "data-testid": testId, role: "tree", "aria-label": "Tree", "aria-multiselectable": selectionMode === 'multiple' ? true : undefined, "aria-activedescendant": focusedId ? `treenode-${focusedId}` : undefined, tabIndex: 0, onKeyDown: handleKeyDown, "$maxHeight": maxHeight, ...rest, children: visibleNodes.map((flatNode, idx) => {
+    return (jsx("div", { ref: treeRef, className: cx(treeContainerStyle, className), "data-testid": testId, role: "tree", "aria-label": "Tree", "aria-multiselectable": selectionMode === 'multiple' ? true : undefined, "aria-activedescendant": focusedId ? `treenode-${focusedId}` : undefined, tabIndex: 0, onKeyDown: handleKeyDown, style: containerInlineVars, ...rest, children: visibleNodes.map((flatNode, idx) => {
             const { node, depth } = flatNode;
             return (jsx(TreeNodeComponent, { node: node, depth: depth, size: size, indent: indent, isSelected: selectedSet.has(node.id), isExpanded: expandedSet.has(node.id), isFocused: focusedId === node.id, isFirst: idx === 0, isLast: idx === visibleNodes.length - 1, showChevrons: showChevrons, showGuideLines: showGuideLines, renamable: renamable, nodeId: node.id, renderNode: renderNode, renderActions: renderActions, onToggleExpand: toggleExpand, onClick: handleNodeClick, onDoubleClick: onNodeDoubleClick, onContextMenu: onNodeContextMenu, onRename: onNodeRename }, node.id));
         }) }));

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.js","sources":["../../../../../../src/components/controls/TreeView/TreeView.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAYA,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAA0B;;;AAG5D,EAAA,EAAA,KAAK,IACL,KAAK,CAAC;MACF,eAAe,OAAO,KAAK,CAAC,UAAU,KAAK,QAAQ,GAAG,GAAG,KAAK,CAAC,UAAU,CAAI,EAAA,CAAA,GAAG,KAAK,CAAC,UAAU,CAAqB,mBAAA;AACvH,MAAE,EAAE;CACT;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;aAItB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;WACjC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;eAClC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAA;CACzD;AAED;;;;;;;;;;;;;;;;;AAiBG;AACI,MAAM,QAAQ,GAAG,CAAC,EACvB,KAAK,EACL,WAAW,EACX,kBAAkB,EAClB,WAAW,EACX,kBAAkB,EAClB,aAAa,GAAG,QAAQ,EACxB,SAAS,GAAG,KAAK,EACjB,IAAI,GAAG,IAAI,EACX,MAAM,GAAG,EAAE,EACX,YAAY,GAAG,IAAI,EACnB,cAAc,GAAG,KAAK,EACtB,cAAc,GAAG,KAAK,EACtB,SAAS,EACT,UAAU,EACV,aAAa,EACb,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,MAAM,EACN,GAAG,IAAI,EACO,KAAI;AAClB,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAE5C,IAAA,MAAM,EACJ,WAAW,EACX,WAAW,EACX,SAAS,EACT,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,UAAU,EACV,SAAS,GACV,GAAG,YAAY,CAAC;QACf,KAAK;QACL,WAAW;QACX,kBAAkB;QAClB,WAAW;QACX,kBAAkB;QAClB,aAAa;QACb,cAAc;QACd,gBAAgB;QAChB,iBAAiB;AAClB,KAAA,CAAC;;IAGF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,IAAkB,EAAE,KAAuB,KAAI;QAC9C,IAAI,IAAI,CAAC,QAAQ;YAAE;AAEnB,QAAA,UAAU,CAAC,IAAI,CAAC,EAAE,CAAC;AAEnB,QAAA,IAAI,aAAa,KAAK,MAAM,EAAE;YAC5B,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;AAClC,gBAAA,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,CAAC;;AACpB,iBAAA,IAAI,KAAK,CAAC,QAAQ,EAAE;AACzB,gBAAA,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;;iBACnB;AACL,gBAAA,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,SAAS,CAAC;;;AAI9B,QAAA,WAAW,GAAG,IAAI,EAAE,KAAK,CAAC;KAC3B,EACD,CAAC,aAAa,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,CAAC,CACjD;;AAGD,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA0B,KAAI;QAC7B,MAAM,UAAU,GAAG;AACjB,cAAE,YAAY,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS;cACrD,EAAE;AACN,QAAA,MAAM,WAAW,GACf,UAAU,IAAI,CAAC,GAAG,YAAY,CAAC,UAAU,CAAC,GAAG,SAAS;AAExD,QAAA,QAAQ,KAAK,CAAC,GAAG;YACf,KAAK,WAAW,EAAE;gBAChB,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC;AAC9B,gBAAA,IAAI,OAAO,GAAG,YAAY,CAAC,MAAM,EAAE;AACjC,oBAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC;oBACtC,IAAI,QAAQ,EAAE;AACZ,wBAAA,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC5B,IAAI,KAAK,CAAC,QAAQ,IAAI,aAAa,KAAK,UAAU,EAAE;4BAClD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;;;;gBAIvC;;YAEF,KAAK,SAAS,EAAE;gBACd,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC;AAC9B,gBAAA,IAAI,OAAO,IAAI,CAAC,EAAE;AAChB,oBAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC;oBACtC,IAAI,QAAQ,EAAE;AACZ,wBAAA,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;wBAC5B,IAAI,KAAK,CAAC,QAAQ,IAAI,aAAa,KAAK,UAAU,EAAE;4BAClD,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,OAAO,CAAC;;;;gBAIvC;;YAEF,KAAK,YAAY,EAAE;gBACjB,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,WAAW,EAAE;AACf,oBAAA,MAAM,WAAW,GACf,WAAW,CAAC,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;AACnE,oBAAA,IAAI,WAAW,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACxD,wBAAA,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;AAC5B,yBAAA,IAAI,WAAW,IAAI,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;;AAE9D,wBAAA,MAAM,OAAO,GAAG,UAAU,GAAG,CAAC;AAC9B,wBAAA,IAAI,OAAO,GAAG,YAAY,CAAC,MAAM,EAAE;AACjC,4BAAA,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC;4BACtC,IAAI,QAAQ,EAAE;AACZ,gCAAA,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;;;;;gBAKpC;;YAEF,KAAK,WAAW,EAAE;gBAChB,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,WAAW,EAAE;AACf,oBAAA,MAAM,WAAW,GACf,WAAW,CAAC,IAAI,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;AACnE,oBAAA,IAAI,WAAW,IAAI,WAAW,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;AACvD,wBAAA,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;AAC5B,yBAAA,IAAI,WAAW,CAAC,QAAQ,EAAE;;AAE/B,wBAAA,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAC;;;gBAGpC;;YAEF,KAAK,MAAM,EAAE;gBACX,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC;gBACjC,IAAI,SAAS,EAAE;AACb,oBAAA,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;;gBAE/B;;YAEF,KAAK,KAAK,EAAE;gBACV,KAAK,CAAC,cAAc,EAAE;gBACtB,MAAM,QAAQ,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC;gBACtD,IAAI,QAAQ,EAAE;AACZ,oBAAA,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;;gBAE9B;;YAEF,KAAK,OAAO,EAAE;gBACZ,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,SAAS,IAAI,aAAa,KAAK,MAAM,EAAE;AACzC,oBAAA,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;;gBAE9B;;YAEF,KAAK,GAAG,EAAE;gBACR,KAAK,CAAC,cAAc,EAAE;gBACtB,IAAI,SAAS,EAAE;AACb,oBAAA,IAAI,aAAa,KAAK,UAAU,EAAE;AAChC,wBAAA,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC;;AACtB,yBAAA,IAAI,aAAa,KAAK,QAAQ,EAAE;AACrC,wBAAA,MAAM,CAAC,SAAS,EAAE,SAAS,CAAC;;;gBAGhC;;YAEF,KAAK,GAAG,EAAE;gBACR,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE;oBAClC,KAAK,CAAC,cAAc,EAAE;AACtB,oBAAA,SAAS,EAAE;;gBAEb;;;AAGN,KAAC,EACD;QACE,SAAS;QACT,YAAY;QACZ,WAAW;QACX,aAAa;QACb,UAAU;QACV,MAAM;QACN,YAAY;QACZ,SAAS;AACV,KAAA,CACF;;AAGD,IAAA,KAAK,CAAC,SAAS,CAAC,MAAK;AACnB,QAAA,IAAI,SAAS,IAAI,OAAO,CAAC,OAAO,EAAE;AAChC,YAAA,MAAM,EAAE,GAAG,OAAO,CAAC,OAAO,CAAC,aAAa,CACtC,CAAa,UAAA,EAAA,GAAG,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA,CAAE,CACrC;YACD,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC,cAAc,KAAK,UAAU,EAAE;gBACjD,EAAE,CAAC,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;;;AAG7C,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;AAEf,IAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;AACtB,QAAA,QACEA,GAAA,CAAC,mBAAmB,EAAA,EAClB,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,EAAA,aAAA,EACP,MAAM,EACnB,IAAI,EAAC,MAAM,EACA,YAAA,EAAA,YAAY,EACnB,GAAA,IAAI,YAERA,GAAC,CAAA,gBAAgB,EAAE,EAAA,QAAA,EAAA,YAAY,IAAI,UAAU,EAAoB,CAAA,EAAA,CAC7C;;AAI1B,IAAA,QACEA,GAAA,CAAC,mBAAmB,EAAA,EAClB,GAAG,EAAE,OAAO,EACZ,SAAS,EAAE,SAAS,EAAA,aAAA,EACP,MAAM,EACnB,IAAI,EAAC,MAAM,EACA,YAAA,EAAA,MAAM,EACK,sBAAA,EAAA,aAAa,KAAK,UAAU,GAAG,IAAI,GAAG,SAAS,EAAA,uBAAA,EAC9C,SAAS,GAAG,CAAY,SAAA,EAAA,SAAS,CAAE,CAAA,GAAG,SAAS,EACtE,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,aAAa,EACZ,YAAA,EAAA,SAAS,EACjB,GAAA,IAAI,YAEP,YAAY,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,KAAI;AAClC,YAAA,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,QAAQ;YAChC,QACEA,GAAC,CAAA,iBAAiB,EAEhB,EAAA,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,EACpC,SAAS,EAAE,SAAS,KAAK,IAAI,CAAC,EAAE,EAChC,OAAO,EAAE,GAAG,KAAK,CAAC,EAClB,MAAM,EAAE,GAAG,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,EACvC,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,IAAI,CAAC,EAAE,EACf,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,YAAY,EAC5B,OAAO,EAAE,eAAe,EACxB,aAAa,EAAE,iBAAiB,EAChC,aAAa,EAAE,iBAAiB,EAChC,QAAQ,EAAE,YAAY,EApBjB,EAAA,IAAI,CAAC,EAAE,CAqBZ;SAEL,CAAC,EACkB,CAAA;AAE1B;AAEA,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"TreeView.js","sources":["../../../../../../src/components/controls/TreeView/TreeView.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAcA;;;;;;;;;;;;;;;;;AAiBG;AACI;AA2BL;AAEA;;;;;;;;;;AAmBC;;;;;AAOG;AAEA;;AAEI;;AACK;AACL;;;AAEA;;;AAIJ;;;AAMJ;;AAGM;;AAEF;AAGA;;;AAGI;AACA;AACE;;AAEE;;;;;;;;;;AAUJ;AACA;AACE;;AAEE;;;;;;;;;;;AAWF;AAEA;AACE;;AACK;;AAEL;AACA;AACE;;AAEE;;;;;;;;;;AAUN;AAEA;AACE;;AACK;;AAEL;;;;;;;AAOJ;;AAEE;;;;;;;;AAQA;;;;;;AAMF;AACE;;;;;;;AAOA;AACE;;AACK;AACL;;;;;;;;AAQF;;;;;AAKR;;;;;;;;;AAUC;;AAIH;AACE;AACE;;;;;AAOJ;;;AAIM;;;AAKN;AACE;;AAeF;AAeM;;;AA6BR;AAEA;;"}

package/dist/esm/components/controls/TreeView/useTreeState.js

@@ -1,3 +1,4 @@
+"use client";
 import { useState, useMemo, useCallback } from 'react';
 
 /**

package/dist/esm/components/controls/TreeView/useTreeState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTreeState.js","sources":["../../../../../../src/components/controls/TreeView/useTreeState.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"useTreeState.js","sources":["../../../../../../src/components/controls/TreeView/useTreeState.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAkCA;;AAEG;AACH;;AAOE;;;;;;AAQA;AACF;AAEA;;AAEG;AACH;;AAEE;AACE;AACA;;;;AAIF;AACF;AAEM;;AAYJ;;AAIE;;;AAIF;;AAIE;;;;;;;AAaF;AAEI;AACA;AACE;;;AAEA;;AAEF;;;AAGA;;;;;;AAUA;AAEA;;;;;AAIE;;;AAEO;AACL;AACA;AACE;;;AAEA;;;;;AAIF;;;;;;;;;;;;;;AAYI;AACA;AACE;AACA;AACE;;;;;;;AAQZ;;;AAGA;;;;AAKE;AACA;AACA;;;;AAIJ;;;;;;;;;;AAWC;;AAIH;;;;AAGE;;;AAGA;;;;;;;;;;;;AAaJ;;"}

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

@@ -0,0 +1,13 @@
+import './../../../assets/src/components/controls/VectorInput/VectorInput.css.ts.vanilla-BJma3iQ4.css';
+import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+
+var axisColorVar = 'var(--axisColorVar__1osrtmk0)';
+var axisInputStyle = 'VectorInput_axisInputStyle__1osrtmk6';
+var axisLabelRecipe = createRuntimeFn({defaultClassName:'VectorInput_axisLabelRecipe__1osrtmk7',variantClassNames:{size:{sm:'VectorInput_axisLabelRecipe_size_sm__1osrtmk8',md:'VectorInput_axisLabelRecipe_size_md__1osrtmk9',lg:'VectorInput_axisLabelRecipe_size_lg__1osrtmka'}},defaultVariants:{size:'md'},compoundVariants:[]});
+var gapVar = 'var(--gapVar__1osrtmk1)';
+var linkButtonRecipe = createRuntimeFn({defaultClassName:'VectorInput_linkButtonRecipe__1osrtmkb',variantClassNames:{active:{true:'VectorInput_linkButtonRecipe_active_true__1osrtmkc',false:'VectorInput_linkButtonRecipe_active_false__1osrtmkd'},size:{sm:'VectorInput_linkButtonRecipe_size_sm__1osrtmke',md:'VectorInput_linkButtonRecipe_size_md__1osrtmkf',lg:'VectorInput_linkButtonRecipe_size_lg__1osrtmkg'}},defaultVariants:{active:false,size:'md'},compoundVariants:[]});
+var vectorContainerStyle = 'VectorInput_vectorContainerStyle__1osrtmk2';
+var vectorRowRecipe = createRuntimeFn({defaultClassName:'VectorInput_vectorRowRecipe__1osrtmk3',variantClassNames:{direction:{row:'VectorInput_vectorRowRecipe_direction_row__1osrtmk4',column:'VectorInput_vectorRowRecipe_direction_column__1osrtmk5'}},defaultVariants:{direction:'row'},compoundVariants:[]});
+
+export { axisColorVar, axisInputStyle, axisLabelRecipe, gapVar, linkButtonRecipe, vectorContainerStyle, vectorRowRecipe };
+//# sourceMappingURL=VectorInput.css.js.map

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

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

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

@@ -1,9 +1,13 @@
+"use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useState, useRef, useCallback } from 'react';
-import styled from '@emotion/styled';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
 import { NumberInput } from '../NumberInput/NumberInput.js';
 import { FormLabel } from '../../form/FormLabel.js';
 import { FormHelperText } from '../../form/FormHelperText.js';
+import { cx } from '../../../utils/cx.js';
+import { vars } from '../../../theme/contract.css.js';
+import { axisInputStyle, axisColorVar, axisLabelRecipe, linkButtonRecipe, gapVar, vectorRowRecipe, vectorContainerStyle } from './VectorInput.css.js';
 
 // --- Label presets ---
 const LABEL_PRESETS = {
@@ -24,7 +28,7 @@ function getAxisColor(colorPreset, axisColors, axisIndex) {
     if (colorPreset === 'color') {
         return COLOR_COLORS[axisIndex] ?? null;
     }
-    // 'none' — will be resolved via theme in styled component
+    // 'none' — will be resolved via theme
     return null;
 }
 function getAxisLabels(labelPreset, axisLabels, dimension) {
@@ -37,84 +41,6 @@ function getAxisLabels(labelPreset, axisLabels, dimension) {
     }
     return Array.from({ length: dimension }, (_, i) => String(i));
 }
-// --- Styled components ---
-const StyledVectorContainer = styled.div `
-  display: flex;
-  flex-direction: column;
-`;
-const StyledVectorRow = styled.div `
-  display: flex;
-  flex-direction: ${props => props.$direction};
-  gap: ${props => props.$gap}px;
-  align-items: ${props => (props.$direction === 'row' ? 'center' : 'stretch')};
-`;
-const StyledAxisInput = styled.div `
-  position: relative;
-  flex: 1;
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  gap: 0;
-`;
-const axisLabelSizes = {
-    sm: { width: '16px', fontSizeKey: 'xs' },
-    md: { width: '18px', fontSizeKey: 'xs' },
-    lg: { width: '22px', fontSizeKey: 'sm' },
-};
-const StyledAxisLabel = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${props => axisLabelSizes[props.$size].width};
-  min-width: ${props => axisLabelSizes[props.$size].width};
-  height: ${props => axisLabelSizes[props.$size].width};
-  font-size: ${props => props.theme.typography.fontSize[axisLabelSizes[props.$size].fontSizeKey]}px;
-  font-weight: ${props => props.theme.typography.fontWeight.semibold};
-  color: ${props => props.$color ?? props.theme.colors.text.secondary};
-  background: ${props => props.$color
-    ? `${props.$color}33`
-    : `${props.theme.colors.text.secondary}33`};
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-  user-select: none;
-  flex-shrink: 0;
-  margin-right: ${props => props.theme.spacing.xs}px;
-`;
-const linkButtonSizes = {
-    sm: '20px',
-    md: '24px',
-    lg: '32px',
-};
-const StyledLinkButton = styled.button `
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: ${props => linkButtonSizes[props.$size]};
-  height: ${props => linkButtonSizes[props.$size]};
-  min-width: ${props => linkButtonSizes[props.$size]};
-  border: 1px solid ${props => props.theme.colors.border.default};
-  border-radius: ${props => props.theme.borderRadius.sm}px;
-  background: ${props => props.$active ? `${props.theme.colors.accent.primary}22` : 'transparent'};
-  color: ${props => props.$active
-    ? props.theme.colors.accent.primary
-    : props.theme.colors.text.muted};
-  cursor: pointer;
-  padding: 0;
-  margin-left: ${props => props.theme.spacing.xs}px;
-  transition: all ${props => props.theme.transitions.fast};
-  flex-shrink: 0;
-
-  &:hover {
-    background: ${props => props.theme.colors.surface.hover};
-    color: ${props => props.$active
-    ? props.theme.colors.accent.primary
-    : props.theme.colors.text.secondary};
-  }
-
-  &:disabled {
-    opacity: 0.5;
-    cursor: not-allowed;
-  }
-`;
 // SVG icons for link/unlink
 const LinkIcon = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: jsx("path", { d: "M6.5 9.5L9.5 6.5M5.5 7.5L4.146 8.854a2 2 0 002.708 2.708L8.5 10.5M7.5 5.5l1.646-1.646a2 2 0 012.708 2.708L10.5 8.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
 const UnlinkIcon = ({ size }) => (jsx("svg", { width: size, height: size, viewBox: "0 0 16 16", fill: "none", children: jsx("path", { d: "M5.5 7.5L4.146 8.854a2 2 0 002.708 2.708L8.5 10.5M7.5 5.5l1.646-1.646a2 2 0 012.708 2.708L10.5 8.5M4 4l8 8", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
@@ -189,12 +115,14 @@ const VectorInput = ({ value: controlledValue, defaultValue, dimension = 3, labe
     // Resolve labels
     const labels = getAxisLabels(labelPreset, customAxisLabels, dimension);
     const iconSize = size === 'sm' ? 12 : size === 'md' ? 14 : 16;
-    return (jsxs(StyledVectorContainer, { className: className, "data-testid": testId, role: "group", "aria-label": label ?? 'Vector input', ...rest, children: [label && jsx(FormLabel, { disabled: disabled, children: label }), jsxs(StyledVectorRow, { "$direction": direction, "$gap": gap, children: [Array.from({ length: dimension }, (_, i) => {
+    return (jsxs("div", { className: cx(vectorContainerStyle, className), "data-testid": testId, role: "group", "aria-label": label ?? 'Vector input', ...rest, children: [label && jsx(FormLabel, { disabled: disabled, children: label }), jsxs("div", { className: vectorRowRecipe({ direction }), style: assignInlineVars({ [gapVar]: `${gap}px` }), children: [Array.from({ length: dimension }, (_, i) => {
                         const axisLabel = labels[i] ?? String(i);
                         const axisValue = currentValue[i] ?? 0;
                         const axisColor = getAxisColor(colorPreset, customAxisColors, i);
-                        return (jsxs(StyledAxisInput, { "$direction": direction, children: [jsx(StyledAxisLabel, { "$color": axisColor, "$size": size, children: axisLabel }), jsx(NumberInput, { value: axisValue, onChange: (val) => handleAxisChange(i, val), onBlur: handleCommit, min: min, max: max, step: step, precisionStep: precisionStep, largeStep: largeStep, precision: precision, unit: unit, size: size, disabled: disabled, showStepButtons: false, "aria-label": `${axisLabel} axis` })] }, i));
-                    }), showLink && (jsx(StyledLinkButton, { type: "button", "$active": isLinked, "$size": size, onClick: handleLinkToggle, disabled: disabled, "aria-pressed": isLinked, "aria-label": isLinked ? 'Unlink axes' : 'Link axes', title: isLinked ? 'Unlink axes' : 'Link axes', children: isLinked ? (jsx(LinkIcon, { size: iconSize })) : (jsx(UnlinkIcon, { size: iconSize })) }))] }), (error && errorMessage) || helperText ? (jsx(FormHelperText, { error: error && !!errorMessage, children: error && errorMessage ? errorMessage : helperText })) : null] }));
+                        // Fallback to theme secondary text color when no axis color
+                        const resolvedColor = axisColor ?? vars.colors.text.secondary;
+                        return (jsxs("div", { className: axisInputStyle, children: [jsx("div", { className: axisLabelRecipe({ size }), style: assignInlineVars({ [axisColorVar]: resolvedColor }), children: axisLabel }), jsx(NumberInput, { value: axisValue, onChange: (val) => handleAxisChange(i, val), onBlur: handleCommit, min: min, max: max, step: step, precisionStep: precisionStep, largeStep: largeStep, precision: precision, unit: unit, size: size, disabled: disabled, showStepButtons: false, "aria-label": `${axisLabel} axis` })] }, i));
+                    }), showLink && (jsx("button", { type: "button", className: linkButtonRecipe({ active: isLinked, size }), onClick: handleLinkToggle, disabled: disabled, "aria-pressed": isLinked, "aria-label": isLinked ? 'Unlink axes' : 'Link axes', title: isLinked ? 'Unlink axes' : 'Link axes', children: isLinked ? (jsx(LinkIcon, { size: iconSize })) : (jsx(UnlinkIcon, { size: iconSize })) }))] }), (error && errorMessage) || helperText ? (jsx(FormHelperText, { error: error && !!errorMessage, children: error && errorMessage ? errorMessage : helperText })) : null] }));
 };
 VectorInput.displayName = 'VectorInput';
 

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":["_jsx","_jsxs"],"mappings":"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"}
+{"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/ChatActionBar.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { cx } from '../../../utils/cx.js';
+import { actionBarStyle } from './ChatPanel.css.js';
+
+const ChatActionBar = /*#__PURE__*/ React.memo(({ children, className, style, testId, ref, ...rest }) => {
+    return (jsx("div", { ref: ref, className: cx(actionBarStyle, className), style: style, "data-testid": testId, ...rest, children: children }));
+});
+ChatActionBar.displayName = 'ChatActionBar';
+
+export { ChatActionBar };
+//# sourceMappingURL=ChatActionBar.js.map

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

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

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

@@ -0,0 +1,36 @@
+"use client";
+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';
+
+// ─── 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,
+};
+// ─── Component ───────────────────────────────────────────────────
+const ChatAttachmentChip = 
+/*#__PURE__*/ React.memo(({ attachment, onRemove, onClick, removable = false, className, style, testId, ref, ...rest }) => {
+    const handleClick = useCallback(() => {
+        onClick?.(attachment);
+    }, [onClick, attachment]);
+    const handleRemove = useCallback((e) => {
+        e.stopPropagation();
+        onRemove?.(attachment.id);
+    }, [onRemove, attachment.id]);
+    const TypeIcon = TYPE_ICONS[attachment.type] ?? FileIcon;
+    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, {}) }))] }));
+});
+ChatAttachmentChip.displayName = 'ChatAttachmentChip';
+
+export { ChatAttachmentChip };
+//# sourceMappingURL=ChatAttachment.js.map

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

@@ -0,0 +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;;"}

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

@@ -0,0 +1,13 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import { cx } from '../../../utils/cx.js';
+import { bubbleRecipe } from './ChatPanel.css.js';
+
+const ChatBubble = /*#__PURE__*/ React.memo(({ role = 'assistant', children, className, style, testId, ref, ...rest }) => {
+    return (jsx("div", { ref: ref, className: cx(bubbleRecipe({ role }), className), style: style, "data-testid": testId, ...rest, children: children }));
+});
+ChatBubble.displayName = 'ChatBubble';
+
+export { ChatBubble };
+//# sourceMappingURL=ChatBubble.js.map

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

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

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

@@ -0,0 +1,34 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useCallback } from 'react';
+import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { cx } from '../../../utils/cx.js';
+import { codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockActionsStyle, codeBlockCopyButtonStyle, codeBlockLineNumbersColumnStyle, codeBlockPreStyle, codeBlockMaxHeightVar, codeBlockContentWithLineNumbersStyle, codeBlockContentStyle, codeBlockContainerStyle } from './ChatPanel.css.js';
+
+// ─── Icons ───────────────────────────────────────────────────────
+const CopyIcon = () => (jsxs("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [jsx("rect", { x: "5", y: "5", width: "9", height: "9", rx: "1.5", stroke: "currentColor", strokeWidth: "1.5" }), jsx("path", { d: "M11 5V3.5A1.5 1.5 0 009.5 2H3.5A1.5 1.5 0 002 3.5V9.5A1.5 1.5 0 003.5 11H5", stroke: "currentColor", strokeWidth: "1.5" })] }));
+const CheckIcon = () => (jsx("svg", { width: "12", height: "12", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: jsx("path", { d: "M3 8.5L6.5 12L13 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+// ─── Component ───────────────────────────────────────────────────
+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 handleCopy = useCallback(() => {
+        navigator.clipboard
+            .writeText(code)
+            .then(() => {
+            setCopied(true);
+            setTimeout(() => setCopied(false), 2000);
+        })
+            .catch(() => {
+            // Fallback: older browsers — no-op
+        });
+    }, [code]);
+    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, {}) : jsx(CopyIcon, {}) }))] })] })), jsxs("div", { className: cx(codeBlockContentStyle, lineNumbers && codeBlockContentWithLineNumbersStyle), style: assignInlineVars({
+                    [codeBlockMaxHeightVar]: `${maxHeight}px`,
+                }), "data-testid": testId ? `${testId}-content` : undefined, children: [lineNumbers && (jsx("div", { className: codeBlockLineNumbersColumnStyle, "aria-hidden": "true", "data-testid": testId ? `${testId}-line-numbers` : undefined, children: lines.map((_, i) => (jsx("div", { children: i + 1 }, i))) })), jsx("pre", { className: codeBlockPreStyle, children: jsx("code", { children: code }) })] })] }));
+});
+ChatCodeBlock.displayName = 'ChatCodeBlock';
+
+export { ChatCodeBlock };
+//# sourceMappingURL=ChatCodeBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChatCodeBlock.js","sources":["../../../../../../src/components/editor/ChatPanel/ChatCodeBlock.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;AAmBA;AAEA;AAyBA;AAkBA;AAEO;;AAgBH;AACE;;;;;AAKE;;;AAGA;AACJ;;;;AAwCQ;AACD;AAoBT;AAGF;;"}

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

@@ -0,0 +1,17 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useCallback } from 'react';
+import { cx } from '../../../utils/cx.js';
+import { contextChipIconStyle, contextChipLabelStyle, contextChipItemsStyle, contextChipDismissStyle, contextChipStyle } from './ChatPanel.css.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, {}) }))] }));
+});
+ChatContextChip.displayName = 'ChatContextChip';
+
+export { ChatContextChip };
+//# sourceMappingURL=ChatContextChip.js.map

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

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