@vuer-ai/vuer-uikit 0.0.108 → 0.0.112

package/dist/{chunk-LFSCJLL2.cjs → chunk-BDAKLXXX.cjs}

@@ -82,8 +82,15 @@ function TooltipContent({
     return null;
   }
   const getLiquidBgClass = (side2) => {
-    if (side2 === "top" || side2 === "bottom" || side2 === "left" || side2 === "right")
-      return `liquid-dark:liquid-dark-bg-tooltip-${side2} liquid-light:liquid-light-bg-tooltip-${side2}`;
+    const sideClassMap = {
+      top: "liquid-dark:liquid-dark-bg-tooltip-top liquid-light:liquid-light-bg-tooltip-top",
+      bottom: "liquid-dark:liquid-dark-bg-tooltip-bottom liquid-light:liquid-light-bg-tooltip-bottom",
+      left: "liquid-dark:liquid-dark-bg-tooltip-left liquid-light:liquid-light-bg-tooltip-left",
+      right: "liquid-dark:liquid-dark-bg-tooltip-right liquid-light:liquid-light-bg-tooltip-right"
+    };
+    if (side2 && side2 in sideClassMap) {
+      return sideClassMap[side2];
+    }
     return "liquid-dark:liquid-dark-bg-tooltip-arrow liquid-light:liquid-light-bg-tooltip-arrow";
   };
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(

package/dist/chunk-BI4QZVVB.cjs

@@ -0,0 +1,82 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/spinner.tsx
+var Ring = ({ size = 24, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
+  "svg",
+  {
+    height: size,
+    stroke: "currentColor",
+    viewBox: "0 0 44 44",
+    width: size,
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Loading..." }),
+      /* @__PURE__ */ jsxRuntime.jsxs("g", { fill: "none", fillRule: "evenodd", strokeWidth: "2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "r",
+              begin: "0s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.165, 0.84, 0.44, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 20"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "stroke-opacity",
+              begin: "0s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.3, 0.61, 0.355, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 0"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("circle", { cx: "22", cy: "22", r: "1", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "r",
+              begin: "-0.9s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.165, 0.84, 0.44, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 20"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "animate",
+            {
+              attributeName: "stroke-opacity",
+              begin: "-0.9s",
+              calcMode: "spline",
+              dur: "1.8s",
+              keySplines: "0.3, 0.61, 0.355, 1",
+              keyTimes: "0; 1",
+              repeatCount: "indefinite",
+              values: "1; 0"
+            }
+          )
+        ] })
+      ] })
+    ]
+  }
+);
+var Spinner = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Ring, { ...props });
+};
+
+exports.Spinner = Spinner;

package/dist/{chunk-ZRRCYQ53.cjs → chunk-BTXD3NAG.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
+var chunkWB43VEZA_cjs = require('./chunk-WB43VEZA.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -37,7 +37,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLQGXG373_cjs.InputRoot,
+      chunkWB43VEZA_cjs.InputRoot,
       {
         ...props,
         size: "sm",
@@ -48,7 +48,7 @@ var ColorInput = react.forwardRef(function ColorInput2({ className, value, defau
           setColor(e.currentTarget.value);
           onChange?.(e);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { children: "#" })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkWB43VEZA_cjs.InputSlot, { children: "#" })
       }
     )
   ] });

package/dist/{chunk-7RHQ6DVU.cjs → chunk-CGBEPOL4.cjs}

@@ -2,19 +2,19 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
-var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
-var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
 var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
 var chunkUTS56UA5_cjs = require('./chunk-UTS56UA5.cjs');
 var chunkJWVH6R35_cjs = require('./chunk-JWVH6R35.cjs');
 var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
 var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
+var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunk5JPYU5A6_cjs = require('./chunk-5JPYU5A6.cjs');
+var chunkLV4XJY75_cjs = require('./chunk-LV4XJY75.cjs');
 var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
-var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
+var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
+var chunkBDAKLXXX_cjs = require('./chunk-BDAKLXXX.cjs');
 var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
@@ -78,13 +78,25 @@ function Waterfall({
     onTemporalCursorChange,
     temporalCursor
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkBDAKLXXX_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: chunkOHIB3TEN_cjs.cn(
-        "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
-        "text-text-primary rounded-uk-md",
-        "mx-auto flex w-full flex-col overflow-hidden font-sans",
+        "bg-bg-primary",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-dark:border-[0.9px]",
+        "liquid-dark:border-[rgba(85,85,85,100)]",
+        "liquid-light:liquid-light-bg",
+        "liquid-light:border-[0.8px]",
+        "liquid-light:border-[white]",
+        "text-text-primary",
+        "rounded-uk-lg",
+        "mx-auto",
+        "flex",
+        "w-full",
+        "flex-col",
+        "overflow-hidden",
+        "font-sans",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         className
       ),
@@ -96,7 +108,7 @@ function Waterfall({
             style: { width: panelWidth },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunk5JPYU5A6_cjs.TreeSearchBar,
+                chunkLV4XJY75_cjs.TreeSearchBar,
                 {
                   className: "p-1",
                   searchQuery,

package/dist/{chunk-3OLRPUTL.mjs → chunk-DBMXQH73.mjs}

@@ -1,34 +1,39 @@
-import { TimeInput } from './chunk-JUSFLIU5.mjs';
-import { Vec3Input } from './chunk-SYX6TMCQ.mjs';
-import { EulerDegInput } from './chunk-24IUD6Q3.mjs';
-import { EulerInput } from './chunk-ZNM6PNI6.mjs';
-import { EulerRadInput } from './chunk-IXNXSECD.mjs';
-import { InchInput } from './chunk-3TUONMQ6.mjs';
-import { IntInput } from './chunk-4JGGLCXT.mjs';
-import { QuaternionInput } from './chunk-VUMOJPEC.mjs';
-import { VectorInput } from './chunk-VEWWUO2N.mjs';
-import { CmInput } from './chunk-PTGMHZFS.mjs';
-import { DegInput } from './chunk-CGUQWS2I.mjs';
-import { ColorInput } from './chunk-EXQQRW7T.mjs';
-import { PresetsInput } from './chunk-6XOTWZFC.mjs';
-import { RadInput } from './chunk-IY36FZ5R.mjs';
-import { TextInput } from './chunk-3VVQWVDE.mjs';
+import { DialPresetsInput } from './chunk-V5YUFNEB.mjs';
+import { useDialSchema } from './chunk-L4CIN7FR.mjs';
+import { TimeInput } from './chunk-Z4ZGX3NM.mjs';
+import { Vec3Input } from './chunk-AGHIJQAR.mjs';
+import { EulerDegInput } from './chunk-WQCVK4PG.mjs';
+import { EulerInput } from './chunk-KS5A3G7B.mjs';
+import { EulerRadInput } from './chunk-H2AJ2CLT.mjs';
+import { InchInput } from './chunk-ZRMDDK6J.mjs';
+import { IntInput } from './chunk-JH5NAW2V.mjs';
+import { QuaternionInput } from './chunk-2SFB7HHW.mjs';
+import { VectorInput } from './chunk-ZDSN4IFT.mjs';
+import { CmInput } from './chunk-ZEBAIL6F.mjs';
+import { DegInput } from './chunk-PTBMSYQQ.mjs';
+import { ColorInput } from './chunk-GSQE4JVF.mjs';
+import { RadInput } from './chunk-TZBOF3XO.mjs';
+import { TextInput } from './chunk-7XXTMBF5.mjs';
 import { Slider } from './chunk-Y6WGGVT2.mjs';
 import { Switch } from './chunk-AZBJB6KC.mjs';
-import { Label } from './chunk-42UBHC2D.mjs';
-import { FormLayout } from './chunk-NRQJX772.mjs';
-import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
+import { Label } from './chunk-WGWNYPXW.mjs';
+import { FormLayout } from './chunk-FB5MYIVE.mjs';
+import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-KJH46JR3.mjs';
-import { useDialSchema } from './chunk-3HEZVWRW.mjs';
+import { useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-var DialInputWrapper = ({ label, children }) => {
+var DialInputWrapper = ({
+  label,
+  labelPosition = "top",
+  children
+}) => {
   if (!label) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsxs(FormLayout, { orientation: "label-top", children: [
+  return /* @__PURE__ */ jsxs(FormLayout, { orientation: `label-${labelPosition}`, children: [
     /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
-    children
+    /* @__PURE__ */ jsx(Fragment, { children })
   ] });
 };
 var DialVec3Input = ({
@@ -52,7 +57,7 @@ var DialVec3Input = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       Vec3Input,
       {
         value,
@@ -84,7 +89,7 @@ var DialEulerInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       EulerInput,
       {
         value,
@@ -116,7 +121,7 @@ var DialEulerDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       EulerDegInput,
       {
         value,
@@ -148,7 +153,7 @@ var DialQuaternionInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       QuaternionInput,
       {
         value,
@@ -181,7 +186,7 @@ var DialVectorInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       VectorInput,
       {
         value,
@@ -213,7 +218,7 @@ var DialIntInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialDegInput = ({
@@ -237,7 +242,7 @@ var DialDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -261,7 +266,7 @@ var DialRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -285,7 +290,7 @@ var DialCmInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -309,7 +314,7 @@ var DialInchInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -333,7 +338,7 @@ var DialTimeInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -357,7 +362,7 @@ var DialTextInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       TextInput,
       {
         value,
@@ -390,7 +395,7 @@ var DialEulerRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       EulerRadInput,
       {
         value,
@@ -428,66 +433,22 @@ var DialNumberRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(DegInput, { value: degValue, onChange: handleChange, size, step }) });
-  }
-};
-var DialInputWrapper2 = ({ label, children }) => {
-  if (!label) {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxs(FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
-    children
-  ] });
-};
-var DialPresetsInput = ({
-  name,
-  label,
-  size = "sm",
-  labelPosition,
-  options
-}) => {
-  const { getValue, setValue } = useDialSchema();
-  const value = getValue(name) ?? 0;
-  const presets = options.slice(0, 3).map((opt) => {
-    if (typeof opt === "number") return opt;
-    if (typeof opt === "string") return parseFloat(opt);
-    return typeof opt.value === "number" ? opt.value : parseFloat(opt.value);
-  });
-  while (presets.length < 3) {
-    presets.push(0);
-  }
-  if (labelPosition === "inline") {
-    return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      label && /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
-      /* @__PURE__ */ jsx(
-        PresetsInput,
-        {
-          value,
-          onChange: (val) => setValue(name, val),
-          size,
-          presets
-        }
-      )
-    ] });
-  } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper2, { label, children: /* @__PURE__ */ jsx(
-      PresetsInput,
-      {
-        value,
-        onChange: (val) => setValue(name, val),
-        size,
-        presets
-      }
-    ) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(DegInput, { value: degValue, onChange: handleChange, size, step }) });
   }
 };
 var DialVectorInput2 = ({
   name,
   label,
-  size = "sm"
+  size = "sm",
+  labelPosition = "top"
 }) => {
   const { getValue, setValue, schemas } = useDialSchema();
+  const handleValuesChange = useCallback(
+    (newValues) => {
+      setValue(name, newValues);
+    },
+    [name]
+  );
   const schema = schemas.find((s) => s.name === name);
   if (!schema) {
     return null;
@@ -514,7 +475,6 @@ var DialVectorInput2 = ({
     gridColumns = void 0;
     gridRows = void 0;
   }
-  console.log("the grid-flow is", gridAutoFlow, gridColumns, gridRows);
   const vectorValue = Array.isArray(value) ? value.concat(Array(Math.max(0, dimensions - value.length)).fill(0)) : Array(dimensions).fill(0);
   const inputSteps = Array.from({ length: dimensions }, (_, i) => {
     if (steps[i] !== void 0) {
@@ -524,9 +484,6 @@ var DialVectorInput2 = ({
     return dtype === "number-int" ? 1 : 1e-3;
   });
   const labels = placeholders.length > 0 ? placeholders.map((p) => /* @__PURE__ */ jsx("span", { className: "text-xs", children: p })) : void 0;
-  const handleValuesChange = (newValues) => {
-    setValue(name, newValues);
-  };
   const inputComponent = /* @__PURE__ */ jsx(
     VectorInput,
     {
@@ -543,7 +500,7 @@ var DialVectorInput2 = ({
   if (!label) {
     return inputComponent;
   }
-  return /* @__PURE__ */ jsxs(FormLayout, { orientation: "label-top", children: [
+  return /* @__PURE__ */ jsxs(FormLayout, { orientation: `label-${labelPosition}`, children: [
     /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
     /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
       schema.helpText && /* @__PURE__ */ jsx(
@@ -558,7 +515,11 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
-var DialPanel = ({ schemas, groups: groupConfigs, labelLayout }) => {
+var DialPanel = ({
+  schemas,
+  groups: groupConfigs,
+  labelLayout
+}) => {
   const groupConfigMap = {};
   if (groupConfigs) {
     groupConfigs.forEach((config) => {
@@ -630,7 +591,15 @@ var DialPanel = ({ schemas, groups: groupConfigs, labelLayout }) => {
       case "number-group":
         return /* @__PURE__ */ jsx(DialVectorInput2, { name, label }, name);
       case "boolean":
-        return /* @__PURE__ */ jsx(DialBooleanInput, { name, label, labelPosition: effectiveLabelPosition }, name);
+        return /* @__PURE__ */ jsx(
+          DialBooleanInput,
+          {
+            name,
+            label,
+            labelPosition: effectiveLabelPosition
+          },
+          name
+        );
       case "number-slider":
         return /* @__PURE__ */ jsx(
           DialSliderInput,
@@ -748,11 +717,11 @@ var DialPanel = ({ schemas, groups: groupConfigs, labelLayout }) => {
     ungrouped.length > 0 && /* @__PURE__ */ jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsx("div", { className: "dial-row flex flex-row flex-wrap gap-4", children: ungrouped.map(renderSchemaInput) }) })
   ] });
 };
-var DialInputWrapper3 = ({ label, children }) => {
+var DialInputWrapper2 = ({ label, labelPosition = "top", children }) => {
   if (!label) {
     return /* @__PURE__ */ jsx(Fragment, { children });
   }
-  return /* @__PURE__ */ jsxs(FormLayout, { orientation: "label-top", children: [
+  return /* @__PURE__ */ jsxs(FormLayout, { orientation: `label-${labelPosition}`, children: [
     /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
     children
   ] });
@@ -763,77 +732,81 @@ var DialNumberInput = ({
   max,
   step = 1,
   label,
-  labelPosition,
-  size = "sm"
+  labelPosition = "top",
+  size = "sm",
+  ...props
 }) => {
   const { getValue, setValue } = useDialSchema();
   const value = getValue(name) ?? 0;
+  const handleChange = useCallback(
+    (e) => setValue(name, parseFloat(e.target.value)),
+    [name]
+  );
   const inputProps = {
     type: "number",
     value,
     min,
     max,
     step,
-    onChange: (e) => setValue(name, parseFloat(e.target.value)),
+    onChange: handleChange,
     size
   };
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsx(InputRoot, { ...inputProps, children: label ? /* @__PURE__ */ jsx(InputSlot, { side: "left", children: label }) : null });
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: /* @__PURE__ */ jsx(InputRoot, { ...inputProps }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper2, { label, labelPosition, ...props, children: /* @__PURE__ */ jsx(InputRoot, { ...inputProps }) });
   }
 };
-var DialBooleanInput = ({ name, label, labelPosition }) => {
+var DialBooleanInput = ({
+  name,
+  label,
+  labelPosition,
+  ...props
+}) => {
   const { getValue, setValue } = useDialSchema();
   const value = getValue(name) ?? false;
+  const handleChange = useCallback((checked) => setValue(name, checked), [name]);
   const switchProps = {
     checked: value,
-    onCheckedChange: (checked) => setValue(name, checked)
+    onCheckedChange: handleChange
   };
-  if (!label) {
+  if (!label || labelPosition === "inline") {
     return /* @__PURE__ */ jsx(Switch, { ...switchProps });
   }
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center gap-2", children: [
-    /* @__PURE__ */ jsx(Label, { size: "sm", children: label }),
-    /* @__PURE__ */ jsx(Switch, { ...switchProps })
-  ] });
+  return /* @__PURE__ */ jsx(DialInputWrapper2, { label, labelPosition, ...props, children: /* @__PURE__ */ jsx(Switch, { ...switchProps }) });
 };
-var DialColorInput = ({ name, label }) => {
+var DialColorInput = ({ name, label, ...props }) => {
   const { getValue, setValue } = useDialSchema();
   const value = getValue(name) ?? "";
-  const inputComp = /* @__PURE__ */ jsx(ColorInput, { value, onChange: (e) => setValue(name, e.target.value), prefix: label });
-  if (!label) {
-    return inputComp;
-  }
-  return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: inputComp });
+  const handleChange = useCallback(
+    (e) => setValue(name, e.target.value),
+    [name]
+  );
+  const inputComp = /* @__PURE__ */ jsx(ColorInput, { value, onChange: handleChange, prefix: label });
+  return /* @__PURE__ */ jsx(DialInputWrapper2, { label, ...props, children: inputComp });
 };
 var DialSelectInput = ({
   name,
   options = [],
   label,
-  labelPosition,
-  size = "sm"
+  size = "sm",
+  ...props
 }) => {
   const { getValue, setValue } = useDialSchema();
   const value = getValue(name);
-  const selectComponent = /* @__PURE__ */ jsxs(
-    Select,
-    {
-      value: String(value),
-      onValueChange: (val) => {
-        const parsed = !isNaN(Number(val)) ? Number(val) : val;
-        setValue(name, parsed);
-      },
-      children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { size, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an option" }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsx(SelectItem, { value: String(opt), children: String(opt) }, i)) })
-      ]
-    }
+  console.log("dial schema:", name, value);
+  const handleValueChange = useCallback(
+    (val) => {
+      const parsed = !isNaN(Number(val)) ? Number(val) : val;
+      setValue(name, parsed);
+    },
+    [name]
   );
-  if (!label) {
-    return selectComponent;
-  }
-  return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: selectComponent });
+  const selectComponent = /* @__PURE__ */ jsxs(Select, { value: String(value), onValueChange: handleValueChange, children: [
+    /* @__PURE__ */ jsx(SelectTrigger, { size, children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an option" }) }),
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsx(SelectItem, { value: String(opt), children: String(opt) }, i)) })
+  ] });
+  return /* @__PURE__ */ jsx(DialInputWrapper2, { label, ...props, children: selectComponent });
 };
 var DialSliderInput = ({
   name,
@@ -841,27 +814,23 @@ var DialSliderInput = ({
   max = 100,
   step = 1,
   label,
-  labelPosition,
-  size = "sm"
+  ...props
 }) => {
   const { getValue, setValue } = useDialSchema();
   const value = getValue(name) ?? min;
+  const handleValueChange = useCallback(([val]) => setValue(name, val), [name]);
   const sliderProps = {
     value: [value],
-    onValueChange: ([val]) => setValue(name, val),
+    onValueChange: handleValueChange,
     min,
     max,
     step,
     className: "flex-1"
   };
-  const sliderComponent = /* @__PURE__ */ jsxs("div", { className: "flex flex-1 items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs(DialInputWrapper2, { label, ...props, children: [
     /* @__PURE__ */ jsx(Slider, { ...sliderProps }),
     /* @__PURE__ */ jsx("span", { className: "text-text-secondary w-12 text-right text-sm", children: value })
   ] });
-  if (!label) {
-    return sliderComponent;
-  }
-  return /* @__PURE__ */ jsx(DialInputWrapper3, { label, children: sliderComponent });
 };
 
-export { DialBooleanInput, DialCmInput, DialColorInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialEulerRadInput, DialInchInput, DialIntInput, DialNumberInput, DialNumberRadInput, DialPanel, DialPresetsInput, DialQuaternionInput, DialRadInput, DialSelectInput, DialSliderInput, DialTextInput, DialTimeInput, DialVec3Input, DialVectorInput, DialVectorInput2 };
+export { DialBooleanInput, DialCmInput, DialColorInput, DialDegInput, DialEulerDegInput, DialEulerInput, DialEulerRadInput, DialInchInput, DialIntInput, DialNumberInput, DialNumberRadInput, DialPanel, DialQuaternionInput, DialRadInput, DialSelectInput, DialSliderInput, DialTextInput, DialTimeInput, DialVec3Input, DialVectorInput, DialVectorInput2 };

package/dist/{chunk-QZUTRJSP.mjs → chunk-DHMLQTQ6.mjs}

@@ -1,5 +1,5 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
-import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-57MAUYQZ.mjs';
+import { InputRoot, InputSlot } from './chunk-XMQULAAU.mjs';
 import { SyncScroll } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Search, CaseSensitive, Regex, ChevronDown } from 'lucide-react';