@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/{chunk-TB5L3GBP.cjs → chunk-BXJTOIRR.cjs}

@@ -1,29 +1,34 @@
 'use strict';
 
-var chunkUMGNAR3W_cjs = require('./chunk-UMGNAR3W.cjs');
+var chunkW22SQYEO_cjs = require('./chunk-W22SQYEO.cjs');
+var chunkSOHGIAGF_cjs = require('./chunk-SOHGIAGF.cjs');
+var chunkIAWMCOHS_cjs = require('./chunk-IAWMCOHS.cjs');
+var chunkI2COLDHC_cjs = require('./chunk-I2COLDHC.cjs');
+var chunkPZZW3E5D_cjs = require('./chunk-PZZW3E5D.cjs');
+var chunkCMO3SLOU_cjs = require('./chunk-CMO3SLOU.cjs');
+var chunkAFALU3AK_cjs = require('./chunk-AFALU3AK.cjs');
+var chunkWGY33IHV_cjs = require('./chunk-WGY33IHV.cjs');
+var chunkP7J7XHDE_cjs = require('./chunk-P7J7XHDE.cjs');
+var chunkRHVKIZMQ_cjs = require('./chunk-RHVKIZMQ.cjs');
+var chunkJDEZ6NNG_cjs = require('./chunk-JDEZ6NNG.cjs');
+var chunk2KBNQ5PY_cjs = require('./chunk-2KBNQ5PY.cjs');
+var chunkSNUQOJLK_cjs = require('./chunk-SNUQOJLK.cjs');
+var chunkJEWTYDLX_cjs = require('./chunk-JEWTYDLX.cjs');
+var chunkWX3VWVWD_cjs = require('./chunk-WX3VWVWD.cjs');
+var chunkUZTOUPJ7_cjs = require('./chunk-UZTOUPJ7.cjs');
+var chunkT2OAWYOU_cjs = require('./chunk-T2OAWYOU.cjs');
+var chunkQTLUPDLH_cjs = require('./chunk-QTLUPDLH.cjs');
+var chunkACGXE2IO_cjs = require('./chunk-ACGXE2IO.cjs');
+var chunkZAK7AFVY_cjs = require('./chunk-ZAK7AFVY.cjs');
+var chunk7MKCWXNV_cjs = require('./chunk-7MKCWXNV.cjs');
+var chunk4SI4QV5R_cjs = require('./chunk-4SI4QV5R.cjs');
+var chunkPMG3NZF5_cjs = require('./chunk-PMG3NZF5.cjs');
+var chunkHSUL5OUG_cjs = require('./chunk-HSUL5OUG.cjs');
+var chunkR22VW3EK_cjs = require('./chunk-R22VW3EK.cjs');
 var chunkSL5Q54AH_cjs = require('./chunk-SL5Q54AH.cjs');
 var chunkO66LWOQY_cjs = require('./chunk-O66LWOQY.cjs');
-var chunkQBAZ6TKZ_cjs = require('./chunk-QBAZ6TKZ.cjs');
-var chunkSAXISARG_cjs = require('./chunk-SAXISARG.cjs');
-var chunkIU65XB2K_cjs = require('./chunk-IU65XB2K.cjs');
-var chunkHB65PF7F_cjs = require('./chunk-HB65PF7F.cjs');
-var chunkCH3BSVL4_cjs = require('./chunk-CH3BSVL4.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 chunkLVIZRMYN_cjs = require('./chunk-LVIZRMYN.cjs');
-var chunkEY6PKK4X_cjs = require('./chunk-EY6PKK4X.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 lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DialInputWrapper = ({
@@ -35,8 +40,8 @@ var DialInputWrapper = ({
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, className: "overflow-x-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, className: "overflow-x-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -57,29 +62,93 @@ var DialVec3Input = ({
   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;
+  const isLockable = ["position", "rotation", "scale"].includes(name);
+  const disabledFields = getValue("disabledFields") ?? [];
+  const disabled = react.useMemo(() => {
+    if (!isLockable) return void 0;
+    return [
+      disabledFields.includes(`${name}.0`),
+      disabledFields.includes(`${name}.1`),
+      disabledFields.includes(`${name}.2`)
+    ];
+  }, [isLockable, name, disabledFields]);
+  const handleSuffixBatchAction = react.useCallback(
+    (indices) => {
+      if (indices.length === 0) return;
+      const firstIndex = indices[0];
+      const firstFieldName = `${name}.${firstIndex}`;
+      const shouldLock = !disabledFields.includes(firstFieldName);
+      const newDisabledFields = [...disabledFields];
+      indices.forEach((index) => {
+        const fieldName = `${name}.${index}`;
+        const fieldIndex = newDisabledFields.indexOf(fieldName);
+        if (shouldLock && fieldIndex === -1) {
+          newDisabledFields.push(fieldName);
+        } else if (!shouldLock && fieldIndex > -1) {
+          newDisabledFields.splice(fieldIndex, 1);
+        }
+      });
+      setValue("disabledFields", newDisabledFields);
+    },
+    [name, disabledFields, setValue]
+  );
+  const suffix = react.useMemo(() => {
+    if (!isLockable) return void 0;
+    return [0, 1, 2].map((index) => {
+      const isLocked = disabled?.[index] ?? false;
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        chunkR22VW3EK_cjs.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: true,
+          className: "hover:bg-shadow-secondary size-4 p-0",
+          title: isLocked ? `Unlock ${["X", "Y", "Z"][index]}` : `Lock ${["X", "Y", "Z"][index]}`,
+          children: isLocked ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LockKeyhole, { strokeWidth: 1.5, className: "text-icon-tertiary size-2.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LockOpen, { strokeWidth: 1.5, className: "text-icon-tertiary size-2.5" })
+        }
+      );
+    });
+  }, [isLockable, disabled]);
+  const handleValueChange = react.useCallback(
+    (newValue) => {
+      if (!isLockable || !disabled) {
+        setValue(name, newValue);
+        return;
+      }
+      const filteredValue = newValue.map((v, i) => disabled[i] ? value[i] : v);
+      setValue(name, filteredValue);
+    },
+    [name, setValue, value, isLockable, disabled]
+  );
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHB65PF7F_cjs.Vec3Input,
+      chunkSOHGIAGF_cjs.Vec3Input,
       {
         value,
-        onValuesChange: (val) => setValue(name, val),
+        onValuesChange: handleValueChange,
         size,
         step,
         min: minArray,
         max: maxArray,
+        disabledItems: disabled,
+        suffix,
+        onSuffixBatchAction: isLockable ? handleSuffixBatchAction : void 0,
         prefix: label ? [label, "", ""] : void 0
       }
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHB65PF7F_cjs.Vec3Input,
+      chunkSOHGIAGF_cjs.Vec3Input,
       {
         value,
-        onValuesChange: (val) => setValue(name, val),
+        onValuesChange: handleValueChange,
         size,
         step,
         min: minArray,
-        max: maxArray
+        max: maxArray,
+        disabledItems: disabled,
+        suffix,
+        onSuffixBatchAction: isLockable ? handleSuffixBatchAction : void 0
       }
     ) });
   }
@@ -96,7 +165,7 @@ var DialEulerInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCKGEV2JL_cjs.EulerInput,
+      chunkJDEZ6NNG_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -107,7 +176,7 @@ var DialEulerInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCKGEV2JL_cjs.EulerInput,
+      chunkJDEZ6NNG_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -129,7 +198,7 @@ var DialEulerDegInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNKGUQZTD_cjs.EulerDegInput,
+      chunkRHVKIZMQ_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -140,7 +209,7 @@ var DialEulerDegInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNKGUQZTD_cjs.EulerDegInput,
+      chunkRHVKIZMQ_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -162,7 +231,7 @@ var DialQuaternionInput = ({
   const value = getValue(name) ?? [1, 0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSAXISARG_cjs.QuaternionInput,
+      chunkCMO3SLOU_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -173,7 +242,7 @@ var DialQuaternionInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSAXISARG_cjs.QuaternionInput,
+      chunkCMO3SLOU_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -196,7 +265,7 @@ var DialVectorInput = ({
   const value = getValue(name) ?? new Array(dimensions).fill(0);
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVIZRMYN_cjs.VectorInput,
+      chunk2KBNQ5PY_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -207,7 +276,7 @@ var DialVectorInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVIZRMYN_cjs.VectorInput,
+      chunk2KBNQ5PY_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -231,7 +300,7 @@ var DialIntInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQBAZ6TKZ_cjs.IntInput,
+      chunkPZZW3E5D_cjs.IntInput,
       {
         value,
         prefix: label ? [label] : void 0,
@@ -244,7 +313,7 @@ var DialIntInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQBAZ6TKZ_cjs.IntInput,
+      chunkPZZW3E5D_cjs.IntInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -268,7 +337,7 @@ var DialDegInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWDSOII5A_cjs.DegInput,
+      chunkP7J7XHDE_cjs.DegInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -278,7 +347,7 @@ var DialDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWDSOII5A_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkP7J7XHDE_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -293,7 +362,7 @@ var DialRadInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7AEOJFD4_cjs.RadInput,
+      chunkWX3VWVWD_cjs.RadInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -303,7 +372,7 @@ var DialRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunk7AEOJFD4_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWX3VWVWD_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -318,7 +387,7 @@ var DialCmInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCH3BSVL4_cjs.CmInput,
+      chunkWGY33IHV_cjs.CmInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -328,7 +397,7 @@ var DialCmInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkCH3BSVL4_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWGY33IHV_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -343,7 +412,7 @@ var DialInchInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEY6PKK4X_cjs.InchInput,
+      chunkI2COLDHC_cjs.InchInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -353,7 +422,7 @@ var DialInchInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkEY6PKK4X_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkI2COLDHC_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -368,7 +437,7 @@ var DialTimeInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkIU65XB2K_cjs.TimeInput,
+      chunkAFALU3AK_cjs.TimeInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -378,7 +447,7 @@ var DialTimeInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkIU65XB2K_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAFALU3AK_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -393,7 +462,7 @@ var DialTextInput = ({
   const value = getValue(name) ?? "";
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDAVMLI3P_cjs.TextInput,
+      chunkSNUQOJLK_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -403,8 +472,8 @@ var DialTextInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDAVMLI3P_cjs.TextInput,
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, labelPosition, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkSNUQOJLK_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -420,31 +489,33 @@ var DialEulerRadInput = ({
   size = "sm",
   step,
   labelPosition,
-  icon
+  icon,
+  format = "rad"
+  // Default to radians
 }) => {
   const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZAGJSW2_cjs.EulerRadInput,
+      chunkIAWMCOHS_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
         size,
         step,
-        display: "deg",
+        display: format,
         prefix: label ? [label, "", ""] : void 0
       }
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZAGJSW2_cjs.EulerRadInput,
+      chunkIAWMCOHS_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
         size,
         step,
-        display: "deg"
+        display: format
       }
     ) });
   }
@@ -455,28 +526,35 @@ var DialNumberRadInput = ({
   size = "sm",
   step,
   labelPosition,
-  icon
+  icon,
+  format = "rad"
+  // Default to radians
 }) => {
   const { getValue, setValue } = chunkSL5Q54AH_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(
-      chunkWDSOII5A_cjs.DegInput,
+      chunkWX3VWVWD_cjs.RadInput,
       {
-        value: degValue,
-        onChange: handleChange,
+        value,
+        onChange: (val) => setValue(name, val),
+        display: format,
         size,
         step,
         prefix: label ? [label] : void 0
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(chunkWDSOII5A_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+      chunkWX3VWVWD_cjs.RadInput,
+      {
+        value,
+        onChange: (val) => setValue(name, val),
+        display: format,
+        size,
+        step
+      }
+    ) });
   }
 };
 var DialVectorInput2 = ({
@@ -516,25 +594,17 @@ var DialVectorInput2 = ({
   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 defaults = Array.isArray(schema.value) ? schema.value : [];
+  const vectorValue = Array.isArray(value) ? value.concat(
+    Array.from(
+      { length: Math.max(0, dimensions - value.length) },
+      (_, i) => defaults[value.length + i] !== void 0 ? defaults[value.length + i] : 0
+    )
+  ) : Array.from({ length: dimensions }, (_, i) => defaults[i] !== void 0 ? defaults[i] : 0);
   const hasMixedTypes = dtypes.some((dtype) => dtype === "boolean");
-  let gridAutoFlow;
-  let gridColumns;
-  let gridRows;
-  if (typeof tags.col === "number") {
-    gridAutoFlow = "column";
-    gridRows = tags.col;
-    gridColumns = void 0;
-  } else if (typeof tags.row === "number") {
-    gridAutoFlow = "row";
-    gridColumns = tags.row;
-    gridRows = void 0;
-  } else {
-    gridAutoFlow = "row";
-    gridColumns = void 0;
-    gridRows = void 0;
-  }
+  const gridAutoFlow = schema.vectorFlow === "row" ? "row" : "column";
+  const gridColumns = typeof schema.vectorCols === "number" ? schema.vectorCols : void 0;
+  const gridRows = typeof schema.vectorRows === "number" ? schema.vectorRows : void 0;
   if (hasMixedTypes) {
     const numberIndices = [];
     const booleanIndices = [];
@@ -566,7 +636,7 @@ var DialVectorInput2 = ({
     });
     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,
+        chunk2KBNQ5PY_cjs.VectorInput,
         {
           value: numberValues,
           onValuesChange: (newValues) => handleNumberValuesChange(newValues, vectorValue, numberIndices),
@@ -586,7 +656,7 @@ var DialVectorInput2 = ({
         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,
+            chunkQTLUPDLH_cjs.Switch,
             {
               checked: Boolean(currentValue),
               onCheckedChange: (checked) => handleValueChange(originalIndex, checked, vectorValue)
@@ -598,8 +668,8 @@ var DialVectorInput2 = ({
     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: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_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
       ] }),
@@ -625,7 +695,7 @@ 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(
-    chunkLVIZRMYN_cjs.VectorInput,
+    chunk2KBNQ5PY_cjs.VectorInput,
     {
       value: vectorValue,
       onValuesChange: (newValues) => setValue(name, newValues),
@@ -642,8 +712,8 @@ var DialVectorInput2 = ({
   if (!label) {
     return inputComponent;
   }
-  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: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -660,6 +730,296 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
+var DialTupleInput = ({
+  name,
+  label,
+  labelPosition = "top",
+  icon
+}) => {
+  const { getValue, setValue, schemas } = chunkSL5Q54AH_cjs.useDialSchema();
+  const values = react.useMemo(() => getValue(name) || [], [getValue, name]);
+  const handleElementChange = react.useCallback(
+    (elementName, value) => {
+      const newValues = Array.isArray(values) ? [...values] : [];
+      const schema2 = schemas.find((s) => s.name === name);
+      if (!schema2 || !schema2.typeDefinition?.schemas) {
+        return;
+      }
+      const elementIndex = schema2.typeDefinition.schemas.findIndex((s) => s.name === elementName);
+      if (elementIndex >= 0) {
+        newValues[elementIndex] = value;
+        setValue(name, newValues);
+      }
+    },
+    [name, setValue, values, schemas]
+  );
+  const schema = schemas.find((s) => s.name === name);
+  if (!schema || !schema.typeDefinition?.schemas) {
+    return null;
+  }
+  const valuesObject = {};
+  schema.typeDefinition.schemas.forEach((elemSchema, index) => {
+    valuesObject[elemSchema.name] = Array.isArray(values) ? values[index] : void 0;
+  });
+  const tupleContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-surface-secondary flex flex-col gap-2 rounded-md border p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSL5Q54AH_cjs.DialProvider,
+    {
+      schemas: schema.typeDefinition.schemas,
+      values: valuesObject,
+      onValueChange: handleElementChange,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        DialPanel,
+        {
+          schemas: schema.typeDefinition.schemas,
+          groups: schema.typeDefinition.groups,
+          labelLayout: schema.labelPosition
+        }
+      )
+    }
+  ) });
+  if (!label) {
+    return tupleContent;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pl-1.5", children: [
+      schema.helpText && /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: "text-text-secondary cursor-help text-xs",
+          title: schema.helpText,
+          children: [
+            "\u24D8 ",
+            schema.helpText
+          ]
+        }
+      ),
+      tupleContent
+    ] })
+  ] });
+};
+var DialArrayInput = ({
+  name,
+  label,
+  labelPosition = "top",
+  icon
+}) => {
+  const { getValue, setValue, schemas } = chunkSL5Q54AH_cjs.useDialSchema();
+  const schema = schemas.find((s) => s.name === name);
+  const arrayValue = react.useMemo(
+    () => getValue(name) || [],
+    [getValue, name]
+  );
+  const elementType = schema?.arrayElementType || "string";
+  const handleAddItem = react.useCallback(() => {
+    const newValue = [...arrayValue];
+    switch (elementType) {
+      case "number":
+        newValue.push(0);
+        break;
+      case "boolean":
+        newValue.push(false);
+        break;
+      default:
+        newValue.push("");
+        break;
+    }
+    setValue(name, newValue);
+  }, [arrayValue, elementType, name, setValue]);
+  const handleRemoveItem = react.useCallback(
+    (index) => {
+      const newValue = arrayValue.filter((_, i) => i !== index);
+      setValue(name, newValue);
+    },
+    [arrayValue, name, setValue]
+  );
+  const handleItemChange = react.useCallback(
+    (index, value) => {
+      const newValue = [...arrayValue];
+      newValue[index] = value;
+      setValue(name, newValue);
+    },
+    [arrayValue, name, setValue]
+  );
+  if (!schema) {
+    return null;
+  }
+  const renderItemInput = (item, index) => {
+    const itemKey = `${name}-${index}`;
+    switch (elementType) {
+      case "boolean":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkQTLUPDLH_cjs.Switch,
+          {
+            checked: item,
+            onCheckedChange: (checked) => handleItemChange(index, checked)
+          },
+          itemKey
+        );
+      case "number":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkPMG3NZF5_cjs.InputRoot,
+          {
+            type: "number",
+            value: item,
+            onChange: (e) => handleItemChange(index, Number(e.target.value)),
+            className: "flex-1",
+            step: schema.step || 0.1,
+            min: schema.min,
+            max: schema.max
+          },
+          itemKey
+        );
+      default:
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunkPMG3NZF5_cjs.InputRoot,
+          {
+            type: "text",
+            value: item,
+            onChange: (e) => handleItemChange(index, e.target.value),
+            className: "flex-1",
+            placeholder: schema.placeholder
+          },
+          itemKey
+        );
+    }
+  };
+  const arrayContent = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2", children: [
+    arrayValue.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-text-secondary min-w-[20px] text-xs", children: [
+        index + 1,
+        "."
+      ] }),
+      renderItemInput(item, index),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        chunkR22VW3EK_cjs.Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          icon: true,
+          onClick: () => handleRemoveItem(index),
+          className: "h-8 w-8",
+          title: "Remove item",
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "h-4 w-4" })
+        }
+      )
+    ] }, `${name}-item-${index}`)),
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkR22VW3EK_cjs.Button, { variant: "secondary", size: "sm", onClick: handleAddItem, className: "self-start", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "mr-1 h-4 w-4" }),
+      "Add ",
+      elementType
+    ] }),
+    arrayValue.length === 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-text-secondary text-sm italic", children: [
+      'No items. Click "Add ',
+      elementType,
+      '" to start.'
+    ] })
+  ] });
+  if (!label) {
+    return arrayContent;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pl-1.5", children: [
+      schema.helpText && /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: "text-text-secondary cursor-help text-xs",
+          title: schema.helpText,
+          children: [
+            "\u24D8 ",
+            schema.helpText
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-surface-secondary rounded-md border p-2", children: arrayContent })
+    ] })
+  ] });
+};
+var DialInterfaceInput = ({
+  name,
+  label,
+  labelPosition = "top",
+  icon
+}) => {
+  const { getValue, setValue, schemas } = chunkSL5Q54AH_cjs.useDialSchema();
+  const values = getValue(name);
+  const handlePropertyChange = react.useCallback(
+    (propName, value) => {
+      const newValues = { ...values };
+      newValues[propName] = value;
+      setValue(name, newValues);
+    },
+    [name, setValue, values]
+  );
+  const schema = schemas.find((s) => s.name === name);
+  if (!schema || !schema.typeDefinition?.schemas) {
+    return null;
+  }
+  const interfaceContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-surface-secondary flex flex-col gap-2 rounded-md border p-2", children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSL5Q54AH_cjs.DialProvider,
+    {
+      schemas: schema.typeDefinition.schemas,
+      values,
+      onValueChange: handlePropertyChange,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        DialPanel,
+        {
+          schemas: schema.typeDefinition.schemas,
+          groups: schema.typeDefinition.groups,
+          labelLayout: schema.labelPosition
+        }
+      )
+    }
+  ) });
+  if (!label) {
+    return interfaceContent;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
+      label
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-2 pl-1.5", children: [
+      schema.helpText && /* @__PURE__ */ jsxRuntime.jsxs(
+        "span",
+        {
+          className: "text-text-secondary cursor-help text-xs",
+          title: schema.helpText,
+          children: [
+            "\u24D8 ",
+            schema.helpText
+          ]
+        }
+      ),
+      interfaceContent
+    ] })
+  ] });
+};
+var generateGroupStyle = (config) => {
+  const layout = config?.layout ?? "grid";
+  if (layout === "grid") {
+    return {
+      display: "grid",
+      gap: "0.5rem",
+      gridAutoFlow: config?.gridFlow,
+      gridTemplateColumns: config?.gridColTemplate ? config.gridColTemplate : config?.gridCols ? `repeat(${config.gridCols}, 1fr)` : "1fr",
+      gridTemplateRows: config?.gridRowTemplate ? config.gridRowTemplate : config?.gridRows ? `repeat(${config.gridRows}, 1fr)` : void 0
+    };
+  }
+  return {
+    display: "flex",
+    gap: "0.5rem",
+    flexWrap: config?.flexWrap ?? "wrap",
+    justifyContent: config?.flexJustifyContent
+  };
+};
 var DialPanel = ({
   schemas,
   groups: groupConfigs,
@@ -671,19 +1031,10 @@ var DialPanel = ({
       groupConfigMap[config.name] = config;
     });
   }
-  schemas.forEach((schema) => {
-    const grouping = schema.tags?.grouping;
-    if (grouping && !groupConfigMap[grouping]) {
-      groupConfigMap[grouping] = { name: grouping };
-    }
-    if (grouping && schema.tags?.noWrap && groupConfigMap[grouping]) {
-      groupConfigMap[grouping].noWrap = true;
-    }
-  });
   const groupedSchemas = {};
   const ungrouped = [];
   schemas.forEach((schema) => {
-    const grouping = schema.tags?.grouping;
+    const grouping = schema?.grouping;
     if (grouping) {
       if (!groupedSchemas[grouping]) {
         groupedSchemas[grouping] = [];
@@ -694,10 +1045,44 @@ var DialPanel = ({
     }
   });
   const renderSchemaInput = (schema) => {
-    const { name, dtype, icon, min, max, step, options, tags } = schema;
-    const effectiveLabelPosition = tags?.labelPosition || labelLayout;
+    const { name, dtype, icon, min, max, step, options } = schema;
+    const effectiveLabelPosition = schema?.labelPosition || labelLayout;
     const label = schema.label || name.charAt(0).toUpperCase() + name.slice(1);
     switch (dtype) {
+      case "tuple":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialTupleInput,
+          {
+            name,
+            label,
+            labelPosition: effectiveLabelPosition,
+            icon
+          },
+          name
+        );
+      case "array":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialArrayInput,
+          {
+            name,
+            label,
+            labelPosition: effectiveLabelPosition,
+            icon
+          },
+          name
+        );
+      case "interface":
+      case "object":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialInterfaceInput,
+          {
+            name,
+            label,
+            labelPosition: effectiveLabelPosition,
+            icon
+          },
+          name
+        );
       case "vector3":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialVec3Input,
@@ -713,6 +1098,19 @@ var DialPanel = ({
           name
         );
       case "euler":
+      case "euler-rad":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialEulerRadInput,
+          {
+            name,
+            label,
+            step: step || 1e-3,
+            labelPosition: effectiveLabelPosition,
+            icon
+          },
+          name
+        );
+      case "euler-deg":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialEulerDegInput,
           {
@@ -724,7 +1122,7 @@ var DialPanel = ({
           },
           name
         );
-      case "euler-rad":
+      case "euler-pi":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialEulerRadInput,
           {
@@ -732,7 +1130,8 @@ var DialPanel = ({
             label,
             step: step || 1e-3,
             labelPosition: effectiveLabelPosition,
-            icon
+            icon,
+            format: "pi"
           },
           name
         );
@@ -809,7 +1208,7 @@ var DialPanel = ({
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkUMGNAR3W_cjs.DialPresetsInput,
+            chunkW22SQYEO_cjs.DialPresetsInput,
             {
               name,
               label,
@@ -837,6 +1236,7 @@ var DialPanel = ({
         return /* @__PURE__ */ jsxRuntime.jsx(DialColorInput, { name, label, icon }, name);
       case "string":
       case "text":
+      case "select":
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
             DialSelectInput,
@@ -861,29 +1261,77 @@ var DialPanel = ({
           },
           name
         );
+      case "button":
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunk7MKCWXNV_cjs.DialButton,
+          {
+            name,
+            label,
+            icon,
+            onClick: schema.onClick,
+            variant: schema.variant,
+            disabled: schema.disabled
+          },
+          name
+        );
+      case "custom":
+        if (!schema.render && !schema.children) {
+          console.warn(
+            `DialPanel: dtype="custom" requires either render or children for "${name}"`
+          );
+          return null;
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          chunk4SI4QV5R_cjs.DialCustom,
+          {
+            schema,
+            render: schema.render,
+            children: schema.children
+          },
+          name
+        );
       default:
         return null;
     }
   };
+  const wrapWithStyle = (schema, component) => {
+    const spanStyle = {};
+    if (schema.colSpan) {
+      spanStyle.gridColumn = `span ${schema.colSpan}`;
+    }
+    if (schema.rowSpan) {
+      spanStyle.gridRow = `span ${schema.rowSpan}`;
+    }
+    if (Object.keys(spanStyle).length > 0) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { style: spanStyle, children: component }, schema.name);
+    }
+    return component;
+  };
+  const sortedGroups = Object.entries(groupedSchemas).sort(([nameA], [nameB]) => {
+    const lowerA = nameA.toLowerCase();
+    const lowerB = nameB.toLowerCase();
+    if (lowerA === "transform") return -1;
+    if (lowerB === "transform") return 1;
+    return lowerA.localeCompare(lowerB);
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-schema-renderer space-y-4", children: [
-    Object.entries(groupedSchemas).map(([name, schemaList]) => {
+    sortedGroups.map(([name, schemaList]) => {
       const groupConfig = groupConfigMap[name];
-      const hasNoWrap = groupConfig?.noWrap;
-      const layoutClass = hasNoWrap ? "flex flex-row flex-no-wrap gap-2" : "flex flex-row gap-2";
+      const groupStyle = generateGroupStyle(groupConfig);
       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 ${layoutClass}`, children: schemaList.map(renderSchemaInput) })
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-text-primary mb-2 pl-1.5 font-medium capitalize", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row", style: groupStyle, children: schemaList.map((schema) => wrapWithStyle(schema, renderSchemaInput(schema))) })
       ] }, name);
     }),
-    ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row grid grid-cols-1 gap-2", 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-1 gap-2", children: ungrouped.map((schema) => wrapWithStyle(schema, renderSchemaInput(schema))) }) })
   ] });
 };
 var DialInputWrapper2 = ({ label, labelPosition = "top", icon, children }) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk3ZEQVODC_cjs.FormLayout, { orientation: `label-${labelPosition}`, className: "overflow-x-hidden", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(chunkLGFWHV23_cjs.Label, { size: "sm", className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkZAK7AFVY_cjs.FormLayout, { orientation: `label-${labelPosition}`, className: "overflow-x-hidden", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(chunkACGXE2IO_cjs.Label, { size: "sm", className: "flex items-center gap-1 pl-1.5", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -922,9 +1370,9 @@ var DialNumberInput = ({
     prefix: labelPosition === "inline" && label ? [label] : void 0
   };
   if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkASZIBFA6_cjs.InputNumbers, { ...inputNumbersProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUZTOUPJ7_cjs.InputNumbers, { ...inputNumbersProps });
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkASZIBFA6_cjs.InputNumbers, { ...inputNumbersProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUZTOUPJ7_cjs.InputNumbers, { ...inputNumbersProps }) });
   }
 };
 var DialBooleanInput = ({
@@ -936,24 +1384,24 @@ var DialBooleanInput = ({
 }) => {
   const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? false;
-  const handleChange = react.useCallback((checked) => setValue(name, checked), [name]);
+  const handleChange = react.useCallback((checked) => setValue(name, checked), [name, setValue]);
   const switchProps = {
     checked: value,
     onCheckedChange: handleChange
   };
   if (!label || labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkGTBXRWCK_cjs.Switch, { ...switchProps });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkQTLUPDLH_cjs.Switch, { className: "ml-1.5", ...switchProps });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkGTBXRWCK_cjs.Switch, { ...switchProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQTLUPDLH_cjs.Switch, { className: "ml-1.5", ...switchProps }) });
 };
 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 value = getValue(name);
+  const handleValueChange = react.useCallback(
+    (hexColor) => setValue(name, hexColor),
+    [name, setValue]
   );
-  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkMNCBTS63_cjs.ColorInput, { value, onChange: handleChange, prefix: label });
+  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkJEWTYDLX_cjs.ColorInput, { className: "ml-1.5", value: value ?? "", onValueChange: handleValueChange });
   return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: inputComp });
 };
 var DialSelectInput = ({
@@ -971,11 +1419,11 @@ var DialSelectInput = ({
       const parsed = !isNaN(Number(val)) ? Number(val) : val;
       setValue(name, parsed);
     },
-    [name]
+    [name, setValue]
   );
-  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)) })
+  const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(chunkHSUL5OUG_cjs.Select, { value: String(value), onValueChange: handleValueChange, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkHSUL5OUG_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunkHSUL5OUG_cjs.SelectValue, { placeholder: "Select an option" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkHSUL5OUG_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkHSUL5OUG_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: selectComponent });
 };
@@ -990,21 +1438,22 @@ var DialSliderInput = ({
 }) => {
   const { getValue, setValue } = chunkSL5Q54AH_cjs.useDialSchema();
   const value = getValue(name) ?? min;
-  const handleValueChange = react.useCallback(([val]) => setValue(name, val), [name]);
+  const handleValueChange = react.useCallback(([val]) => setValue(name, val), [name, setValue]);
   const sliderProps = {
     value: [value],
     onValueChange: handleValueChange,
     min,
     max,
     step,
-    className: "flex-1"
+    className: "flex-1 pl-1.5"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(DialInputWrapper2, { label, icon, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkU5W4ZALG_cjs.Slider, { ...sliderProps }),
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkT2OAWYOU_cjs.Slider, { ...sliderProps }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-secondary w-12 text-right text-sm", children: value })
-  ] });
+  ] }) });
 };
 
+exports.DialArrayInput = DialArrayInput;
 exports.DialBooleanInput = DialBooleanInput;
 exports.DialCmInput = DialCmInput;
 exports.DialColorInput = DialColorInput;
@@ -1014,6 +1463,7 @@ exports.DialEulerInput = DialEulerInput;
 exports.DialEulerRadInput = DialEulerRadInput;
 exports.DialInchInput = DialInchInput;
 exports.DialIntInput = DialIntInput;
+exports.DialInterfaceInput = DialInterfaceInput;
 exports.DialNumberInput = DialNumberInput;
 exports.DialNumberRadInput = DialNumberRadInput;
 exports.DialPanel = DialPanel;
@@ -1023,6 +1473,7 @@ exports.DialSelectInput = DialSelectInput;
 exports.DialSliderInput = DialSliderInput;
 exports.DialTextInput = DialTextInput;
 exports.DialTimeInput = DialTimeInput;
+exports.DialTupleInput = DialTupleInput;
 exports.DialVec3Input = DialVec3Input;
 exports.DialVectorInput = DialVectorInput;
 exports.DialVectorInput2 = DialVectorInput2;