@vuer-ai/vuer-uikit 0.0.101 → 0.0.103

package/dist/{chunk-M5UZ3SBY.cjs → chunk-I2BVWNRP.cjs}

@@ -1,23 +1,26 @@
 'use strict';
 
-var chunkHKJCPZZG_cjs = require('./chunk-HKJCPZZG.cjs');
-var chunkCWAVHHJA_cjs = require('./chunk-CWAVHHJA.cjs');
-var chunkDVKONMS7_cjs = require('./chunk-DVKONMS7.cjs');
-var chunkGDUVAZDW_cjs = require('./chunk-GDUVAZDW.cjs');
-var chunk7RIGSS5X_cjs = require('./chunk-7RIGSS5X.cjs');
-var chunk7YMH34JL_cjs = require('./chunk-7YMH34JL.cjs');
-var chunkOTR4SFDC_cjs = require('./chunk-OTR4SFDC.cjs');
-var chunkMUQYO2G3_cjs = require('./chunk-MUQYO2G3.cjs');
-var chunkBMJX3SEO_cjs = require('./chunk-BMJX3SEO.cjs');
-var chunkFFCQKAQA_cjs = require('./chunk-FFCQKAQA.cjs');
-var chunkYUHHUSIO_cjs = require('./chunk-YUHHUSIO.cjs');
-var chunkLPA6WYFD_cjs = require('./chunk-LPA6WYFD.cjs');
-var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
+var chunkHN3AMWUM_cjs = require('./chunk-HN3AMWUM.cjs');
+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 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 chunkZRRCYQ53_cjs = require('./chunk-ZRRCYQ53.cjs');
+var chunk7GJVMFKJ_cjs = require('./chunk-7GJVMFKJ.cjs');
+var chunk5XBMFADS_cjs = require('./chunk-5XBMFADS.cjs');
+var chunk2WD4ZL27_cjs = require('./chunk-2WD4ZL27.cjs');
 var chunkEKPJUR3U_cjs = require('./chunk-EKPJUR3U.cjs');
+var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
 var chunkM4IHJGJE_cjs = require('./chunk-M4IHJGJE.cjs');
 var chunkUASPJ57U_cjs = require('./chunk-UASPJ57U.cjs');
-var chunkYMSWUGHW_cjs = require('./chunk-YMSWUGHW.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
+var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
+var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
 var chunkRMK6W774_cjs = require('./chunk-RMK6W774.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -41,7 +44,7 @@ var DialVec3Input = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7RIGSS5X_cjs.Vec3Input,
+      chunkHN3AMWUM_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -52,7 +55,7 @@ var DialVec3Input = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7RIGSS5X_cjs.Vec3Input,
+      chunkHN3AMWUM_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -73,7 +76,7 @@ var DialEulerInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBMJX3SEO_cjs.EulerInput,
+      chunk2EG65KGO_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -84,7 +87,7 @@ var DialEulerInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkBMJX3SEO_cjs.EulerInput,
+      chunk2EG65KGO_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -105,7 +108,7 @@ var DialEulerDegInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMUQYO2G3_cjs.EulerDegInput,
+      chunkD5WOPTKY_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -116,7 +119,7 @@ var DialEulerDegInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkMUQYO2G3_cjs.EulerDegInput,
+      chunkD5WOPTKY_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -137,7 +140,7 @@ var DialQuaternionInput = ({
   const value = getValue(name) ?? [1, 0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCWAVHHJA_cjs.QuaternionInput,
+      chunkEAXBNWXE_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -148,7 +151,7 @@ var DialQuaternionInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCWAVHHJA_cjs.QuaternionInput,
+      chunkEAXBNWXE_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -170,7 +173,7 @@ var DialVectorInput = ({
   const value = getValue(name) ?? new Array(dimensions).fill(0);
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFFCQKAQA_cjs.VectorInput,
+      chunkJFIAWTRH_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -181,7 +184,7 @@ var DialVectorInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFFCQKAQA_cjs.VectorInput,
+      chunkJFIAWTRH_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -202,7 +205,7 @@ var DialIntInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHKJCPZZG_cjs.IntInput,
+      chunk64L2SNKA_cjs.IntInput,
       {
         value,
         prefix: label ? [label] : void 0,
@@ -212,7 +215,7 @@ var DialIntInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkHKJCPZZG_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk64L2SNKA_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialDegInput = ({
@@ -226,7 +229,7 @@ var DialDegInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkOTR4SFDC_cjs.DegInput,
+      chunkA2UZY7Y2_cjs.DegInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -236,7 +239,7 @@ var DialDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkOTR4SFDC_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -250,7 +253,7 @@ var DialRadInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDVKONMS7_cjs.RadInput,
+      chunk5XBMFADS_cjs.RadInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -260,7 +263,7 @@ var DialRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDVKONMS7_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5XBMFADS_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -274,7 +277,7 @@ var DialCmInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7YMH34JL_cjs.CmInput,
+      chunkAOV3ADTV_cjs.CmInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -284,7 +287,7 @@ var DialCmInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk7YMH34JL_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAOV3ADTV_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -298,7 +301,7 @@ var DialInchInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkYUHHUSIO_cjs.InchInput,
+      chunkPTCDBU72_cjs.InchInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -308,7 +311,7 @@ var DialInchInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYUHHUSIO_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPTCDBU72_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -322,7 +325,7 @@ var DialTimeInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkGDUVAZDW_cjs.TimeInput,
+      chunkNSUFTZNC_cjs.TimeInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -332,7 +335,7 @@ var DialTimeInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkGDUVAZDW_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkNSUFTZNC_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -346,7 +349,7 @@ var DialTextInput = ({
   const value = getValue(name) ?? "";
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLPA6WYFD_cjs.TextInput,
+      chunk2WD4ZL27_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -357,7 +360,7 @@ var DialTextInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLPA6WYFD_cjs.TextInput,
+      chunk2WD4ZL27_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -367,6 +370,120 @@ var DialTextInput = ({
     ) });
   }
 };
+var DialEulerRadInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  labelPosition
+}) => {
+  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const value = getValue(name) ?? [0, 0, 0];
+  if (labelPosition === "inline") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkAJQEHMYV_cjs.EulerRadInput,
+      {
+        value,
+        onValuesChange: (val) => setValue(name, val),
+        size,
+        step,
+        display: "deg",
+        prefix: label ? [label, "", ""] : void 0
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkAJQEHMYV_cjs.EulerRadInput,
+      {
+        value,
+        onValuesChange: (val) => setValue(name, val),
+        size,
+        step,
+        display: "deg"
+      }
+    ) });
+  }
+};
+var DialNumberRadInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  labelPosition
+}) => {
+  const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  const degValue = value * 180 / Math.PI;
+  const handleChange = (deg) => {
+    const rad = deg * Math.PI / 180;
+    setValue(name, rad);
+  };
+  if (labelPosition === "inline") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkA2UZY7Y2_cjs.DegInput,
+      {
+        value: degValue,
+        onChange: handleChange,
+        size,
+        step,
+        prefix: label ? [label] : void 0
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { 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(chunkM4IHJGJE_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(chunkM4IHJGJE_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
+      }
+    ) });
+  }
+};
 var DialVectorInput2 = ({
   name,
   label,
@@ -413,7 +530,7 @@ var DialVectorInput2 = ({
     setValue(name, newValues);
   };
   const inputComponent = /* @__PURE__ */ jsxRuntime.jsx(
-    chunkFFCQKAQA_cjs.VectorInput,
+    chunkJFIAWTRH_cjs.VectorInput,
     {
       value: vectorValue,
       onValuesChange: handleValuesChange,
@@ -475,7 +592,7 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
   const renderSchemaInput = (schema) => {
     const { name, dtype, min, max, step, options, tags } = schema;
     const labelPosition = tags?.labelPosition;
-    const label = name.charAt(0).toUpperCase() + name.slice(1);
+    const label = schema.label || name.charAt(0).toUpperCase() + name.slice(1);
     switch (dtype) {
       case "vector3":
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -499,12 +616,36 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
           },
           name
         );
+      case "euler-rad":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialEulerRadInput,
+          {
+            name,
+            label,
+            step,
+            labelPosition
+          },
+          name
+        );
       case "vector":
       case "vector-6":
       case "number-group":
         return /* @__PURE__ */ jsxRuntime.jsx(DialVectorInput2, { name, label }, name);
       case "boolean":
         return /* @__PURE__ */ jsxRuntime.jsx(DialBooleanInput, { name, label, labelPosition }, name);
+      case "number-slider":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialSliderInput,
+          {
+            name,
+            label,
+            min,
+            max,
+            step,
+            labelPosition
+          },
+          name
+        );
       case "number-int":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialIntInput,
@@ -516,10 +657,21 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
           },
           name
         );
+      case "number-rad":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialNumberRadInput,
+          {
+            name,
+            label,
+            step,
+            labelPosition
+          },
+          name
+        );
       case "number":
         if (min !== void 0 && max !== void 0 && !options) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            DialSliderInput,
+            DialNumberInput,
             {
               name,
               label,
@@ -533,7 +685,7 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            DialSelectInput,
+            DialPresetsInput,
             {
               name,
               label,
@@ -555,6 +707,8 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
           },
           name
         );
+      case "color":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialColorInput, { name, label }, name);
       case "string":
       case "text":
         if (options && options.length > 0) {
@@ -596,7 +750,7 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
     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 DialInputWrapper2 = ({ label, children }) => {
+var DialInputWrapper3 = ({ label, children }) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
@@ -626,9 +780,9 @@ var DialNumberInput = ({
     size
   };
   if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputRoot, { ...inputProps, children: label ? /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputSlot, { side: "left", children: label }) : null });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputRoot, { ...inputProps, children: label ? /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "left", children: label }) : null });
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputRoot, { ...inputProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputRoot, { ...inputProps }) });
   }
 };
 var DialBooleanInput = ({ name, label, labelPosition }) => {
@@ -646,6 +800,15 @@ var DialBooleanInput = ({ name, label, labelPosition }) => {
     /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps })
   ] });
 };
+var DialColorInput = ({ name, label }) => {
+  const { getValue, setValue } = chunkRMK6W774_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 });
+};
 var DialSelectInput = ({
   name,
   options = [],
@@ -656,7 +819,7 @@ var DialSelectInput = ({
   const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
   const value = getValue(name);
   const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkYMSWUGHW_cjs.Select,
+    chunk4PKPCOAF_cjs.Select,
     {
       value: String(value),
       onValueChange: (val) => {
@@ -664,15 +827,15 @@ var DialSelectInput = ({
         setValue(name, parsed);
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectValue, { placeholder: "Select an option" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
+        /* @__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)) })
       ]
     }
   );
   if (!label) {
     return selectComponent;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, children: selectComponent });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: selectComponent });
 };
 var DialSliderInput = ({
   name,
@@ -700,18 +863,22 @@ var DialSliderInput = ({
   if (!label) {
     return sliderComponent;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, children: sliderComponent });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper3, { label, children: sliderComponent });
 };
 
 exports.DialBooleanInput = DialBooleanInput;
 exports.DialCmInput = DialCmInput;
+exports.DialColorInput = DialColorInput;
 exports.DialDegInput = DialDegInput;
 exports.DialEulerDegInput = DialEulerDegInput;
 exports.DialEulerInput = DialEulerInput;
+exports.DialEulerRadInput = DialEulerRadInput;
 exports.DialInchInput = DialInchInput;
 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-IXNXSECD.mjs

@@ -0,0 +1,45 @@
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
+import { forwardRef, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var EulerRadInput = forwardRef(
+  function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
+    const displayValues = useMemo(() => {
+      if (display === "deg") {
+        return value.map((v) => v * 180 / Math.PI);
+      } else if (display === "pi") {
+        return value.map((v) => v / Math.PI);
+      }
+      return value;
+    }, [value, display]);
+    const handleChange = (displayVals) => {
+      let radValues;
+      if (display === "deg") {
+        radValues = displayVals.map((v) => v * Math.PI / 180);
+      } else if (display === "pi") {
+        radValues = displayVals.map((v) => v * Math.PI);
+      } else {
+        radValues = displayVals;
+      }
+      onValuesChange?.(radValues);
+    };
+    const unitSymbol = useMemo(() => {
+      if (display === "deg") return "\xB0";
+      if (display === "pi") return "\u03C0";
+      return "rad";
+    }, [display]);
+    const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
+    return /* @__PURE__ */ jsx(
+      VectorInput,
+      {
+        ref,
+        value: displayValues,
+        onValuesChange: handleChange,
+        labels,
+        ...props
+      }
+    );
+  }
+);
+
+export { EulerRadInput };

package/dist/chunk-IY36FZ5R.mjs

@@ -0,0 +1,40 @@
+import { InputNumbers } from './chunk-7HOEFGEO.mjs';
+import { forwardRef, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var RadInput = forwardRef(function RadInput2({ value = 0, onChange, display = "rad", ...props }, ref) {
+  const displayValue = useMemo(() => {
+    if (display === "deg") {
+      return value * 180 / Math.PI;
+    } else if (display === "pi") {
+      return value / Math.PI;
+    }
+    return value;
+  }, [value, display]);
+  const handleChange = (displayVal) => {
+    let radValue = displayVal;
+    if (display === "deg") {
+      radValue = displayVal * Math.PI / 180;
+    } else if (display === "pi") {
+      radValue = displayVal * Math.PI;
+    }
+    onChange?.(radValue);
+  };
+  const suffix = useMemo(() => {
+    if (display === "deg") return "\xB0";
+    if (display === "pi") return "\u03C0";
+    return "rad";
+  }, [display]);
+  return /* @__PURE__ */ jsx(
+    InputNumbers,
+    {
+      ref,
+      value: [displayValue],
+      onValuesChange: (values) => handleChange(values[0]),
+      suffix: [suffix],
+      ...props
+    }
+  );
+});
+
+export { RadInput };

package/dist/{chunk-FFCQKAQA.cjs → chunk-JFIAWTRH.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkDREOOKO2_cjs = require('./chunk-DREOOKO2.cjs');
+var chunkGOGJVFRN_cjs = require('./chunk-GOGJVFRN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var VectorInput = react.forwardRef(function VectorInput2({ labels, prefix, gridAutoFlow, columns, rows, layout, columnMajor, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDREOOKO2_cjs.InputNumbers,
+    chunkGOGJVFRN_cjs.InputNumbers,
     {
       ref,
       prefix: labels || prefix,

package/dist/{chunk-AEVZSYGJ.cjs → chunk-JFJRNNPQ.cjs}

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkFFCQKAQA_cjs = require('./chunk-FFCQKAQA.cjs');
+var chunkJFIAWTRH_cjs = require('./chunk-JFIAWTRH.cjs');
 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(chunkFFCQKAQA_cjs.VectorInput, { ref, value, labels, ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkJFIAWTRH_cjs.VectorInput, { ref, value, labels, ...props });
 });
 
 exports.KVectorInput = KVectorInput;