@vuer-ai/vuer-uikit 0.0.119 → 0.0.121

package/dist/{chunk-JW456O5K.mjs → chunk-4FB6B2ES.mjs}

@@ -1,4 +1,4 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as TogglePrimitive from '@radix-ui/react-toggle';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1,28 +1,28 @@
 'use strict';
 
-var chunkUMGNAR3W_cjs = require('./chunk-UMGNAR3W.cjs');
+var chunkOON7LFBQ_cjs = require('./chunk-OON7LFBQ.cjs');
 var chunkSL5Q54AH_cjs = require('./chunk-SL5Q54AH.cjs');
 var chunkO66LWOQY_cjs = require('./chunk-O66LWOQY.cjs');
-var chunkIU65XB2K_cjs = require('./chunk-IU65XB2K.cjs');
-var chunkHB65PF7F_cjs = require('./chunk-HB65PF7F.cjs');
-var chunkWDSOII5A_cjs = require('./chunk-WDSOII5A.cjs');
-var chunkNKGUQZTD_cjs = require('./chunk-NKGUQZTD.cjs');
-var chunkCKGEV2JL_cjs = require('./chunk-CKGEV2JL.cjs');
-var chunkFZAGJSW2_cjs = require('./chunk-FZAGJSW2.cjs');
-var chunkEY6PKK4X_cjs = require('./chunk-EY6PKK4X.cjs');
-var chunkQBAZ6TKZ_cjs = require('./chunk-QBAZ6TKZ.cjs');
-var chunkSAXISARG_cjs = require('./chunk-SAXISARG.cjs');
-var chunkLVIZRMYN_cjs = require('./chunk-LVIZRMYN.cjs');
-var chunkCH3BSVL4_cjs = require('./chunk-CH3BSVL4.cjs');
-var chunkMNCBTS63_cjs = require('./chunk-MNCBTS63.cjs');
-var chunk7AEOJFD4_cjs = require('./chunk-7AEOJFD4.cjs');
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
-var chunkDAVMLI3P_cjs = require('./chunk-DAVMLI3P.cjs');
-var chunkU5W4ZALG_cjs = require('./chunk-U5W4ZALG.cjs');
-var chunkGTBXRWCK_cjs = require('./chunk-GTBXRWCK.cjs');
-var chunkLGFWHV23_cjs = require('./chunk-LGFWHV23.cjs');
-var chunk3ZEQVODC_cjs = require('./chunk-3ZEQVODC.cjs');
-var chunk5AKVDZMA_cjs = require('./chunk-5AKVDZMA.cjs');
+var 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 chunkSNUQOJLK_cjs = require('./chunk-SNUQOJLK.cjs');
+var chunk4TRHQ7MJ_cjs = require('./chunk-4TRHQ7MJ.cjs');
+var chunkDG2EVWIW_cjs = require('./chunk-DG2EVWIW.cjs');
+var chunkT2OAWYOU_cjs = require('./chunk-T2OAWYOU.cjs');
+var chunkWYD3KNAT_cjs = require('./chunk-WYD3KNAT.cjs');
+var chunkACGXE2IO_cjs = require('./chunk-ACGXE2IO.cjs');
+var chunkZAK7AFVY_cjs = require('./chunk-ZAK7AFVY.cjs');
+var chunkYAFKQ5ZV_cjs = require('./chunk-YAFKQ5ZV.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -35,8 +35,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", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -59,7 +59,7 @@ var DialVec3Input = ({
   const maxArray = max !== void 0 ? [max, max, max] : void 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHB65PF7F_cjs.Vec3Input,
+      chunkGBRIW266_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -72,7 +72,7 @@ var DialVec3Input = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkHB65PF7F_cjs.Vec3Input,
+      chunkGBRIW266_cjs.Vec3Input,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -96,7 +96,7 @@ var DialEulerInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCKGEV2JL_cjs.EulerInput,
+      chunkCV2EDA3W_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -107,7 +107,7 @@ var DialEulerInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCKGEV2JL_cjs.EulerInput,
+      chunkCV2EDA3W_cjs.EulerInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -129,7 +129,7 @@ var DialEulerDegInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNKGUQZTD_cjs.EulerDegInput,
+      chunkNC2U7QTW_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -140,7 +140,7 @@ var DialEulerDegInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNKGUQZTD_cjs.EulerDegInput,
+      chunkNC2U7QTW_cjs.EulerDegInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -162,7 +162,7 @@ var DialQuaternionInput = ({
   const value = getValue(name) ?? [1, 0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSAXISARG_cjs.QuaternionInput,
+      chunkKWSH253U_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -173,7 +173,7 @@ var DialQuaternionInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSAXISARG_cjs.QuaternionInput,
+      chunkKWSH253U_cjs.QuaternionInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -196,7 +196,7 @@ var DialVectorInput = ({
   const value = getValue(name) ?? new Array(dimensions).fill(0);
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVIZRMYN_cjs.VectorInput,
+      chunkQF3JWGWX_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -207,7 +207,7 @@ var DialVectorInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVIZRMYN_cjs.VectorInput,
+      chunkQF3JWGWX_cjs.VectorInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -231,7 +231,7 @@ var DialIntInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQBAZ6TKZ_cjs.IntInput,
+      chunkWQT7JQN4_cjs.IntInput,
       {
         value,
         prefix: label ? [label] : void 0,
@@ -244,7 +244,7 @@ var DialIntInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkQBAZ6TKZ_cjs.IntInput,
+      chunkWQT7JQN4_cjs.IntInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -268,7 +268,7 @@ var DialDegInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWDSOII5A_cjs.DegInput,
+      chunkCOJRGW3A_cjs.DegInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -278,7 +278,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(chunkCOJRGW3A_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -293,7 +293,7 @@ var DialRadInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7AEOJFD4_cjs.RadInput,
+      chunkEOTGD64D_cjs.RadInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -303,7 +303,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(chunkEOTGD64D_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -318,7 +318,7 @@ var DialCmInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkCH3BSVL4_cjs.CmInput,
+      chunk42DBXENE_cjs.CmInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -328,7 +328,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(chunk42DBXENE_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -343,7 +343,7 @@ var DialInchInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEY6PKK4X_cjs.InchInput,
+      chunkKKGDRIR2_cjs.InchInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -353,7 +353,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(chunkKKGDRIR2_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -368,7 +368,7 @@ var DialTimeInput = ({
   const value = getValue(name) ?? 0;
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkIU65XB2K_cjs.TimeInput,
+      chunkXMVARRN6_cjs.TimeInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -378,7 +378,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(chunkXMVARRN6_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -393,7 +393,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),
@@ -404,7 +404,7 @@ var DialTextInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkDAVMLI3P_cjs.TextInput,
+      chunkSNUQOJLK_cjs.TextInput,
       {
         value,
         onChange: (val) => setValue(name, val),
@@ -426,7 +426,7 @@ var DialEulerRadInput = ({
   const value = getValue(name) ?? [0, 0, 0];
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZAGJSW2_cjs.EulerRadInput,
+      chunkE7ACJ3NX_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -438,7 +438,7 @@ var DialEulerRadInput = ({
     );
   } else {
     return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, icon, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkFZAGJSW2_cjs.EulerRadInput,
+      chunkE7ACJ3NX_cjs.EulerRadInput,
       {
         value,
         onValuesChange: (val) => setValue(name, val),
@@ -466,7 +466,7 @@ var DialNumberRadInput = ({
   };
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkWDSOII5A_cjs.DegInput,
+      chunkCOJRGW3A_cjs.DegInput,
       {
         value: degValue,
         onChange: handleChange,
@@ -476,7 +476,7 @@ var DialNumberRadInput = ({
       }
     );
   } 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(chunkCOJRGW3A_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
   }
 };
 var DialVectorInput2 = ({
@@ -516,25 +516,11 @@ 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 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 === "column" ? "column" : "row";
+  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 +552,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,
+        chunkQF3JWGWX_cjs.VectorInput,
         {
           value: numberValues,
           onValuesChange: (newValues) => handleNumberValuesChange(newValues, vectorValue, numberIndices),
@@ -586,7 +572,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,
+            chunkWYD3KNAT_cjs.Switch,
             {
               checked: Boolean(currentValue),
               onCheckedChange: (checked) => handleValueChange(originalIndex, checked, vectorValue)
@@ -598,8 +584,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 +611,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,
+    chunkQF3JWGWX_cjs.VectorInput,
     {
       value: vectorValue,
       onValuesChange: (newValues) => setValue(name, newValues),
@@ -642,8 +628,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", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -660,6 +646,56 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
+var DialInterfaceInput = ({ name }) => {
+  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;
+  }
+  return /* @__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
+        }
+      )
+    }
+  );
+};
+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 +707,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 +721,13 @@ 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 "interface":
+      case "object":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialInterfaceInput, { name });
       case "vector3":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialVec3Input,
@@ -809,7 +839,7 @@ var DialPanel = ({
         }
         if (options && options.length > 0) {
           return /* @__PURE__ */ jsxRuntime.jsx(
-            chunkUMGNAR3W_cjs.DialPresetsInput,
+            chunkOON7LFBQ_cjs.DialPresetsInput,
             {
               name,
               label,
@@ -837,6 +867,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,
@@ -868,22 +899,21 @@ var DialPanel = ({
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-schema-renderer space-y-4", children: [
     Object.entries(groupedSchemas).map(([name, schemaList]) => {
       const groupConfig = groupConfigMap[name];
-      const hasNoWrap = groupConfig?.noWrap;
-      const layoutClass = hasNoWrap ? "grid grid-cols-2 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 font-medium capitalize", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row", style: groupStyle, children: schemaList.map(renderSchemaInput) })
       ] }, name);
     }),
-    ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row grid grid-cols-3 gap-2", children: ungrouped.map(renderSchemaInput) }) })
+    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) }) })
   ] });
 };
 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", children: [
       /* @__PURE__ */ jsxRuntime.jsx(chunkO66LWOQY_cjs.IconRenderer, { iconName: icon, size: 14, className: "text-text-secondary" }),
       label
     ] }),
@@ -922,9 +952,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(chunkDG2EVWIW_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(chunkDG2EVWIW_cjs.InputNumbers, { ...inputNumbersProps }) });
   }
 };
 var DialBooleanInput = ({
@@ -936,24 +966,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(chunkWYD3KNAT_cjs.Switch, { ...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(chunkWYD3KNAT_cjs.Switch, { ...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]
+    [name, setValue]
   );
-  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunkMNCBTS63_cjs.ColorInput, { value, onChange: handleChange, prefix: label });
+  const inputComp = /* @__PURE__ */ jsxRuntime.jsx(chunk4TRHQ7MJ_cjs.ColorInput, { value, onChange: handleChange, prefix: label });
   return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: inputComp });
 };
 var DialSelectInput = ({
@@ -971,11 +1001,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(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)) })
   ] });
   return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper2, { label, icon, ...props, children: selectComponent });
 };
@@ -990,7 +1020,7 @@ 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,
@@ -1000,7 +1030,7 @@ var DialSliderInput = ({
     className: "flex-1"
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(DialInputWrapper2, { label, icon, ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkU5W4ZALG_cjs.Slider, { ...sliderProps }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkT2OAWYOU_cjs.Slider, { ...sliderProps }),
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-text-secondary w-12 text-right text-sm", children: value })
   ] });
 };
@@ -1014,6 +1044,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;

package/dist/chunk-4NABYVCK.mjs

@@ -0,0 +1,31 @@
+import React from 'react';
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+// src/hooks/clientOnly.tsx
+function ClientOnly({
+  children,
+  fallback = null
+}) {
+  const [hasMounted, setHasMounted] = React.useState(false);
+  React.useEffect(() => {
+    setHasMounted(true);
+  }, []);
+  if (!hasMounted) {
+    return /* @__PURE__ */ jsx(Fragment, { children: fallback });
+  }
+  return /* @__PURE__ */ jsx(Fragment, { children });
+}
+function createClientOnlyComponent(Component, fallback) {
+  return function ClientOnlyWrapper(props) {
+    const [isClient, setIsClient] = React.useState(false);
+    React.useEffect(() => {
+      setIsClient(true);
+    }, []);
+    if (!isClient) {
+      return fallback ? React.createElement(fallback, props) : null;
+    }
+    return React.createElement(Component, props);
+  };
+}
+
+export { ClientOnly, createClientOnlyComponent };