@vuer-ai/vuer-uikit 0.0.109 → 0.0.112

package/dist/{chunk-QIYGXPLM.cjs → chunk-ZXWBDK2V.cjs}

@@ -1,27 +1,28 @@
 'use strict';
 
-var chunkAJQEHMYV_cjs = require('./chunk-AJQEHMYV.cjs');
-var chunkPTCDBU72_cjs = require('./chunk-PTCDBU72.cjs');
-var chunk64L2SNKA_cjs = require('./chunk-64L2SNKA.cjs');
-var chunkEAXBNWXE_cjs = require('./chunk-EAXBNWXE.cjs');
-var chunkNSUFTZNC_cjs = require('./chunk-NSUFTZNC.cjs');
-var chunkHN3AMWUM_cjs = require('./chunk-HN3AMWUM.cjs');
-var chunkAOV3ADTV_cjs = require('./chunk-AOV3ADTV.cjs');
-var chunkA2UZY7Y2_cjs = require('./chunk-A2UZY7Y2.cjs');
-var chunkD5WOPTKY_cjs = require('./chunk-D5WOPTKY.cjs');
-var chunk2EG65KGO_cjs = require('./chunk-2EG65KGO.cjs');
-var chunkJFIAWTRH_cjs = require('./chunk-JFIAWTRH.cjs');
-var chunk2WD4ZL27_cjs = require('./chunk-2WD4ZL27.cjs');
-var chunkZRRCYQ53_cjs = require('./chunk-ZRRCYQ53.cjs');
-var chunk7GJVMFKJ_cjs = require('./chunk-7GJVMFKJ.cjs');
-var chunk5XBMFADS_cjs = require('./chunk-5XBMFADS.cjs');
+var chunkPFIP3ETQ_cjs = require('./chunk-PFIP3ETQ.cjs');
+var chunkZXIKMZPH_cjs = require('./chunk-ZXIKMZPH.cjs');
+var chunkL2YLNWCQ_cjs = require('./chunk-L2YLNWCQ.cjs');
+var chunkQ5PJKBX7_cjs = require('./chunk-Q5PJKBX7.cjs');
+var chunk7NUXYKXU_cjs = require('./chunk-7NUXYKXU.cjs');
+var chunk2MSGENAQ_cjs = require('./chunk-2MSGENAQ.cjs');
+var chunkNIEFMP5V_cjs = require('./chunk-NIEFMP5V.cjs');
+var chunkTYZHIBYI_cjs = require('./chunk-TYZHIBYI.cjs');
+var chunk6D66V6ON_cjs = require('./chunk-6D66V6ON.cjs');
+var chunk5VUM46YD_cjs = require('./chunk-5VUM46YD.cjs');
+var chunkSU57ZAZJ_cjs = require('./chunk-SU57ZAZJ.cjs');
+var chunkM45UXJWX_cjs = require('./chunk-M45UXJWX.cjs');
+var chunkS5XJOGB4_cjs = require('./chunk-S5XJOGB4.cjs');
+var chunkBTXD3NAG_cjs = require('./chunk-BTXD3NAG.cjs');
+var chunk4GVFCQGI_cjs = require('./chunk-4GVFCQGI.cjs');
+var chunkZGS3VGGN_cjs = require('./chunk-ZGS3VGGN.cjs');
 var chunkEKPJUR3U_cjs = require('./chunk-EKPJUR3U.cjs');
 var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
-var chunkASR6OXVT_cjs = require('./chunk-ASR6OXVT.cjs');
-var chunkUASPJ57U_cjs = require('./chunk-UASPJ57U.cjs');
-var chunkRMK6W774_cjs = require('./chunk-RMK6W774.cjs');
-var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
+var chunkLI5W744D_cjs = require('./chunk-LI5W744D.cjs');
+var chunkLPKVKTOK_cjs = require('./chunk-LPKVKTOK.cjs');
+var chunkWB43VEZA_cjs = require('./chunk-WB43VEZA.cjs');
 var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
+var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DialInputWrapper = ({
@@ -32,8 +33,8 @@ var DialInputWrapper = ({
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLPKVKTOK_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLI5W744D_cjs.Label, { size: "sm", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
   ] });
 };
@@ -44,11 +45,11 @@ var DialVec3Input = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHN3AMWUM_cjs.Vec3Input,
+      chunkQ5PJKBX7_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -59,7 +60,7 @@ var DialVec3Input = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHN3AMWUM_cjs.Vec3Input,
+      chunkQ5PJKBX7_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -76,11 +77,11 @@ var DialEulerInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2EG65KGO_cjs.EulerInput,
+      chunk2MSGENAQ_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -91,7 +92,7 @@ var DialEulerInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2EG65KGO_cjs.EulerInput,
+      chunk2MSGENAQ_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -108,11 +109,11 @@ var DialEulerDegInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkD5WOPTKY_cjs.EulerDegInput,
+      chunk7NUXYKXU_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -123,7 +124,7 @@ var DialEulerDegInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkD5WOPTKY_cjs.EulerDegInput,
+      chunk7NUXYKXU_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -140,11 +141,11 @@ var DialQuaternionInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? [1, 0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEAXBNWXE_cjs.QuaternionInput,
+      chunk5VUM46YD_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -155,7 +156,7 @@ var DialQuaternionInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEAXBNWXE_cjs.QuaternionInput,
+      chunk5VUM46YD_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -173,11 +174,11 @@ var DialVectorInput = ({
   dimensions = 3,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? new Array(dimensions).fill(0);
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJFIAWTRH_cjs.VectorInput,
+      chunkSU57ZAZJ_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -188,7 +189,7 @@ var DialVectorInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJFIAWTRH_cjs.VectorInput,
+      chunkSU57ZAZJ_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -205,11 +206,11 @@ var DialIntInput = ({
   step = 1,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk64L2SNKA_cjs.IntInput,
+      chunk6D66V6ON_cjs.IntInput,
       {
         value,
         prefix: label ? [label] : void 0,
@@ -219,7 +220,7 @@ var DialIntInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk64L2SNKA_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6D66V6ON_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialDegInput = ({
@@ -229,11 +230,11 @@ var DialDegInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkA2UZY7Y2_cjs.DegInput,
+      chunkS5XJOGB4_cjs.DegInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -243,7 +244,7 @@ var DialDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5XJOGB4_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -253,11 +254,11 @@ var DialRadInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5XBMFADS_cjs.RadInput,
+      chunk4GVFCQGI_cjs.RadInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -267,7 +268,7 @@ var DialRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5XBMFADS_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4GVFCQGI_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -277,11 +278,11 @@ var DialCmInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkAOV3ADTV_cjs.CmInput,
+      chunkM45UXJWX_cjs.CmInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -291,7 +292,7 @@ var DialCmInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAOV3ADTV_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkM45UXJWX_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -301,11 +302,11 @@ var DialInchInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkPTCDBU72_cjs.InchInput,
+      chunkTYZHIBYI_cjs.InchInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -315,7 +316,7 @@ var DialInchInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPTCDBU72_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTYZHIBYI_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -325,11 +326,11 @@ var DialTimeInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNSUFTZNC_cjs.TimeInput,
+      chunkL2YLNWCQ_cjs.TimeInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -339,7 +340,7 @@ var DialTimeInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkNSUFTZNC_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkL2YLNWCQ_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -349,11 +350,11 @@ var DialTextInput = ({
   labelPosition,
   placeholder
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? "";
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2WD4ZL27_cjs.TextInput,
+      chunkZGS3VGGN_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -364,7 +365,7 @@ var DialTextInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2WD4ZL27_cjs.TextInput,
+      chunkZGS3VGGN_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -381,11 +382,11 @@ var DialEulerRadInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkAJQEHMYV_cjs.EulerRadInput,
+      chunkNIEFMP5V_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -397,7 +398,7 @@ var DialEulerRadInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkAJQEHMYV_cjs.EulerRadInput,
+      chunkNIEFMP5V_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -415,7 +416,7 @@ var DialNumberRadInput = ({
   step,
   labelPosition
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   const degValue = value * 180 / Math.PI;
   const handleChange = (deg) => {
@@ -424,7 +425,7 @@ var DialNumberRadInput = ({
   };
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkA2UZY7Y2_cjs.DegInput,
+      chunkS5XJOGB4_cjs.DegInput,
       {
         value: degValue,
         onChange: handleChange,
@@ -434,66 +435,22 @@ var DialNumberRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
-  }
-};
-var DialInputWrapper2 = ({ label, children }) => {
-  if (!label) {
-    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
-    children
-  ] });
-};
-var DialPresetsInput = ({
-  name,
-  label,
-  size = "sm",
-  labelPosition,
-  options
-}) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
-  const value = getValue(name) ?? 0;
-  const presets = options.slice(0, 3).map((opt) => {
-    if (typeof opt === "number") return opt;
-    if (typeof opt === "string") return parseFloat(opt);
-    return typeof opt.value === "number" ? opt.value : parseFloat(opt.value);
-  });
-  while (presets.length < 3) {
-    presets.push(0);
-  }
-  if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        chunk7GJVMFKJ_cjs.PresetsInput,
-        {
-          value,
-          onChange: (val) => setValue(name, val),
-          size,
-          presets
-        }
-      )
-    ] });
-  } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7GJVMFKJ_cjs.PresetsInput,
-      {
-        value,
-        onChange: (val) => setValue(name, val),
-        size,
-        presets
-      }
-    ) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5XJOGB4_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
   }
 };
 var DialVectorInput2 = ({
   name,
   label,
-  size = "sm"
+  size = "sm",
+  labelPosition = "top"
 }) => {
-  const { getValue, setValue, schemas } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue, schemas } = chunkZXIKMZPH_cjs.useDialSchema();
+  const handleValuesChange = react.useCallback(
+    (newValues) => {
+      setValue(name, newValues);
+    },
+    [name]
+  );
   const schema = schemas.find((s) => s.name === name);
   if (!schema) {
     return null;
@@ -520,7 +477,6 @@ var DialVectorInput2 = ({
     gridColumns = void 0;
     gridRows = void 0;
   }
-  console.log("the grid-flow is", gridAutoFlow, gridColumns, gridRows);
   const vectorValue = Array.isArray(value) ? value.concat(Array(Math.max(0, dimensions - value.length)).fill(0)) : Array(dimensions).fill(0);
   const inputSteps = Array.from({ length: dimensions }, (_, i) => {
     if (steps[i] !== void 0) {
@@ -530,11 +486,8 @@ var DialVectorInput2 = ({
     return dtype === "number-int" ? 1 : 1e-3;
   });
   const labels = placeholders.length > 0 ? placeholders.map((p) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: p })) : void 0;
-  const handleValuesChange = (newValues) => {
-    setValue(name, newValues);
-  };
   const inputComponent = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJFIAWTRH_cjs.VectorInput,
+    chunkSU57ZAZJ_cjs.VectorInput,
     {
       value: vectorValue,
       onValuesChange: handleValuesChange,
@@ -549,8 +502,8 @@ var DialVectorInput2 = ({
   if (!label) {
     return inputComponent;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLPKVKTOK_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLI5W744D_cjs.Label, { size: "sm", children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
       schema.helpText && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -701,7 +654,7 @@ var DialPanel = ({
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            DialPresetsInput,
+            chunkPFIP3ETQ_cjs.DialPresetsInput,
             {
               name,
               label,
@@ -766,12 +719,12 @@ var DialPanel = ({
     ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row flex flex-row flex-wrap gap-4", children: ungrouped.map(renderSchemaInput) }) })
   ] });
 };
-var DialInputWrapper3 = ({ label, children }) => {
+var DialInputWrapper2 = ({ label, labelPosition = "top", children }) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLPKVKTOK_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLI5W744D_cjs.Label, { size: "sm", children: label }),
     children
   ] });
 };
@@ -781,77 +734,81 @@ var DialNumberInput = ({
   max,
   step = 1,
   label,
-  labelPosition,
-  size = "sm"
+  labelPosition = "top",
+  size = "sm",
+  ...props
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
+  const handleChange = react.useCallback(
+    (e) => setValue(name, parseFloat(e.target.value)),
+    [name]
+  );
   const inputProps = {
     type: "number",
     value,
     min,
     max,
     step,
-    onChange: (e) => setValue(name, parseFloat(e.target.value)),
+    onChange: handleChange,
     size
   };
   if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputRoot, { ...inputProps, children: label ? /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "left", children: label }) : null });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputRoot, { ...inputProps, children: label ? /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { side: "left", children: label }) : null });
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputRoot, { ...inputProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputRoot, { ...inputProps }) });
   }
 };
-var DialBooleanInput = ({ name, label, labelPosition }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+var DialBooleanInput = ({
+  name,
+  label,
+  labelPosition,
+  ...props
+}) => {
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? false;
+  const handleChange = react.useCallback((checked) => setValue(name, checked), [name]);
   const switchProps = {
     checked: value,
-    onCheckedChange: (checked) => setValue(name, checked)
+    onCheckedChange: handleChange
   };
-  if (!label) {
+  if (!label || labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps }) });
 };
-var DialColorInput = ({ name, label }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+var DialColorInput = ({ name, label, ...props }) => {
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? "";
-  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkZRRCYQ53_cjs.ColorInput, { value, onChange: (e) => setValue(name, e.target.value), prefix: label });
-  if (!label) {
-    return inputComp;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: inputComp });
+  const handleChange = react.useCallback(
+    (e) => setValue(name, e.target.value),
+    [name]
+  );
+  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkBTXD3NAG_cjs.ColorInput, { value, onChange: handleChange, prefix: label });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, ...props, children: inputComp });
 };
 var DialSelectInput = ({
   name,
   options = [],
   label,
-  labelPosition,
-  size = "sm"
+  size = "sm",
+  ...props
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name);
-  const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunk4PKPCOAF_cjs.Select,
-    {
-      value: String(value),
-      onValueChange: (val) => {
-        const parsed = !isNaN(Number(val)) ? Number(val) : val;
-        setValue(name, parsed);
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectValue, { placeholder: "Select an option" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
-      ]
-    }
+  console.log("dial schema:", name, value);
+  const handleValueChange = react.useCallback(
+    (val) => {
+      const parsed = !isNaN(Number(val)) ? Number(val) : val;
+      setValue(name, parsed);
+    },
+    [name]
   );
-  if (!label) {
-    return selectComponent;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: selectComponent });
+  const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(chunk4PKPCOAF_cjs.Select, { value: String(value), onValueChange: handleValueChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectValue, { placeholder: "Select an option" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, ...props, children: selectComponent });
 };
 var DialSliderInput = ({
   name,
@@ -859,27 +816,23 @@ var DialSliderInput = ({
   max = 100,
   step = 1,
   label,
-  labelPosition,
-  size = "sm"
+  ...props
 }) => {
-  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
   const value = getValue(name) ?? min;
+  const handleValueChange = react.useCallback(([val]) => setValue(name, val), [name]);
   const sliderProps = {
     value: [value],
-    onValueChange: ([val]) => setValue(name, val),
+    onValueChange: handleValueChange,
     min,
     max,
     step,
     className: "flex-1"
   };
-  const sliderComponent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialInputWrapper2, { label, ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(chunkEKPJUR3U_cjs.Slider, { ...sliderProps }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-secondary w-12 text-right text-sm", children: value })
   ] });
-  if (!label) {
-    return sliderComponent;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: sliderComponent });
 };
 
 exports.DialBooleanInput = DialBooleanInput;
@@ -894,7 +847,6 @@ exports.DialIntInput = DialIntInput;
 exports.DialNumberInput = DialNumberInput;
 exports.DialNumberRadInput = DialNumberRadInput;
 exports.DialPanel = DialPanel;
-exports.DialPresetsInput = DialPresetsInput;
 exports.DialQuaternionInput = DialQuaternionInput;
 exports.DialRadInput = DialRadInput;
 exports.DialSelectInput = DialSelectInput;

package/dist/{chunk-5PHGYFZ3.cjs → chunk-ZZEWMU7Y.cjs}

@@ -4,8 +4,8 @@ var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
-var DIAL_PACKAGE_VERSION = "0.0.12" ;
-var DIAL_GIT_HASH = "48d7a7a" ;
+var DIAL_PACKAGE_VERSION = "0.0.13" ;
+var DIAL_GIT_HASH = "2cdbaa6" ;
 function DialBadge({
   className,
   package: showPackage = true,