@vuer-ai/vuer-uikit 0.0.98 → 0.0.100

package/dist/chunk-4KWGGESI.cjs

@@ -1,494 +0,0 @@
-'use strict';
-
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
-var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
-var lucideReact = require('lucide-react');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function TreeView({
-  data,
-  getIcon,
-  onVisibleDataChange,
-  onItemHover,
-  className,
-  hoveredId,
-  isSelectable = false,
-  selectedItemId,
-  onSelectChange,
-  isSearchable = true,
-  alwaysShowExpand = false,
-  useSyncScroll = false,
-  // External search state props
-  searchQuery: externalSearchQuery,
-  onSearchQueryChange: externalOnSearchQueryChange,
-  isCaseSensitive: externalIsCaseSensitive,
-  onIsCaseSensitiveChange: externalOnIsCaseSensitiveChange,
-  isRegex: externalIsRegex,
-  onIsRegexChange: externalOnIsRegexChange
-}) {
-  const [expandedItems, setExpandedItems] = react.useState(() => {
-    const initial = /* @__PURE__ */ new Set();
-    data.forEach((item) => {
-      if (item.isCollapsible) initial.add(item.id);
-    });
-    return initial;
-  });
-  const [internalSearchQuery, setInternalSearchQuery] = react.useState("");
-  const [internalIsCaseSensitive, setInternalIsCaseSensitive] = react.useState(false);
-  const [internalIsRegex, setInternalIsRegex] = react.useState(false);
-  const [isRegexValid, setIsRegexValid] = react.useState(true);
-  const searchQuery = externalSearchQuery ?? internalSearchQuery;
-  const setSearchQuery = externalOnSearchQueryChange ?? setInternalSearchQuery;
-  const isCaseSensitive = externalIsCaseSensitive ?? internalIsCaseSensitive;
-  const isRegex = externalIsRegex ?? internalIsRegex;
-  const setIsCaseSensitive = (value) => {
-    if (externalOnIsCaseSensitiveChange) {
-      externalOnIsCaseSensitiveChange(value);
-    } else {
-      setInternalIsCaseSensitive(value);
-    }
-  };
-  const setIsRegex = (value) => {
-    if (externalOnIsRegexChange) {
-      externalOnIsRegexChange(value);
-    } else {
-      setInternalIsRegex(value);
-    }
-  };
-  const toggleItem = (id) => {
-    setExpandedItems((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(id)) {
-        newSet.delete(id);
-      } else {
-        newSet.add(id);
-      }
-      return newSet;
-    });
-  };
-  const handleItemSelect = (id) => {
-    if (isSelectable && onSelectChange) {
-      onSelectChange(selectedItemId === id ? null : id);
-    }
-  };
-  const hasDescendants = (itemId) => {
-    return (childrenMap.get(itemId) || []).length > 0;
-  };
-  const childrenMap = react.useMemo(() => {
-    const map = /* @__PURE__ */ new Map();
-    data.forEach((item) => {
-      if (!map.has(item.parentId)) {
-        map.set(item.parentId, []);
-      }
-      map.get(item.parentId).push(item);
-    });
-    return map;
-  }, [data]);
-  const dataWithMeta = react.useMemo(() => {
-    const dataMap = new Map(data.map((item) => [item.id, item]));
-    const getAncestors = (item) => {
-      const ancestors = [];
-      let current = item.parentId;
-      while (current) {
-        const parent = dataMap.get(current);
-        if (parent) {
-          ancestors.unshift(parent);
-          current = parent.parentId;
-        } else {
-          break;
-        }
-      }
-      return ancestors;
-    };
-    const sortedData = [];
-    const visited = /* @__PURE__ */ new Set();
-    const traverseNode = (nodeId, depth = 0) => {
-      const children = childrenMap.get(nodeId) || [];
-      children.forEach((child) => {
-        if (!visited.has(child.id)) {
-          visited.add(child.id);
-          sortedData.push(child);
-          traverseNode(child.id, depth + 1);
-        }
-      });
-    };
-    traverseNode(null);
-    return sortedData.map((item) => {
-      const siblings = childrenMap.get(item.parentId) || [];
-      const isLast = siblings.length > 0 && siblings[siblings.length - 1].id === item.id;
-      const ancestors = getAncestors(item);
-      const indent = ancestors.length;
-      return { ...item, indent, isLast, ancestors };
-    });
-  }, [data, childrenMap]);
-  const visibleData = react.useMemo(() => {
-    const dataMap = new Map(data.map((item) => [item.id, item]));
-    if (!searchQuery) {
-      const isVisible = (item) => {
-        return item.ancestors.every((ancestor) => expandedItems.has(ancestor.id));
-      };
-      return dataWithMeta.filter(isVisible);
-    }
-    const matchingAndAncestorIds = /* @__PURE__ */ new Set();
-    let regex = null;
-    if (isRegex) {
-      try {
-        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
-        if (!isRegexValid) setIsRegexValid(true);
-      } catch {
-        if (isRegexValid) setIsRegexValid(false);
-        return [];
-      }
-    }
-    data.forEach((item) => {
-      let labelMatches = false;
-      if (regex) {
-        labelMatches = regex.test(item.label);
-      } else {
-        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
-        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
-        labelMatches = source.includes(query);
-      }
-      if (labelMatches) {
-        matchingAndAncestorIds.add(item.id);
-        let current = item.parentId;
-        while (current) {
-          const parent = dataMap.get(current);
-          if (parent) {
-            matchingAndAncestorIds.add(parent.id);
-            current = parent.parentId;
-          } else {
-            break;
-          }
-        }
-      }
-    });
-    return dataWithMeta.filter((item) => matchingAndAncestorIds.has(item.id));
-  }, [searchQuery, dataWithMeta, expandedItems, isCaseSensitive, isRegex, isRegexValid, data]);
-  const searchResultsCount = react.useMemo(() => {
-    if (!searchQuery || !isRegexValid) return 0;
-    let count = 0;
-    let regex = null;
-    if (isRegex) {
-      try {
-        regex = new RegExp(searchQuery, isCaseSensitive ? "" : "i");
-      } catch {
-        return 0;
-      }
-    }
-    data.forEach((item) => {
-      let labelMatches = false;
-      if (regex) {
-        labelMatches = regex.test(item.label);
-      } else {
-        const source = isCaseSensitive ? item.label : item.label.toLowerCase();
-        const query = isCaseSensitive ? searchQuery : searchQuery.toLowerCase();
-        labelMatches = source.includes(query);
-      }
-      if (labelMatches) {
-        count++;
-      }
-    });
-    return count;
-  }, [searchQuery, data, isCaseSensitive, isRegex, isRegexValid]);
-  react.useEffect(() => {
-    onVisibleDataChange?.(visibleData);
-  }, [visibleData, onVisibleDataChange]);
-  const renderLabel = (label) => {
-    if (!searchQuery || !isRegexValid) {
-      return label;
-    }
-    let regex;
-    try {
-      regex = new RegExp(`(${searchQuery})`, isCaseSensitive ? "g" : "gi");
-    } catch {
-      return label;
-    }
-    const parts = label.split(regex);
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: parts.map(
-      (part, i) => i % 2 === 1 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rounded-uk-xs bg-accent-warning", children: part }, i) : part
-    ) });
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("flex flex-col", className), children: [
-    isSearchable && /* @__PURE__ */ jsxRuntime.jsx(
-      TreeSearchBar,
-      {
-        searchQuery,
-        setSearchQuery,
-        isCaseSensitive,
-        setIsCaseSensitive,
-        isRegex,
-        setIsRegex,
-        isRegexValid,
-        searchResultsCount
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      TreeEntries,
-      {
-        visibleData,
-        hoveredId,
-        onItemHover,
-        isSelectable,
-        selectedItemId,
-        handleItemSelect,
-        expandedItems,
-        toggleItem,
-        alwaysShowExpand,
-        hasDescendants,
-        getIcon,
-        renderLabel,
-        dataWithMeta,
-        useSyncScroll
-      }
-    )
-  ] });
-}
-function TreeSearchBar({
-  searchQuery,
-  setSearchQuery,
-  isCaseSensitive,
-  setIsCaseSensitive,
-  isRegex,
-  setIsRegex,
-  isRegexValid,
-  searchResultsCount
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "shrink-0", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1 py-1", children: /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk3UEVUYFQ_cjs.InputRoot,
-      {
-        type: "text",
-        placeholder: "Search...",
-        size: "md",
-        className: "flex-1",
-        inputClassName: chunkOHIB3TEN_cjs.cn(!isRegexValid && "text-red-500"),
-        value: searchQuery,
-        onChange: (e) => setSearchQuery(e.target.value),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.TooltipProvider, { delayDuration: 200, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: () => setIsCaseSensitive((prev) => !prev),
-                  className: chunkOHIB3TEN_cjs.cn(
-                    "rounded-uk-sm mr-1 p-1",
-                    isCaseSensitive ? "bg-shadow-secondary" : ""
-                  ),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
-            ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-                "button",
-                {
-                  onClick: () => setIsRegex((prev) => !prev),
-                  className: chunkOHIB3TEN_cjs.cn("rounded-uk-sm p-1", isRegex && "bg-shadow-secondary"),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
-            ] })
-          ] }) })
-        ]
-      }
-    ) }),
-    searchQuery && isRegexValid && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end px-2 pb-1", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-uk-xs text-text-secondary", children: [
-      searchResultsCount,
-      " result",
-      searchResultsCount !== 1 ? "s" : ""
-    ] }) })
-  ] });
-}
-function TreeEntryItem({
-  item,
-  hoveredId,
-  onItemHover,
-  isSelectable,
-  selectedItemId,
-  handleItemSelect,
-  expandedItems,
-  toggleItem,
-  alwaysShowExpand,
-  hasDescendants,
-  getIcon,
-  renderLabel,
-  dataWithMeta
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: chunkOHIB3TEN_cjs.cn(
-        "group relative flex h-[32px] items-center",
-        isSelectable && "rounded-uk-md",
-        !item.disable && "cursor-pointer",
-        hoveredId === item.id && !item.disable && "bg-bg-secondary",
-        isSelectable && selectedItemId === item.id && "bg-brand-primary text-text-withbg"
-      ),
-      onMouseEnter: () => onItemHover?.(item.id),
-      onMouseLeave: () => onItemHover?.(null),
-      onClick: () => !item.disable && handleItemSelect(item.id),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-0 left-[-0.28rem] z-0 flex h-full items-center", children: [
-          item.ancestors.map((ancestor, index) => {
-            const parentIsLast = dataWithMeta.find((d) => d.id === ancestor.id)?.isLast;
-            return /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: chunkOHIB3TEN_cjs.cn(
-                  "h-full w-[1.25rem]",
-                  parentIsLast ? "" : "border-l",
-                  "border-line-primary"
-                )
-              },
-              index
-            );
-          }),
-          item.indent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-full w-[1.24rem]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(
-              "div",
-              {
-                className: chunkOHIB3TEN_cjs.cn(
-                  "absolute top-0 left-0 h-1/2 w-1/2 border-b border-l",
-                  item.isLast ? "rounded-bl-md" : "",
-                  "border-line-primary"
-                )
-              }
-            ),
-            !item.isLast && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-line-primary absolute top-1/2 left-0 h-1/2 w-1/2 border-l" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: "text-uk-md z-10 flex w-full items-center justify-between gap-2 px-2 whitespace-nowrap",
-            style: { paddingLeft: `${item.indent * 1.25 + 0.5}rem` },
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-                alwaysShowExpand && hasDescendants(item.id) && !expandedItems.has(item.id) ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        toggleItem(item.id);
-                      },
-                      className: "flex size-4 cursor-pointer items-center justify-center",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        lucideReact.ChevronDown,
-                        {
-                          className: chunkOHIB3TEN_cjs.cn(
-                            "size-4 -rotate-90 transition-transform",
-                            item.disable && "text-icon-tertiary"
-                          )
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: chunkOHIB3TEN_cjs.cn(
-                        "flex size-4 items-center justify-center",
-                        item.disable && "text-icon-tertiary"
-                      ),
-                      children: getIcon(item)
-                    }
-                  )
-                ] }) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex size-4 items-center justify-center", children: [
-                  item.isCollapsible && /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      onClick: (e) => {
-                        e.stopPropagation();
-                        toggleItem(item.id);
-                      },
-                      className: "absolute z-20 flex cursor-pointer items-center justify-center opacity-0 transition-opacity group-hover:opacity-100",
-                      children: /* @__PURE__ */ jsxRuntime.jsx(
-                        lucideReact.ChevronDown,
-                        {
-                          className: chunkOHIB3TEN_cjs.cn(
-                            "size-4 transition-transform",
-                            !expandedItems.has(item.id) && "-rotate-90",
-                            item.disable && "text-icon-tertiary"
-                          )
-                        }
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "div",
-                    {
-                      className: chunkOHIB3TEN_cjs.cn(
-                        "cursor-pointer transition-opacity",
-                        item.isCollapsible && "group-hover:opacity-0",
-                        item.disable && "text-icon-tertiary"
-                      ),
-                      children: getIcon(item)
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkOHIB3TEN_cjs.cn("truncate", item.disable && "text-text-tertiary"), children: renderLabel(item.label) })
-              ] }),
-              item.actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-1", onClick: (e) => e.stopPropagation(), children: item.actions })
-            ]
-          }
-        )
-      ]
-    },
-    item.id
-  );
-}
-function TreeEntries({
-  visibleData,
-  hoveredId,
-  onItemHover,
-  isSelectable,
-  selectedItemId,
-  handleItemSelect,
-  expandedItems,
-  toggleItem,
-  alwaysShowExpand,
-  hasDescendants,
-  getIcon,
-  renderLabel,
-  dataWithMeta,
-  useSyncScroll = false,
-  className
-}) {
-  const content = visibleData.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-    TreeEntryItem,
-    {
-      item,
-      hoveredId,
-      onItemHover,
-      isSelectable,
-      selectedItemId,
-      handleItemSelect,
-      expandedItems,
-      toggleItem,
-      alwaysShowExpand,
-      hasDescendants,
-      getIcon,
-      renderLabel,
-      dataWithMeta
-    },
-    item.id
-  ));
-  if (useSyncScroll) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScroll, { className: chunkOHIB3TEN_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("flex-1 overflow-y-auto", className), children: content });
-}
-
-exports.TreeEntries = TreeEntries;
-exports.TreeEntryItem = TreeEntryItem;
-exports.TreeSearchBar = TreeSearchBar;
-exports.TreeView = TreeView;

package/dist/chunk-A5LCX2UQ.cjs

@@ -1,208 +0,0 @@
-'use strict';
-
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
-var chunkP6DICGAV_cjs = require('./chunk-P6DICGAV.cjs');
-var react = require('react');
-var reactDom = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
-var CursorProvider = ({
-  children,
-  maxOffsetX = 5,
-  maxOffsetY = 20,
-  cursorSize = 20,
-  transitionDuration = 100,
-  cursorClassName,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const [isClient, setIsClient] = react.useState(false);
-  const [isMouseInside, setIsMouseInside] = react.useState(false);
-  const [mousePosition, setMousePosition] = react.useState({ x: 0, y: 0 });
-  const [hoveredElementId, setHoveredElementId] = react.useState(null);
-  const [elementDimensions, setElementDimensions] = react.useState({
-    width: 0,
-    height: 0,
-    x: 0,
-    y: 0,
-    right: 0,
-    bottom: 0
-  });
-  const hoveredElementRef = react.useRef(null);
-  react.useEffect(() => {
-    setIsClient(true);
-  }, []);
-  react.useEffect(() => {
-    if (!isClient) return;
-    const handleMouseMove = (e) => {
-      setMousePosition({ x: e.clientX, y: e.clientY });
-    };
-    document.addEventListener("mousemove", handleMouseMove);
-    return () => document.removeEventListener("mousemove", handleMouseMove);
-  }, [isClient]);
-  const handleMouseEnter = react.useCallback(() => {
-    setIsMouseInside(true);
-  }, []);
-  const handleMouseLeave = react.useCallback(() => {
-    setIsMouseInside(false);
-    setHoveredElementId(null);
-    hoveredElementRef.current = null;
-  }, []);
-  const checkMouseInElement = react.useCallback(() => {
-    if (!hoveredElementRef.current || !hoveredElementId) {
-      return;
-    }
-    const rect = hoveredElementRef.current.getBoundingClientRect();
-    setElementDimensions({
-      width: rect.width,
-      height: rect.height,
-      x: rect.left,
-      y: rect.top,
-      right: rect.right,
-      bottom: rect.bottom
-    });
-    const isInside = mousePosition.x >= rect.left && mousePosition.x <= rect.right && mousePosition.y >= rect.top && mousePosition.y <= rect.bottom;
-    if (!isInside) {
-      setHoveredElementId(null);
-      hoveredElementRef.current = null;
-    }
-  }, [mousePosition, hoveredElementId]);
-  react.useEffect(() => {
-    if (!isClient) return;
-    const handleScroll = () => {
-      checkMouseInElement();
-    };
-    document.addEventListener("scroll", handleScroll, { passive: true, capture: true });
-    return () => {
-      document.removeEventListener("scroll", handleScroll, { capture: true });
-    };
-  }, [checkMouseInElement, isClient]);
-  const registerHoveredElement = react.useCallback(
-    (id, dimensions, element) => {
-      setHoveredElementId(id);
-      setElementDimensions({
-        width: dimensions.width,
-        height: dimensions.height,
-        x: dimensions.left,
-        y: dimensions.top,
-        right: dimensions.right,
-        bottom: dimensions.bottom
-      });
-      if (element) {
-        hoveredElementRef.current = element;
-      }
-    },
-    []
-  );
-  const unregisterHoveredElement = react.useCallback(() => {
-    setHoveredElementId(null);
-    hoveredElementRef.current = null;
-  }, []);
-  const updateElementDimensions = react.useCallback(
-    (dimensions) => {
-      if (hoveredElementId) {
-        setElementDimensions({
-          width: dimensions.width,
-          height: dimensions.height,
-          x: dimensions.left,
-          y: dimensions.top,
-          right: dimensions.right,
-          bottom: dimensions.bottom
-        });
-      }
-    },
-    [hoveredElementId]
-  );
-  const getCursorPosition = () => {
-    if (!hoveredElementId) {
-      return {
-        x: mousePosition.x - cursorSize / 2,
-        y: mousePosition.y - cursorSize / 2
-      };
-    }
-    const elementCenterX = elementDimensions.x + elementDimensions.width / 2;
-    const elementCenterY = elementDimensions.y + elementDimensions.height / 2;
-    const offsetX = (mousePosition.x - elementCenterX) * 0.1;
-    const offsetY = (mousePosition.y - elementCenterY) * 0.1;
-    const boundedOffsetX = Math.max(-maxOffsetX, Math.min(maxOffsetX, offsetX));
-    const boundedOffsetY = Math.max(-maxOffsetY, Math.min(maxOffsetY, offsetY));
-    return {
-      x: elementDimensions.x + boundedOffsetX,
-      y: elementDimensions.y + boundedOffsetY
-    };
-  };
-  const contextValue = react.useMemo(
-    () => ({
-      // State values that change during component lifecycle
-      mousePosition,
-      hoveredElementId,
-      elementDimensions,
-      // Callbacks that should be stable references
-      registerHoveredElement,
-      unregisterHoveredElement,
-      updateElementDimensions
-    }),
-    [
-      mousePosition,
-      hoveredElementId,
-      elementDimensions,
-      registerHoveredElement,
-      unregisterHoveredElement,
-      updateElementDimensions
-    ]
-  );
-  const cursorPosition = getCursorPosition();
-  const cursorStyleObject = react.useMemo(
-    () => ({
-      left: cursorPosition.x,
-      top: cursorPosition.y,
-      width: hoveredElementId ? elementDimensions.width > 0 ? elementDimensions.width : cursorSize : cursorSize,
-      height: hoveredElementId ? elementDimensions.height > 0 ? elementDimensions.height : cursorSize : cursorSize,
-      willChange: "transform, width, height"
-    }),
-    [
-      cursorPosition.x,
-      cursorPosition.y,
-      hoveredElementId,
-      elementDimensions.width,
-      elementDimensions.height,
-      cursorSize
-    ]
-  );
-  let styleClass;
-  if (hoveredElementId) {
-    styleClass = `opacity-[0.05] rounded-uk-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
-  } else {
-    styleClass = `opacity-90 rounded-full z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
-  }
-  const cursorElement = isClient && isMouseInside && /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
-      style: {
-        ...cursorStyleObject,
-        backgroundColor: "var(--shadow-tertiary)"
-      }
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    isClient && typeof document !== "undefined" && document.body && cursorElement && reactDom.createPortal(cursorElement, document.body),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkP6DICGAV_cjs.CursorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ...props,
-        className: chunkOHIB3TEN_cjs.cn(className),
-        style: {
-          cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
-          ...props.style
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children
-      }
-    ) })
-  ] });
-};
-
-exports.CursorProvider = CursorProvider;