@vuer-ai/vuer-uikit 0.0.117 → 0.0.118

package/dist/{chunk-SYT2AQ2Z.cjs → chunk-75XQ6P5L.cjs}

@@ -1,40 +1,45 @@
 'use strict';
 
-var chunkO5S6UXNN_cjs = require('./chunk-O5S6UXNN.cjs');
-var chunkZXIKMZPH_cjs = require('./chunk-ZXIKMZPH.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 chunkL2YLNWCQ_cjs = require('./chunk-L2YLNWCQ.cjs');
-var chunkQ5PJKBX7_cjs = require('./chunk-Q5PJKBX7.cjs');
-var chunkM45UXJWX_cjs = require('./chunk-M45UXJWX.cjs');
-var chunkS5XJOGB4_cjs = require('./chunk-S5XJOGB4.cjs');
-var chunk7NUXYKXU_cjs = require('./chunk-7NUXYKXU.cjs');
-var chunk2MSGENAQ_cjs = require('./chunk-2MSGENAQ.cjs');
-var chunkSU57ZAZJ_cjs = require('./chunk-SU57ZAZJ.cjs');
-var chunkHS4MWXGK_cjs = require('./chunk-HS4MWXGK.cjs');
-var chunk4GVFCQGI_cjs = require('./chunk-4GVFCQGI.cjs');
-var chunk6IXKC64S_cjs = require('./chunk-6IXKC64S.cjs');
-var chunkZGS3VGGN_cjs = require('./chunk-ZGS3VGGN.cjs');
-var chunkEKPJUR3U_cjs = require('./chunk-EKPJUR3U.cjs');
-var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
-var chunkLI5W744D_cjs = require('./chunk-LI5W744D.cjs');
-var chunkUASPJ57U_cjs = require('./chunk-UASPJ57U.cjs');
-var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
+var chunkUMGNAR3W_cjs = require('./chunk-UMGNAR3W.cjs');
+var chunkSL5Q54AH_cjs = require('./chunk-SL5Q54AH.cjs');
+var chunkO66LWOQY_cjs = require('./chunk-O66LWOQY.cjs');
+var chunkIU65XB2K_cjs = require('./chunk-IU65XB2K.cjs');
+var chunkHB65PF7F_cjs = require('./chunk-HB65PF7F.cjs');
+var chunkWDSOII5A_cjs = require('./chunk-WDSOII5A.cjs');
+var chunkNKGUQZTD_cjs = require('./chunk-NKGUQZTD.cjs');
+var chunkCKGEV2JL_cjs = require('./chunk-CKGEV2JL.cjs');
+var chunkFZAGJSW2_cjs = require('./chunk-FZAGJSW2.cjs');
+var chunkEY6PKK4X_cjs = require('./chunk-EY6PKK4X.cjs');
+var chunkQBAZ6TKZ_cjs = require('./chunk-QBAZ6TKZ.cjs');
+var chunkSAXISARG_cjs = require('./chunk-SAXISARG.cjs');
+var chunkLVIZRMYN_cjs = require('./chunk-LVIZRMYN.cjs');
+var chunkCH3BSVL4_cjs = require('./chunk-CH3BSVL4.cjs');
+var chunkMNCBTS63_cjs = require('./chunk-MNCBTS63.cjs');
+var chunk7AEOJFD4_cjs = require('./chunk-7AEOJFD4.cjs');
+var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkDAVMLI3P_cjs = require('./chunk-DAVMLI3P.cjs');
+var chunkU5W4ZALG_cjs = require('./chunk-U5W4ZALG.cjs');
+var chunkGTBXRWCK_cjs = require('./chunk-GTBXRWCK.cjs');
+var chunkLGFWHV23_cjs = require('./chunk-LGFWHV23.cjs');
+var chunk3ZEQVODC_cjs = require('./chunk-3ZEQVODC.cjs');
+var chunk5AKVDZMA_cjs = require('./chunk-5AKVDZMA.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DialInputWrapper = ({
   label,
   labelPosition = "top",
+  icon,
   children
 }) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkLI5W744D_cjs.Label, { size: "sm", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+      label
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
   ] });
 };
@@ -43,29 +48,38 @@ var DialVec3Input = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  min,
+  max,
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
+  const minArray = min !== void 0 ? [min, min, min] : void 0;
+  const maxArray = max !== void 0 ? [max, max, max] : void 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQ5PJKBX7_cjs.Vec3Input,
+      chunkHB65PF7F_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
         size,
         step,
+        min: minArray,
+        max: maxArray,
         prefix: label ? [label, "", ""] : void 0
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQ5PJKBX7_cjs.Vec3Input,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkHB65PF7F_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
         size,
-        step
+        step,
+        min: minArray,
+        max: maxArray
       }
     ) });
   }
@@ -75,13 +89,14 @@ var DialEulerInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2MSGENAQ_cjs.EulerInput,
+      chunkCKGEV2JL_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -91,8 +106,8 @@ var DialEulerInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2MSGENAQ_cjs.EulerInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkCKGEV2JL_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -107,13 +122,14 @@ var DialEulerDegInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7NUXYKXU_cjs.EulerDegInput,
+      chunkNKGUQZTD_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -123,8 +139,8 @@ var DialEulerDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7NUXYKXU_cjs.EulerDegInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkNKGUQZTD_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -139,13 +155,14 @@ var DialQuaternionInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? [1, 0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5VUM46YD_cjs.QuaternionInput,
+      chunkSAXISARG_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -155,8 +172,8 @@ var DialQuaternionInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk5VUM46YD_cjs.QuaternionInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkSAXISARG_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -172,13 +189,14 @@ var DialVectorInput = ({
   size = "sm",
   step,
   dimensions = 3,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? new Array(dimensions).fill(0);
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSU57ZAZJ_cjs.VectorInput,
+      chunkLVIZRMYN_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -188,8 +206,8 @@ var DialVectorInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSU57ZAZJ_cjs.VectorInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkLVIZRMYN_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -204,23 +222,38 @@ var DialIntInput = ({
   label,
   size = "sm",
   step = 1,
-  labelPosition
+  min,
+  max,
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk6D66V6ON_cjs.IntInput,
+      chunkQBAZ6TKZ_cjs.IntInput,
       {
         value,
         prefix: label ? [label] : void 0,
         onChange: (val) => setValue(name, val),
         size,
-        step
+        step,
+        min,
+        max
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6D66V6ON_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkQBAZ6TKZ_cjs.IntInput,
+      {
+        value,
+        onChange: (val) => setValue(name, val),
+        size,
+        step,
+        min,
+        max
+      }
+    ) });
   }
 };
 var DialDegInput = ({
@@ -228,13 +261,14 @@ var DialDegInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkS5XJOGB4_cjs.DegInput,
+      chunkWDSOII5A_cjs.DegInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -244,7 +278,7 @@ var DialDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5XJOGB4_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWDSOII5A_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -252,13 +286,14 @@ var DialRadInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk4GVFCQGI_cjs.RadInput,
+      chunk7AEOJFD4_cjs.RadInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -268,7 +303,7 @@ var DialRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4GVFCQGI_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk7AEOJFD4_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -276,13 +311,14 @@ var DialCmInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkM45UXJWX_cjs.CmInput,
+      chunkCH3BSVL4_cjs.CmInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -292,7 +328,7 @@ var DialCmInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkM45UXJWX_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCH3BSVL4_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -300,13 +336,14 @@ var DialInchInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkTYZHIBYI_cjs.InchInput,
+      chunkEY6PKK4X_cjs.InchInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -316,7 +353,7 @@ var DialInchInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkTYZHIBYI_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEY6PKK4X_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -324,13 +361,14 @@ var DialTimeInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkL2YLNWCQ_cjs.TimeInput,
+      chunkIU65XB2K_cjs.TimeInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -340,7 +378,7 @@ var DialTimeInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkL2YLNWCQ_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIU65XB2K_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -348,13 +386,14 @@ var DialTextInput = ({
   label,
   size = "sm",
   labelPosition,
-  placeholder
+  placeholder,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? "";
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZGS3VGGN_cjs.TextInput,
+      chunkDAVMLI3P_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -364,8 +403,8 @@ var DialTextInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkZGS3VGGN_cjs.TextInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkDAVMLI3P_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -380,13 +419,14 @@ var DialEulerRadInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNIEFMP5V_cjs.EulerRadInput,
+      chunkFZAGJSW2_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -397,8 +437,8 @@ var DialEulerRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNIEFMP5V_cjs.EulerRadInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkFZAGJSW2_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -414,9 +454,10 @@ var DialNumberRadInput = ({
   label,
   size = "sm",
   step,
-  labelPosition
+  labelPosition,
+  icon
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   const degValue = value * 180 / Math.PI;
   const handleChange = (deg) => {
@@ -425,7 +466,7 @@ var DialNumberRadInput = ({
   };
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkS5XJOGB4_cjs.DegInput,
+      chunkWDSOII5A_cjs.DegInput,
       {
         value: degValue,
         onChange: handleChange,
@@ -435,21 +476,34 @@ var DialNumberRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkS5XJOGB4_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWDSOII5A_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
   }
 };
 var DialVectorInput2 = ({
   name,
   label,
   size = "sm",
-  labelPosition = "top"
+  labelPosition = "top",
+  icon
 }) => {
-  const { getValue, setValue, schemas } = chunkZXIKMZPH_cjs.useDialSchema();
-  const handleValuesChange = react.useCallback(
-    (newValues) => {
+  const { getValue, setValue, schemas } = chunkSL5Q54AH_cjs.useDialSchema();
+  const handleValueChange = react.useCallback(
+    (index, newValue, currentValues) => {
+      const newValues = [...currentValues];
+      newValues[index] = newValue;
       setValue(name, newValues);
     },
-    [name]
+    [name, setValue]
+  );
+  const handleNumberValuesChange = react.useCallback(
+    (newNumberValues, currentValues, numberIndices) => {
+      const newValues = [...currentValues];
+      numberIndices.forEach((originalIndex, i) => {
+        newValues[originalIndex] = newNumberValues[i];
+      });
+      setValue(name, newValues);
+    },
+    [name, setValue]
   );
   const schema = schemas.find((s) => s.name === name);
   if (!schema) {
@@ -460,7 +514,11 @@ var DialVectorInput2 = ({
   const placeholders = schema.placeholders || [];
   const dtypes = schema.dtypes || [];
   const steps = schema.steps || [];
+  const mins = schema.mins || [];
+  const maxs = schema.maxs || [];
   const tags = schema.tags || {};
+  const vectorValue = Array.isArray(value) ? value.concat(Array(Math.max(0, dimensions - value.length)).fill(0)) : Array(dimensions).fill(0);
+  const hasMixedTypes = dtypes.some((dtype) => dtype === "boolean");
   let gridAutoFlow;
   let gridColumns;
   let gridRows;
@@ -477,7 +535,87 @@ var DialVectorInput2 = ({
     gridColumns = void 0;
     gridRows = void 0;
   }
-  const vectorValue = Array.isArray(value) ? value.concat(Array(Math.max(0, dimensions - value.length)).fill(0)) : Array(dimensions).fill(0);
+  if (hasMixedTypes) {
+    const numberIndices = [];
+    const booleanIndices = [];
+    const numberValues = [];
+    const numberSteps = [];
+    const numberMins = [];
+    const numberMaxs = [];
+    const numberLabels = [];
+    dtypes.forEach((dtype, i) => {
+      if (dtype === "boolean") {
+        booleanIndices.push(i);
+      } else {
+        numberIndices.push(i);
+        numberValues.push(vectorValue[i] || 0);
+        const step = steps[i] !== void 0 ? steps[i] : dtype === "number-int" ? 1 : 1e-3;
+        numberSteps.push(step);
+        if (mins[i] !== void 0) {
+          numberMins.push(mins[i]);
+        }
+        if (maxs[i] !== void 0) {
+          numberMaxs.push(maxs[i]);
+        }
+        if (placeholders[i]) {
+          numberLabels.push(/* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: placeholders[i] }));
+        } else {
+          numberLabels.push(void 0);
+        }
+      }
+    });
+    const mixedInputComponent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+      numberIndices.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
+        chunkLVIZRMYN_cjs.VectorInput,
+        {
+          value: numberValues,
+          onValuesChange: (newValues) => handleNumberValuesChange(newValues, vectorValue, numberIndices),
+          size,
+          step: numberSteps,
+          min: numberMins.length > 0 ? numberMins : void 0,
+          max: numberMaxs.length > 0 ? numberMaxs : void 0,
+          labels: numberLabels,
+          gridAutoFlow,
+          columns: gridColumns,
+          rows: gridRows
+        }
+      ) }),
+      booleanIndices.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "gap-xs flex flex-wrap", children: booleanIndices.map((originalIndex) => {
+        const placeholder = placeholders[originalIndex];
+        const currentValue = vectorValue[originalIndex];
+        return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+          placeholder && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-primary text-uk-sm", children: placeholder }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkGTBXRWCK_cjs.Switch,
+            {
+              checked: Boolean(currentValue),
+              onCheckedChange: (checked) => handleValueChange(originalIndex, checked, vectorValue)
+            }
+          )
+        ] }, originalIndex);
+      }) })
+    ] });
+    if (!label) {
+      return mixedInputComponent;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+        label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-start gap-2", children: [
+        schema.helpText && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "text-text-secondary mt-1 cursor-help text-xs",
+            title: schema.helpText,
+            children: "\u24D8"
+          }
+        ),
+        mixedInputComponent
+      ] })
+    ] });
+  }
   const inputSteps = Array.from({ length: dimensions }, (_, i) => {
     if (steps[i] !== void 0) {
       return steps[i];
@@ -487,12 +625,14 @@ var DialVectorInput2 = ({
   });
   const labels = placeholders.length > 0 ? placeholders.map((p) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: p })) : void 0;
   const inputComponent = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSU57ZAZJ_cjs.VectorInput,
+    chunkLVIZRMYN_cjs.VectorInput,
     {
       value: vectorValue,
-      onValuesChange: handleValuesChange,
+      onValuesChange: (newValues) => setValue(name, newValues),
       size,
       step: inputSteps,
+      min: mins.length > 0 ? mins : void 0,
+      max: maxs.length > 0 ? maxs : void 0,
       labels,
       gridAutoFlow,
       columns: gridColumns,
@@ -502,8 +642,11 @@ var DialVectorInput2 = ({
   if (!label) {
     return inputComponent;
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkLI5W744D_cjs.Label, { size: "sm", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+      label
+    ] }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
       schema.helpText && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -551,7 +694,7 @@ var DialPanel = ({
     }
   });
   const renderSchemaInput = (schema) => {
-    const { name, dtype, min, max, step, options, tags } = schema;
+    const { name, dtype, icon, min, max, step, options, tags } = schema;
     const effectiveLabelPosition = tags?.labelPosition || labelLayout;
     const label = schema.label || name.charAt(0).toUpperCase() + name.slice(1);
     switch (dtype) {
@@ -561,8 +704,11 @@ var DialPanel = ({
           {
             name,
             label,
+            min,
+            max,
             step,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -573,7 +719,8 @@ var DialPanel = ({
             name,
             label,
             step,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -584,21 +731,23 @@ var DialPanel = ({
             name,
             label,
             step,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
       case "vector":
       case "vector-6":
       case "number-group":
-        return /* @__PURE__ */ jsxRuntime.jsx(DialVectorInput2, { name, label }, name);
+        return /* @__PURE__ */ jsxRuntime.jsx(DialVectorInput2, { name, label, icon }, name);
       case "boolean":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialBooleanInput,
           {
             name,
             label,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -611,7 +760,8 @@ var DialPanel = ({
             min,
             max,
             step,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -620,9 +770,12 @@ var DialPanel = ({
           DialIntInput,
           {
             name,
+            min,
+            max,
             label,
             step: step || 1,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -633,7 +786,8 @@ var DialPanel = ({
             name,
             label,
             step,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -647,19 +801,21 @@ var DialPanel = ({
               min,
               max,
               step,
-              labelPosition: effectiveLabelPosition
+              labelPosition: effectiveLabelPosition,
+              icon
             },
             name
           );
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkO5S6UXNN_cjs.DialPresetsInput,
+            chunkUMGNAR3W_cjs.DialPresetsInput,
             {
               name,
               label,
               options,
-              labelPosition: effectiveLabelPosition
+              labelPosition: effectiveLabelPosition,
+              icon
             },
             name
           );
@@ -672,12 +828,13 @@ var DialPanel = ({
             min,
             max,
             step,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
       case "color":
-        return /* @__PURE__ */ jsxRuntime.jsx(DialColorInput, { name, label }, name);
+        return /* @__PURE__ */ jsxRuntime.jsx(DialColorInput, { name, label, icon }, name);
       case "string":
       case "text":
         if (options && options.length > 0) {
@@ -687,7 +844,8 @@ var DialPanel = ({
               name,
               label,
               options,
-              labelPosition: effectiveLabelPosition
+              labelPosition: effectiveLabelPosition,
+              icon
             },
             name
           );
@@ -698,7 +856,8 @@ var DialPanel = ({
             name,
             label,
             placeholder: `Enter ${label.toLowerCase()}`,
-            labelPosition: effectiveLabelPosition
+            labelPosition: effectiveLabelPosition,
+            icon
           },
           name
         );
@@ -710,21 +869,24 @@ var DialPanel = ({
     Object.entries(groupedSchemas).map(([name, schemaList]) => {
       const groupConfig = groupConfigMap[name];
       const hasNoWrap = groupConfig?.noWrap;
-      const wrapClass = hasNoWrap ? "" : "flex-wrap";
+      const layoutClass = hasNoWrap ? "flex flex-row gap-2" : "grid grid-cols-3 gap-2";
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-group", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-text-primary mb-2 font-medium", children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `dial-row flex flex-row ${wrapClass} gap-4`, children: schemaList.map(renderSchemaInput) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `dial-row ${layoutClass}`, children: schemaList.map(renderSchemaInput) })
       ] }, name);
     }),
-    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) }) })
+    ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row grid grid-cols-3 gap-2", children: ungrouped.map(renderSchemaInput) }) })
   ] });
 };
-var DialInputWrapper2 = ({ label, labelPosition = "top", children }) => {
+var DialInputWrapper2 = ({ label, labelPosition = "top", icon, children }) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkLI5W744D_cjs.Label, { size: "sm", children: label }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+      label
+    ] }),
     children
   ] });
 };
@@ -736,9 +898,10 @@ var DialNumberInput = ({
   label,
   labelPosition = "top",
   size = "sm",
+  icon,
   ...props
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? 0;
   const handleValuesChange = react.useCallback(
     (values) => {
@@ -759,18 +922,19 @@ var DialNumberInput = ({
     prefix: labelPosition === "inline" && label ? [label] : void 0
   };
   if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6IXKC64S_cjs.InputNumbers, { ...inputNumbersProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkASZIBFA6_cjs.InputNumbers, { ...inputNumbersProps });
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunk6IXKC64S_cjs.InputNumbers, { ...inputNumbersProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkASZIBFA6_cjs.InputNumbers, { ...inputNumbersProps }) });
   }
 };
 var DialBooleanInput = ({
   name,
   label,
   labelPosition,
+  icon,
   ...props
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? false;
   const handleChange = react.useCallback((checked) => setValue(name, checked), [name]);
   const switchProps = {
@@ -778,28 +942,29 @@ var DialBooleanInput = ({
     onCheckedChange: handleChange
   };
   if (!label || labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkGTBXRWCK_cjs.Switch, { ...switchProps });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkGTBXRWCK_cjs.Switch, { ...switchProps }) });
 };
-var DialColorInput = ({ name, label, ...props }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+var DialColorInput = ({ name, label, icon, ...props }) => {
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? "";
   const handleChange = react.useCallback(
     (e) => setValue(name, e.target.value),
     [name]
   );
-  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkHS4MWXGK_cjs.ColorInput, { value, onChange: handleChange, prefix: label });
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, ...props, children: inputComp });
+  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkMNCBTS63_cjs.ColorInput, { value, onChange: handleChange, prefix: label });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: inputComp });
 };
 var DialSelectInput = ({
   name,
   options = [],
   label,
   size = "sm",
+  icon,
   ...props
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name);
   const handleValueChange = react.useCallback(
     (val) => {
@@ -808,11 +973,11 @@ var DialSelectInput = ({
     },
     [name]
   );
-  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)) })
+  const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(chunk5AKVDZMA_cjs.Select, { value: String(value), onValueChange: handleValueChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5AKVDZMA_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5AKVDZMA_cjs.SelectValue, { placeholder: "Select an option" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5AKVDZMA_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunk5AKVDZMA_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
   ] });
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, ...props, children: selectComponent });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: selectComponent });
 };
 var DialSliderInput = ({
   name,
@@ -820,9 +985,10 @@ var DialSliderInput = ({
   max = 100,
   step = 1,
   label,
+  icon,
   ...props
 }) => {
-  const { getValue, setValue } = chunkZXIKMZPH_cjs.useDialSchema();
+  const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? min;
   const handleValueChange = react.useCallback(([val]) => setValue(name, val), [name]);
   const sliderProps = {
@@ -833,8 +999,8 @@ var DialSliderInput = ({
     step,
     className: "flex-1"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(DialInputWrapper2, { label, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEKPJUR3U_cjs.Slider, { ...sliderProps }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(DialInputWrapper2, { label, icon, ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkU5W4ZALG_cjs.Slider, { ...sliderProps }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-secondary w-12 text-right text-sm", children: value })
   ] });
 };