@vuer-ai/vuer-uikit 0.0.48 → 0.0.50

package/dist/{chunk-GFPXAGJY.js → chunk-2GFFK54M.js}

@@ -36,7 +36,11 @@ var Sheet = chunkQG7ZF6TO_js.createClientOnlyComponent(SheetRoot, SheetFallback)
 function SheetTriggerRoot({ ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(SheetPrimitive__namespace.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
-function SheetTriggerFallback({ asChild, children, ...props }) {
+function SheetTriggerFallback({
+  asChild,
+  children,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
@@ -53,7 +57,11 @@ function SheetCloseRoot({ ...props }) {
     }
   );
 }
-function SheetCloseFallback({ asChild, children, ...props }) {
+function SheetCloseFallback({
+  asChild,
+  children,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }

package/dist/chunk-2QG7LH4Z.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var RadInput = react.forwardRef(function RadInput2(props, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "rad", ...props });
+});
+
+exports.RadInput = RadInput;

package/dist/{chunk-TBFX36YV.mjs → chunk-2XYF6PKB.mjs}

@@ -1,17 +1,10 @@
-import { EulerInput } from './chunk-ICRVQLUS.mjs';
+import { EulerInput } from './chunk-7GCEJU5S.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var EulerRadInput = forwardRef(
   function EulerRadInput2(props, ref) {
-    return /* @__PURE__ */ jsx(
-      EulerInput,
-      {
-        ref,
-        unit: "rad",
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsx(EulerInput, { ref, unit: "rad", ...props });
   }
 );
 

package/dist/chunk-36Q5EL3V.mjs

@@ -0,0 +1,9 @@
+import { InputNumbers } from './chunk-LZE22ZNH.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var VectorInput = forwardRef(function VectorInput2({ labels, prefix, ...props }, ref) {
+  return /* @__PURE__ */ jsx(InputNumbers, { ref, prefix: labels || prefix, ...props });
+});
+
+export { VectorInput };

package/dist/{chunk-KEVAPLWO.js → chunk-37WZTN4K.js}

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunk72PCXNEI_js = require('./chunk-72PCXNEI.js');
+var chunkFRMG67QP_js = require('./chunk-FRMG67QP.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
+var colorSchemes = ["light", "dark"];
 var MEDIA = "(prefers-color-scheme: dark)";
 var isServer = typeof window === "undefined";
 var ThemeContext = react.createContext(void 0);
@@ -142,13 +143,14 @@ var Theme = ({
           forcedTheme,
           resolvedTheme: theme === "system" ? resolvedTheme : theme,
           themes: enableSystem ? [...themes, "system"] : themes,
-          systemTheme: enableSystem ? resolvedTheme : void 0
+          systemTheme: enableSystem ? resolvedTheme : void 0,
+          storageKey
         }),
-        [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes]
+        [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, storageKey]
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunk72PCXNEI_js.ThemeScript,
+          chunkFRMG67QP_js.ThemeScript,
           {
             ...{
               forcedTheme,
@@ -201,5 +203,15 @@ var getSystemTheme = (e) => {
   return isDark ? "liquid-dark" : "liquid-light";
 };
 
+exports.MEDIA = MEDIA;
+exports.Theme = Theme;
+exports.ThemeContext = ThemeContext;
 exports.ThemeProvider = ThemeProvider;
+exports.colorSchemes = colorSchemes;
+exports.defaultThemes = defaultThemes;
+exports.disableAnimation = disableAnimation;
+exports.getSystemTheme = getSystemTheme;
+exports.getTheme = getTheme;
+exports.isServer = isServer;
+exports.saveToLS = saveToLS;
 exports.useTheme = useTheme;

package/dist/{chunk-A77ETENM.js → chunk-3EC5RXZ4.js}

@@ -1,19 +1,12 @@
 'use strict';
 
-var chunk6AWSAY7A_js = require('./chunk-6AWSAY7A.js');
+var chunk7E25WN6I_js = require('./chunk-7E25WN6I.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var EulerDegInput = react.forwardRef(
   function EulerDegInput2(props, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6AWSAY7A_js.EulerInput,
-      {
-        ref,
-        unit: "deg",
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsxRuntime.jsx(chunk7E25WN6I_js.EulerInput, { ref, unit: "deg", ...props });
   }
 );
 

package/dist/chunk-4GZZAQRD.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var QuaternionInput = react.forwardRef(function QuaternionInput2({ value, onValuesChange, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJENUY5GL_js.VectorInput,
+    {
+      ref,
+      value,
+      onValuesChange,
+      labels: ["w", "x", "y", "z"],
+      ...props
+    }
+  );
+});
+
+exports.QuaternionInput = QuaternionInput;

package/dist/chunk-6TMEH2MB.js

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunk3YODEBOY_js = require('./chunk-3YODEBOY.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var NumberInput = react.forwardRef(function NumberInput2({ unit, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3YODEBOY_js.InputRoot, { ref, type: "number", ...props, children: [
+    children,
+    unit && /* @__PURE__ */ jsxRuntime.jsx(chunk3YODEBOY_js.InputSlot, { side: "right", children: unit })
+  ] });
+});
+
+exports.NumberInput = NumberInput;

package/dist/{chunk-GCIH5IMQ.mjs → chunk-6TXFW7SC.mjs}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-PZ3FWTMB.mjs';
+import { buttonVariants } from './chunk-GY65PGYR.mjs';
 import { cn } from './chunk-WM2VP7MI.mjs';
 import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
@@ -46,11 +46,7 @@ function PaginationItem({ ...props }) {
     }
   );
 }
-function PaginationLink({
-  className,
-  isActive,
-  ...props
-}) {
+function PaginationLink({ className, isActive, ...props }) {
   return /* @__PURE__ */ jsx(
     "a",
     {

package/dist/chunk-73RTYZNL.mjs

@@ -0,0 +1,9 @@
+import { NumberInput } from './chunk-QD6L25T6.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var RadInput = forwardRef(function RadInput2(props, ref) {
+  return /* @__PURE__ */ jsx(NumberInput, { ref, unit: "rad", ...props });
+});
+
+export { RadInput };

package/dist/chunk-7E25WN6I.js

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var EulerInput = react.forwardRef(function EulerInput2({ value, onValuesChange, unit = "deg", ...props }, ref) {
+  const unitSymbol = unit === "deg" ? "\xB0" : "rad";
+  const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJENUY5GL_js.VectorInput,
+    {
+      ref,
+      value,
+      onValuesChange,
+      labels,
+      ...props
+    }
+  );
+});
+
+exports.EulerInput = EulerInput;

package/dist/chunk-7GCEJU5S.mjs

@@ -0,0 +1,20 @@
+import { VectorInput } from './chunk-36Q5EL3V.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var EulerInput = forwardRef(function EulerInput2({ value, onValuesChange, unit = "deg", ...props }, ref) {
+  const unitSymbol = unit === "deg" ? "\xB0" : "rad";
+  const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
+  return /* @__PURE__ */ jsx(
+    VectorInput,
+    {
+      ref,
+      value,
+      onValuesChange,
+      labels,
+      ...props
+    }
+  );
+});
+
+export { EulerInput };

package/dist/{chunk-25I4OTUA.js → chunk-CSRGTGG7.js}

@@ -3,7 +3,7 @@
 var chunkILJK43VJ_js = require('./chunk-ILJK43VJ.js');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.48" ;
+var PACKAGE_VERSION = "0.0.50" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
 function VersionBadge({
   className,

package/dist/chunk-CV4KQETB.mjs

@@ -0,0 +1,11 @@
+import { VectorInput } from './chunk-36Q5EL3V.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var KVectorInput = forwardRef(function KVectorInput2({ value, dimensions, ...props }, ref) {
+  const k = dimensions || value.length;
+  const labels = Array.from({ length: k }, (_, i) => `${i}`);
+  return /* @__PURE__ */ jsx(VectorInput, { ref, value, labels, ...props });
+});
+
+export { KVectorInput };

package/dist/{chunk-3QG5RA46.mjs → chunk-DCSGUVTI.mjs}

@@ -1,7 +1,8 @@
-import { ThemeScript } from './chunk-MS5G6UZ4.mjs';
+import { ThemeScript } from './chunk-NSI47INE.mjs';
 import { createContext, useContext, useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
+var colorSchemes = ["light", "dark"];
 var MEDIA = "(prefers-color-scheme: dark)";
 var isServer = typeof window === "undefined";
 var ThemeContext = createContext(void 0);
@@ -140,9 +141,10 @@ var Theme = ({
           forcedTheme,
           resolvedTheme: theme === "system" ? resolvedTheme : theme,
           themes: enableSystem ? [...themes, "system"] : themes,
-          systemTheme: enableSystem ? resolvedTheme : void 0
+          systemTheme: enableSystem ? resolvedTheme : void 0,
+          storageKey
         }),
-        [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes]
+        [theme, setTheme, forcedTheme, resolvedTheme, enableSystem, themes, storageKey]
       ),
       children: [
         /* @__PURE__ */ jsx(
@@ -199,4 +201,4 @@ var getSystemTheme = (e) => {
   return isDark ? "liquid-dark" : "liquid-light";
 };
 
-export { ThemeProvider, useTheme };
+export { MEDIA, Theme, ThemeContext, ThemeProvider, colorSchemes, defaultThemes, disableAnimation, getSystemTheme, getTheme, isServer, saveToLS, useTheme };

package/dist/chunk-EPHUL35Z.js

@@ -0,0 +1,87 @@
+'use strict';
+
+var chunk37WZTN4K_js = require('./chunk-37WZTN4K.js');
+var chunkER6XHUS7_js = require('./chunk-ER6XHUS7.js');
+var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
+var chunkQG7ZF6TO_js = require('./chunk-QG7ZF6TO.js');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LiquidToggleButton = () => {
+  const { theme, setTheme, storageKey } = chunk37WZTN4K_js.useTheme();
+  const handleLiquidToggle = () => {
+    let newTheme;
+    if (theme === "light") {
+      newTheme = "liquid-light";
+    } else if (theme === "liquid-light") {
+      newTheme = "light";
+    } else if (theme === "dark") {
+      newTheme = "liquid-dark";
+    } else if (theme === "liquid-dark") {
+      newTheme = "dark";
+    } else if (theme === "system") {
+      return;
+    } else {
+      newTheme = "liquid-light";
+    }
+    document.cookie = `${storageKey}=${newTheme}`;
+    setTheme(newTheme);
+  };
+  const isLiquid = theme === "liquid-light" || theme === "liquid-dark";
+  const isSystem = theme === "system";
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkER6XHUS7_js.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkER6XHUS7_js.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkX6APNY5D_js.Button,
+      {
+        icon: true,
+        onClick: handleLiquidToggle,
+        variant: "ghost",
+        value: isLiquid,
+        "aria-label": `Toggle liquid theme: ${isSystem ? "disabled (system mode)" : isLiquid ? "on" : "off"}`,
+        className: isSystem ? "cursor-not-allowed opacity-50" : "",
+        disabled: isSystem,
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkER6XHUS7_js.TooltipContent, { children: "Toggle liquid theme" })
+  ] });
+};
+var ThemeToggleButton = () => {
+  const { theme, setTheme, storageKey } = chunk37WZTN4K_js.useTheme();
+  const handleThemeChange = () => {
+    let newTheme;
+    if (theme === "light") {
+      newTheme = "dark";
+    } else if (theme === "liquid-light") {
+      newTheme = "liquid-dark";
+    } else if (theme === "dark") {
+      newTheme = "system";
+    } else if (theme === "liquid-dark") {
+      newTheme = "system";
+    } else if (theme === "system") {
+      newTheme = "light";
+    } else {
+      newTheme = "light";
+    }
+    document.cookie = `${storageKey}=${newTheme}`;
+    setTheme(newTheme);
+  };
+  const isDark = theme === "dark" || theme === "liquid-dark";
+  const isSystem = theme === "system";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkX6APNY5D_js.Button,
+    {
+      icon: true,
+      onClick: handleThemeChange,
+      variant: "ghost",
+      value: !isSystem,
+      "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
+      children: isSystem ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 })
+    }
+  );
+};
+var LiquidToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(LiquidToggleButton, () => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Liquid toggle loading...", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Droplet, { size: 20 }) }));
+var ThemeToggle = chunkQG7ZF6TO_js.createClientOnlyComponent(ThemeToggleButton, () => /* @__PURE__ */ jsxRuntime.jsx(chunkX6APNY5D_js.Button, { icon: true, variant: "ghost", "aria-label": "Theme toggle loading...", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 }) }));
+
+exports.LiquidToggle = LiquidToggle;
+exports.ThemeToggle = ThemeToggle;

package/dist/{chunk-XPHG4P4D.mjs → chunk-FIEU3WRH.mjs}

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

package/dist/chunk-FJ6UQH5F.mjs

@@ -0,0 +1,9 @@
+import { NumberInput } from './chunk-QD6L25T6.mjs';
+import { forwardRef } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var TimeInput = forwardRef(function TimeInput2(props, ref) {
+  return /* @__PURE__ */ jsx(NumberInput, { ref, unit: "s", ...props });
+});
+
+export { TimeInput };

package/dist/{chunk-ZBG3KB7B.mjs → chunk-GL6WU4QP.mjs}

@@ -15,7 +15,11 @@ var Modal = createClientOnlyComponent(ModalRoot, ModalFallback);
 function ModalTriggerRoot({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "modal-trigger", ...props });
 }
-function ModalTriggerFallback({ asChild, children, ...props }) {
+function ModalTriggerFallback({
+  asChild,
+  children,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
@@ -28,7 +32,11 @@ function ModalPortal({ ...props }) {
 function ModalCloseRoot({ ...props }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "modal-close", ...props });
 }
-function ModalCloseFallback({ asChild, children, ...props }) {
+function ModalCloseFallback({
+  asChild,
+  children,
+  ...props
+}) {
   if (asChild) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }

package/dist/{chunk-PZ3FWTMB.mjs → chunk-GY65PGYR.mjs}

@@ -61,7 +61,11 @@ var buttonVariants = cva(
         base: ["text-uk-md", "h-8 ", "gap-xs", " px-lg", "[&_svg:not([class*='size-'])]:size-4"],
         lg: ["text-uk-lg", "h-9", " gap-xs", "px-xl", "[&_svg:not([class*='size-'])]:size-5"]
       },
-      icon: { false: null, true: null }
+      icon: { false: null, true: null },
+      value: {
+        false: null,
+        true: ["text-brand-primary", "[&_svg]:text-brand-primary"]
+      }
     },
     compoundVariants: [
       { size: "sm", icon: true, class: ["px-xs", "py-xs", " size-6"] },
@@ -71,18 +75,19 @@ var buttonVariants = cva(
     defaultVariants: {
       variant: "primary",
       size: "base",
-      icon: false
+      icon: false,
+      value: false
     }
   }
 );
-var Button = forwardRef(function Button2({ className, variant, size, icon, asChild = false, ...props }, ref) {
+var Button = forwardRef(function Button2({ className, variant, size, icon, value, asChild = false, ...props }, ref) {
   const Comp = asChild ? Slot : "button";
   return /* @__PURE__ */ jsx(
     Comp,
     {
       ref,
       "data-slot": "button",
-      className: cn(buttonVariants({ variant, size, icon, className })),
+      className: cn(buttonVariants({ variant, size, icon, value, className })),
       ...props
     }
   );

package/dist/{chunk-VAEPAW5L.js → chunk-HGT65KY2.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDWK23X7J_js = require('./chunk-DWK23X7J.js');
+var chunkX6APNY5D_js = require('./chunk-X6APNY5D.js');
 var chunk7KYAICHB_js = require('./chunk-7KYAICHB.js');
 var chunkOTPUWWEB_js = require('./chunk-OTPUWWEB.js');
 var lucideReact = require('lucide-react');
@@ -48,11 +48,7 @@ function PaginationItem({ ...props }) {
     }
   );
 }
-function PaginationLink({
-  className,
-  isActive,
-  ...props
-}) {
+function PaginationLink({ className, isActive, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "a",
     {
@@ -60,7 +56,7 @@ function PaginationLink({
       "data-slot": "pagination-link",
       "data-active": isActive,
       className: chunk7KYAICHB_js.cn(
-        chunkDWK23X7J_js.buttonVariants({
+        chunkX6APNY5D_js.buttonVariants({
           variant: isActive ? "secondary" : "ghost"
         }),
         "hover:bg-transparent",

package/dist/chunk-HIY4N3LF.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var chunkJENUY5GL_js = require('./chunk-JENUY5GL.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var KVectorInput = react.forwardRef(function KVectorInput2({ value, dimensions, ...props }, ref) {
+  const k = dimensions || value.length;
+  const labels = Array.from({ length: k }, (_, i) => `${i}`);
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJENUY5GL_js.VectorInput, { ref, value, labels, ...props });
+});
+
+exports.KVectorInput = KVectorInput;

package/dist/chunk-JENUY5GL.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk7TD2RBQJ_js = require('./chunk-7TD2RBQJ.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var VectorInput = react.forwardRef(function VectorInput2({ labels, prefix, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk7TD2RBQJ_js.InputNumbers, { ref, prefix: labels || prefix, ...props });
+});
+
+exports.VectorInput = VectorInput;

package/dist/chunk-JOWWKLBU.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var chunk6TMEH2MB_js = require('./chunk-6TMEH2MB.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var InchInput = react.forwardRef(function InchInput2(props, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk6TMEH2MB_js.NumberInput, { ref, unit: "in", ...props });
+});
+
+exports.InchInput = InchInput;

package/dist/{chunk-UZFOWGVD.mjs → chunk-JXDPS6DY.mjs}

@@ -5,6 +5,7 @@ function useDragSelect(options = {}) {
   const [selectedItems, setSelectedItems] = useState(/* @__PURE__ */ new Set());
   const [isDragging, setIsDragging] = useState(false);
   const [dragMode, setDragMode] = useState("toggle");
+  const [dragStartItem, setDragStartItem] = useState(null);
   useEffect(() => {
     var _a;
     (_a = options.onSelectionChange) == null ? void 0 : _a.call(options, selectedItems);
@@ -12,6 +13,7 @@ function useDragSelect(options = {}) {
   const handleMouseDown = useCallback((id, e) => {
     e.preventDefault();
     setIsDragging(true);
+    setDragStartItem(id);
     const mode = e.ctrlKey || e.metaKey ? "replace" : "toggle";
     setDragMode(mode);
     if (mode === "replace") {
@@ -31,6 +33,7 @@ function useDragSelect(options = {}) {
   const handleMouseEnter = useCallback(
     (id) => {
       if (!isDragging) return;
+      if (id === dragStartItem) return;
       if (dragMode === "replace") {
         setSelectedItems((prev) => /* @__PURE__ */ new Set([...prev, id]));
       } else {
@@ -45,18 +48,16 @@ function useDragSelect(options = {}) {
         });
       }
     },
-    [isDragging, dragMode]
+    [isDragging, dragMode, dragStartItem]
   );
   useCallback(() => {
     setIsDragging(false);
+    setDragStartItem(null);
   }, []);
   const clearSelection = useCallback(() => {
     setSelectedItems(/* @__PURE__ */ new Set());
   }, []);
-  const isSelected = useCallback(
-    (id) => selectedItems.has(id),
-    [selectedItems]
-  );
+  const isSelected = useCallback((id) => selectedItems.has(id), [selectedItems]);
   const getItemProps = useCallback(
     (id) => ({
       "data-selected": selectedItems.has(id),
@@ -66,7 +67,10 @@ function useDragSelect(options = {}) {
     [selectedItems, handleMouseDown, handleMouseEnter]
   );
   useEffect(() => {
-    const handleGlobalMouseUp = () => setIsDragging(false);
+    const handleGlobalMouseUp = () => {
+      setIsDragging(false);
+      setDragStartItem(null);
+    };
     const handleEscape = (e) => {
       if (e.key === "Escape") {
         clearSelection();

package/dist/{chunk-ADOYBPJS.mjs → chunk-KBG56PQD.mjs}

@@ -1,17 +1,10 @@
-import { EulerInput } from './chunk-ICRVQLUS.mjs';
+import { EulerInput } from './chunk-7GCEJU5S.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var EulerDegInput = forwardRef(
   function EulerDegInput2(props, ref) {
-    return /* @__PURE__ */ jsx(
-      EulerInput,
-      {
-        ref,
-        unit: "deg",
-        ...props
-      }
-    );
+    return /* @__PURE__ */ jsx(EulerInput, { ref, unit: "deg", ...props });
   }
 );