@expcat/tigercat-react 1.1.0 → 1.2.0

package/dist/{chunk-DUZM2SKR.js → chunk-A54CDNCF.js}

@@ -1,40 +1,66 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var chunkX7WESYRG_js = require('./chunk-X7WESYRG.js');
-var react = require('react');
-var tigercatCore = require('@expcat/tigercat-core');
-var jsxRuntime = require('react/jsx-runtime');
+var _chunkP36GX65Njs = require('./chunk-P36GX65N.js');
 
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
+// src/components/Tree.tsx
+var _react = require('react');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var _jsxruntime = require('react/jsx-runtime');
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
 var ExpandIcon = ({
   expanded,
   hasChildren
 }) => {
   if (!hasChildren) {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIndentClasses });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIndentClasses });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "svg",
     {
-      className: tigercatCore.getTreeNodeExpandIconClasses(expanded),
+      className: _tigercatcore.getTreeNodeExpandIconClasses.call(void 0, expanded),
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "currentColor",
-      children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M6 4l4 4-4 4V4z" })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M6 4l4 4-4 4V4z" })
     }
   );
 };
-var LoadingSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
+var LoadingSpinner = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
   "svg",
   {
-    className: tigercatCore.treeLoadingClasses,
+    className: _tigercatcore.treeLoadingClasses,
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: spinnerSvg.viewBox,
     children: spinnerSvg.elements.map((el, index) => {
-      if (el.type === "circle") return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
-      if (el.type === "path") return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
+      if (el.type === "circle") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { ...el.attrs }, index);
+      if (el.type === "path") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { ...el.attrs }, index);
       return null;
     })
   }
@@ -77,93 +103,93 @@ var Tree = ({
   height = 400,
   itemHeight = 32
 }) => {
-  const itemRefs = react.useRef(/* @__PURE__ */ new Map());
-  const dragNodeKeyRef = react.useRef(null);
-  const effectiveSelectable = react.useMemo(() => {
+  const itemRefs = _react.useRef.call(void 0, /* @__PURE__ */ new Map());
+  const dragNodeKeyRef = _react.useRef.call(void 0, null);
+  const effectiveSelectable = _react.useMemo.call(void 0, () => {
     if (selectionMode !== void 0) {
       return selectionMode !== "none";
     }
     return selectable;
   }, [selectionMode, selectable]);
-  const effectiveMultiple = react.useMemo(() => {
+  const effectiveMultiple = _react.useMemo.call(void 0, () => {
     if (selectionMode !== void 0) {
       return selectionMode === "multiple";
     }
     return multiple;
   }, [selectionMode, multiple]);
-  const [internalExpandedKeys, setInternalExpandedKeys] = react.useState(() => {
+  const [internalExpandedKeys, setInternalExpandedKeys] = _react.useState.call(void 0, () => {
     if (controlledExpandedKeys !== void 0) {
       return new Set(controlledExpandedKeys);
     }
     if (defaultExpandAll) {
-      return new Set(tigercatCore.getAllKeys(treeData));
+      return new Set(_tigercatcore.getAllKeys.call(void 0, treeData));
     }
     if (defaultExpandedKeys && defaultExpandedKeys.length > 0) {
       return new Set(defaultExpandedKeys);
     }
     return /* @__PURE__ */ new Set();
   });
-  const [internalSelectedKeys, setInternalSelectedKeys] = react.useState(
+  const [internalSelectedKeys, setInternalSelectedKeys] = _react.useState.call(void 0, 
     () => new Set(controlledSelectedKeys !== void 0 ? controlledSelectedKeys : defaultSelectedKeys)
   );
-  const [internalCheckedState, setInternalCheckedState] = react.useState(() => {
+  const [internalCheckedState, setInternalCheckedState] = _react.useState.call(void 0, () => {
     if (controlledCheckedKeys !== void 0) {
       if (Array.isArray(controlledCheckedKeys)) {
-        return tigercatCore.calculateCheckedState(treeData, controlledCheckedKeys, checkStrictly);
+        return _tigercatcore.calculateCheckedState.call(void 0, treeData, controlledCheckedKeys, checkStrictly);
       }
       return controlledCheckedKeys;
     }
-    return tigercatCore.calculateCheckedState(treeData, defaultCheckedKeys, checkStrictly);
+    return _tigercatcore.calculateCheckedState.call(void 0, treeData, defaultCheckedKeys, checkStrictly);
   });
-  const [loadingNodes, setLoadingNodes] = react.useState(/* @__PURE__ */ new Set());
-  const [filteredNodeKeys, setFilteredNodeKeys] = react.useState(/* @__PURE__ */ new Set());
-  const [activeKey, setActiveKey] = react.useState();
-  const computedExpandedKeys = react.useMemo(() => {
+  const [loadingNodes, setLoadingNodes] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const [filteredNodeKeys, setFilteredNodeKeys] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
+  const [activeKey, setActiveKey] = _react.useState.call(void 0, );
+  const computedExpandedKeys = _react.useMemo.call(void 0, () => {
     if (controlledExpandedKeys !== void 0) {
       return new Set(controlledExpandedKeys);
     }
     return internalExpandedKeys;
   }, [controlledExpandedKeys, internalExpandedKeys]);
-  const visibleItems = react.useMemo(
-    () => tigercatCore.getVisibleTreeItems(treeData, computedExpandedKeys, filteredNodeKeys),
+  const visibleItems = _react.useMemo.call(void 0, 
+    () => _tigercatcore.getVisibleTreeItems.call(void 0, treeData, computedExpandedKeys, filteredNodeKeys),
     [treeData, computedExpandedKeys, filteredNodeKeys]
   );
-  const focusableKeys = react.useMemo(
+  const focusableKeys = _react.useMemo.call(void 0, 
     () => visibleItems.filter((i) => !i.node.disabled).map((i) => i.key),
     [visibleItems]
   );
   const defaultActiveKey = focusableKeys[0];
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (activeKey === void 0) return;
-    itemRefs.current.get(activeKey)?.focus();
+    _optionalChain([itemRefs, 'access', _ => _.current, 'access', _2 => _2.get, 'call', _3 => _3(activeKey), 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
   }, [activeKey]);
-  const computedSelectedKeys = react.useMemo(() => {
+  const computedSelectedKeys = _react.useMemo.call(void 0, () => {
     if (controlledSelectedKeys !== void 0) {
       return new Set(controlledSelectedKeys);
     }
     return internalSelectedKeys;
   }, [controlledSelectedKeys, internalSelectedKeys]);
-  const computedCheckedState = react.useMemo(() => {
+  const computedCheckedState = _react.useMemo.call(void 0, () => {
     if (controlledCheckedKeys !== void 0) {
       if (Array.isArray(controlledCheckedKeys)) {
-        return tigercatCore.calculateCheckedState(treeData, controlledCheckedKeys, checkStrictly);
+        return _tigercatcore.calculateCheckedState.call(void 0, treeData, controlledCheckedKeys, checkStrictly);
       }
       return controlledCheckedKeys;
     }
     return internalCheckedState;
   }, [controlledCheckedKeys, internalCheckedState, treeData, checkStrictly]);
-  const checkedSets = react.useMemo(
-    () => tigercatCore.checkedSetsFromState(computedCheckedState),
+  const checkedSets = _react.useMemo.call(void 0, 
+    () => _tigercatcore.checkedSetsFromState.call(void 0, computedCheckedState),
     [computedCheckedState]
   );
-  const [internalSearchValue, setInternalSearchValue] = react.useState("");
+  const [internalSearchValue, setInternalSearchValue] = _react.useState.call(void 0, "");
   const effectiveFilterValue = searchable ? internalSearchValue : filterValue;
-  react.useEffect(() => {
+  _react.useEffect.call(void 0, () => {
     if (effectiveFilterValue) {
-      const matched = tigercatCore.filterTreeNodes(treeData, effectiveFilterValue, filterFn);
+      const matched = _tigercatcore.filterTreeNodes.call(void 0, treeData, effectiveFilterValue, filterFn);
       setFilteredNodeKeys(matched);
       if (autoExpandParent) {
-        const autoExpand = tigercatCore.getAutoExpandKeys(treeData, matched);
+        const autoExpand = _tigercatcore.getAutoExpandKeys.call(void 0, treeData, matched);
         if (controlledExpandedKeys === void 0) {
           setInternalExpandedKeys((prev) => /* @__PURE__ */ new Set([...prev, ...autoExpand]));
         }
@@ -172,18 +198,18 @@ var Tree = ({
       setFilteredNodeKeys(/* @__PURE__ */ new Set());
     }
   }, [effectiveFilterValue, treeData, filterFn, autoExpandParent, controlledExpandedKeys]);
-  const handleExpand = react.useCallback(
+  const handleExpand = _react.useCallback.call(void 0, 
     (nodeKey) => {
-      const node = tigercatCore.findNode(treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, treeData, nodeKey);
       if (!node) return;
       const newExpandedKeys = new Set(computedExpandedKeys);
       const isExpanded = newExpandedKeys.has(nodeKey);
       if (isExpanded) {
         newExpandedKeys.delete(nodeKey);
-        onNodeCollapse?.(node, nodeKey);
+        _optionalChain([onNodeCollapse, 'optionalCall', _6 => _6(node, nodeKey)]);
       } else {
         newExpandedKeys.add(nodeKey);
-        onNodeExpand?.(node, nodeKey);
+        _optionalChain([onNodeExpand, 'optionalCall', _7 => _7(node, nodeKey)]);
         if (loadData && !node.children && !node.isLeaf && !loadingNodes.has(nodeKey)) {
           setLoadingNodes((prev) => /* @__PURE__ */ new Set([...prev, nodeKey]));
           loadData(node).then((children) => {
@@ -206,10 +232,10 @@ var Tree = ({
       if (controlledExpandedKeys === void 0) {
         setInternalExpandedKeys(newExpandedKeys);
       }
-      onExpand?.(Array.from(newExpandedKeys), {
+      _optionalChain([onExpand, 'optionalCall', _8 => _8(Array.from(newExpandedKeys), {
         expanded: !isExpanded,
         node
-      });
+      })]);
     },
     [
       treeData,
@@ -222,9 +248,9 @@ var Tree = ({
       onNodeCollapse
     ]
   );
-  const handleSelect = react.useCallback(
+  const handleSelect = _react.useCallback.call(void 0, 
     (nodeKey, event) => {
-      const node = tigercatCore.findNode(treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, treeData, nodeKey);
       if (!node || node.disabled || !effectiveSelectable) return;
       const newSelectedKeys = new Set(computedSelectedKeys);
       if (effectiveMultiple) {
@@ -241,12 +267,12 @@ var Tree = ({
         setInternalSelectedKeys(newSelectedKeys);
       }
       const selectedKeysArray = Array.from(newSelectedKeys);
-      onSelect?.(selectedKeysArray, {
+      _optionalChain([onSelect, 'optionalCall', _9 => _9(selectedKeysArray, {
         selected: newSelectedKeys.has(nodeKey),
-        selectedNodes: selectedKeysArray.map((k) => tigercatCore.findNode(treeData, k)).filter(Boolean),
+        selectedNodes: selectedKeysArray.map((k) => _tigercatcore.findNode.call(void 0, treeData, k)).filter(Boolean),
         node,
         event
-      });
+      })]);
     },
     [
       treeData,
@@ -257,12 +283,12 @@ var Tree = ({
       onSelect
     ]
   );
-  const handleCheck = react.useCallback(
+  const handleCheck = _react.useCallback.call(void 0, 
     (nodeKey, checked) => {
-      const node = tigercatCore.findNode(treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, treeData, nodeKey);
       if (!node || node.disabled) return;
       const currentCheckedKeys = computedCheckedState.checked;
-      const newCheckedState = tigercatCore.handleNodeCheck(
+      const newCheckedState = _tigercatcore.handleNodeCheck.call(void 0, 
         treeData,
         nodeKey,
         checked,
@@ -272,17 +298,17 @@ var Tree = ({
       if (controlledCheckedKeys === void 0) {
         setInternalCheckedState(newCheckedState);
       }
-      const returnKeys = tigercatCore.getCheckedKeysByStrategy(newCheckedState, treeData, checkStrategy);
-      onCheck?.(returnKeys, {
+      const returnKeys = _tigercatcore.getCheckedKeysByStrategy.call(void 0, newCheckedState, treeData, checkStrategy);
+      _optionalChain([onCheck, 'optionalCall', _10 => _10(returnKeys, {
         checked,
-        checkedNodes: newCheckedState.checked.map((k) => tigercatCore.findNode(treeData, k)).filter(Boolean),
+        checkedNodes: newCheckedState.checked.map((k) => _tigercatcore.findNode.call(void 0, treeData, k)).filter(Boolean),
         node,
         checkedNodesPositions: newCheckedState
-      });
+      })]);
     },
     [treeData, computedCheckedState, checkStrictly, checkStrategy, controlledCheckedKeys, onCheck]
   );
-  const getFirstChildKey = react.useCallback(
+  const getFirstChildKey = _react.useCallback.call(void 0, 
     (nodeKey) => {
       const index = visibleItems.findIndex((i) => i.key === nodeKey);
       if (index < 0) return void 0;
@@ -296,32 +322,32 @@ var Tree = ({
     },
     [visibleItems]
   );
-  const handleKeyDown = react.useCallback(
+  const handleKeyDown = _react.useCallback.call(void 0, 
     (e, node, isExpanded, isChecked) => {
       if (node.disabled) return;
-      const currentKey = activeKey ?? defaultActiveKey ?? node.key;
+      const currentKey = _nullishCoalesce(_nullishCoalesce(activeKey, () => ( defaultActiveKey)), () => ( node.key));
       const currentIndex = focusableKeys.findIndex((k) => k === currentKey);
       const isExpandable = !!(node.children && node.children.length > 0) || !!(loadData && !node.isLeaf);
-      const parents = tigercatCore.getParentKeys(treeData, node.key);
+      const parents = _tigercatcore.getParentKeys.call(void 0, treeData, node.key);
       const parentKey = parents[parents.length - 1];
       if (e.key === "ArrowDown") {
         e.preventDefault();
-        setActiveKey(focusableKeys[currentIndex + 1] ?? currentKey);
+        setActiveKey(_nullishCoalesce(focusableKeys[currentIndex + 1], () => ( currentKey)));
         return;
       }
       if (e.key === "ArrowUp") {
         e.preventDefault();
-        setActiveKey(focusableKeys[currentIndex - 1] ?? currentKey);
+        setActiveKey(_nullishCoalesce(focusableKeys[currentIndex - 1], () => ( currentKey)));
         return;
       }
       if (e.key === "Home") {
         e.preventDefault();
-        setActiveKey(focusableKeys[0] ?? currentKey);
+        setActiveKey(_nullishCoalesce(focusableKeys[0], () => ( currentKey)));
         return;
       }
       if (e.key === "End") {
         e.preventDefault();
-        setActiveKey(focusableKeys[focusableKeys.length - 1] ?? currentKey);
+        setActiveKey(_nullishCoalesce(focusableKeys[focusableKeys.length - 1], () => ( currentKey)));
         return;
       }
       if (e.key === "ArrowRight") {
@@ -331,7 +357,7 @@ var Tree = ({
           return;
         }
         if (isExpandable && isExpanded) {
-          setActiveKey(getFirstChildKey(node.key) ?? currentKey);
+          setActiveKey(_nullishCoalesce(getFirstChildKey(node.key), () => ( currentKey)));
         }
         return;
       }
@@ -408,18 +434,18 @@ var Tree = ({
     const isMatched = filteredNodeKeys.has(node.key);
     const isVisible = !isFiltered || isMatched;
     const isExpandable = hasChildren || !!(loadData && !node.isLeaf);
-    const isFocusable = !node.disabled && node.key === (activeKey ?? defaultActiveKey);
+    const isFocusable = !node.disabled && node.key === (_nullishCoalesce(activeKey, () => ( defaultActiveKey)));
     if (!isVisible) {
       return null;
     }
     const indent = [];
     for (let i = 0; i < level; i++) {
-      indent.push(/* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIndentClasses }, i));
+      indent.push(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIndentClasses }, i));
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: tigercatCore.getTreeNodeClasses(isSelected, !!node.disabled, blockNode),
+        className: _tigercatcore.getTreeNodeClasses.call(void 0, isSelected, !!node.disabled, blockNode),
         ref: (el) => {
           itemRefs.current.set(node.key, el);
         },
@@ -443,7 +469,7 @@ var Tree = ({
           e.preventDefault();
           e.stopPropagation();
           if (dragNodeKeyRef.current !== null && dragNodeKeyRef.current !== node.key) {
-            onDrop?.({ dragKey: dragNodeKeyRef.current, dropKey: node.key });
+            _optionalChain([onDrop, 'optionalCall', _11 => _11({ dragKey: dragNodeKeyRef.current, dropKey: node.key })]);
           }
           dragNodeKeyRef.current = null;
         } : void 0,
@@ -456,14 +482,14 @@ var Tree = ({
         onKeyDown: (e) => handleKeyDown(e, node, isExpanded, isChecked),
         onClick: (e) => {
           setActiveKey(node.key);
-          if (!node.disabled) onNodeClick?.(node, e);
+          if (!node.disabled) _optionalChain([onNodeClick, 'optionalCall', _12 => _12(node, e)]);
           if (effectiveSelectable && !node.disabled) {
             handleSelect(node.key, e);
           }
         },
         children: [
           indent,
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
               className: isExpandable ? "cursor-pointer" : "",
@@ -474,15 +500,15 @@ var Tree = ({
                   handleExpand(node.key);
                 }
               },
-              children: /* @__PURE__ */ jsxRuntime.jsx(ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExpandIcon, { expanded: isExpanded, hasChildren: isExpandable })
             }
           ),
-          checkable && /* @__PURE__ */ jsxRuntime.jsx(
+          checkable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "input",
             {
               type: "checkbox",
               "aria-label": `Select ${node.label}`,
-              className: tigercatCore.treeNodeCheckboxClasses,
+              className: _tigercatcore.treeNodeCheckboxClasses,
               checked: isChecked,
               ref: (input) => {
                 if (input) {
@@ -498,18 +524,18 @@ var Tree = ({
               }
             }
           ),
-          showIcon && node.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.treeNodeIconClasses, children: node.icon }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(
+          showIcon && node.icon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _tigercatcore.treeNodeIconClasses, children: node.icon }) : null,
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "span",
             {
-              className: tigercatCore.classNames(
-                tigercatCore.treeNodeLabelClasses,
+              className: _tigercatcore.classNames.call(void 0, 
+                _tigercatcore.treeNodeLabelClasses,
                 isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
               ),
               children: node.label
             }
           ),
-          isLoading && /* @__PURE__ */ jsxRuntime.jsx(LoadingSpinner, {})
+          isLoading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, LoadingSpinner, {})
         ]
       }
     );
@@ -523,31 +549,31 @@ var Tree = ({
     if (!isVisible) {
       return null;
     }
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tigercatCore.treeNodeWrapperClasses, children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _tigercatcore.treeNodeWrapperClasses, children: [
       renderTreeRow(node, level),
-      hasChildren && isExpanded && /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.classNames(tigercatCore.treeNodeChildrenClasses, showLine && tigercatCore.treeLineClasses), children: node.children.map((child) => renderTreeNode(child, level + 1)) })
+      hasChildren && isExpanded && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, showLine && _tigercatcore.treeLineClasses), children: node.children.map((child) => renderTreeNode(child, level + 1)) })
     ] }, node.key);
   };
   if (!treeData || treeData.length === 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: tigercatCore.classNames(tigercatCore.treeBaseClasses, "p-4", className),
+        className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, "p-4", className),
         role: "tree",
         "aria-label": ariaLabel,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.treeEmptyStateClasses, children: emptyText })
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _tigercatcore.treeEmptyStateClasses, children: emptyText })
       }
     );
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: tigercatCore.classNames(tigercatCore.treeBaseClasses, className),
+      className: _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, className),
       role: "tree",
       "aria-label": ariaLabel,
       "aria-multiselectable": effectiveMultiple || void 0,
       children: [
-        searchable && /* @__PURE__ */ jsxRuntime.jsx(
+        searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "input",
           {
             type: "text",
@@ -557,8 +583,8 @@ var Tree = ({
             onChange: (e) => setInternalSearchValue(e.target.value)
           }
         ),
-        virtual ? /* @__PURE__ */ jsxRuntime.jsx(
-          chunkX7WESYRG_js.VirtualList,
+        virtual ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkP36GX65Njs.VirtualList,
           {
             itemCount: visibleItems.length,
             itemHeight,
@@ -576,5 +602,7 @@ var Tree = ({
 };
 var Tree_default = Tree;
 
-exports.Tree = Tree;
-exports.Tree_default = Tree_default;
+
+
+
+exports.Tree = Tree; exports.Tree_default = Tree_default;

package/dist/{chunk-OUARQFZ7.mjs → chunk-AG4HRAW2.mjs}

@@ -1,14 +1,45 @@
-import { useChartInteraction } from './chunk-6QML6T3Y.mjs';
-import { ChartLegend } from './chunk-UBP7HZSU.mjs';
-import { ChartSeries } from './chunk-SDLMB34Y.mjs';
-import { ChartTooltip } from './chunk-2IUTFPQQ.mjs';
-import { ChartAxis } from './chunk-RQSQXQN6.mjs';
-import { ChartCanvas } from './chunk-DKNVSQSV.mjs';
-import { ChartGrid } from './chunk-677VSTPW.mjs';
-import { useRef, useState, useEffect, useMemo } from 'react';
-import { getScatterGradientPrefix, getChartInnerRect, getNumberExtent, createLinearScale, resolveChartPalette, getChartElementOpacity, getScatterHoverSize, buildChartLegendItems, resolveChartTooltipContent, classNames, SCATTER_ENTRANCE_KEYFRAMES, getScatterHoverShadow, SCATTER_ENTRANCE_CLASS, scatterPointTransitionClasses, getScatterPointPath } from '@expcat/tigercat-core';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import {
+  useChartInteraction
+} from "./chunk-6QML6T3Y.mjs";
+import {
+  ChartLegend
+} from "./chunk-UBP7HZSU.mjs";
+import {
+  ChartSeries
+} from "./chunk-SDLMB34Y.mjs";
+import {
+  ChartTooltip
+} from "./chunk-NASC6XHN.mjs";
+import {
+  ChartAxis
+} from "./chunk-RQSQXQN6.mjs";
+import {
+  ChartCanvas
+} from "./chunk-DKNVSQSV.mjs";
+import {
+  ChartGrid
+} from "./chunk-677VSTPW.mjs";
 
+// src/components/ScatterChart.tsx
+import { useId, useMemo, useState, useEffect } from "react";
+import {
+  classNames,
+  createLinearScale,
+  getChartElementOpacity,
+  getChartInnerRect,
+  getNumberExtent,
+  getStableChartGradientPrefix,
+  getScatterHoverShadow,
+  getScatterHoverSize,
+  getScatterPointPath,
+  scatterPointTransitionClasses,
+  SCATTER_ENTRANCE_KEYFRAMES,
+  SCATTER_ENTRANCE_CLASS,
+  resolveChartPalette,
+  buildChartLegendItems,
+  resolveChartTooltipContent
+} from "@expcat/tigercat-core";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ScatterChart = ({
   width = 320,
   height = 200,
@@ -65,8 +96,11 @@ var ScatterChart = ({
   desc,
   className
 }) => {
-  const gradientPrefixRef = useRef(getScatterGradientPrefix());
-  const gradientPrefix = gradientPrefixRef.current;
+  const gradientId = useId();
+  const gradientPrefix = useMemo(
+    () => getStableChartGradientPrefix("scatter", gradientId),
+    [gradientId]
+  );
   const [mounted, setMounted] = useState(false);
   useEffect(() => {
     if (animated) setMounted(true);
@@ -242,7 +276,7 @@ var ScatterChart = ({
           const styleObj = {
             ...filterStyle ? { filter: filterStyle } : {},
             ...animDelay ? {
-              animation: `${SCATTER_ENTRANCE_CLASS} 500ms cubic-bezier(.34,1.56,.64,1) ${animDelay} both`
+              animation: `${SCATTER_ENTRANCE_CLASS} var(--tiger-motion-duration-slow,500ms) var(--tiger-motion-ease-spring,cubic-bezier(.34,1.56,.64,1)) ${animDelay} both`
             } : {}
           };
           const sharedProps = {
@@ -250,7 +284,11 @@ var ScatterChart = ({
             opacity: point.opacity,
             stroke: pointBorderColor,
             strokeWidth: pointBorderWidth,
-            className: classNames(scatterPointTransitionClasses, interactive && "cursor-pointer"),
+            className: classNames(
+              scatterPointTransitionClasses,
+              animDelay && SCATTER_ENTRANCE_CLASS,
+              interactive && "cursor-pointer"
+            ),
             style: Object.keys(styleObj).length > 0 ? styleObj : void 0,
             tabIndex: selectable ? 0 : void 0,
             role: selectable ? "button" : "img",
@@ -322,4 +360,7 @@ var ScatterChart = ({
 };
 var ScatterChart_default = ScatterChart;
 
-export { ScatterChart, ScatterChart_default };
+export {
+  ScatterChart,
+  ScatterChart_default
+};