@vuer-ai/vuer-uikit 0.0.121 → 0.1.0

package/dist/{chunk-4G2LN6XU.cjs → chunk-BXJTOIRR.cjs}

@@ -1,29 +1,34 @@
 'use strict';
 
-var chunkOON7LFBQ_cjs = require('./chunk-OON7LFBQ.cjs');
-var chunkSL5Q54AH_cjs = require('./chunk-SL5Q54AH.cjs');
-var chunkO66LWOQY_cjs = require('./chunk-O66LWOQY.cjs');
-var chunkXMVARRN6_cjs = require('./chunk-XMVARRN6.cjs');
-var chunkGBRIW266_cjs = require('./chunk-GBRIW266.cjs');
-var chunkNC2U7QTW_cjs = require('./chunk-NC2U7QTW.cjs');
-var chunkCV2EDA3W_cjs = require('./chunk-CV2EDA3W.cjs');
-var chunkE7ACJ3NX_cjs = require('./chunk-E7ACJ3NX.cjs');
-var chunkKKGDRIR2_cjs = require('./chunk-KKGDRIR2.cjs');
-var chunkWQT7JQN4_cjs = require('./chunk-WQT7JQN4.cjs');
-var chunkKWSH253U_cjs = require('./chunk-KWSH253U.cjs');
-var chunkQF3JWGWX_cjs = require('./chunk-QF3JWGWX.cjs');
-var chunk42DBXENE_cjs = require('./chunk-42DBXENE.cjs');
-var chunkCOJRGW3A_cjs = require('./chunk-COJRGW3A.cjs');
-var chunkEOTGD64D_cjs = require('./chunk-EOTGD64D.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 chunk4TRHQ7MJ_cjs = require('./chunk-4TRHQ7MJ.cjs');
-var chunkDG2EVWIW_cjs = require('./chunk-DG2EVWIW.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 chunkWYD3KNAT_cjs = require('./chunk-WYD3KNAT.cjs');
+var chunkQTLUPDLH_cjs = require('./chunk-QTLUPDLH.cjs');
 var chunkACGXE2IO_cjs = require('./chunk-ACGXE2IO.cjs');
 var chunkZAK7AFVY_cjs = require('./chunk-ZAK7AFVY.cjs');
-var chunkYAFKQ5ZV_cjs = require('./chunk-YAFKQ5ZV.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 react = require('react');
+var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DialInputWrapper = ({
@@ -36,7 +41,7 @@ var DialInputWrapper = ({
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { 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", 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(
-      chunkGBRIW266_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(
-      chunkGBRIW266_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(
-      chunkCV2EDA3W_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(
-      chunkCV2EDA3W_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(
-      chunkNC2U7QTW_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(
-      chunkNC2U7QTW_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(
-      chunkKWSH253U_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(
-      chunkKWSH253U_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(
-      chunkQF3JWGWX_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(
-      chunkQF3JWGWX_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(
-      chunkWQT7JQN4_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(
-      chunkWQT7JQN4_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(
-      chunkCOJRGW3A_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(chunkCOJRGW3A_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(
-      chunkEOTGD64D_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(chunkEOTGD64D_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(
-      chunk42DBXENE_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(chunk42DBXENE_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(
-      chunkKKGDRIR2_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(chunkKKGDRIR2_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(
-      chunkXMVARRN6_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(chunkXMVARRN6_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 = ({
@@ -403,7 +472,7 @@ var DialTextInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, labelPosition, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkSNUQOJLK_cjs.TextInput,
       {
         value,
@@ -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(
-      chunkE7ACJ3NX_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(
-      chunkE7ACJ3NX_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(
-      chunkCOJRGW3A_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(chunkCOJRGW3A_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,9 +594,15 @@ var DialVectorInput2 = ({
   const steps = schema.steps || [];
   const mins = schema.mins || [];
   const maxs = schema.maxs || [];
-  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");
-  const gridAutoFlow = schema.vectorFlow === "column" ? "column" : "row";
+  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) {
@@ -552,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(
-        chunkQF3JWGWX_cjs.VectorInput,
+        chunk2KBNQ5PY_cjs.VectorInput,
         {
           value: numberValues,
           onValuesChange: (newValues) => handleNumberValuesChange(newValues, vectorValue, numberIndices),
@@ -572,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(
-            chunkWYD3KNAT_cjs.Switch,
+            chunkQTLUPDLH_cjs.Switch,
             {
               checked: Boolean(currentValue),
               onCheckedChange: (checked) => handleValueChange(originalIndex, checked, vectorValue)
@@ -611,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(
-    chunkQF3JWGWX_cjs.VectorInput,
+    chunk2KBNQ5PY_cjs.VectorInput,
     {
       value: vectorValue,
       onValuesChange: (newValues) => setValue(name, newValues),
@@ -629,7 +713,7 @@ var DialVectorInput2 = ({
     return inputComponent;
   }
   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.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
     ] }),
@@ -646,7 +730,224 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
-var DialInterfaceInput = ({ name }) => {
+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(
@@ -661,7 +962,7 @@ var DialInterfaceInput = ({ name }) => {
   if (!schema || !schema.typeDefinition?.schemas) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  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,
@@ -676,7 +977,30 @@ var DialInterfaceInput = ({ name }) => {
         }
       )
     }
-  );
+  ) });
+  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";
@@ -725,9 +1049,40 @@ var DialPanel = ({
     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 });
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialInterfaceInput,
+          {
+            name,
+            label,
+            labelPosition: effectiveLabelPosition,
+            icon
+          },
+          name
+        );
       case "vector3":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialVec3Input,
@@ -743,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,
           {
@@ -754,7 +1122,7 @@ var DialPanel = ({
           },
           name
         );
-      case "euler-rad":
+      case "euler-pi":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialEulerRadInput,
           {
@@ -762,7 +1130,8 @@ var DialPanel = ({
             label,
             step: step || 1e-3,
             labelPosition: effectiveLabelPosition,
-            icon
+            icon,
+            format: "pi"
           },
           name
         );
@@ -839,7 +1208,7 @@ var DialPanel = ({
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkOON7LFBQ_cjs.DialPresetsInput,
+            chunkW22SQYEO_cjs.DialPresetsInput,
             {
               name,
               label,
@@ -892,20 +1261,69 @@ 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 groupStyle = generateGroupStyle(groupConfig);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-group", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-text-primary mb-2 font-medium capitalize", children: name }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row", style: groupStyle, 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 }) => {
@@ -913,7 +1331,7 @@ var DialInputWrapper2 = ({ label, labelPosition = "top", icon, children }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { 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", 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
     ] }),
@@ -952,9 +1370,9 @@ var DialNumberInput = ({
     prefix: labelPosition === "inline" && label ? [label] : void 0
   };
   if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkDG2EVWIW_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(chunkDG2EVWIW_cjs.InputNumbers, { ...inputNumbersProps }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, labelPosition, icon, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(chunkUZTOUPJ7_cjs.InputNumbers, { ...inputNumbersProps }) });
   }
 };
 var DialBooleanInput = ({
@@ -972,18 +1390,18 @@ var DialBooleanInput = ({
     onCheckedChange: handleChange
   };
   if (!label || labelPosition === "inline") {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkWYD3KNAT_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(chunkWYD3KNAT_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),
+  const value = getValue(name);
+  const handleValueChange = react.useCallback(
+    (hexColor) => setValue(name, hexColor),
     [name, setValue]
   );
-  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunk4TRHQ7MJ_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 = ({
@@ -1003,9 +1421,9 @@ var DialSelectInput = ({
     },
     [name, setValue]
   );
-  const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(chunkYAFKQ5ZV_cjs.Select, { value: String(value), onValueChange: handleValueChange, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkYAFKQ5ZV_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYAFKQ5ZV_cjs.SelectValue, { placeholder: "Select an option" }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkYAFKQ5ZV_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkYAFKQ5ZV_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 });
 };
@@ -1027,14 +1445,15 @@ var DialSliderInput = ({
     min,
     max,
     step,
-    className: "flex-1"
+    className: "flex-1 pl-1.5"
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(DialInputWrapper2, { label, icon, ...props, children: [
+  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;
@@ -1054,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;