entangle-ui 0.8.2 → 0.9.0

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../src/components/controls/Select/Select.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;AAoCA;AAEA;AAGE;AACF;AAEA;;AAIE;AACE;;;;AAGE;;;AAGJ;AACF;AAEA;AAIE;;AAEF;AAEA;AAEA;AACE;AACA;AACA;;AAGF;AAEA;AAkBA;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;;AA+BD;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAGA;;;;AAQA;;;AAIA;;AAGA;AACA;AACE;AAAiC;AACjC;;;AAIF;;AAMA;AACE;AACA;;AAEA;;AAEA;AAGA;;AAGI;AAEJ;;AAEE;AACA;AACE;;AAEI;AACD;AACH;AACH;AACH;AAEA;AACE;;;;AAGA;AACA;;AAEF;AAEA;;;AAGE;AACA;AACA;AACF;AAEA;;;;AAKI;AACA;;;;;AAQA;;;;AAII;AACF;;;;;;AAOJ;;AAEA;AACE;;;AAKE;;AAEJ;AAEA;;AAEF;;AAGA;;AAIO;AAIP;AAEI;;AAEA;;;AAIE;AACE;;AAEF;;;AAGA;;AAGI;AAEA;;;;;;AAKJ;AACE;;;;;;;;;AASN;;AAKF;AAEI;;AAEA;AACE;AACA;AACA;;;AAGI;;;AAGJ;;;AAGI;;;;;;AASV;AAEI;AACE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;AAII;AAEA;AACA;AACE;;;;AAIN;;AAEE;;;AAGN;AAIF;;;AAIE;AAIF;AACA;;AAGA;AAEI;AACA;;;;AAGG;AACC;;AAEN;;;AAMA;AACE;;;;AAMF;;;AAGI;AACE;;AAEA;AAEA;AAIM;AACA;AACF;;;;AAON;AACF;;AAGF;AACF;AAEA;AACE;AACA;AAEA;AAOM;AACA;AACA;AACD;AAEC;AACE;;AAEJ;AAEE;;;AAGF;AAyBN;AAEA;;;AA8BQ;;;;AAID;AAgDD;AAkBU;AACA;AACF;AA0BhB;AAEA;;"}
+{"version":3,"file":"Select.js","sources":["../../../../../../src/components/controls/Select/Select.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAuCA;AAEA;AAGE;AACF;AAEA;;AAIE;AACE;;;;AAGE;;;AAGJ;AACF;AAEA;AAIE;;AAEF;AAEA;AAEA;AACE;AACA;AACA;;AAGF;AAEA;;;;;;;;;;;;;;;;;;;AAmBG;;AA+BD;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;;AAGA;;;;AAQA;;;AAIA;;AAGA;AACA;AACE;AAAiC;AACjC;;;AAIF;;AAMA;AACE;AACA;;AAEA;;AAEA;AAGA;;AAGI;AAEJ;;AAEE;AACA;AACE;;AAEI;AACD;AACH;AACH;AACH;AAEA;AACE;;;;AAGA;AACA;;AAEF;AAEA;;;AAGE;AACA;AACA;AACF;AAEA;;;;AAKI;AACA;;;;;AAQA;;;;AAII;AACF;;;;;;AAOJ;;AAEA;AACE;;;AAKE;;AAEJ;AAEA;;AAEF;;AAGA;;AAIO;AAIP;AAEI;;AAEA;;;AAIE;AACE;;AAEF;;;AAGA;;AAGI;AAEA;;;;;;AAKJ;AACE;;;;;;;;;AASN;;AAKF;AAEI;;AAEA;AACE;AACA;AACA;;;AAGI;;;AAGJ;;;AAGI;;;;;;AASV;AAEI;AACE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;AAII;AAEA;AACA;AACE;;;;AAIN;;AAEE;;;AAGN;AAIF;;;AAIE;AAIF;AACA;;AAGA;AAEI;AACA;;;;AAGG;AACC;;AAEN;;;AAMA;AACE;;;;AAMF;;;AAGI;AACE;;AAEA;AAEA;AAIM;AACA;AACF;;;;AAON;AACF;;AAGF;AACF;AAEA;AACE;AACA;AAEA;AAOM;AACA;AACA;AACD;AAEC;AACE;;AAEJ;AAEE;;;;AAcR;AAEA;;;AA8BQ;;;;AAID;AAmCD;AAkBU;AACA;AACF;AA0BhB;AAEA;;"}

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

@@ -0,0 +1,12 @@
+import './../../../assets/src/components/controls/TagInput/TagInput.css.ts.vanilla-hnkMOPp1.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var containerStyle = 'TagInput_containerStyle__16f33bk0';
+var inputStyle = 'TagInput_inputStyle__16f33bkm';
+var tagLabelStyle = 'TagInput_tagLabelStyle__16f33bkk';
+var tagRecipe = createRuntimeFn({defaultClassName:'TagInput_tagRecipe__16f33bke',variantClassNames:{size:{sm:'TagInput_tagRecipe_size_sm__16f33bkf',md:'TagInput_tagRecipe_size_md__16f33bkg',lg:'TagInput_tagRecipe_size_lg__16f33bkh'},invalid:{true:'TagInput_tagRecipe_invalid_true__16f33bki',false:'TagInput_tagRecipe_invalid_false__16f33bkj'}},defaultVariants:{size:'md',invalid:false},compoundVariants:[]});
+var tagRemoveStyle = 'TagInput_tagRemoveStyle__16f33bkl';
+var wrapperRecipe = createRuntimeFn({defaultClassName:'TagInput_wrapperRecipe__16f33bk1',variantClassNames:{size:{sm:'TagInput_wrapperRecipe_size_sm__16f33bk2',md:'TagInput_wrapperRecipe_size_md__16f33bk3',lg:'TagInput_wrapperRecipe_size_lg__16f33bk4'},variant:{'default':'TagInput_wrapperRecipe_variant_default__16f33bk5',ghost:'TagInput_wrapperRecipe_variant_ghost__16f33bk6',filled:'TagInput_wrapperRecipe_variant_filled__16f33bk7'},focused:{true:'TagInput_wrapperRecipe_focused_true__16f33bk8',false:'TagInput_wrapperRecipe_focused_false__16f33bk9'},error:{true:'TagInput_wrapperRecipe_error_true__16f33bka',false:'TagInput_wrapperRecipe_error_false__16f33bkb'},disabled:{true:'TagInput_wrapperRecipe_disabled_true__16f33bkc',false:'TagInput_wrapperRecipe_disabled_false__16f33bkd'}},defaultVariants:{size:'md',variant:'default',focused:false,error:false,disabled:false},compoundVariants:[]});
+
+export { containerStyle, inputStyle, tagLabelStyle, tagRecipe, tagRemoveStyle, wrapperRecipe };
+//# sourceMappingURL=TagInput.css.js.map

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

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

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

@@ -0,0 +1,189 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import React, { useId, useState, useRef, useMemo, useCallback } from 'react';
+import { CloseIcon } from '../../Icons/CloseIcon.js';
+import { FormHelperText } from '../../form/FormHelperText.js';
+import { FormLabel } from '../../form/FormLabel.js';
+import { useControlledState } from '../../../hooks/useControlledState/useControlledState.js';
+import { useMergedRef } from '../../../hooks/useMergedRef/useMergedRef.js';
+import { cx } from '../../../utils/cx.js';
+import { inputStyle, wrapperRecipe, containerStyle, tagLabelStyle, tagRemoveStyle, tagRecipe } from './TagInput.css.js';
+
+const SEPARATOR_KEY = {
+    Enter: 'Enter',
+    Comma: ',',
+    Space: ' ',
+    Tab: 'Tab',
+};
+const DEFAULT_SEPARATORS = ['Enter', 'Comma'];
+function defaultNormalize(value) {
+    return value.trim();
+}
+/**
+ * Multi-value input that captures a list of strings ("tags") rendered as
+ * removable chips. Supports controlled and uncontrolled modes, validation,
+ * configurable commit keys, and custom chip rendering.
+ *
+ * @example
+ * ```tsx
+ * <TagInput
+ *   label="Keywords"
+ *   placeholder="Add a keyword..."
+ *   defaultValue={['react', 'typescript']}
+ *   onChange={setTags}
+ * />
+ * ```
+ */
+function TagInput({ value, defaultValue, onChange, placeholder, separators = DEFAULT_SEPARATORS, addOnBlur = false, allowDuplicates = false, max, validate, normalize = defaultNormalize, onValidate, renderTag, size = 'md', variant = 'default', label, helperText, error = false, errorMessage, disabled = false, required = false, readOnly = false, name, inputAriaLabel, inputRef: inputRefProp, className, style, testId, id: idProp, ref, ...rest }) {
+    const autoId = useId();
+    const fieldId = idProp ?? autoId;
+    const labelId = `${fieldId}-label`;
+    const helperId = `${fieldId}-helper`;
+    const [tags, setTags] = useControlledState({
+        value,
+        defaultValue,
+        onChange,
+        fallback: [],
+    });
+    const [draft, setDraft] = useState('');
+    const [focused, setFocused] = useState(false);
+    const innerInputRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const setInputRef = useMergedRef(innerInputRef, inputRefProp);
+    const setWrapperRef = useMergedRef(wrapperRef, ref);
+    const atMax = typeof max === 'number' && tags.length >= max;
+    const inputDisabled = disabled || readOnly || atMax;
+    const separatorKeys = useMemo(() => new Set(separators.map(s => SEPARATOR_KEY[s])), [separators]);
+    const tryAppend = useCallback((current, raw) => {
+        const normalized = normalize(raw);
+        if (normalized.length === 0) {
+            if (raw.length > 0)
+                onValidate?.(raw, 'empty');
+            return null;
+        }
+        if (typeof max === 'number' && current.length >= max) {
+            onValidate?.(raw, 'max');
+            return null;
+        }
+        if (!allowDuplicates && current.includes(normalized)) {
+            onValidate?.(raw, 'duplicate');
+            return null;
+        }
+        if (validate) {
+            const result = validate(normalized, current);
+            if (result === false) {
+                onValidate?.(raw, 'invalid');
+                return null;
+            }
+            if (typeof result === 'string') {
+                onValidate?.(raw, result);
+                return null;
+            }
+        }
+        return [...current, normalized];
+    }, [allowDuplicates, max, normalize, onValidate, validate]);
+    const commitTag = useCallback((raw) => {
+        const next = tryAppend(tags, raw);
+        if (!next)
+            return false;
+        setTags(next);
+        return true;
+    }, [setTags, tags, tryAppend]);
+    const removeTagAt = useCallback((index) => {
+        if (index < 0 || index >= tags.length)
+            return;
+        const next = tags.slice(0, index).concat(tags.slice(index + 1));
+        setTags(next);
+    }, [setTags, tags]);
+    const handleKeyDown = useCallback((event) => {
+        if (inputDisabled)
+            return;
+        if (separatorKeys.has(event.key)) {
+            // Tab as separator: only commit when there's a draft, otherwise let
+            // the focus move out naturally.
+            if (event.key === 'Tab' && draft.length === 0)
+                return;
+            if (draft.length > 0) {
+                event.preventDefault();
+                if (commitTag(draft))
+                    setDraft('');
+            }
+            else if (event.key === 'Enter') {
+                // Prevent submitting an enclosing form on empty Enter.
+                event.preventDefault();
+            }
+            return;
+        }
+        if (event.key === 'Backspace' && draft.length === 0 && tags.length > 0) {
+            event.preventDefault();
+            removeTagAt(tags.length - 1);
+        }
+    }, [commitTag, draft, inputDisabled, removeTagAt, separatorKeys, tags.length]);
+    const handleChange = useCallback((event) => {
+        const next = event.target.value;
+        // If the user typed/pasted a separator character (e.g. comma), commit
+        // each piece. Newlines are split too so multi-line paste still works.
+        const splitChars = Array.from(separatorKeys).filter(k => k !== 'Enter' && k !== 'Tab');
+        if (splitChars.length === 0 || !splitChars.some(c => next.includes(c))) {
+            setDraft(next);
+            return;
+        }
+        const pattern = new RegExp(`[${splitChars.map(c => `\\${c}`).join('')}]`);
+        const parts = next.split(pattern);
+        const trailing = parts.pop() ?? '';
+        let working = tags;
+        for (const part of parts) {
+            if (part.length === 0)
+                continue;
+            const appended = tryAppend(working, part);
+            if (appended)
+                working = appended;
+        }
+        if (working !== tags)
+            setTags(working);
+        setDraft(trailing);
+    }, [separatorKeys, setTags, tags, tryAppend]);
+    const handleBlur = useCallback(() => {
+        setFocused(false);
+        if (addOnBlur && draft.length > 0) {
+            if (commitTag(draft))
+                setDraft('');
+        }
+    }, [addOnBlur, commitTag, draft]);
+    const handleWrapperMouseDown = useCallback((event) => {
+        // Forward clicks on empty padding to the input, but do not steal focus
+        // from chip remove buttons.
+        if (event.target === wrapperRef.current) {
+            event.preventDefault();
+            innerInputRef.current?.focus();
+        }
+    }, []);
+    const renderChip = (tag, index) => {
+        const remove = () => removeTagAt(index);
+        if (renderTag) {
+            const state = {
+                tag,
+                index,
+                disabled,
+                remove,
+            };
+            return (jsx(React.Fragment, { children: renderTag(state) }, `${tag}-${String(index)}`));
+        }
+        return (jsxs("span", { className: tagRecipe({ size }), "data-testid": testId ? `${testId}-tag-${String(index)}` : undefined, children: [jsx("span", { className: tagLabelStyle, children: tag }), !readOnly && (jsx("button", { type: "button", tabIndex: -1, disabled: disabled, "aria-label": `Remove ${tag}`, className: tagRemoveStyle, onClick: remove, children: jsx(CloseIcon, { size: "sm", decorative: true }) }))] }, `${tag}-${String(index)}`));
+    };
+    const showHelperText = error && errorMessage ? errorMessage : helperText;
+    const formValue = tags.join(',');
+    return (jsxs("div", { className: cx(containerStyle, className), style: style, children: [label && (jsx(FormLabel, { id: labelId, htmlFor: fieldId, required: required, disabled: disabled, children: label })), jsxs("div", { ref: setWrapperRef, className: wrapperRecipe({
+                    size,
+                    variant,
+                    focused,
+                    error,
+                    disabled,
+                }), onMouseDown: handleWrapperMouseDown, "data-testid": testId, ...rest, children: [tags.map((tag, index) => renderChip(tag, index)), !readOnly && (jsx("input", { ref: setInputRef, id: fieldId, type: "text", value: draft, placeholder: tags.length === 0 ? placeholder : undefined, disabled: inputDisabled, required: required && tags.length === 0, "aria-label": inputAriaLabel, "aria-labelledby": !inputAriaLabel && label ? labelId : undefined, "aria-describedby": showHelperText ? helperId : undefined, "aria-invalid": error || undefined, className: inputStyle, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: () => {
+                            setFocused(true);
+                        }, onBlur: handleBlur }))] }), name && jsx("input", { type: "hidden", name: name, value: formValue }), showHelperText && (jsx(FormHelperText, { id: helperId, error: error, children: showHelperText }))] }));
+}
+TagInput.displayName = 'TagInput';
+
+export { TagInput };
+//# sourceMappingURL=TagInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sources":["../../../../../../src/components/controls/TagInput/TagInput.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;AAuBA;AACE;AACA;AACA;AACA;;AAGF;AAEA;AACE;AACF;AAEA;;;;;;;;;;;;;;AAcG;;AAiCD;AACA;AACA;AACA;AAEA;;;;AAIE;AACD;;;AAKD;AACA;;;AAKA;AACA;AAEA;;AAOI;AACA;AACE;AAAoB;AACpB;;;AAGA;AACA;;;AAGA;AACA;;;;AAIA;AACE;AACA;;AAEF;AACE;AACA;;;AAGJ;AACF;AAIF;;AAGI;AAAW;;AAEX;;AAKJ;;;;;AAKE;AAIF;AAEI;;;;;;;AAME;;;;;AAGO;;;;;;AAOT;;AAEE;;AAEJ;AAIF;AAEI;;;;;;;;;;;;AAeA;AACE;;;AAEA;;;;;;;AAQN;;;;;;;AAOA;;;;;AAMM;;;AAMN;;;AAGI;;;;;;;;AAaF;AAqBF;AAEA;;;;;;;;;;AAiDU;AAeZ;AAEA;;"}

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

@@ -2,6 +2,92 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useCallback } from 'react';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CloudUploadIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/ExternalLinkIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LastIcon.js';
+import '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import '../../Icons/UnlinkIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import { ChevronRightIcon } from '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.js';
 import { guideLineStyle, guideLineLeftVar, chevronRecipe, iconRecipe, renameInputRecipe, labelRecipe, actionsStyle, paddingLeftVar, rowRecipe } from './TreeNode.css.js';
 
 // --- Size configurations ---
@@ -29,7 +115,7 @@ const sizeConfig = {
     },
 };
 // --- 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 ChevronSvg = ({ size }) => (jsx(ChevronRightIcon, { size: size, color: "currentColor", decorative: true }));
 const TreeNodeComponent = ({ node, depth, size, indent, isSelected, isExpanded, isFocused, isFirst, isLast, showChevrons, showGuideLines, renamable, nodeId, renderNode, renderActions, onToggleExpand, onClick, onDoubleClick, onContextMenu, onRename, }) => {
     const [isRenaming, setIsRenaming] = useState(false);
     const [renameValue, setRenameValue] = useState(node.label);

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":[],"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;;"}
+{"version":3,"file":"TreeNode.js","sources":["../../../../../../src/components/controls/TreeView/TreeNode.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA;AAEA;AAUE;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;AACD;AACE;AACA;AACA;AACA;AACA;AACD;;AAGH;AAEA;;;AAoDE;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/VectorInput/VectorInput.js

@@ -7,6 +7,92 @@ import '../../../utils/devWarn.js';
 import '../../../utils/mathExpression.js';
 import { FormLabel } from '../../form/FormLabel.js';
 import { FormHelperText } from '../../form/FormHelperText.js';
+import '../../Icons/AddIcon.js';
+import '../../Icons/AiChatIcon.js';
+import '../../Icons/AiSparklesIcon.js';
+import '../../Icons/ArrowDownIcon.js';
+import '../../Icons/ArrowLeftIcon.js';
+import '../../Icons/ArrowRightIcon.js';
+import '../../Icons/ArrowUpIcon.js';
+import '../../Icons/BookmarkIcon.js';
+import '../../Icons/CalendarIcon.js';
+import '../../Icons/ChevronDownIcon.js';
+import '../../Icons/ChevronUpIcon.js';
+import '../../Icons/ClockIcon.js';
+import '../../Icons/CloseIcon.js';
+import '../../Icons/CloudUploadIcon.js';
+import '../../Icons/CodeIcon.js';
+import '../../Icons/CopyIcon.js';
+import '../../Icons/CutIcon.js';
+import '../../Icons/DownloadIcon.js';
+import '../../Icons/EditIcon.js';
+import '../../Icons/ErrorIcon.js';
+import '../../Icons/ExternalLinkIcon.js';
+import '../../Icons/EyeDropperIcon.js';
+import '../../Icons/EyeIcon.js';
+import '../../Icons/FilterIcon.js';
+import '../../Icons/FirstIcon.js';
+import '../../Icons/FolderIcon.js';
+import '../../Icons/FullscreenIcon.js';
+import '../../Icons/GridIcon.js';
+import '../../Icons/HeartIcon.js';
+import '../../Icons/HelpIcon.js';
+import '../../Icons/HomeIcon.js';
+import '../../Icons/InfoIcon.js';
+import '../../Icons/LastIcon.js';
+import { LinkIcon } from '../../Icons/LinkIcon.js';
+import '../../Icons/ListIcon.js';
+import '../../Icons/LockIcon.js';
+import '../../Icons/MaximizeIcon.js';
+import '../../Icons/MenuIcon.js';
+import '../../Icons/MinimizeIcon.js';
+import '../../Icons/PasteIcon.js';
+import '../../Icons/PlayIcon.js';
+import '../../Icons/RedoIcon.js';
+import '../../Icons/RefreshIcon.js';
+import '../../Icons/RobotIcon.js';
+import '../../Icons/SaveIcon.js';
+import '../../Icons/SearchIcon.js';
+import '../../Icons/SettingsIcon.js';
+import '../../Icons/SortIcon.js';
+import '../../Icons/StarIcon.js';
+import '../../Icons/SuccessIcon.js';
+import '../../Icons/TagIcon.js';
+import '../../Icons/TrashIcon.js';
+import '../../Icons/UndoIcon.js';
+import { UnlinkIcon } from '../../Icons/UnlinkIcon.js';
+import '../../Icons/UnlockIcon.js';
+import '../../Icons/UploadIcon.js';
+import '../../Icons/UserIcon.js';
+import '../../Icons/WarningIcon.js';
+import '../../Icons/ZoomInIcon.js';
+import '../../Icons/ZoomOutIcon.js';
+import '../../Icons/CheckIcon.js';
+import '../../Icons/CircleIcon.js';
+import '../../Icons/TangentFreeIcon.js';
+import '../../Icons/TangentAlignedIcon.js';
+import '../../Icons/TangentMirroredIcon.js';
+import '../../Icons/TangentAutoIcon.js';
+import '../../Icons/TangentLinearIcon.js';
+import '../../Icons/TangentStepIcon.js';
+import '../../Icons/ArchiveIcon.js';
+import '../../Icons/DotsVerticalIcon.js';
+import '../../Icons/DotsHorizontalIcon.js';
+import '../../Icons/ChevronLeftIcon.js';
+import '../../Icons/ChevronRightIcon.js';
+import '../../Icons/FolderOpenIcon.js';
+import '../../Icons/FolderCogIcon.js';
+import '../../Icons/UsersIcon.js';
+import '../../Icons/BuildingIcon.js';
+import '../../Icons/FileTextIcon.js';
+import '../../Icons/PauseIcon.js';
+import '../../Icons/StopIcon.js';
+import '../../Icons/SendIcon.js';
+import '../../Icons/TerminalIcon.js';
+import '../../Icons/GitBranchIcon.js';
+import '../../Icons/BugIcon.js';
+import '../../Icons/MinusIcon.js';
+import '../../Icons/PinIcon.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';
@@ -43,9 +129,6 @@ function getAxisLabels(labelPreset, axisLabels, dimension) {
     }
     return Array.from({ length: dimension }, (_, i) => String(i));
 }
-// 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.
  *
@@ -124,7 +207,7 @@ const VectorInput = ({ value: controlledValue, defaultValue, dimension = 3, labe
                         // 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] }));
+                    }), 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, color: "currentColor", decorative: true })) : (jsx(UnlinkIcon, { size: iconSize, color: "currentColor", decorative: true })) }))] }), (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":[],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA;AAEA;;;AAGE;;AAGF;AAEA;AACA;AAEA;AAKE;AACE;;AAEF;AACE;;AAEF;AACE;;;AAGF;AACF;AAEA;AAKE;AACE;;AAEF;;;;;AAKF;AAEA;;;;;;;;;;;;;;;;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/data/DataTable/DataTable.css.js

@@ -0,0 +1,25 @@
+import './../../../assets/src/components/data/DataTable/DataTable.css.ts.vanilla-CmRgtjIW.css';
+import { createRuntimeFn } from '@vanilla-extract/recipes/createRuntimeFn';
+
+var bodyStyle = 'DataTable_bodyStyle__v4olr8o';
+var cellRecipe = createRuntimeFn({defaultClassName:'DataTable_cellRecipe__v4olr8v',variantClassNames:{align:{left:'DataTable_cellRecipe_align_left__v4olr8w',center:'DataTable_cellRecipe_align_center__v4olr8x',right:'DataTable_cellRecipe_align_right__v4olr8y'},sticky:{true:'DataTable_cellRecipe_sticky_true__v4olr8z'},selectColumn:{true:'DataTable_cellRecipe_selectColumn_true__v4olr810'}},defaultVariants:{},compoundVariants:[]});
+var emptyStateStyle = 'DataTable_emptyStateStyle__v4olr811';
+var gridTemplateColumnsVar = 'var(--gridTemplateColumnsVar__v4olr82)';
+var headerCellInnerStyle = 'DataTable_headerCellInnerStyle__v4olr8k';
+var headerCellRecipe = createRuntimeFn({defaultClassName:'DataTable_headerCellRecipe__v4olr8d',variantClassNames:{align:{left:'DataTable_headerCellRecipe_align_left__v4olr8e',center:'DataTable_headerCellRecipe_align_center__v4olr8f',right:'DataTable_headerCellRecipe_align_right__v4olr8g'},sortable:{true:'DataTable_headerCellRecipe_sortable_true__v4olr8h'},sticky:{true:'DataTable_headerCellRecipe_sticky_true__v4olr8i'},selectColumn:{true:'DataTable_headerCellRecipe_selectColumn_true__v4olr8j'}},defaultVariants:{},compoundVariants:[]});
+var headerStyle = createRuntimeFn({defaultClassName:'DataTable_headerStyle__v4olr8b',variantClassNames:{sticky:{true:'DataTable_headerStyle_sticky_true__v4olr8c'}},defaultVariants:{},compoundVariants:[]});
+var innerWrapperStyle = 'DataTable_innerWrapperStyle__v4olr8a';
+var resizeHandleStyle = 'DataTable_resizeHandleStyle__v4olr8n';
+var rootRecipe = createRuntimeFn({defaultClassName:'DataTable_rootRecipe__v4olr85',variantClassNames:{density:{comfortable:'DataTable_rootRecipe_density_comfortable__v4olr86',compact:'DataTable_rootRecipe_density_compact__v4olr87',dense:'DataTable_rootRecipe_density_dense__v4olr88'}},defaultVariants:{density:'comfortable'},compoundVariants:[]});
+var rowRecipe = createRuntimeFn({defaultClassName:'DataTable_rowRecipe__v4olr8q',variantClassNames:{virtualized:{true:'DataTable_rowRecipe_virtualized_true__v4olr8r'},interactive:{true:'DataTable_rowRecipe_interactive_true__v4olr8s'},selected:{true:'DataTable_rowRecipe_selected_true__v4olr8t'},active:{true:'DataTable_rowRecipe_active_true__v4olr8u'}},defaultVariants:{},compoundVariants:[]});
+var scrollContainerStyle = 'DataTable_scrollContainerStyle__v4olr89';
+var skeletonBarStyle = 'DataTable_skeletonBarStyle__v4olr814';
+var skeletonCellStyle = 'DataTable_skeletonCellStyle__v4olr813';
+var skeletonRowStyle = 'DataTable_skeletonRowStyle__v4olr812';
+var sortIndicatorRecipe = createRuntimeFn({defaultClassName:'DataTable_sortIndicatorRecipe__v4olr8l',variantClassNames:{active:{true:'DataTable_sortIndicatorRecipe_active_true__v4olr8m'}},defaultVariants:{},compoundVariants:[]});
+var tableMinWidthVar = 'var(--tableMinWidthVar__v4olr83)';
+var totalHeightVar = 'var(--totalHeightVar__v4olr80)';
+var virtualBodyStyle = 'DataTable_virtualBodyStyle__v4olr8p';
+
+export { bodyStyle, cellRecipe, emptyStateStyle, gridTemplateColumnsVar, headerCellInnerStyle, headerCellRecipe, headerStyle, innerWrapperStyle, resizeHandleStyle, rootRecipe, rowRecipe, scrollContainerStyle, skeletonBarStyle, skeletonCellStyle, skeletonRowStyle, sortIndicatorRecipe, tableMinWidthVar, totalHeightVar, virtualBodyStyle };
+//# sourceMappingURL=DataTable.css.js.map

package/dist/esm/components/data/DataTable/DataTable.css.js.map

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