@vuer-ai/vuer-uikit 0.0.88 → 0.0.89

package/dist/SyncScroll/SyncScroll.cjs

@@ -3,14 +3,14 @@
 var chunkVBBJSIY7_cjs = require('../chunk-VBBJSIY7.cjs');
 require('../chunk-G4FJGNY5.cjs');
 require('../chunk-QN4N4I3Z.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
 require('../chunk-VXZURKMQ.cjs');
-require('../chunk-Q4XH2Z5M.cjs');
-require('../chunk-6BOWMGFG.cjs');
+require('../chunk-LYZJNEOR.cjs');
 require('../chunk-YZIR6LIY.cjs');
+require('../chunk-6BOWMGFG.cjs');
 require('../chunk-RPTRTGC2.cjs');
-require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 
 

package/dist/SyncScroll/SyncScroll.mjs

@@ -1,12 +1,12 @@
 export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-BEJIZ56L.mjs';
 import '../chunk-SAGQV2YZ.mjs';
 import '../chunk-F7ZHPSLA.mjs';
+import '../chunk-IDUVYPN7.mjs';
 import '../chunk-3QT5VABC.mjs';
 import '../chunk-XHJDRQD7.mjs';
 import '../chunk-LQOPO4KU.mjs';
-import '../chunk-U3LN5NB6.mjs';
-import '../chunk-IZARTVYN.mjs';
+import '../chunk-OEIF3JCH.mjs';
 import '../chunk-VA4LUFKD.mjs';
+import '../chunk-IZARTVYN.mjs';
 import '../chunk-4F2GSF2T.mjs';
-import '../chunk-IDUVYPN7.mjs';
 import '../chunk-HMN4IKTG.mjs';

package/dist/SyncScroll/index.cjs

@@ -4,14 +4,14 @@ require('../chunk-JMCH2AFN.cjs');
 var chunkVBBJSIY7_cjs = require('../chunk-VBBJSIY7.cjs');
 var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
 require('../chunk-QN4N4I3Z.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
 require('../chunk-VXZURKMQ.cjs');
-require('../chunk-Q4XH2Z5M.cjs');
-require('../chunk-6BOWMGFG.cjs');
+require('../chunk-LYZJNEOR.cjs');
 require('../chunk-YZIR6LIY.cjs');
+require('../chunk-6BOWMGFG.cjs');
 require('../chunk-RPTRTGC2.cjs');
-require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 
 

package/dist/SyncScroll/index.mjs

@@ -2,12 +2,12 @@ import '../chunk-BNDRHLLZ.mjs';
 export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-BEJIZ56L.mjs';
 export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';
 import '../chunk-F7ZHPSLA.mjs';
+import '../chunk-IDUVYPN7.mjs';
 import '../chunk-3QT5VABC.mjs';
 import '../chunk-XHJDRQD7.mjs';
 import '../chunk-LQOPO4KU.mjs';
-import '../chunk-U3LN5NB6.mjs';
-import '../chunk-IZARTVYN.mjs';
+import '../chunk-OEIF3JCH.mjs';
 import '../chunk-VA4LUFKD.mjs';
+import '../chunk-IZARTVYN.mjs';
 import '../chunk-4F2GSF2T.mjs';
-import '../chunk-IDUVYPN7.mjs';
 import '../chunk-HMN4IKTG.mjs';

package/dist/{chunk-DKDXGIOU.cjs → chunk-2LIAVSDV.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkI7NPMMUG_cjs = require('./chunk-I7NPMMUG.cjs');
+var chunkRBKCE3N7_cjs = require('./chunk-RBKCE3N7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -22,7 +22,7 @@ var IntInput = react.forwardRef(function IntInput2({ value = 0, onChange, ...pro
     [onChange]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkI7NPMMUG_cjs.InputNumbers,
+    chunkRBKCE3N7_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-VI67LD6E.mjs → chunk-3HUKXFD4.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-QN5Q5OCZ.mjs';
+import { InputNumbers } from './chunk-QAERXYKR.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-43ZAEQYD.cjs

@@ -0,0 +1,564 @@
+'use strict';
+
+var chunkGPSSQ7XQ_cjs = require('./chunk-GPSSQ7XQ.cjs');
+var chunkTG4B5Y3I_cjs = require('./chunk-TG4B5Y3I.cjs');
+var chunkJO5TYMHM_cjs = require('./chunk-JO5TYMHM.cjs');
+var chunkJSUB7URV_cjs = require('./chunk-JSUB7URV.cjs');
+var chunkAI2OGSMP_cjs = require('./chunk-AI2OGSMP.cjs');
+var chunkIBSCKXGA_cjs = require('./chunk-IBSCKXGA.cjs');
+var chunkPHRBUOTG_cjs = require('./chunk-PHRBUOTG.cjs');
+var chunk2LIAVSDV_cjs = require('./chunk-2LIAVSDV.cjs');
+var chunkAUCWPDXH_cjs = require('./chunk-AUCWPDXH.cjs');
+var chunkKZP7AY75_cjs = require('./chunk-KZP7AY75.cjs');
+var chunkSJPXQV2G_cjs = require('./chunk-SJPXQV2G.cjs');
+var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
+var chunkM4IHJGJE_cjs = require('./chunk-M4IHJGJE.cjs');
+var chunkI22QSUB7_cjs = require('./chunk-I22QSUB7.cjs');
+var chunkAFJ6DMZW_cjs = require('./chunk-AFJ6DMZW.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DialInputWrapper = ({ label, column = false, children }) => {
+  if (!label) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  const orientation = column ? "horizontal" : "vertical";
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkI22QSUB7_cjs.Layout, { orientation, align: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
+  ] });
+};
+var DialVec3Input = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? [0, 0, 0];
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJO5TYMHM_cjs.Vec3Input,
+    {
+      value,
+      onValuesChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialEulerInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? [0, 0, 0];
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkIBSCKXGA_cjs.EulerInput,
+    {
+      value,
+      onValuesChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialEulerDegInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? [0, 0, 0];
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkAI2OGSMP_cjs.EulerDegInput,
+    {
+      value,
+      onValuesChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialQuaternionInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? [1, 0, 0, 0];
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkAUCWPDXH_cjs.QuaternionInput,
+    {
+      value,
+      onValuesChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialVectorInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  dimensions = 3,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? new Array(dimensions).fill(0);
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZP7AY75_cjs.VectorInput,
+    {
+      value,
+      onValuesChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialIntInput = ({
+  name,
+  label,
+  size = "sm",
+  step = 1,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunk2LIAVSDV_cjs.IntInput,
+    {
+      value,
+      onChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialDegInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkJSUB7URV_cjs.DegInput,
+    {
+      value,
+      onChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialRadInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkGPSSQ7XQ_cjs.RadInput,
+    {
+      value,
+      onChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialCmInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkSJPXQV2G_cjs.CmInput,
+    {
+      value,
+      onChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialInchInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkPHRBUOTG_cjs.InchInput,
+    {
+      value,
+      onChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialTimeInput = ({
+  name,
+  label,
+  size = "sm",
+  step,
+  column = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, column, children: /* @__PURE__ */ jsxRuntime.jsx(
+    chunkTG4B5Y3I_cjs.TimeInput,
+    {
+      value,
+      onChange: (val) => setValue(name, val),
+      size,
+      step
+    }
+  ) });
+};
+var DialVectorNInput = ({
+  name,
+  label,
+  column = false,
+  size = "sm"
+}) => {
+  const { getValue, setValue, schemas } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const schema = schemas.find((s) => s.name === name);
+  if (!schema) {
+    return null;
+  }
+  const value = getValue(name) || [];
+  const dimensions = schema.dimensions || schema.placeholders?.length || schema.dtypes?.length || (Array.isArray(value) ? value.length : 6);
+  const placeholders = schema.placeholders || [];
+  const dtypes = schema.dtypes || [];
+  const steps = schema.steps || [];
+  const tags = schema.tags || {};
+  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 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) {
+      return steps[i];
+    }
+    const dtype = dtypes[i];
+    return dtype === "number-int" ? 1 : 0.01;
+  });
+  const labels = placeholders.length > 0 ? placeholders.map((p) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: p })) : void 0;
+  const handleValuesChange = (newValues) => {
+    setValue(name, newValues);
+  };
+  const orientation = column ? "horizontal" : "vertical";
+  const inputComponent = /* @__PURE__ */ jsxRuntime.jsx(
+    chunkKZP7AY75_cjs.VectorInput,
+    {
+      value: vectorValue,
+      onValuesChange: handleValuesChange,
+      size,
+      step: inputSteps,
+      labels,
+      gridAutoFlow,
+      columns: gridColumns,
+      rows: gridRows
+    }
+  );
+  if (!label) {
+    return inputComponent;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkI22QSUB7_cjs.Layout, { orientation, align: "start", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+      schema.helpText && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "text-xs text-gray-500 cursor-help",
+          title: schema.helpText,
+          children: "\u24D8"
+        }
+      )
+    ] }),
+    inputComponent
+  ] });
+};
+var DialPanel = ({ schemas }) => {
+  const groups = {};
+  const ungrouped = [];
+  schemas.forEach((schema) => {
+    const grouping = schema.tags?.grouping;
+    if (grouping) {
+      if (!groups[grouping]) {
+        groups[grouping] = [];
+      }
+      groups[grouping].push(schema);
+    } else {
+      ungrouped.push(schema);
+    }
+  });
+  const renderSchemaInput = (schema) => {
+    const { name, dtype, min, max, step, options, tags } = schema;
+    const column = tags?.col === true;
+    const label = name.charAt(0).toUpperCase() + name.slice(1);
+    switch (dtype) {
+      case "vector3":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialVec3Input, { name, label, step, column }, name);
+      case "euler":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialEulerDegInput, { name, label, step, column }, name);
+      case "vector":
+      case "vector-6":
+      case "number-group":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialVectorNInput, { name, label, column }, name);
+      case "boolean":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialBooleanInput, { name, label, col: column }, name);
+      case "number-int":
+        return /* @__PURE__ */ jsxRuntime.jsx(DialIntInput, { name, label, step: step || 1, column }, name);
+      case "number":
+        if (min !== void 0 && max !== void 0 && !options) {
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            DialSliderInput,
+            {
+              name,
+              label,
+              min,
+              max,
+              step,
+              col: column
+            },
+            name
+          );
+        }
+        if (options && options.length > 0) {
+          return /* @__PURE__ */ jsxRuntime.jsx(DialSelectInput, { name, label, options, col: column }, name);
+        }
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialNumberInput,
+          {
+            name,
+            label,
+            min,
+            max,
+            step,
+            col: column
+          },
+          name
+        );
+      case "string":
+        if (options && options.length > 0) {
+          return /* @__PURE__ */ jsxRuntime.jsx(DialSelectInput, { name, label, options, col: column }, name);
+        }
+        return null;
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-schema-renderer space-y-4", children: [
+    Object.entries(groups).map(([groupName, groupSchemas]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "dial-group", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 font-medium", children: groupName }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row flex flex-row gap-4 rounded-lg bg-gray-50 p-3", children: groupSchemas.map(renderSchemaInput) })
+    ] }, groupName)),
+    ungrouped.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-group", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "dial-row flex flex-row gap-4 rounded-lg bg-gray-50 p-3", children: ungrouped.map(renderSchemaInput) }) })
+  ] });
+};
+var DialNumberInput = ({
+  name,
+  min,
+  max,
+  step = 1,
+  label,
+  col = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? 0;
+  const containerClass = col ? "flex flex-col gap-1" : "flex flex-row gap-2 items-center";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700", children: label || name }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "number",
+        value,
+        min,
+        max,
+        step,
+        onChange: (e) => setValue(name, parseFloat(e.target.value)),
+        className: "px-2 py-1 border rounded-md text-sm"
+      }
+    )
+  ] });
+};
+var DialVectorInput2 = ({
+  name,
+  min,
+  max,
+  step = 0.1,
+  label,
+  col = false,
+  dimensions = 3
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? new Array(dimensions).fill(0);
+  const handleChange = (index, newValue) => {
+    const updated = [...value];
+    updated[index] = newValue;
+    setValue(name, updated);
+  };
+  const containerClass = col ? "flex flex-col gap-2" : "flex flex-row gap-2 items-center";
+  const labels = ["x", "y", "z", "w"];
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700", children: label || name }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex gap-2", children: value.map((v, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-gray-500", children: [
+        labels[i],
+        ":"
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: v,
+          min,
+          max,
+          step,
+          onChange: (e) => handleChange(i, parseFloat(e.target.value)),
+          className: "w-20 px-2 py-1 border rounded-md text-sm"
+        }
+      )
+    ] }, i)) })
+  ] });
+};
+var DialBooleanInput = ({
+  name,
+  label,
+  col = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? false;
+  const orientation = col ? "horizontal" : "vertical";
+  if (!label) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVJN3GGLZ_cjs.Switch,
+      {
+        checked: value,
+        onCheckedChange: (checked) => setValue(name, checked)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkI22QSUB7_cjs.Layout, { orientation, align: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label || name }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkVJN3GGLZ_cjs.Switch,
+      {
+        checked: value,
+        onCheckedChange: (checked) => setValue(name, checked)
+      }
+    )
+  ] });
+};
+var DialSelectInput = ({
+  name,
+  options = [],
+  label,
+  col = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name);
+  const containerClass = col ? "flex flex-col gap-1" : "flex flex-row gap-2 items-center";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700", children: label || name }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "select",
+      {
+        value,
+        onChange: (e) => {
+          const val = e.target.value;
+          const parsed = !isNaN(Number(val)) ? Number(val) : val;
+          setValue(name, parsed);
+        },
+        className: "px-2 py-1 border rounded-md text-sm",
+        children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: opt, children: opt }, i))
+      }
+    )
+  ] });
+};
+var DialSliderInput = ({
+  name,
+  min = 0,
+  max = 100,
+  step = 1,
+  label,
+  col = false
+}) => {
+  const { getValue, setValue } = chunkAFJ6DMZW_cjs.useDialSchema();
+  const value = getValue(name) ?? min;
+  const containerClass = col ? "flex flex-col gap-1" : "flex flex-row gap-2 items-center";
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: containerClass, children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-gray-700", children: label || name }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "range",
+          value,
+          min,
+          max,
+          step,
+          onChange: (e) => setValue(name, parseFloat(e.target.value)),
+          className: "flex-1"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-600 w-12 text-right", children: value })
+    ] })
+  ] });
+};
+
+exports.DialBooleanInput = DialBooleanInput;
+exports.DialCmInput = DialCmInput;
+exports.DialDegInput = DialDegInput;
+exports.DialEulerDegInput = DialEulerDegInput;
+exports.DialEulerInput = DialEulerInput;
+exports.DialInchInput = DialInchInput;
+exports.DialIntInput = DialIntInput;
+exports.DialNumberInput = DialNumberInput;
+exports.DialPanel = DialPanel;
+exports.DialQuaternionInput = DialQuaternionInput;
+exports.DialRadInput = DialRadInput;
+exports.DialSelectInput = DialSelectInput;
+exports.DialSliderInput = DialSliderInput;
+exports.DialTimeInput = DialTimeInput;
+exports.DialVec3Input = DialVec3Input;
+exports.DialVectorInput = DialVectorInput2;
+exports.DialVectorInput2 = DialVectorInput;
+exports.DialVectorNInput = DialVectorNInput;