entangle-ui 0.1.0 → 0.3.0

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

@@ -0,0 +1,213 @@
+import { jsx } from 'react/jsx-runtime';
+import React, { useRef, useCallback } from 'react';
+import styled from '@emotion/styled';
+import { useTreeState } from './useTreeState.js';
+import { TreeNodeComponent } from './TreeNode.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.
+ *
+ * Supports multi-selection, keyboard navigation, inline renaming,
+ * and custom node rendering. The most iconic editor panel — scene hierarchy,
+ * file browser, layer stack.
+ *
+ * @example
+ * ```tsx
+ * const nodes = [
+ *   { id: '1', label: 'Root', children: [
+ *     { id: '1.1', label: 'Child A' },
+ *     { id: '1.2', label: 'Child B' },
+ *   ]},
+ * ];
+ * <TreeView nodes={nodes} onSelectionChange={setSelected} />
+ * ```
+ */
+const TreeView = ({ nodes, expandedIds, defaultExpandedIds, selectedIds, defaultSelectedIds, selectionMode = 'single', renamable = false, size = 'md', indent = 16, showChevrons = true, showGuideLines = false, expandOnSelect = false, maxHeight, renderNode, renderActions, emptyContent, onExpandedChange, onSelectionChange, onNodeClick, onNodeDoubleClick, onNodeContextMenu, onNodeRename, className, testId, ...rest }) => {
+    const treeRef = useRef(null);
+    const { expandedSet, selectedSet, focusedId, visibleNodes, toggleExpand, select, setFocused, selectAll, } = useTreeState({
+        nodes,
+        expandedIds,
+        defaultExpandedIds,
+        selectedIds,
+        defaultSelectedIds,
+        selectionMode,
+        expandOnSelect,
+        onExpandedChange,
+        onSelectionChange,
+    });
+    // Handle node click with selection logic
+    const handleNodeClick = useCallback((node, event) => {
+        if (node.disabled)
+            return;
+        setFocused(node.id);
+        if (selectionMode !== 'none') {
+            if (event.ctrlKey || event.metaKey) {
+                select(node.id, 'toggle');
+            }
+            else if (event.shiftKey) {
+                select(node.id, 'range');
+            }
+            else {
+                select(node.id, 'replace');
+            }
+        }
+        onNodeClick?.(node, event);
+    }, [selectionMode, select, setFocused, onNodeClick]);
+    // Keyboard navigation
+    const handleKeyDown = useCallback((event) => {
+        const currentIdx = focusedId
+            ? visibleNodes.findIndex(vn => vn.node.id === focusedId)
+            : -1;
+        const currentNode = currentIdx >= 0 ? visibleNodes[currentIdx] : undefined;
+        switch (event.key) {
+            case 'ArrowDown': {
+                event.preventDefault();
+                const nextIdx = currentIdx + 1;
+                if (nextIdx < visibleNodes.length) {
+                    const nextNode = visibleNodes[nextIdx];
+                    if (nextNode) {
+                        setFocused(nextNode.node.id);
+                        if (event.shiftKey && selectionMode === 'multiple') {
+                            select(nextNode.node.id, 'range');
+                        }
+                    }
+                }
+                break;
+            }
+            case 'ArrowUp': {
+                event.preventDefault();
+                const prevIdx = currentIdx - 1;
+                if (prevIdx >= 0) {
+                    const prevNode = visibleNodes[prevIdx];
+                    if (prevNode) {
+                        setFocused(prevNode.node.id);
+                        if (event.shiftKey && selectionMode === 'multiple') {
+                            select(prevNode.node.id, 'range');
+                        }
+                    }
+                }
+                break;
+            }
+            case 'ArrowRight': {
+                event.preventDefault();
+                if (currentNode) {
+                    const hasChildren = currentNode.node.children && currentNode.node.children.length > 0;
+                    if (hasChildren && !expandedSet.has(currentNode.node.id)) {
+                        toggleExpand(currentNode.node.id);
+                    }
+                    else if (hasChildren && expandedSet.has(currentNode.node.id)) {
+                        // Move to first child
+                        const nextIdx = currentIdx + 1;
+                        if (nextIdx < visibleNodes.length) {
+                            const nextNode = visibleNodes[nextIdx];
+                            if (nextNode) {
+                                setFocused(nextNode.node.id);
+                            }
+                        }
+                    }
+                }
+                break;
+            }
+            case 'ArrowLeft': {
+                event.preventDefault();
+                if (currentNode) {
+                    const hasChildren = currentNode.node.children && currentNode.node.children.length > 0;
+                    if (hasChildren && expandedSet.has(currentNode.node.id)) {
+                        toggleExpand(currentNode.node.id);
+                    }
+                    else if (currentNode.parentId) {
+                        // Move to parent
+                        setFocused(currentNode.parentId);
+                    }
+                }
+                break;
+            }
+            case 'Home': {
+                event.preventDefault();
+                const firstNode = visibleNodes[0];
+                if (firstNode) {
+                    setFocused(firstNode.node.id);
+                }
+                break;
+            }
+            case 'End': {
+                event.preventDefault();
+                const lastNode = visibleNodes[visibleNodes.length - 1];
+                if (lastNode) {
+                    setFocused(lastNode.node.id);
+                }
+                break;
+            }
+            case 'Enter': {
+                event.preventDefault();
+                if (focusedId && selectionMode !== 'none') {
+                    select(focusedId, 'replace');
+                }
+                break;
+            }
+            case ' ': {
+                event.preventDefault();
+                if (focusedId) {
+                    if (selectionMode === 'multiple') {
+                        select(focusedId, 'toggle');
+                    }
+                    else if (selectionMode === 'single') {
+                        select(focusedId, 'replace');
+                    }
+                }
+                break;
+            }
+            case 'a': {
+                if (event.ctrlKey || event.metaKey) {
+                    event.preventDefault();
+                    selectAll();
+                }
+                break;
+            }
+        }
+    }, [
+        focusedId,
+        visibleNodes,
+        expandedSet,
+        selectionMode,
+        setFocused,
+        select,
+        toggleExpand,
+        selectAll,
+    ]);
+    // Scroll focused node into view
+    React.useEffect(() => {
+        if (focusedId && treeRef.current) {
+            const el = treeRef.current.querySelector(`#treenode-${CSS.escape(focusedId)}`);
+            if (el && typeof el.scrollIntoView === 'function') {
+                el.scrollIntoView({ block: 'nearest' });
+            }
+        }
+    }, [focusedId]);
+    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(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) => {
+            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));
+        }) }));
+};
+TreeView.displayName = 'TreeView';
+
+export { TreeView };
+//# sourceMappingURL=TreeView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sources":["../../../../../../src/components/controls/TreeView/TreeView.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

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

@@ -0,0 +1,154 @@
+import { useState, useMemo, useCallback } from 'react';
+
+/**
+ * Flatten tree into a list of visible nodes, respecting expansion state.
+ */
+function flattenTree(nodes, expandedSet, depth = 0, parentId = null) {
+    const result = [];
+    for (const node of nodes) {
+        result.push({ node, depth, parentId });
+        if (node.children && node.children.length > 0 && expandedSet.has(node.id)) {
+            result.push(...flattenTree(node.children, expandedSet, depth + 1, node.id));
+        }
+    }
+    return result;
+}
+/**
+ * Collect all node IDs from a tree for "expand all" or "select all".
+ */
+function collectAllIds(nodes) {
+    const ids = [];
+    for (const node of nodes) {
+        ids.push(node.id);
+        if (node.children) {
+            ids.push(...collectAllIds(node.children));
+        }
+    }
+    return ids;
+}
+function useTreeState({ nodes, expandedIds: controlledExpanded, defaultExpandedIds, selectedIds: controlledSelected, defaultSelectedIds, selectionMode, expandOnSelect = false, onExpandedChange, onSelectionChange, }) {
+    // Internal expansion state
+    const [internalExpanded, setInternalExpanded] = useState(() => new Set(defaultExpandedIds ?? []));
+    const expandedSet = controlledExpanded
+        ? new Set(controlledExpanded)
+        : internalExpanded;
+    // Internal selection state
+    const [internalSelected, setInternalSelected] = useState(() => new Set(defaultSelectedIds ?? []));
+    const selectedSet = controlledSelected
+        ? new Set(controlledSelected)
+        : internalSelected;
+    // Focused node
+    const [focusedId, setFocused] = useState(null);
+    // Flatten visible nodes
+    const visibleNodes = useMemo(() => flattenTree(nodes, expandedSet), [nodes, expandedSet]);
+    // Toggle expansion
+    const toggleExpand = useCallback((id) => {
+        const next = new Set(expandedSet);
+        if (next.has(id)) {
+            next.delete(id);
+        }
+        else {
+            next.add(id);
+        }
+        if (controlledExpanded === undefined) {
+            setInternalExpanded(next);
+        }
+        onExpandedChange?.([...next]);
+    }, [expandedSet, controlledExpanded, onExpandedChange]);
+    // Selection
+    const select = useCallback((id, mode) => {
+        if (selectionMode === 'none')
+            return;
+        let next;
+        if (selectionMode === 'single') {
+            next = new Set([id]);
+        }
+        else {
+            // multiple mode
+            if (mode === 'replace') {
+                next = new Set([id]);
+            }
+            else if (mode === 'toggle') {
+                next = new Set(selectedSet);
+                if (next.has(id)) {
+                    next.delete(id);
+                }
+                else {
+                    next.add(id);
+                }
+            }
+            else {
+                // range — select from last selected to this id
+                const visibleIds = visibleNodes.map(vn => vn.node.id);
+                const lastSelected = [...selectedSet].pop();
+                if (!lastSelected) {
+                    next = new Set([id]);
+                }
+                else {
+                    const startIdx = visibleIds.indexOf(lastSelected);
+                    const endIdx = visibleIds.indexOf(id);
+                    if (startIdx === -1 || endIdx === -1) {
+                        next = new Set([id]);
+                    }
+                    else {
+                        const from = Math.min(startIdx, endIdx);
+                        const to = Math.max(startIdx, endIdx);
+                        next = new Set(selectedSet);
+                        for (let i = from; i <= to; i++) {
+                            const nodeId = visibleIds[i];
+                            if (nodeId !== undefined) {
+                                next.add(nodeId);
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        if (controlledSelected === undefined) {
+            setInternalSelected(next);
+        }
+        onSelectionChange?.([...next]);
+        // Expand on select
+        if (expandOnSelect && !expandedSet.has(id)) {
+            // Check if node has children
+            const flat = flattenTree(nodes, new Set(collectAllIds(nodes)));
+            const targetNode = flat.find(fn => fn.node.id === id);
+            if (targetNode?.node.children && targetNode.node.children.length > 0) {
+                toggleExpand(id);
+            }
+        }
+    }, [
+        selectionMode,
+        selectedSet,
+        controlledSelected,
+        onSelectionChange,
+        expandOnSelect,
+        expandedSet,
+        nodes,
+        visibleNodes,
+        toggleExpand,
+    ]);
+    // Select all visible nodes
+    const selectAll = useCallback(() => {
+        if (selectionMode !== 'multiple')
+            return;
+        const allIds = new Set(visibleNodes.map(vn => vn.node.id));
+        if (controlledSelected === undefined) {
+            setInternalSelected(allIds);
+        }
+        onSelectionChange?.([...allIds]);
+    }, [selectionMode, visibleNodes, controlledSelected, onSelectionChange]);
+    return {
+        expandedSet,
+        selectedSet,
+        focusedId,
+        visibleNodes,
+        toggleExpand,
+        select,
+        setFocused,
+        selectAll,
+    };
+}
+
+export { useTreeState };
+//# sourceMappingURL=useTreeState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTreeState.js","sources":["../../../../../../src/components/controls/TreeView/useTreeState.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}

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

@@ -0,0 +1,202 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useState, useRef, useCallback } from 'react';
+import styled from '@emotion/styled';
+import { NumberInput } from '../NumberInput/NumberInput.js';
+import { FormLabel } from '../../form/FormLabel.js';
+import { FormHelperText } from '../../form/FormHelperText.js';
+
+// --- Label presets ---
+const LABEL_PRESETS = {
+    xyz: ['X', 'Y', 'Z', 'W'],
+    rgba: ['R', 'G', 'B', 'A'],
+    uvw: ['U', 'V', 'W'],
+};
+// --- Color presets ---
+const SPATIAL_COLORS = ['#EF4444', '#22C55E', '#3B82F6', '#A855F7'];
+const COLOR_COLORS = ['#EF4444', '#22C55E', '#3B82F6', '#FFFFFF'];
+function getAxisColor(colorPreset, axisColors, axisIndex) {
+    if (colorPreset === 'custom' && axisColors) {
+        return axisColors[axisIndex] ?? null;
+    }
+    if (colorPreset === 'spatial') {
+        return SPATIAL_COLORS[axisIndex] ?? null;
+    }
+    if (colorPreset === 'color') {
+        return COLOR_COLORS[axisIndex] ?? null;
+    }
+    // 'none' — will be resolved via theme in styled component
+    return null;
+}
+function getAxisLabels(labelPreset, axisLabels, dimension) {
+    if (labelPreset === 'custom' && axisLabels) {
+        return axisLabels;
+    }
+    const preset = LABEL_PRESETS[labelPreset];
+    if (preset) {
+        return preset.slice(0, 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" }) }));
+/**
+ * A grouped numeric input for Vec2, Vec3, and Vec4 vectors.
+ *
+ * Used for position, rotation, scale, color channels, UV coordinates,
+ * bounding box extents, and more. Composes NumberInput with per-axis labels,
+ * optional color coding, and linked/unlinked proportional editing.
+ *
+ * @example
+ * ```tsx
+ * <VectorInput
+ *   label="Position"
+ *   value={[0, 0, 0]}
+ *   onChange={(val) => setPosition(val)}
+ *   unit="px"
+ * />
+ * ```
+ */
+const VectorInput = ({ value: controlledValue, defaultValue, dimension = 3, labelPreset = 'xyz', axisLabels: customAxisLabels, colorPreset = 'spatial', axisColors: customAxisColors, min, max, step, precisionStep, largeStep, precision, unit, size = 'md', label, helperText, error = false, errorMessage, disabled = false, showLink = false, defaultLinked = false, linked: controlledLinked, onLinkedChange, direction = 'row', gap = 2, onChange, onChangeComplete, className, testId, ...rest }) => {
+    // Internal value state (uncontrolled mode)
+    const [internalValue, setInternalValue] = useState(() => defaultValue ?? Array.from({ length: dimension }, () => 0));
+    const currentValue = controlledValue ?? internalValue;
+    // Internal linked state (uncontrolled mode)
+    const [internalLinked, setInternalLinked] = useState(defaultLinked);
+    const isLinked = controlledLinked ?? internalLinked;
+    // Ref to track value before linked changes for proportional math
+    const prevValueRef = useRef(currentValue);
+    // Keep prevValueRef up to date when value changes externally
+    React.useEffect(() => {
+        prevValueRef.current = currentValue;
+    }, [currentValue]);
+    // Handle link toggle
+    const handleLinkToggle = useCallback(() => {
+        const newLinked = !isLinked;
+        if (controlledLinked === undefined) {
+            setInternalLinked(newLinked);
+        }
+        onLinkedChange?.(newLinked);
+    }, [isLinked, controlledLinked, onLinkedChange]);
+    // Handle axis value change
+    const handleAxisChange = useCallback((axisIndex, newAxisValue) => {
+        const prevVector = prevValueRef.current;
+        let nextValue;
+        if (isLinked) {
+            const oldAxisValue = prevVector[axisIndex] ?? 0;
+            if (oldAxisValue !== 0) {
+                // Proportional scaling
+                const ratio = newAxisValue / oldAxisValue;
+                nextValue = prevVector.map((v, i) => i === axisIndex ? newAxisValue : v * ratio);
+            }
+            else {
+                // Additive delta when old value is 0
+                const delta = newAxisValue - oldAxisValue;
+                nextValue = prevVector.map((v, i) => i === axisIndex ? newAxisValue : v + delta);
+            }
+        }
+        else {
+            nextValue = currentValue.map((v, i) => i === axisIndex ? newAxisValue : v);
+        }
+        prevValueRef.current = nextValue;
+        if (controlledValue === undefined) {
+            setInternalValue(nextValue);
+        }
+        onChange?.(nextValue, axisIndex);
+    }, [isLinked, currentValue, controlledValue, onChange]);
+    // Handle commit (blur/Enter on any NumberInput)
+    const handleCommit = useCallback(() => {
+        onChangeComplete?.(prevValueRef.current);
+    }, [onChangeComplete]);
+    // 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) => {
+                        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] }));
+};
+VectorInput.displayName = 'VectorInput';
+
+export { VectorInput };
+//# sourceMappingURL=VectorInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VectorInput.js","sources":["../../../../../../src/components/controls/VectorInput/VectorInput.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/editor/PropertyInspector/PropertyGroup.js

@@ -0,0 +1,42 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styled from '@emotion/styled';
+import { processCss } from '../../../utils/styledUtils.js';
+
+const StyledGroupRoot = styled.div `
+  display: flex;
+  flex-direction: column;
+  padding-left: ${props => props.$indent * props.theme.spacing.xl}px;
+  opacity: ${props => (props.$disabled ? 0.5 : 1)};
+  pointer-events: ${props => (props.$disabled ? 'none' : 'auto')};
+
+  ${props => processCss(props.$css, props.theme)}
+`;
+const StyledGroupDivider = styled.div `
+  display: flex;
+  align-items: center;
+  gap: ${props => props.theme.spacing.md}px;
+  padding: ${props => props.theme.spacing.sm}px
+    ${props => props.theme.spacing.md}px;
+`;
+const StyledGroupTitle = styled.span `
+  font-size: ${props => props.theme.typography.fontSize.xs}px;
+  color: ${props => props.theme.colors.text.muted};
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  font-weight: ${props => props.theme.typography.fontWeight.medium};
+  white-space: nowrap;
+  flex-shrink: 0;
+`;
+const StyledGroupLine = styled.span `
+  flex: 1;
+  height: 1px;
+  background: ${props => props.theme.colors.border.default};
+`;
+// --- Component ---
+const PropertyGroup = ({ title, children, indent = 0, disabled = false, css, className, style, testId, ref, ...rest }) => {
+    return (jsxs(StyledGroupRoot, { ref: ref, "$indent": indent, "$disabled": disabled, "$css": css, className: className, style: style, "data-testid": testId, ...rest, children: [title != null && (jsxs(StyledGroupDivider, { children: [jsx(StyledGroupLine, {}), jsx(StyledGroupTitle, { children: title }), jsx(StyledGroupLine, {})] })), children] }));
+};
+PropertyGroup.displayName = 'PropertyGroup';
+
+export { PropertyGroup };
+//# sourceMappingURL=PropertyGroup.js.map

package/dist/esm/components/editor/PropertyInspector/PropertyGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PropertyGroup.js","sources":["../../../../../../src/components/editor/PropertyInspector/PropertyGroup.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AAaA,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAsB;;;AAGtC,gBAAA,EAAA,KAAK,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;AACpD,WAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,GAAG,GAAG,CAAC,CAAC,CAAA;AAC7B,kBAAA,EAAA,KAAK,KAAK,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAA;;AAE5D,EAAA,EAAA,KAAK,IAAI,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC;CAC/C;AAED,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAG5B,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;aAC3B,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;MACtC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAA;CACpC;AAED,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAA;eACrB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAA;WAC/C,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAA;;;iBAGhC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,UAAU,CAAC,MAAM,CAAA;;;CAGjE;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAA;;;gBAGnB,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAA;CACzD;AAED;AAEO,MAAM,aAAa,GAAiC,CAAC,EAC1D,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,CAAC,EACV,QAAQ,GAAG,KAAK,EAChB,GAAG,EACH,SAAS,EACT,KAAK,EACL,MAAM,EACN,GAAG,EACH,GAAG,IAAI,EACR,KAAI;IACH,QACEA,IAAC,CAAA,eAAe,EACd,EAAA,GAAG,EAAE,GAAG,EAAA,SAAA,EACC,MAAM,EAAA,WAAA,EACJ,QAAQ,EAAA,MAAA,EACb,GAAG,EACT,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EAAA,aAAA,EACC,MAAM,EAAA,GACf,IAAI,EAAA,QAAA,EAAA,CAEP,KAAK,IAAI,IAAI,KACZA,IAAC,CAAA,kBAAkB,eACjBC,GAAC,CAAA,eAAe,EAAG,EAAA,CAAA,EACnBA,GAAC,CAAA,gBAAgB,cAAE,KAAK,EAAA,CAAoB,EAC5CA,GAAA,CAAC,eAAe,EAAA,EAAA,CAAG,CACA,EAAA,CAAA,CACtB,EACA,QAAQ,CACO,EAAA,CAAA;AAEtB;AAEA,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}