@vuer-ai/vuer-uikit 0.0.7 → 0.0.12

package/README.md

@@ -1,5 +1,7 @@
 # vuer-uikit
 
+**Documentation & Examples**: [uikit.vuer.ai](https://uikit.vuer.ai)
+
 ## Installation
 
 Getting up and running is quick and easy.

package/dist/{chunk-EGPLKTJM.js → chunk-2YCL2ET2.js}

@@ -111,7 +111,7 @@ var TreeView = react.forwardRef(
       "div",
       {
         className: chunkXXWQ4RVP_js.cn(
-          "bg-bg-primary relative max-w-[300px] min-w-[240px] overflow-hidden p-2",
+          "bg-bg-primary rounded-uk-md relative max-w-[300px] min-w-[240px] overflow-hidden p-2",
           className
         ),
         "data-tree-container": true,

package/dist/{chunk-CP7QYV4N.mjs → chunk-44KW6PTD.mjs}

@@ -16,6 +16,7 @@ var getVisibleRect = (element, elementRect) => {
     y: elementRect.y
   };
   while (parent) {
+    if (typeof window === "undefined") break;
     const style = window.getComputedStyle(parent);
     const hasOverflow = [style.overflowY, style.overflowX].some(
       (overflow) => ["auto", "scroll", "hidden"].includes(overflow)

package/dist/{chunk-KQAHAGUG.js → chunk-AOUGWGQR.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkIOI3YFTY_js = require('./chunk-IOI3YFTY.js');
+var chunkU2ZLDPOE_js = require('./chunk-U2ZLDPOE.js');
 var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
 var lucideReact = require('lucide-react');
 var React = require('react');
@@ -276,7 +276,7 @@ function Timeline({ data, totalDuration, getIcon }) {
   }, [viewStart, viewDuration, updateCursor]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary text-text-primary border-line-secondary/20 rounded-uk-md mx-auto w-full max-w-7xl overflow-hidden border font-sans shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-[minmax(300px,30%)_1fr]", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkIOI3YFTY_js.TreeView,
+      chunkU2ZLDPOE_js.TreeView,
       {
         data,
         getIcon,

package/dist/{chunk-J7PTSP4Q.mjs → chunk-EAZQH4IX.mjs}

@@ -1,9 +1,17 @@
+import { useState, useEffect } from 'react';
 import { Toaster as Toaster$1 } from 'sonner';
 export { toast } from 'sonner';
 import { jsx } from 'react/jsx-runtime';
 
 // src/ui/toast.tsx
 var Toaster = ({ ...props }) => {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(
     Toaster$1,
     {

package/dist/{chunk-4PAHMURP.js → chunk-EFIRD3FN.js}

@@ -32,7 +32,8 @@ var badgeVariants = classVarianceAuthority.cva(
         secondary: "bg-bg-secondary",
         destructive: "bg-danger-primary",
         success: "bg-accent-success",
-        warning: "bg-accent-warning"
+        warning: "bg-accent-warning",
+        accent: "bg-accent-primary text-text-primary"
       },
       type: {
         default: "",

package/dist/chunk-EOFYA6CS.js

@@ -0,0 +1,53 @@
+'use strict';
+
+var react = require('react');
+
+// src/utils/use-local-storage.ts
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = react.useState(() => {
+    if (typeof window === "undefined") {
+      return initialValue;
+    }
+    try {
+      const item = window.localStorage.getItem(key);
+      if (item === null) return initialValue;
+      if (typeof initialValue === "string") {
+        return item;
+      } else if (typeof initialValue === "number") {
+        return parseFloat(item) || initialValue;
+      } else if (typeof initialValue === "boolean") {
+        return item === "true";
+      } else {
+        return JSON.parse(item);
+      }
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${key}":`, error);
+      return initialValue;
+    }
+  });
+  const setValue = react.useCallback(
+    (value) => {
+      try {
+        const valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoredValue(valueToStore);
+        if (typeof window !== "undefined") {
+          let stringValue;
+          if (typeof valueToStore === "string") {
+            stringValue = valueToStore;
+          } else if (typeof valueToStore === "number" || typeof valueToStore === "boolean") {
+            stringValue = valueToStore.toString();
+          } else {
+            stringValue = JSON.stringify(valueToStore);
+          }
+          window.localStorage.setItem(key, stringValue);
+        }
+      } catch (error) {
+        console.warn(`Error setting localStorage key "${key}":`, error);
+      }
+    },
+    [key, storedValue]
+  );
+  return [storedValue, setValue];
+}
+
+exports.useLocalStorage = useLocalStorage;

package/dist/{chunk-O4TK3AKI.mjs → chunk-EYIFKSU2.mjs}

@@ -1,4 +1,4 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-WOZWC6KO.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-JMPVDU2C.mjs';
 import { cn } from './chunk-KTNZSZ5Y.mjs';
 import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';
 import { useState, useMemo, useEffect } from 'react';

package/dist/{chunk-WMXX2UMD.mjs → chunk-FEOONYZ2.mjs}

@@ -1,9 +1,9 @@
-import { Tabs } from './chunk-3XVIJY3H.mjs';
+import { Tabs } from './chunk-MRVMXKZO.mjs';
 import { Textarea } from './chunk-DDOX4EEM.mjs';
 import { SelectTrigger } from './chunk-QVUX6LLD.mjs';
 import { Button } from './chunk-IQ6J7YTQ.mjs';
 import { InputRoot } from './chunk-QYRRQ65X.mjs';
-import { withCursor } from './chunk-CP7QYV4N.mjs';
+import { withCursor } from './chunk-44KW6PTD.mjs';
 
 // src/highlight-cursor/enhanced-components.tsx
 var CursorButton = withCursor(Button);

package/dist/{chunk-66DYOZI3.js → chunk-FORVP7XH.js}

@@ -31,6 +31,7 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
   const selectRange = react.useRef([null, null]);
   const inputChange = react.useRef(false);
   const stopClick = react.useCallback(() => {
+    if (typeof document === "undefined") return;
     const stopClick2 = (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -44,7 +45,7 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
       event.preventDefault();
       if (selectRange.current[0] === null) {
         selectRange.current[0] = getHoverElementAndIndex(
-          document.elementFromPoint(...initial),
+          typeof document !== "undefined" ? document.elementFromPoint(...initial) : null,
           inputs.current
         );
       }
@@ -68,7 +69,7 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
         stopClick();
       }
       if (!inputChange.current) {
-        const currentElement = document.elementFromPoint(...xy);
+        const currentElement = typeof document !== "undefined" ? document.elementFromPoint(...xy) : null;
         const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
         selectRange.current[1] = currentIndex ?? selectRange.current[1];
         changeElementsHoverState(inputs.current, selectRange.current, oy !== 0 ? "y" : "none");
@@ -133,13 +134,13 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
             "data-[hover=y]:bg-bg-tertiary",
             "data-[hover=down]:cursor-move",
             "data-[hover=x]:cursor-col-resize",
-            "data-[hover=y]:cursor-row-resize"
+            "data-[hover=y]:cursor-ns-resize"
           ]),
           inputClassName: chunkXXWQ4RVP_js.cn([
             "cursor-crosshair",
             "group-data-[hover=down]/number-input:cursor-move",
             "group-data-[hover=x]/number-input:cursor-col-resize",
-            "group-data-[hover=y]/number-input:cursor-row-resize"
+            "group-data-[hover=y]/number-input:cursor-ns-resize"
           ]),
           children: /* @__PURE__ */ jsxRuntime.jsx(
             chunkSKO72K64_js.InputSlot,
@@ -148,7 +149,7 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
                 "cursor-crosshair",
                 "group-data-[hover=down]/number-input:cursor-move",
                 "group-data-[hover=x]/number-input:cursor-col-resize",
-                "group-data-[hover=y]/number-input:cursor-row-resize"
+                "group-data-[hover=y]/number-input:cursor-ns-resize"
               ),
               children: prefix == null ? void 0 : prefix[index]
             }

package/dist/{chunk-7X6N54LX.mjs → chunk-G5KMD72J.mjs}

@@ -29,6 +29,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
   const selectRange = useRef([null, null]);
   const inputChange = useRef(false);
   const stopClick = useCallback(() => {
+    if (typeof document === "undefined") return;
     const stopClick2 = (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -42,7 +43,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
       event.preventDefault();
       if (selectRange.current[0] === null) {
         selectRange.current[0] = getHoverElementAndIndex(
-          document.elementFromPoint(...initial),
+          typeof document !== "undefined" ? document.elementFromPoint(...initial) : null,
           inputs.current
         );
       }
@@ -66,7 +67,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
         stopClick();
       }
       if (!inputChange.current) {
-        const currentElement = document.elementFromPoint(...xy);
+        const currentElement = typeof document !== "undefined" ? document.elementFromPoint(...xy) : null;
         const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
         selectRange.current[1] = currentIndex ?? selectRange.current[1];
         changeElementsHoverState(inputs.current, selectRange.current, oy !== 0 ? "y" : "none");
@@ -131,13 +132,13 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
             "data-[hover=y]:bg-bg-tertiary",
             "data-[hover=down]:cursor-move",
             "data-[hover=x]:cursor-col-resize",
-            "data-[hover=y]:cursor-row-resize"
+            "data-[hover=y]:cursor-ns-resize"
           ]),
           inputClassName: cn([
             "cursor-crosshair",
             "group-data-[hover=down]/number-input:cursor-move",
             "group-data-[hover=x]/number-input:cursor-col-resize",
-            "group-data-[hover=y]/number-input:cursor-row-resize"
+            "group-data-[hover=y]/number-input:cursor-ns-resize"
           ]),
           children: /* @__PURE__ */ jsx(
             InputSlot,
@@ -146,7 +147,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
                 "cursor-crosshair",
                 "group-data-[hover=down]/number-input:cursor-move",
                 "group-data-[hover=x]/number-input:cursor-col-resize",
-                "group-data-[hover=y]/number-input:cursor-row-resize"
+                "group-data-[hover=y]/number-input:cursor-ns-resize"
               ),
               children: prefix == null ? void 0 : prefix[index]
             }

package/dist/{chunk-5MZCQW4U.js → chunk-IXHMIR5P.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
-var chunkB5EMQBVL_js = require('./chunk-B5EMQBVL.js');
+var chunkOTPUWWEB_js = require('./chunk-OTPUWWEB.js');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
@@ -58,9 +58,9 @@ var tabsListVariants = classVarianceAuthority.cva(["inline-flex", "items-center"
   }
 });
 function TabsList({ className, ...props }) {
-  const { setCursorTarget } = chunkB5EMQBVL_js.useTabsCursor();
+  const { setCursorTarget } = chunkOTPUWWEB_js.useTabsCursor();
   const { size } = useTabsContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkB5EMQBVL_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkOTPUWWEB_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.List,
     {
       onMouseLeave: () => setCursorTarget(null),
@@ -102,7 +102,7 @@ var tabsTriggerVariants = classVarianceAuthority.cva(
   }
 );
 function TabsTrigger({ className, ...props }) {
-  const { setCursorTarget } = chunkB5EMQBVL_js.useTabsCursor();
+  const { setCursorTarget } = chunkOTPUWWEB_js.useTabsCursor();
   const { size } = useTabsContext();
   return /* @__PURE__ */ jsxRuntime.jsx(
     TabsPrimitive__namespace.Trigger,

package/dist/{chunk-OBWGRG45.js → chunk-JAJNLRY5.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunk5MZCQW4U_js = require('./chunk-5MZCQW4U.js');
+var chunkIXHMIR5P_js = require('./chunk-IXHMIR5P.js');
 var chunk5OUTEHVX_js = require('./chunk-5OUTEHVX.js');
 var chunkMZ4POL3U_js = require('./chunk-MZ4POL3U.js');
 var chunkQA7H2Z3Z_js = require('./chunk-QA7H2Z3Z.js');
 var chunkSKO72K64_js = require('./chunk-SKO72K64.js');
-var chunkZJXBC33M_js = require('./chunk-ZJXBC33M.js');
+var chunkUFHMEEGL_js = require('./chunk-UFHMEEGL.js');
 
 // src/highlight-cursor/enhanced-components.tsx
-var CursorButton = chunkZJXBC33M_js.withCursor(chunkQA7H2Z3Z_js.Button);
-var CursorTabs = chunkZJXBC33M_js.withCursor(chunk5MZCQW4U_js.Tabs);
-var CursorInputRoot = chunkZJXBC33M_js.withCursor(chunkSKO72K64_js.InputRoot);
-var CursorSelectTrigger = chunkZJXBC33M_js.withCursor(chunkMZ4POL3U_js.SelectTrigger);
-var CursorTextarea = chunkZJXBC33M_js.withCursor(chunk5OUTEHVX_js.Textarea);
+var CursorButton = chunkUFHMEEGL_js.withCursor(chunkQA7H2Z3Z_js.Button);
+var CursorTabs = chunkUFHMEEGL_js.withCursor(chunkIXHMIR5P_js.Tabs);
+var CursorInputRoot = chunkUFHMEEGL_js.withCursor(chunkSKO72K64_js.InputRoot);
+var CursorSelectTrigger = chunkUFHMEEGL_js.withCursor(chunkMZ4POL3U_js.SelectTrigger);
+var CursorTextarea = chunkUFHMEEGL_js.withCursor(chunk5OUTEHVX_js.Textarea);
 
 exports.CursorButton = CursorButton;
 exports.CursorInputRoot = CursorInputRoot;

package/dist/{chunk-WOZWC6KO.mjs → chunk-JMPVDU2C.mjs}

@@ -1,24 +1,48 @@
 import { cn } from './chunk-KTNZSZ5Y.mjs';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
 function TooltipProvider({
   delayDuration = 0,
+  children,
   ...props
 }) {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
   return /* @__PURE__ */ jsx(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration,
-      ...props
+      ...props,
+      children
     }
   );
 }
-function Tooltip({ ...props }) {
-  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
+function Tooltip({ children, ...props }) {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props, children }) });
 }
 function TooltipTrigger({ ...props }) {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return /* @__PURE__ */ jsx(Fragment, { children: props.children });
+  }
   return /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
@@ -27,6 +51,13 @@ function TooltipContent({
   children,
   ...props
 }) {
+  const [isClient, setIsClient] = useState(false);
+  useEffect(() => {
+    setIsClient(true);
+  }, []);
+  if (!isClient) {
+    return null;
+  }
   return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
     {

package/dist/{chunk-E5KWKBH3.mjs → chunk-LEPXSM36.mjs}

@@ -1,7 +1,7 @@
-import { createContext, useState, useEffect, useMemo, useContext } from 'react';
+import { useLocalStorage } from './chunk-Q5KEB4UK.mjs';
+import { createContext, useEffect, useMemo, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
-// src/ui/theme-context.tsx
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -13,10 +13,7 @@ function ThemeProvider({
   storageKey = "vuer-theme",
   ...props
 }) {
-  const [theme, setTheme] = useState(() => {
-    if (typeof window === "undefined") return defaultTheme;
-    return localStorage.getItem(storageKey) || defaultTheme;
-  });
+  const [theme, setTheme] = useLocalStorage(storageKey, defaultTheme);
   useEffect(() => {
     if (typeof window === "undefined") return;
     const root = window.document.documentElement;
@@ -31,25 +28,14 @@ function ThemeProvider({
     root.classList.add(theme);
     root.setAttribute("data-theme", theme);
   }, [theme]);
-  return /* @__PURE__ */ jsx(
-    ThemeProviderContext.Provider,
-    {
-      ...props,
-      value: useMemo(
-        () => ({
-          theme,
-          setTheme: (theme2) => {
-            if (typeof window !== "undefined") {
-              localStorage.setItem(storageKey, theme2);
-            }
-            setTheme(theme2);
-          }
-        }),
-        [storageKey, theme]
-      ),
-      children
-    }
+  const value = useMemo(
+    () => ({
+      theme,
+      setTheme
+    }),
+    [theme, setTheme]
   );
+  return /* @__PURE__ */ jsx(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
   const context = useContext(ThemeProviderContext);

package/dist/chunk-M4TZHOUK.js

@@ -0,0 +1,41 @@
+'use strict';
+
+var chunkEFIRD3FN_js = require('./chunk-EFIRD3FN.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PACKAGE_VERSION = "0.0.11";
+var PACKAGE_NAME = "@vuer-ai/vuer-uikit";
+function VersionBadge({
+  className,
+  showPrefix = true,
+  linkable = true,
+  version: overrideVersion
+}) {
+  const currentVersion = overrideVersion || PACKAGE_VERSION;
+  const displayVersion = showPrefix ? `v${currentVersion}` : currentVersion;
+  const npmUrl = `https://www.npmjs.com/package/${PACKAGE_NAME}/v/${currentVersion}`;
+  const badge = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkEFIRD3FN_js.Badge,
+    {
+      variant: "accent",
+      className,
+      style: linkable ? { cursor: "pointer" } : void 0,
+      children: displayVersion
+    }
+  );
+  if (linkable) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href: npmUrl,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "no-underline hover:no-underline",
+        children: badge
+      }
+    );
+  }
+  return badge;
+}
+
+exports.VersionBadge = VersionBadge;

package/dist/{chunk-3XVIJY3H.mjs → chunk-MRVMXKZO.mjs}

@@ -1,5 +1,5 @@
 import { cn } from './chunk-KTNZSZ5Y.mjs';
-import { useTabsCursor, TabsCursorProvider } from './chunk-6L4KPPOD.mjs';
+import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';

package/dist/{chunk-UMIQYHO6.mjs → chunk-OOI3SJDU.mjs}

@@ -15,6 +15,7 @@ var CursorProvider = ({
   as: Component = "div",
   ...props
 }) => {
+  const [isClient, setIsClient] = useState(false);
   const [isMouseInside, setIsMouseInside] = useState(false);
   const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
   const [hoveredElementId, setHoveredElementId] = useState(null);
@@ -28,12 +29,16 @@ var CursorProvider = ({
   });
   const hoveredElementRef = useRef(null);
   useEffect(() => {
+    setIsClient(true);
+  }, []);
+  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 = useCallback(() => {
     setIsMouseInside(true);
   }, []);
@@ -62,6 +67,7 @@ var CursorProvider = ({
     }
   }, [mousePosition, hoveredElementId]);
   useEffect(() => {
+    if (!isClient) return;
     const handleScroll = () => {
       checkMouseInElement();
     };
@@ -69,7 +75,7 @@ var CursorProvider = ({
     return () => {
       document.removeEventListener("scroll", handleScroll, { capture: true });
     };
-  }, [checkMouseInElement]);
+  }, [checkMouseInElement, isClient]);
   const registerHoveredElement = useCallback(
     (id, dimensions, element) => {
       setHoveredElementId(id);
@@ -168,7 +174,7 @@ var CursorProvider = ({
   } else {
     styleClass = `opacity-90 rounded-xl z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
   }
-  const cursorElement = isMouseInside && /* @__PURE__ */ jsx(
+  const cursorElement = isClient && isMouseInside && /* @__PURE__ */ jsx(
     "div",
     {
       className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
@@ -179,7 +185,7 @@ var CursorProvider = ({
     }
   );
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    typeof document !== "undefined" && document.body && cursorElement && createPortal(cursorElement, document.body),
+    isClient && typeof document !== "undefined" && document.body && cursorElement && createPortal(cursorElement, document.body),
     /* @__PURE__ */ jsx(CursorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
       Component,
       {

package/dist/{chunk-B5EMQBVL.js → chunk-OTPUWWEB.js}

@@ -12,17 +12,22 @@ var TabsCursorProvider = ({
   className,
   ...props
 }) => {
+  const [isClient, setIsClient] = react.useState(false);
   const [cursorTarget, setCursorTarget] = react.useState(null);
   const [targetRect, setTargetRect] = react.useState(null);
   const [mousePosition, setMousePosition] = react.useState({ x: 0, y: 0 });
   const [isMouseInside, setIsMouseInside] = react.useState(false);
   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]);
   react.useEffect(() => {
     if (cursorTarget) {
       setTargetRect(cursorTarget.getBoundingClientRect());
@@ -51,7 +56,7 @@ var TabsCursorProvider = ({
       onMouseLeave: handleMouseLeave,
       children: /* @__PURE__ */ jsxRuntime.jsxs(TabsCursorContext.Provider, { value: contextValue, children: [
         children,
-        isMouseInside && reactDom.createPortal(
+        isClient && isMouseInside && typeof document !== "undefined" && document.body && reactDom.createPortal(
           /* @__PURE__ */ jsxRuntime.jsx(
             framerMotion.motion.div,
             {
@@ -62,7 +67,7 @@ var TabsCursorProvider = ({
                 y: targetRect ? targetRect.top : mousePosition.y - 8,
                 width: targetRect ? targetRect.width : 16,
                 height: targetRect ? targetRect.height : 16,
-                borderRadius: targetRect && cursorTarget ? getComputedStyle(cursorTarget).borderRadius : "50%"
+                borderRadius: targetRect && cursorTarget && typeof window !== "undefined" ? getComputedStyle(cursorTarget).borderRadius : "50%"
               },
               transition: { type: "spring", stiffness: 1e3, damping: 60, mass: 1 },
               style: {

package/dist/{chunk-FSMKJAZT.js → chunk-PVRQNCSJ.js}

@@ -1,9 +1,9 @@
 'use strict';
 
+var chunkEOFYA6CS_js = require('./chunk-EOFYA6CS.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-// src/ui/theme-context.tsx
 var initialState = {
   theme: "system",
   setTheme: () => null
@@ -15,10 +15,7 @@ function ThemeProvider({
   storageKey = "vuer-theme",
   ...props
 }) {
-  const [theme, setTheme] = react.useState(() => {
-    if (typeof window === "undefined") return defaultTheme;
-    return localStorage.getItem(storageKey) || defaultTheme;
-  });
+  const [theme, setTheme] = chunkEOFYA6CS_js.useLocalStorage(storageKey, defaultTheme);
   react.useEffect(() => {
     if (typeof window === "undefined") return;
     const root = window.document.documentElement;
@@ -33,25 +30,14 @@ function ThemeProvider({
     root.classList.add(theme);
     root.setAttribute("data-theme", theme);
   }, [theme]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ThemeProviderContext.Provider,
-    {
-      ...props,
-      value: react.useMemo(
-        () => ({
-          theme,
-          setTheme: (theme2) => {
-            if (typeof window !== "undefined") {
-              localStorage.setItem(storageKey, theme2);
-            }
-            setTheme(theme2);
-          }
-        }),
-        [storageKey, theme]
-      ),
-      children
-    }
+  const value = react.useMemo(
+    () => ({
+      theme,
+      setTheme
+    }),
+    [theme, setTheme]
   );
+  return /* @__PURE__ */ jsxRuntime.jsx(ThemeProviderContext.Provider, { ...props, value, children });
 }
 var useTheme = () => {
   const context = react.useContext(ThemeProviderContext);