@vuer-ai/vuer-uikit 0.0.114 → 0.0.116

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vuer-ai/vuer-uikit",
   "author": "Ge Yang",
-  "version": "0.0.114",
+  "version": "0.0.116",
   "files": [
     "/dist",
     "/src"

package/src/dial/wrapped-inputs/ControlledInputs.tsx

@@ -1,10 +1,9 @@
 import React, { PropsWithChildren, ReactElement, ReactNode, useCallback } from "react";
-import { LabelPositionT, useDialSchema } from "../DialProvider";
+
 import {
   ColorInput,
   FormLayout,
-  Input,
-  InputSlot,
+  InputNumbers,
   Label,
   type LayoutType,
   Select,
@@ -15,6 +14,7 @@ import {
   Slider,
   Switch,
 } from "../../index"; // Base input component that connects to the dial store
+import { LabelPositionT, useDialSchema } from "../DialProvider";
 
 // Helper component for wrapping inputs with labels
 const DialInputWrapper: React.FC<{
@@ -46,7 +46,7 @@ export interface DialNumInputProps extends PropsWithChildren {
   size?: "sm" | "md" | "lg";
 }
 
-// Base input component that connects to the dial store
+// Base input component that connects to the dial store using InputNumbers for drag support
 export const DialNumberInput: React.FC<DialNumInputProps> = ({
   name,
   min,
@@ -60,29 +60,32 @@ export const DialNumberInput: React.FC<DialNumInputProps> = ({
   const { getValue, setValue } = useDialSchema();
   const value = (getValue(name) ?? 0) as number;
 
-  const handleChange = useCallback(
-    (e: React.ChangeEvent<HTMLInputElement>) => setValue(name, parseFloat(e.target.value)),
-    [name],
+  const handleValuesChange = useCallback(
+    (values: number[]) => {
+      const newValue = values[0];
+      if (!isNaN(newValue)) {
+        setValue(name, newValue);
+      }
+    },
+    [name, setValue],
   );
 
-  const inputProps = {
-    type: "number" as const,
-    value,
+  const inputNumbersProps = {
+    value: [value],
+    onValuesChange: handleValuesChange,
     min,
     max,
     step,
-    onChange: handleChange,
     size,
+    prefix: labelPosition === "inline" && label ? [label] : undefined,
   };
 
   if (labelPosition === "inline") {
-    return (
-      <Input {...inputProps}>{label ? <InputSlot side="left">{label}</InputSlot> : null}</Input>
-    );
+    return <InputNumbers {...inputNumbersProps} />;
   } else {
     return (
       <DialInputWrapper label={label} labelPosition={labelPosition} {...props}>
-        <Input {...inputProps} />
+        <InputNumbers {...inputNumbersProps} />
       </DialInputWrapper>
     );
   }
@@ -144,8 +147,6 @@ export const DialSelectInput: React.FC<DialNumInputProps> = ({
   const { getValue, setValue } = useDialSchema();
   const value = getValue(name);
 
-  console.log("dial schema:", name, value);
-
   const handleValueChange = useCallback(
     (val: string) => {
       // Try to parse as number if possible

package/src/ui/layout.tsx

@@ -23,7 +23,6 @@ export function FormLayout({
   children,
 }: FormLayoutProps) {
   const Com = asChild ? Slot : "div";
-  console.log("layout", orientation);
 
   return (
     <Com

package/dist/{chunk-EMXEFZEB.cjs → chunk-4JZOPZHB.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkRSBVQ7SJ_cjs = require('./chunk-RSBVQ7SJ.cjs');
 var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
+var chunkRSBVQ7SJ_cjs = require('./chunk-RSBVQ7SJ.cjs');
 var react = require('react');
 
 var useSignIn = () => {

package/dist/{chunk-2ZK7JUAH.mjs → chunk-5OHAV55L.mjs}

@@ -1,5 +1,5 @@
-import { getSessions } from './chunk-Z7BZFZEV.mjs';
 import { useUser } from './chunk-VSFPXAGN.mjs';
+import { getSessions } from './chunk-Z7BZFZEV.mjs';
 import { useState, useEffect, useMemo } from 'react';
 
 var useVuerSessions = () => {

package/dist/{chunk-EMVKGL5D.mjs → chunk-G6ATG2WV.mjs}

@@ -1,5 +1,5 @@
-import { signInHandler } from './chunk-V4KDK3BN.mjs';
 import { useUser } from './chunk-VSFPXAGN.mjs';
+import { signInHandler } from './chunk-V4KDK3BN.mjs';
 import { useState, useCallback, useMemo } from 'react';
 
 var useSignIn = () => {

package/dist/{chunk-VXFUYV76.mjs → chunk-GUSUTH7D.mjs}

@@ -1,5 +1,5 @@
-import { getSession } from './chunk-SO2UTKSV.mjs';
 import { UserContext } from './chunk-FROQ45MN.mjs';
+import { getSession } from './chunk-SO2UTKSV.mjs';
 import { bearerToken } from './chunk-UT7B4TLZ.mjs';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-2YAC2EMY.cjs → chunk-I2YVC4AE.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkMRMSCW3P_cjs = require('./chunk-MRMSCW3P.cjs');
 var chunk3WMO5QJJ_cjs = require('./chunk-3WMO5QJJ.cjs');
+var chunkMRMSCW3P_cjs = require('./chunk-MRMSCW3P.cjs');
 var chunkF4Z5KATZ_cjs = require('./chunk-F4Z5KATZ.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-GRQJN4D4.cjs → chunk-OOHCJIRV.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkQ76WU4DL_cjs = require('./chunk-Q76WU4DL.cjs');
 var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
+var chunkQ76WU4DL_cjs = require('./chunk-Q76WU4DL.cjs');
 var react = require('react');
 
 var useVuerSessions = () => {