entangle-ui 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # entangle-ui
 
+## 0.6.2
+
+### Patch Changes
+
+- [#40](https://github.com/SebastianWebdev/entangle-ui/pull/40) [`e741f82`](https://github.com/SebastianWebdev/entangle-ui/commit/e741f828607ed018073d8b597b6f7695bba94ec7) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Reword mathExpression JSDoc to avoid socket.dev false positive alerts
+
+## 0.6.1
+
+### Patch Changes
+
+- [#38](https://github.com/SebastianWebdev/entangle-ui/pull/38) [`3a3222f`](https://github.com/SebastianWebdev/entangle-ui/commit/3a3222f6e007f8fe2d0969df17c0d7e21b67cfc4) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Default NumberInput precision to 2 decimal places. Fixes floating-point artifacts (e.g. `1.0000000000000002`) when dragging to change values.
+
+- [#38](https://github.com/SebastianWebdev/entangle-ui/pull/38) [`1b9540f`](https://github.com/SebastianWebdev/entangle-ui/commit/1b9540f5008a71c53549d6882b3e52e8c4f6bf5e) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Replace eval-based math expression parser with recursive descent parser. Removes `new Function()` to eliminate Socket.dev "Uses eval" flag. Adds modulo operator, implicit multiplication, multi-arg functions (min, max, pow, clamp, lerp, smoothstep), hyperbolic trig, unit conversion (deg/rad), and context-aware comma handling.
+
+- [#38](https://github.com/SebastianWebdev/entangle-ui/pull/38) [`536e037`](https://github.com/SebastianWebdev/entangle-ui/commit/536e037280821dc4c9e9d4833514fbd04b579675) Thanks [@SebastianWebdev](https://github.com/SebastianWebdev)! - Move @vanilla-extract/dynamic and @vanilla-extract/recipes from dependencies to peerDependencies. Mark them as external in Rollup to avoid bundling duplicate runtime code.
+
 ## 0.6.0
 
 ### Minor Changes

package/README.md

@@ -1,5 +1,8 @@
 # Entangle UI
 
+[![npm](https://img.shields.io/npm/v/entangle-ui)](https://www.npmjs.com/package/entangle-ui)
+[![Socket Badge](https://socket.dev/api/badge/npm/package/entangle-ui)](https://socket.dev/npm/package/entangle-ui)
+
 React + TypeScript component library for building editor-style interfaces.
 
 `entangle-ui` is focused on dense, keyboard-friendly UI patterns used in tools like 3D editors, node editors, scene inspectors, and technical dashboards.

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/controls/CartesianPicker/CartesianPicker.css.ts.vanilla-Ccao9ycw.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var bottomBarStyle = 'CartesianPicker_bottomBarStyle__tqma2q6';
 var cartesianPickerRecipe = createRuntimeFn({defaultClassName:'CartesianPicker_cartesianPickerRecipe__tqma2q1',variantClassNames:{disabled:{true:'CartesianPicker_cartesianPickerRecipe_disabled_true__tqma2q2',false:'CartesianPicker_cartesianPickerRecipe_disabled_false__tqma2q3'},responsive:{true:'CartesianPicker_cartesianPickerRecipe_responsive_true__tqma2q4',false:'CartesianPicker_cartesianPickerRecipe_responsive_false__tqma2q5'}},defaultVariants:{disabled:false,responsive:false},compoundVariants:[]});

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { roundToPrecision } from '../../../utils/mathUtils.js';
 import { CanvasContainer } from '../../primitives/canvas/CanvasContainer.js';

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/controls/ColorPicker/ColorPicker.css.ts.vanilla-Do5nbdgO.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var alphaGradientStyle = 'ColorPicker_alphaGradientStyle__11dms9oa';
 var alphaThumbStyle = 'ColorPicker_alphaThumbStyle__11dms9ob';

package/dist/esm/components/controls/CurveEditor/CurveCanvas.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useEffect } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { useCurveRenderer } from './useCurveRenderer.js';
 import { canvasRecipe, ariaLiveRegionStyle, canvasHeightVar, canvasContainerRecipe } from './CurveEditor.css.js';
 

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/controls/CurveEditor/CurveEditor.css.ts.vanilla-Vn9SOx70.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var ariaLiveRegionStyle = 'CurveEditor_ariaLiveRegionStyle__yuzld7f';
 var bottomBarStyle = 'CurveEditor_bottomBarStyle__yuzld78';

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState, useMemo, useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { vars } from '../../../theme/contract.css.js';
 import { cx } from '../../../utils/cx.js';
 import { ensureKeyframeIds, evaluateCurve } from './curveUtils.js';

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { IconButton } from '../../primitives/IconButton/IconButton.js';
 import { Select } from '../Select/Select.js';
 import { Tooltip } from '../../primitives/Tooltip/Tooltip.js';

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/controls/NumberInput/NumberInput.css.ts.vanilla-uGNr81xQ.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var containerDraggingStyle = 'NumberInput_containerDraggingStyle__1l9csw2';
 var containerHoveredStyle = 'NumberInput_containerHoveredStyle__1l9csw1';

package/dist/esm/components/controls/NumberInput/useNumberInput.js

@@ -50,8 +50,11 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
     // Calculate default step sizes if not provided
     const effectivePrecisionStep = precisionStep ?? step / 10;
     const effectiveLargeStep = largeStep ?? step * 10;
+    const effectivePrecision = precision ?? 2;
     // State
-    const [displayValue, setDisplayValue] = useState(() => formatValue ? formatValue(value) : defaultFormatValue(value, precision));
+    const [displayValue, setDisplayValue] = useState(() => formatValue
+        ? formatValue(value)
+        : defaultFormatValue(value, effectivePrecision));
     const [isEditing, setIsEditing] = useState(false);
     const [isDragging, setIsDragging] = useState(false);
     const [isHovered, setIsHovered] = useState(false);
@@ -68,11 +71,11 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         if (!isEditing && !isDragging) {
             const formatted = formatValue
                 ? formatValue(value)
-                : defaultFormatValue(value, precision);
+                : defaultFormatValue(value, effectivePrecision);
             setDisplayValue(formatted);
             setError(undefined);
         }
-    }, [value, precision, isEditing, isDragging, formatValue]);
+    }, [value, effectivePrecision, isEditing, isDragging, formatValue]);
     /**
      * Gets the appropriate step size based on modifier keys
      */
@@ -97,7 +100,7 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         if (disabled)
             return;
         // Apply rounding
-        const rounded = roundToPrecision(newValue, precision);
+        const rounded = roundToPrecision(newValue, effectivePrecision);
         // Apply limits
         const minLimit = useSoftLimits && softMin !== undefined ? softMin : min;
         const maxLimit = useSoftLimits && softMax !== undefined ? softMax : max;
@@ -105,7 +108,7 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         if (clamped !== value) {
             onChange(clamped);
         }
-    }, [disabled, precision, min, max, softMin, softMax, value, onChange]);
+    }, [disabled, effectivePrecision, min, max, softMin, softMax, value, onChange]);
     /**
      * Parses and applies text input value
      */
@@ -190,7 +193,7 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
             // Update display to show current value
             const formatted = formatValue
                 ? formatValue(newValue)
-                : defaultFormatValue(newValue, precision);
+                : defaultFormatValue(newValue, effectivePrecision);
             setDisplayValue(formatted);
         }
     }, [
@@ -200,7 +203,7 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         dragSensitivity,
         applyValue,
         formatValue,
-        precision,
+        effectivePrecision,
     ]);
     const endDrag = useCallback(() => {
         setIsDragging(false);
@@ -208,18 +211,21 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         // Refresh display value to ensure it matches the current value
         const formatted = formatValue
             ? formatValue(value)
-            : defaultFormatValue(value, precision);
+            : defaultFormatValue(value, effectivePrecision);
         setDisplayValue(formatted);
-    }, [value, formatValue, precision]);
+    }, [value, formatValue, effectivePrecision]);
     const startEditing = useCallback(() => {
         if (disabled)
             return;
         setIsEditing(true);
         setError(undefined);
-        // Select all text when starting to edit
+        // Place cursor at end of input
         setTimeout(() => {
             const input = document.activeElement;
-            input?.select();
+            if (input) {
+                const len = input.value.length;
+                input.setSelectionRange(len, len);
+            }
         }, 0);
     }, [disabled]);
     const endEditing = useCallback(() => {
@@ -232,10 +238,10 @@ function useNumberInput({ value, onChange, min, max, softMin, softMax, step = 1,
         setIsEditing(false);
         const formatted = formatValue
             ? formatValue(value)
-            : defaultFormatValue(value, precision);
+            : defaultFormatValue(value, effectivePrecision);
         setDisplayValue(formatted);
         setError(undefined);
-    }, [value, precision, formatValue]);
+    }, [value, effectivePrecision, formatValue]);
     const updateDisplayValue = useCallback((newValue) => {
         setDisplayValue(newValue);
         // Clear error when user starts typing

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":";;;;;AAwMA;;AAEG;AACH;;AAEE;;AACA;;AACA;AACF;AAEA;;AAEG;AACH;;AAC+B;;;AAG/B;AAEA;;AAEG;AACH;AACE;AACE;;;AAGF;AACF;AAEA;;;;;;;;;;;;AAYG;;;AAmBD;AACA;;AAGA;;;;;;;AAUA;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;;;AAGJ;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":";;;;;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;;"}

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/controls/Select/Select.css.ts.vanilla-D4C059Ua.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var checkmarkStyle = 'Select_checkmarkStyle__ycpn7018';
 var chevronRecipe = createRuntimeFn({defaultClassName:'Select_chevronRecipe__ycpn70q',variantClassNames:{open:{true:'Select_chevronRecipe_open_true__ycpn70r',false:'Select_chevronRecipe_open_false__ycpn70s'}},defaultVariants:{open:false},compoundVariants:[]});

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/controls/Slider/Slider.css.ts.vanilla-C5SJ_7A1.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var fillPercentageVar = 'var(--fillPercentageVar__t8kxxs0)';
 var fillRecipe = createRuntimeFn({defaultClassName:'Slider_fillRecipe__t8kxxsd',variantClassNames:{error:{true:'Slider_fillRecipe_error_true__t8kxxse',false:'Slider_fillRecipe_error_false__t8kxxsf'},isDragging:{true:'Slider_fillRecipe_isDragging_true__t8kxxsg',false:'Slider_fillRecipe_isDragging_false__t8kxxsh'}},defaultVariants:{error:false,isDragging:false},compoundVariants:[]});

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useState, useRef, useCallback, useEffect } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { useKeyboardContext } from '../../../context/KeyboardContext.js';
 import { FormLabel } from '../../form/FormLabel.js';
 import { FormHelperText } from '../../form/FormHelperText.js';

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

@@ -1,5 +1,5 @@
 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';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 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:[]});

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { guideLineStyle, guideLineLeftVar, chevronRecipe, iconRecipe, renameInputRecipe, labelRecipe, actionsStyle, paddingLeftVar, rowRecipe } from './TreeNode.css.js';
 
 // --- Size configurations ---

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import React, { useRef, useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { useTreeState } from './useTreeState.js';
 import { TreeNodeComponent } from './TreeNode.js';
 import { cx } from '../../../utils/cx.js';

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

@@ -1,5 +1,5 @@
 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';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var axisColorVar = 'var(--axisColorVar__1osrtmk0)';
 var axisInputStyle = 'VectorInput_axisInputStyle__1osrtmk6';

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

@@ -1,8 +1,9 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useState, useRef, useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { NumberInput } from '../NumberInput/NumberInput.js';
+import '../../../utils/mathExpression.js';
 import { FormLabel } from '../../form/FormLabel.js';
 import { FormHelperText } from '../../form/FormHelperText.js';
 import { cx } from '../../../utils/cx.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/ChatCodeBlock.js

@@ -1,7 +1,7 @@
 "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 { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { codeBlockHeaderStyle, codeBlockLanguageStyle, codeBlockActionsStyle, codeBlockCopyButtonStyle, codeBlockLineNumbersColumnStyle, codeBlockPreStyle, codeBlockMaxHeightVar, codeBlockContentWithLineNumbersStyle, codeBlockContentStyle, codeBlockContainerStyle } from './ChatPanel.css.js';
 

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useId, useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { useChatInput } from './useChatInput.js';
 import { ChatAttachmentChip } from './ChatAttachment.js';

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/editor/ChatPanel/ChatPanel.css.ts.vanilla-DPIGnZ4A.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var actionBarStyle = 'ChatPanel_actionBarStyle__1c3e77r2b';
 var attachmentChipIconStyle = 'ChatPanel_attachmentChipIconStyle__1c3e77r1w';

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

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { vars } from '../../../theme/contract.css.js';
 import { groupDivider, groupLine, groupTitle, indentVar, groupRoot } from './PropertyGroup.css.js';

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useCallback, useMemo, createContext, useContext } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { ScrollArea } from '../../layout/ScrollArea/ScrollArea.js';
 import { contentBottomSpacingVar, contentTopSpacingVar, panelContent, panelHeader, searchWrapper, searchInputBase, panelFooter, panelRoot } from './PropertyPanel.css.js';

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { Tooltip } from '../../primitives/Tooltip/Tooltip.js';
 import { usePropertyPanelContext } from './PropertyPanel.js';

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/editor/PropertyInspector/PropertySection.css.ts.vanilla-DJBtY_xk.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var actionsArea = 'PropertySection_actionsArea__1xiu0w6d';
 var chevron = 'PropertySection_chevron__1xiu0w69';

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

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/editor/ViewportGizmo/ViewportGizmo.css.ts.vanilla-CEs2H-Iv.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var ariaLiveRegionStyle = 'ViewportGizmo_ariaLiveRegionStyle__awfy0ia';
 var gizmoCanvasStyle = createRuntimeFn({defaultClassName:'ViewportGizmo_gizmoCanvasStyle__awfy0i7',variantClassNames:{disabled:{true:'ViewportGizmo_gizmoCanvasStyle_disabled_true__awfy0i8',false:'ViewportGizmo_gizmoCanvasStyle_disabled_false__awfy0i9'}},defaultVariants:{disabled:false},compoundVariants:[]});

package/dist/esm/components/editor/ViewportGizmo/ViewportGizmo.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useMemo } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { AXIS_COLORS, useGizmoRenderer } from './useGizmoRenderer.js';
 import { useGizmoInteraction } from './useGizmoInteraction.js';

package/dist/esm/components/feedback/Dialog/Dialog.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/feedback/Dialog/Dialog.css.ts.vanilla-BrXTOHwS.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var DIALOG_ANIMATION_MS = 200;
 var dialogBodyStyle = 'Dialog_dialogBodyStyle__ickl0cl';

package/dist/esm/components/feedback/Toast/ToastContainer.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { cx } from '../../../utils/cx.js';
 import { ToastItem } from './ToastItem.js';
 import { zIndexVar, gapVar, containerReverse, containerNormal, container } from './ToastContainer.css.js';

package/dist/esm/components/feedback/Toast/ToastItem.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/feedback/Toast/ToastItem.css.ts.vanilla-D6UuPKAj.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var actionButton = createRuntimeFn({defaultClassName:'ToastItem_actionButton__xlinlde',variantClassNames:{severity:{info:'ToastItem_actionButton_severity_info__xlinldf',success:'ToastItem_actionButton_severity_success__xlinldg',warning:'ToastItem_actionButton_severity_warning__xlinldh',error:'ToastItem_actionButton_severity_error__xlinldi'}},defaultVariants:{severity:'info'},compoundVariants:[]});
 var closeButton = 'ToastItem_closeButton__xlinldd';

package/dist/esm/components/feedback/Toast/ToastItem.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useCallback, useEffect } from 'react';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { content, iconWrapper, textContent, titleStyle, message, actionButton, closeButton, progressDurationVar, progressBar, toast } from './ToastItem.css.js';
 
 // --- Severity icons (inline SVGs) ---

package/dist/esm/components/form/FormHelperText.css.js

@@ -1,5 +1,5 @@
 import './../../assets/src/components/form/FormHelperText.css.ts.vanilla-CXKd9jtx.css';
-import { c as createRuntimeFn } from '../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var formHelperTextRecipe = createRuntimeFn({defaultClassName:'FormHelperText_formHelperTextRecipe__cuqj3k0',variantClassNames:{error:{true:'FormHelperText_formHelperTextRecipe_error_true__cuqj3k1',false:'FormHelperText_formHelperTextRecipe_error_false__cuqj3k2'}},defaultVariants:{error:false},compoundVariants:[]});
 

package/dist/esm/components/form/FormLabel.css.js

@@ -1,5 +1,5 @@
 import './../../assets/src/components/form/FormLabel.css.ts.vanilla-DHn6CB2v.css';
-import { c as createRuntimeFn } from '../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var formLabelRecipe = createRuntimeFn({defaultClassName:'FormLabel_formLabelRecipe__1xpmfd40',variantClassNames:{disabled:{true:'FormLabel_formLabelRecipe_disabled_true__1xpmfd41',false:'FormLabel_formLabelRecipe_disabled_false__1xpmfd42'}},defaultVariants:{disabled:false},compoundVariants:[]});
 var requiredIndicatorStyle = 'FormLabel_requiredIndicatorStyle__1xpmfd43';

package/dist/esm/components/form/InputWrapper.css.js

@@ -1,5 +1,5 @@
 import './../../assets/src/components/form/InputWrapper.css.ts.vanilla-Bl7u62PI.css';
-import { c as createRuntimeFn } from '../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var inputWrapperRecipe = createRuntimeFn({defaultClassName:'InputWrapper_inputWrapperRecipe__1h1gl4m0',variantClassNames:{size:{sm:'InputWrapper_inputWrapperRecipe_size_sm__1h1gl4m1',md:'InputWrapper_inputWrapperRecipe_size_md__1h1gl4m2',lg:'InputWrapper_inputWrapperRecipe_size_lg__1h1gl4m3'},error:{true:'InputWrapper_inputWrapperRecipe_error_true__1h1gl4m4',false:'InputWrapper_inputWrapperRecipe_error_false__1h1gl4m5'},disabled:{true:'InputWrapper_inputWrapperRecipe_disabled_true__1h1gl4m6',false:'InputWrapper_inputWrapperRecipe_disabled_false__1h1gl4m7'},focused:{true:'InputWrapper_inputWrapperRecipe_focused_true__1h1gl4m8',false:'InputWrapper_inputWrapperRecipe_focused_false__1h1gl4m9'}},defaultVariants:{size:'md',error:false,disabled:false,focused:false},compoundVariants:[[{focused:true,error:false},'InputWrapper_inputWrapperRecipe_compound_0__1h1gl4ma'],[{focused:false,error:false,disabled:false},'InputWrapper_inputWrapperRecipe_compound_1__1h1gl4mb'],[{focused:false,error:false,disabled:true},'InputWrapper_inputWrapperRecipe_compound_2__1h1gl4mc']]});
 

package/dist/esm/components/layout/Accordion/Accordion.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/layout/Accordion/Accordion.css.ts.vanilla-Ck5Yew0e.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var accordionGapVar = 'var(--accordionGapVar__1j9ah930)';
 var accordionItem = 'Accordion_accordionItem__1j9ah932';

package/dist/esm/components/layout/Accordion/Accordion.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useId, useState, useCallback, createContext, useContext } from 'react';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { accordionGapVar, accordionRoot } from './Accordion.css.js';
 
 // --- Contexts ---

package/dist/esm/components/layout/Flex/Flex.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/layout/Flex/Flex.css.ts.vanilla-D7wY2gY6.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var basisVar = 'var(--basisVar__tsbw353)';
 var flexRecipe = createRuntimeFn({defaultClassName:'Flex_flexRecipe__tsbw354',variantClassNames:{direction:{row:'Flex_flexRecipe_direction_row__tsbw355','row-reverse':'Flex_flexRecipe_direction_row-reverse__tsbw356',column:'Flex_flexRecipe_direction_column__tsbw357','column-reverse':'Flex_flexRecipe_direction_column-reverse__tsbw358'},wrap:{nowrap:'Flex_flexRecipe_wrap_nowrap__tsbw359',wrap:'Flex_flexRecipe_wrap_wrap__tsbw35a','wrap-reverse':'Flex_flexRecipe_wrap_wrap-reverse__tsbw35b'},justify:{'flex-start':'Flex_flexRecipe_justify_flex-start__tsbw35c','flex-end':'Flex_flexRecipe_justify_flex-end__tsbw35d',center:'Flex_flexRecipe_justify_center__tsbw35e','space-between':'Flex_flexRecipe_justify_space-between__tsbw35f','space-around':'Flex_flexRecipe_justify_space-around__tsbw35g','space-evenly':'Flex_flexRecipe_justify_space-evenly__tsbw35h'},align:{'flex-start':'Flex_flexRecipe_align_flex-start__tsbw35i','flex-end':'Flex_flexRecipe_align_flex-end__tsbw35j',center:'Flex_flexRecipe_align_center__tsbw35k',stretch:'Flex_flexRecipe_align_stretch__tsbw35l',baseline:'Flex_flexRecipe_align_baseline__tsbw35m'},alignContent:{'flex-start':'Flex_flexRecipe_alignContent_flex-start__tsbw35n','flex-end':'Flex_flexRecipe_alignContent_flex-end__tsbw35o',center:'Flex_flexRecipe_alignContent_center__tsbw35p',stretch:'Flex_flexRecipe_alignContent_stretch__tsbw35q','space-between':'Flex_flexRecipe_alignContent_space-between__tsbw35r','space-around':'Flex_flexRecipe_alignContent_space-around__tsbw35s'},fullWidth:{true:'Flex_flexRecipe_fullWidth_true__tsbw35t'},fullHeight:{true:'Flex_flexRecipe_fullHeight_true__tsbw35u'}},defaultVariants:{direction:'row',wrap:'nowrap',justify:'flex-start',align:'stretch',alignContent:'stretch'},compoundVariants:[]});

package/dist/esm/components/layout/Flex/Flex.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { basisVar, shrinkVar, growVar, gapVar, flexRecipe } from './Flex.css.js';
 
 /** Base spacing unit in px */

package/dist/esm/components/layout/Grid/Grid.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { columnsVar, gapVar, gridContainer, gridItem } from './Grid.css.js';
 
 /** Base spacing unit in px */

package/dist/esm/components/layout/PanelSurface/PanelSurface.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/layout/PanelSurface/PanelSurface.css.ts.vanilla-HZvObe0l.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var backgroundVar = 'var(--backgroundVar__1h989w10)';
 var bodyHidden = 'PanelSurface_bodyHidden__1h989w1b';

package/dist/esm/components/layout/PanelSurface/PanelSurface.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo, createContext, useContext } from 'react';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { backgroundVar, rootBordered, rootNoBorder, rootStyle, footerRecipe, bodyScrollable, bodyHidden, bodyStyle, headerActions, headerRecipe } from './PanelSurface.css.js';
 import { vars } from '../../../theme/contract.css.js';
 

package/dist/esm/components/layout/ScrollArea/ScrollArea.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/layout/ScrollArea/ScrollArea.css.ts.vanilla-UsyrfXTC.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var fadeMaskBase = 'ScrollArea_fadeMaskBase__17ntphkh';
 var fadeMaskBottom = 'ScrollArea_fadeMaskBottom__17ntphkl';

package/dist/esm/components/layout/ScrollArea/ScrollArea.js

@@ -2,8 +2,8 @@
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useId, useRef, useState, useCallback, useEffect } from 'react';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
-import { viewportRecipe, fadeMaskVisible, fadeMaskHiddenStyle, fadeMaskTop, fadeMaskBase, fadeMaskBottom, fadeMaskLeft, fadeMaskRight, thumbDragging, thumbVertical, thumbBase, scrollbarVisible, scrollbarHidden, scrollbarVertical, thumbHorizontal, scrollbarHorizontal, rootAutoFill, rootStyle, fadeMaskSizeVar, scrollbarPaddingVar, scrollbarWidthVar } from './ScrollArea.css.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
+import { fadeMaskSizeVar, scrollbarPaddingVar, scrollbarWidthVar, viewportRecipe, fadeMaskVisible, fadeMaskHiddenStyle, fadeMaskTop, fadeMaskBase, fadeMaskBottom, fadeMaskLeft, fadeMaskRight, thumbDragging, thumbVertical, thumbBase, scrollbarVisible, scrollbarHidden, scrollbarVertical, thumbHorizontal, scrollbarHorizontal, rootAutoFill, rootStyle } from './ScrollArea.css.js';
 
 // --- Component ---
 const ScrollArea = ({ children, direction = 'vertical', scrollbarVisibility = 'auto', hideDelay = 1000, scrollbarWidth = 6, minThumbLength = 30, scrollbarPadding = 2, fadeMask = false, fadeMaskHeight = 24, maxHeight, maxWidth, autoFill = false, onScroll, onScrollTop, onScrollBottom, className, style, testId, ref: externalRef, ...rest }) => {

package/dist/esm/components/layout/SplitPane/SplitPane.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/layout/SplitPane/SplitPane.css.ts.vanilla-BFxdvwyI.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var containerRecipe = createRuntimeFn({defaultClassName:'SplitPane_containerRecipe__13xgg0i0',variantClassNames:{direction:{horizontal:'SplitPane_containerRecipe_direction_horizontal__13xgg0i1',vertical:'SplitPane_containerRecipe_direction_vertical__13xgg0i2'}},defaultVariants:{},compoundVariants:[]});
 var dividerRecipe = createRuntimeFn({defaultClassName:'SplitPane_dividerRecipe__13xgg0i4',variantClassNames:{direction:{horizontal:'SplitPane_dividerRecipe_direction_horizontal__13xgg0i5',vertical:'SplitPane_dividerRecipe_direction_vertical__13xgg0i6'},isDragging:{true:'SplitPane_dividerRecipe_isDragging_true__13xgg0i7'}},defaultVariants:{},compoundVariants:[]});

package/dist/esm/components/layout/SplitPane/SplitPane.js

@@ -2,7 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import React, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { dividerSizeVar, dividerRecipe, containerRecipe } from './SplitPane.css.js';
 
 // ---------------------------------------------------------------------------

package/dist/esm/components/layout/Stack/Stack.css.js

@@ -1,5 +1,5 @@
 import './../../../assets/src/components/layout/Stack/Stack.css.ts.vanilla-DNZOFYiD.css';
-import { c as createRuntimeFn } from '../../../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
 
 var gapVar = 'var(--gapVar__xx9bfp0)';
 var stackRecipe = createRuntimeFn({defaultClassName:'Stack_stackRecipe__xx9bfp1',variantClassNames:{direction:{row:'Stack_stackRecipe_direction_row__xx9bfp2',column:'Stack_stackRecipe_direction_column__xx9bfp3'},wrap:{nowrap:'Stack_stackRecipe_wrap_nowrap__xx9bfp4',wrap:'Stack_stackRecipe_wrap_wrap__xx9bfp5','wrap-reverse':'Stack_stackRecipe_wrap_wrap-reverse__xx9bfp6'},justify:{'flex-start':'Stack_stackRecipe_justify_flex-start__xx9bfp7','flex-end':'Stack_stackRecipe_justify_flex-end__xx9bfp8',center:'Stack_stackRecipe_justify_center__xx9bfp9','space-between':'Stack_stackRecipe_justify_space-between__xx9bfpa','space-around':'Stack_stackRecipe_justify_space-around__xx9bfpb','space-evenly':'Stack_stackRecipe_justify_space-evenly__xx9bfpc'},align:{'flex-start':'Stack_stackRecipe_align_flex-start__xx9bfpd','flex-end':'Stack_stackRecipe_align_flex-end__xx9bfpe',center:'Stack_stackRecipe_align_center__xx9bfpf',stretch:'Stack_stackRecipe_align_stretch__xx9bfpg',baseline:'Stack_stackRecipe_align_baseline__xx9bfph'},expandRow:{true:'Stack_stackRecipe_expandRow_true__xx9bfpi'},expandColumn:{true:'Stack_stackRecipe_expandColumn_true__xx9bfpj'}},defaultVariants:{direction:'column',wrap:'nowrap',justify:'flex-start',align:'flex-start'},compoundVariants:[]});

package/dist/esm/components/layout/Stack/Stack.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { cx } from '../../../utils/cx.js';
-import { assignInlineVars } from '../../../node_modules/@vanilla-extract/dynamic/dist/vanilla-extract-dynamic.esm.js';
+import { assignInlineVars } from '@vanilla-extract/dynamic';
 import { gapVar, stackRecipe } from './Stack.css.js';
 
 /** Base spacing unit in px */