@vuer-ai/vuer-uikit 0.0.23 → 0.0.25

package/dist/chunk-4FOSHIMU.mjs

@@ -0,0 +1 @@
+

package/dist/{chunk-FUQCOZWA.js → chunk-6RTJSAVW.js}

@@ -2,10 +2,13 @@
 
 var chunkSKO72K64_js = require('./chunk-SKO72K64.js');
 var chunkXXWQ4RVP_js = require('./chunk-XXWQ4RVP.js');
-var react$1 = require('@use-gesture/react');
-var react = require('react');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
 var getHoverElementAndIndex = (element, inputs) => {
   if (!element) return null;
   const container = element == null ? void 0 : element.closest("[data-input]");
@@ -26,12 +29,14 @@ var changeElementsHoverState = (inputs, range, changed) => {
     }
   });
 };
-var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValuesChange, prefix, step = 0.1 }, ref) {
-  const inputs = react.useRef(/* @__PURE__ */ new Map());
-  const selectRange = react.useRef([null, null]);
-  const inputChange = react.useRef(false);
-  const stopClick = react.useCallback(() => {
-    if (typeof document === "undefined") return;
+var InputNumbers = React.forwardRef(function InputNumbers2({ size, value, onValuesChange, prefix, step = 0.1 }, ref) {
+  const inputs = React.useRef(/* @__PURE__ */ new Map());
+  const selectRange = React.useRef([null, null]);
+  const inputChange = React.useRef(false);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const dragStart = React.useRef({ x: 0, y: 0 });
+  const accumulatedDelta = React.useRef(0);
+  const stopClick = React.useCallback(() => {
     const stopClick2 = (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -39,59 +44,84 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
     };
     document.addEventListener("click", stopClick2, true);
   }, []);
-  const bind = react$1.useGesture(
-    {
-      onDrag: ({ delta: [dx], event, initial, distance: [, oy], xy, memo = 0 }) => {
-        if (typeof document === "undefined") return memo || 0;
-        event.stopPropagation();
-        event.preventDefault();
-        if (selectRange.current[0] === null) {
-          selectRange.current[0] = getHoverElementAndIndex(
-            document.elementFromPoint(...initial),
-            inputs.current
-          );
-        }
-        let newMX = memo + dx / 2;
-        if (Math.abs(newMX) >= (inputChange.current ? 1 : 5)) {
-          const multiplyStep = event.shiftKey ? 5 : event.altKey ? 1 / 5 : 1;
-          const newValue = value.map((v, i) => {
-            const [first, last] = selectRange.current;
-            if (first === null || last === null) {
-              return v;
-            } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
-              return Number(((v || 0) + Math.floor(newMX) * step * multiplyStep).toPrecision(6));
-            } else {
-              return v;
-            }
-          });
-          onValuesChange == null ? void 0 : onValuesChange(newValue);
-          newMX = 0;
-          inputChange.current = true;
-          changeElementsHoverState(inputs.current, selectRange.current, "x");
-          stopClick();
-        }
-        if (!inputChange.current) {
-          const currentElement = document.elementFromPoint(...xy);
-          const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
-          selectRange.current[1] = currentIndex ?? selectRange.current[1];
-          changeElementsHoverState(inputs.current, selectRange.current, oy !== 0 ? "y" : "none");
-          stopClick();
-        }
-        return newMX;
-      },
-      onDragEnd: () => {
-        if (typeof document === "undefined") return;
-        selectRange.current = [null, null];
-        inputChange.current = false;
-        changeElementsHoverState(inputs.current, selectRange.current, "none");
+  const handleMouseDown = React.useCallback((e) => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(true);
+    dragStart.current = { x: e.clientX, y: e.clientY };
+    accumulatedDelta.current = 0;
+    inputChange.current = false;
+    selectRange.current[0] = getHoverElementAndIndex(
+      document.elementFromPoint(e.clientX, e.clientY),
+      inputs.current
+    );
+  }, []);
+  const handleMouseMove = React.useCallback(
+    (e) => {
+      if (!isDragging) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const deltaX = e.clientX - dragStart.current.x;
+      const deltaY = e.clientY - dragStart.current.y;
+      accumulatedDelta.current += deltaX / 2;
+      dragStart.current = { x: e.clientX, y: e.clientY };
+      if (Math.abs(accumulatedDelta.current) >= (inputChange.current ? 1 : 5)) {
+        const multiplyStep = e.shiftKey ? 5 : e.altKey ? 1 / 5 : 1;
+        const newValue = value.map((v, i) => {
+          const [first, last] = selectRange.current;
+          if (first === null || last === null) {
+            return v;
+          } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
+            return Number(
+              ((v || 0) + Math.floor(accumulatedDelta.current) * step * multiplyStep).toPrecision(
+                6
+              )
+            );
+          } else {
+            return v;
+          }
+        });
+        onValuesChange == null ? void 0 : onValuesChange(newValue);
+        accumulatedDelta.current = 0;
+        inputChange.current = true;
+        changeElementsHoverState(inputs.current, selectRange.current, "x");
+        stopClick();
+      }
+      if (!inputChange.current) {
+        const currentElement = document.elementFromPoint(e.clientX, e.clientY);
+        const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
+        selectRange.current[1] = currentIndex ?? selectRange.current[1];
+        changeElementsHoverState(inputs.current, selectRange.current, deltaY !== 0 ? "y" : "none");
+        stopClick();
       }
     },
-    {
-      // Pass config options to make gesture library SSR-safe
-      enabled: typeof document !== "undefined"
-    }
+    [isDragging, value, onValuesChange, step, stopClick]
   );
-  const valueChangeHandler = react.useCallback(
+  const handleMouseUp = React.useCallback(() => {
+    if (!isDragging) return;
+    setIsDragging(false);
+    selectRange.current = [null, null];
+    inputChange.current = false;
+    changeElementsHoverState(inputs.current, selectRange.current, "none");
+  }, [isDragging]);
+  React__default.default.useEffect(() => {
+    if (isDragging) {
+      const handleGlobalMouseMove = (e) => {
+        handleMouseMove(e);
+      };
+      const handleGlobalMouseUp = () => {
+        handleMouseUp();
+      };
+      document.addEventListener("mousemove", handleGlobalMouseMove);
+      document.addEventListener("mouseup", handleGlobalMouseUp);
+      return () => {
+        document.removeEventListener("mousemove", handleGlobalMouseMove);
+        document.removeEventListener("mouseup", handleGlobalMouseUp);
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
+  const valueChangeHandler = React.useCallback(
     (index) => {
       return (e) => {
         const inputValue = e.target.value;
@@ -115,7 +145,7 @@ var InputNumbers = react.forwardRef(function InputNumbers2({ size, value, onValu
     "div",
     {
       ref,
-      ...bind(),
+      onMouseDown: handleMouseDown,
       className: chunkXXWQ4RVP_js.cn("gap-xs flex cursor-crosshair touch-none flex-col select-none"),
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
         chunkSKO72K64_js.InputRoot,
@@ -142,13 +172,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-ns-resize"
+            "data-[hover=y]:cursor-row-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-ns-resize"
+            "group-data-[hover=y]/number-input:cursor-row-resize"
           ]),
           children: /* @__PURE__ */ jsxRuntime.jsx(
             chunkSKO72K64_js.InputSlot,
@@ -157,7 +187,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-ns-resize"
+                "group-data-[hover=y]/number-input:cursor-row-resize"
               ),
               children: prefix == null ? void 0 : prefix[index]
             }

package/dist/chunk-CCGCEN7Z.js

@@ -0,0 +1,79 @@
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/theme-context/theme-script.tsx
+var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
+  const el = document.documentElement;
+  const systemThemes = ["light", "dark"];
+  function updateDOM(theme) {
+    const attributes = Array.isArray(attribute) ? attribute : [attribute];
+    attributes.forEach((attr) => {
+      const isClass = attr === "class";
+      const classes = isClass && value ? themes.map((t) => value[t] || t) : themes;
+      if (isClass) {
+        el.classList.remove(...classes);
+        el.classList.add(value && value[theme] ? value[theme] : theme);
+      } else {
+        el.setAttribute(attr, theme);
+      }
+    });
+    setColorScheme(theme);
+  }
+  function setColorScheme(theme) {
+    if (enableColorScheme && systemThemes.includes(theme)) {
+      el.style.colorScheme = theme;
+    }
+  }
+  function getSystemTheme() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  if (forcedTheme) {
+    updateDOM(forcedTheme);
+  } else {
+    try {
+      const themeName = localStorage.getItem(storageKey ?? "") || defaultTheme;
+      const isSystem = enableSystem && themeName === "system";
+      const theme = isSystem ? getSystemTheme() : themeName;
+      updateDOM(theme);
+    } catch {
+    }
+  }
+};
+var ThemeScript = react.memo(
+  ({
+    forcedTheme,
+    storageKey,
+    attribute,
+    enableSystem,
+    enableColorScheme,
+    defaultTheme,
+    value,
+    themes,
+    nonce,
+    scriptProps
+  }) => {
+    const scriptArgs = JSON.stringify([
+      defaultTheme,
+      storageKey,
+      attribute,
+      themes,
+      value,
+      forcedTheme,
+      enableSystem,
+      enableColorScheme
+    ]).slice(1, -1);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "script",
+      {
+        ...scriptProps,
+        suppressHydrationWarning: true,
+        nonce: typeof window === "undefined" ? nonce : "",
+        dangerouslySetInnerHTML: { __html: `(${themeScript.toString()})(${scriptArgs})` }
+      }
+    );
+  }
+);
+
+exports.ThemeScript = ThemeScript;

package/dist/{chunk-Q5KEB4UK.mjs → chunk-GXZZGOXX.mjs}

@@ -1,28 +1,8 @@
-import { useState, useCallback } from 'react';
+import { useState, useCallback, useEffect } from 'react';
 
 // src/utils/use-local-storage.ts
 function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = 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 [storedValue, setStoredValue] = useState(initialValue);
   const setValue = useCallback(
     (value) => {
       try {
@@ -45,6 +25,23 @@ function useLocalStorage(key, initialValue) {
     },
     [key, storedValue]
   );
+  useEffect(() => {
+    try {
+      const item = window.localStorage.getItem(key);
+      if (item === null) return;
+      if (typeof initialValue === "string") {
+        setStoredValue(item);
+      } else if (typeof initialValue === "number") {
+        return setStoredValue(parseFloat(item) || initialValue);
+      } else if (typeof initialValue === "boolean") {
+        return setStoredValue(item === "true");
+      } else {
+        return setStoredValue(JSON.parse(item));
+      }
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${key}":`, error);
+    }
+  }, [initialValue, key]);
   return [storedValue, setValue];
 }
 

package/dist/{chunk-7JAADHQO.mjs → chunk-H5C3BWSK.mjs}

@@ -1,7 +1,6 @@
 import { InputRoot, InputSlot } from './chunk-QYRRQ65X.mjs';
 import { cn } from './chunk-KTNZSZ5Y.mjs';
-import { useGesture } from '@use-gesture/react';
-import { forwardRef, useRef, useCallback } from 'react';
+import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var getHoverElementAndIndex = (element, inputs) => {
@@ -28,8 +27,10 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
   const inputs = useRef(/* @__PURE__ */ new Map());
   const selectRange = useRef([null, null]);
   const inputChange = useRef(false);
+  const [isDragging, setIsDragging] = useState(false);
+  const dragStart = useRef({ x: 0, y: 0 });
+  const accumulatedDelta = useRef(0);
   const stopClick = useCallback(() => {
-    if (typeof document === "undefined") return;
     const stopClick2 = (e) => {
       e.stopPropagation();
       e.preventDefault();
@@ -37,58 +38,83 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
     };
     document.addEventListener("click", stopClick2, true);
   }, []);
-  const bind = useGesture(
-    {
-      onDrag: ({ delta: [dx], event, initial, distance: [, oy], xy, memo = 0 }) => {
-        if (typeof document === "undefined") return memo || 0;
-        event.stopPropagation();
-        event.preventDefault();
-        if (selectRange.current[0] === null) {
-          selectRange.current[0] = getHoverElementAndIndex(
-            document.elementFromPoint(...initial),
-            inputs.current
-          );
-        }
-        let newMX = memo + dx / 2;
-        if (Math.abs(newMX) >= (inputChange.current ? 1 : 5)) {
-          const multiplyStep = event.shiftKey ? 5 : event.altKey ? 1 / 5 : 1;
-          const newValue = value.map((v, i) => {
-            const [first, last] = selectRange.current;
-            if (first === null || last === null) {
-              return v;
-            } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
-              return Number(((v || 0) + Math.floor(newMX) * step * multiplyStep).toPrecision(6));
-            } else {
-              return v;
-            }
-          });
-          onValuesChange == null ? void 0 : onValuesChange(newValue);
-          newMX = 0;
-          inputChange.current = true;
-          changeElementsHoverState(inputs.current, selectRange.current, "x");
-          stopClick();
-        }
-        if (!inputChange.current) {
-          const currentElement = document.elementFromPoint(...xy);
-          const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
-          selectRange.current[1] = currentIndex ?? selectRange.current[1];
-          changeElementsHoverState(inputs.current, selectRange.current, oy !== 0 ? "y" : "none");
-          stopClick();
-        }
-        return newMX;
-      },
-      onDragEnd: () => {
-        if (typeof document === "undefined") return;
-        selectRange.current = [null, null];
-        inputChange.current = false;
-        changeElementsHoverState(inputs.current, selectRange.current, "none");
+  const handleMouseDown = useCallback((e) => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragging(true);
+    dragStart.current = { x: e.clientX, y: e.clientY };
+    accumulatedDelta.current = 0;
+    inputChange.current = false;
+    selectRange.current[0] = getHoverElementAndIndex(
+      document.elementFromPoint(e.clientX, e.clientY),
+      inputs.current
+    );
+  }, []);
+  const handleMouseMove = useCallback(
+    (e) => {
+      if (!isDragging) return;
+      e.preventDefault();
+      e.stopPropagation();
+      const deltaX = e.clientX - dragStart.current.x;
+      const deltaY = e.clientY - dragStart.current.y;
+      accumulatedDelta.current += deltaX / 2;
+      dragStart.current = { x: e.clientX, y: e.clientY };
+      if (Math.abs(accumulatedDelta.current) >= (inputChange.current ? 1 : 5)) {
+        const multiplyStep = e.shiftKey ? 5 : e.altKey ? 1 / 5 : 1;
+        const newValue = value.map((v, i) => {
+          const [first, last] = selectRange.current;
+          if (first === null || last === null) {
+            return v;
+          } else if (i <= Math.max(first, last) && i >= Math.min(first, last)) {
+            return Number(
+              ((v || 0) + Math.floor(accumulatedDelta.current) * step * multiplyStep).toPrecision(
+                6
+              )
+            );
+          } else {
+            return v;
+          }
+        });
+        onValuesChange == null ? void 0 : onValuesChange(newValue);
+        accumulatedDelta.current = 0;
+        inputChange.current = true;
+        changeElementsHoverState(inputs.current, selectRange.current, "x");
+        stopClick();
+      }
+      if (!inputChange.current) {
+        const currentElement = document.elementFromPoint(e.clientX, e.clientY);
+        const currentIndex = getHoverElementAndIndex(currentElement, inputs.current);
+        selectRange.current[1] = currentIndex ?? selectRange.current[1];
+        changeElementsHoverState(inputs.current, selectRange.current, deltaY !== 0 ? "y" : "none");
+        stopClick();
       }
     },
-    {
-      // Pass config options to make gesture library SSR-safe
-      enabled: typeof document !== "undefined"
-    }
+    [isDragging, value, onValuesChange, step, stopClick]
   );
+  const handleMouseUp = useCallback(() => {
+    if (!isDragging) return;
+    setIsDragging(false);
+    selectRange.current = [null, null];
+    inputChange.current = false;
+    changeElementsHoverState(inputs.current, selectRange.current, "none");
+  }, [isDragging]);
+  React.useEffect(() => {
+    if (isDragging) {
+      const handleGlobalMouseMove = (e) => {
+        handleMouseMove(e);
+      };
+      const handleGlobalMouseUp = () => {
+        handleMouseUp();
+      };
+      document.addEventListener("mousemove", handleGlobalMouseMove);
+      document.addEventListener("mouseup", handleGlobalMouseUp);
+      return () => {
+        document.removeEventListener("mousemove", handleGlobalMouseMove);
+        document.removeEventListener("mouseup", handleGlobalMouseUp);
+      };
+    }
+  }, [isDragging, handleMouseMove, handleMouseUp]);
   const valueChangeHandler = useCallback(
     (index) => {
       return (e) => {
@@ -113,7 +139,7 @@ var InputNumbers = forwardRef(function InputNumbers2({ size, value, onValuesChan
     "div",
     {
       ref,
-      ...bind(),
+      onMouseDown: handleMouseDown,
       className: cn("gap-xs flex cursor-crosshair touch-none flex-col select-none"),
       children: value.map((item, index) => /* @__PURE__ */ jsx(
         InputRoot,
@@ -140,13 +166,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-ns-resize"
+            "data-[hover=y]:cursor-row-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-ns-resize"
+            "group-data-[hover=y]/number-input:cursor-row-resize"
           ]),
           children: /* @__PURE__ */ jsx(
             InputSlot,
@@ -155,7 +181,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-ns-resize"
+                "group-data-[hover=y]/number-input:cursor-row-resize"
               ),
               children: prefix == null ? void 0 : prefix[index]
             }

package/dist/{chunk-QZVQRU25.mjs → chunk-I55IRAYH.mjs}

@@ -1,7 +1,7 @@
 import { Badge } from './chunk-WO3WHXDP.mjs';
 import { jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.23" ;
+var PACKAGE_VERSION = "0.0.25" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/chunk-LHWH4GP5.mjs

@@ -0,0 +1,77 @@
+import { memo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/ui/theme-context/theme-script.tsx
+var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
+  const el = document.documentElement;
+  const systemThemes = ["light", "dark"];
+  function updateDOM(theme) {
+    const attributes = Array.isArray(attribute) ? attribute : [attribute];
+    attributes.forEach((attr) => {
+      const isClass = attr === "class";
+      const classes = isClass && value ? themes.map((t) => value[t] || t) : themes;
+      if (isClass) {
+        el.classList.remove(...classes);
+        el.classList.add(value && value[theme] ? value[theme] : theme);
+      } else {
+        el.setAttribute(attr, theme);
+      }
+    });
+    setColorScheme(theme);
+  }
+  function setColorScheme(theme) {
+    if (enableColorScheme && systemThemes.includes(theme)) {
+      el.style.colorScheme = theme;
+    }
+  }
+  function getSystemTheme() {
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  }
+  if (forcedTheme) {
+    updateDOM(forcedTheme);
+  } else {
+    try {
+      const themeName = localStorage.getItem(storageKey ?? "") || defaultTheme;
+      const isSystem = enableSystem && themeName === "system";
+      const theme = isSystem ? getSystemTheme() : themeName;
+      updateDOM(theme);
+    } catch {
+    }
+  }
+};
+var ThemeScript = memo(
+  ({
+    forcedTheme,
+    storageKey,
+    attribute,
+    enableSystem,
+    enableColorScheme,
+    defaultTheme,
+    value,
+    themes,
+    nonce,
+    scriptProps
+  }) => {
+    const scriptArgs = JSON.stringify([
+      defaultTheme,
+      storageKey,
+      attribute,
+      themes,
+      value,
+      forcedTheme,
+      enableSystem,
+      enableColorScheme
+    ]).slice(1, -1);
+    return /* @__PURE__ */ jsx(
+      "script",
+      {
+        ...scriptProps,
+        suppressHydrationWarning: true,
+        nonce: typeof window === "undefined" ? nonce : "",
+        dangerouslySetInnerHTML: { __html: `(${themeScript.toString()})(${scriptArgs})` }
+      }
+    );
+  }
+);
+
+export { ThemeScript };