@vuer-ai/vuer-uikit 0.0.108 → 0.0.109

package/dist/SyncScroll/SyncScroll.cjs

@@ -2,7 +2,6 @@
 
 var chunkG5JZGNKY_cjs = require('../chunk-G5JZGNKY.cjs');
 require('../chunk-QN4N4I3Z.cjs');
-require('../chunk-LBWMTA5T.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
 require('../chunk-VXZURKMQ.cjs');
@@ -10,6 +9,7 @@ require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
 require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 require('../chunk-G4FJGNY5.cjs');
 

package/dist/SyncScroll/SyncScroll.mjs

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

package/dist/SyncScroll/index.cjs

@@ -3,7 +3,6 @@
 require('../chunk-JMCH2AFN.cjs');
 var chunkG5JZGNKY_cjs = require('../chunk-G5JZGNKY.cjs');
 require('../chunk-QN4N4I3Z.cjs');
-require('../chunk-LBWMTA5T.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
 require('../chunk-VXZURKMQ.cjs');
@@ -11,6 +10,7 @@ require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
 require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
 

package/dist/SyncScroll/index.mjs

@@ -1,7 +1,6 @@
 import '../chunk-BNDRHLLZ.mjs';
 export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-PDOFOJ4P.mjs';
 import '../chunk-F7ZHPSLA.mjs';
-import '../chunk-IDUVYPN7.mjs';
 import '../chunk-3QT5VABC.mjs';
 import '../chunk-XHJDRQD7.mjs';
 import '../chunk-LQOPO4KU.mjs';
@@ -9,5 +8,6 @@ import '../chunk-U3LN5NB6.mjs';
 import '../chunk-IZARTVYN.mjs';
 import '../chunk-VA4LUFKD.mjs';
 import '../chunk-4F2GSF2T.mjs';
+import '../chunk-IDUVYPN7.mjs';
 import '../chunk-HMN4IKTG.mjs';
 export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';

package/dist/{chunk-M4IHJGJE.cjs → chunk-ASR6OXVT.cjs}

@@ -34,7 +34,8 @@ var labelVariants = classVarianceAuthority.cva(
       size: {
         xs: "text-xxs",
         sm: "text-xs",
-        lg: "text-md"
+        lg: "text-md",
+        hint: "text-hint text-muted-foreground"
       }
     },
     defaultVariants: {

package/dist/{chunk-R2WPT5VM.mjs → chunk-DQUI3PIU.mjs}

@@ -2,9 +2,9 @@ import { cn } from './chunk-HMN4IKTG.mjs';
 import { GitBranch } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.108" ;
+var PACKAGE_VERSION = "0.0.109" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "0c6ea7b" ;
+var GIT_HASH = "08eb0b9" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-GZBZMYJM.cjs → chunk-QIYGXPLM.cjs}

@@ -1,36 +1,40 @@
 'use strict';
 
-var chunkNSUFTZNC_cjs = require('./chunk-NSUFTZNC.cjs');
-var chunkHN3AMWUM_cjs = require('./chunk-HN3AMWUM.cjs');
-var chunkD5WOPTKY_cjs = require('./chunk-D5WOPTKY.cjs');
-var chunk2EG65KGO_cjs = require('./chunk-2EG65KGO.cjs');
 var chunkAJQEHMYV_cjs = require('./chunk-AJQEHMYV.cjs');
 var chunkPTCDBU72_cjs = require('./chunk-PTCDBU72.cjs');
 var chunk64L2SNKA_cjs = require('./chunk-64L2SNKA.cjs');
 var chunkEAXBNWXE_cjs = require('./chunk-EAXBNWXE.cjs');
-var chunkJFIAWTRH_cjs = require('./chunk-JFIAWTRH.cjs');
+var chunkNSUFTZNC_cjs = require('./chunk-NSUFTZNC.cjs');
+var chunkHN3AMWUM_cjs = require('./chunk-HN3AMWUM.cjs');
 var chunkAOV3ADTV_cjs = require('./chunk-AOV3ADTV.cjs');
 var chunkA2UZY7Y2_cjs = require('./chunk-A2UZY7Y2.cjs');
+var chunkD5WOPTKY_cjs = require('./chunk-D5WOPTKY.cjs');
+var chunk2EG65KGO_cjs = require('./chunk-2EG65KGO.cjs');
+var chunkJFIAWTRH_cjs = require('./chunk-JFIAWTRH.cjs');
+var chunk2WD4ZL27_cjs = require('./chunk-2WD4ZL27.cjs');
 var chunkZRRCYQ53_cjs = require('./chunk-ZRRCYQ53.cjs');
 var chunk7GJVMFKJ_cjs = require('./chunk-7GJVMFKJ.cjs');
 var chunk5XBMFADS_cjs = require('./chunk-5XBMFADS.cjs');
-var chunk2WD4ZL27_cjs = require('./chunk-2WD4ZL27.cjs');
 var chunkEKPJUR3U_cjs = require('./chunk-EKPJUR3U.cjs');
 var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
-var chunkM4IHJGJE_cjs = require('./chunk-M4IHJGJE.cjs');
+var chunkASR6OXVT_cjs = require('./chunk-ASR6OXVT.cjs');
 var chunkUASPJ57U_cjs = require('./chunk-UASPJ57U.cjs');
+var chunkRMK6W774_cjs = require('./chunk-RMK6W774.cjs');
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
-var chunkRMK6W774_cjs = require('./chunk-RMK6W774.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
-var DialInputWrapper = ({ label, children }) => {
+var DialInputWrapper = ({
+  label,
+  labelPosition = "top",
+  children
+}) => {
   if (!label) {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
-    children
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: `label-${labelPosition}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children })
   ] });
 };
 var DialVec3Input = ({
@@ -54,7 +58,7 @@ var DialVec3Input = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkHN3AMWUM_cjs.Vec3Input,
       {
         value,
@@ -86,7 +90,7 @@ var DialEulerInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunk2EG65KGO_cjs.EulerInput,
       {
         value,
@@ -118,7 +122,7 @@ var DialEulerDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkD5WOPTKY_cjs.EulerDegInput,
       {
         value,
@@ -150,7 +154,7 @@ var DialQuaternionInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkEAXBNWXE_cjs.QuaternionInput,
       {
         value,
@@ -183,7 +187,7 @@ var DialVectorInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkJFIAWTRH_cjs.VectorInput,
       {
         value,
@@ -215,7 +219,7 @@ var DialIntInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk64L2SNKA_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk64L2SNKA_cjs.IntInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialDegInput = ({
@@ -239,7 +243,7 @@ var DialDegInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialRadInput = ({
@@ -263,7 +267,7 @@ var DialRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5XBMFADS_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunk5XBMFADS_cjs.RadInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialCmInput = ({
@@ -287,7 +291,7 @@ var DialCmInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAOV3ADTV_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkAOV3ADTV_cjs.CmInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialInchInput = ({
@@ -311,7 +315,7 @@ var DialInchInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPTCDBU72_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkPTCDBU72_cjs.InchInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTimeInput = ({
@@ -335,7 +339,7 @@ var DialTimeInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkNSUFTZNC_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkNSUFTZNC_cjs.TimeInput, { value, onChange: (val) => setValue(name, val), size, step }) });
   }
 };
 var DialTextInput = ({
@@ -359,7 +363,7 @@ var DialTextInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunk2WD4ZL27_cjs.TextInput,
       {
         value,
@@ -392,7 +396,7 @@ var DialEulerRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkAJQEHMYV_cjs.EulerRadInput,
       {
         value,
@@ -430,7 +434,7 @@ var DialNumberRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsxRuntime.jsx(chunkA2UZY7Y2_cjs.DegInput, { value: degValue, onChange: handleChange, size, step }) });
   }
 };
 var DialInputWrapper2 = ({ label, children }) => {
@@ -438,7 +442,7 @@ var DialInputWrapper2 = ({ label, children }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
     children
   ] });
 };
@@ -461,7 +465,7 @@ var DialPresetsInput = ({
   }
   if (labelPosition === "inline") {
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+      label && /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
       /* @__PURE__ */ jsxRuntime.jsx(
         chunk7GJVMFKJ_cjs.PresetsInput,
         {
@@ -546,7 +550,7 @@ var DialVectorInput2 = ({
     return inputComponent;
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
       schema.helpText && /* @__PURE__ */ jsxRuntime.jsx(
         "span",
@@ -560,7 +564,11 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
-var DialPanel = ({ schemas, groups: groupConfigs, labelLayout }) => {
+var DialPanel = ({
+  schemas,
+  groups: groupConfigs,
+  labelLayout
+}) => {
   const groupConfigMap = {};
   if (groupConfigs) {
     groupConfigs.forEach((config) => {
@@ -632,7 +640,15 @@ var DialPanel = ({ schemas, groups: groupConfigs, labelLayout }) => {
       case "number-group":
         return /* @__PURE__ */ jsxRuntime.jsx(DialVectorInput2, { name, label }, name);
       case "boolean":
-        return /* @__PURE__ */ jsxRuntime.jsx(DialBooleanInput, { name, label, labelPosition: effectiveLabelPosition }, name);
+        return /* @__PURE__ */ jsxRuntime.jsx(
+          DialBooleanInput,
+          {
+            name,
+            label,
+            labelPosition: effectiveLabelPosition
+          },
+          name
+        );
       case "number-slider":
         return /* @__PURE__ */ jsxRuntime.jsx(
           DialSliderInput,
@@ -755,7 +771,7 @@ var DialInputWrapper3 = ({ label, children }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(chunkUASPJ57U_cjs.FormLayout, { orientation: "label-top", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
     children
   ] });
 };
@@ -796,7 +812,7 @@ var DialBooleanInput = ({ name, label, labelPosition }) => {
     return /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps });
   }
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkM4IHJGJE_cjs.Label, { size: "sm", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkASR6OXVT_cjs.Label, { size: "sm", children: label }),
     /* @__PURE__ */ jsxRuntime.jsx(chunkVJN3GGLZ_cjs.Switch, { ...switchProps })
   ] });
 };

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

@@ -1,34 +1,38 @@
-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 { TimeInput } from './chunk-JUSFLIU5.mjs';
+import { Vec3Input } from './chunk-SYX6TMCQ.mjs';
 import { CmInput } from './chunk-PTGMHZFS.mjs';
 import { DegInput } from './chunk-CGUQWS2I.mjs';
+import { EulerDegInput } from './chunk-24IUD6Q3.mjs';
+import { EulerInput } from './chunk-ZNM6PNI6.mjs';
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
+import { TextInput } from './chunk-3VVQWVDE.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 { Slider } from './chunk-Y6WGGVT2.mjs';
 import { Switch } from './chunk-AZBJB6KC.mjs';
-import { Label } from './chunk-42UBHC2D.mjs';
+import { Label } from './chunk-YPQEJEB7.mjs';
 import { FormLayout } from './chunk-NRQJX772.mjs';
+import { useDialSchema } from './chunk-3HEZVWRW.mjs';
 import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
 import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-KJH46JR3.mjs';
-import { useDialSchema } from './chunk-3HEZVWRW.mjs';
 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 +56,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 +88,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 +120,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 +152,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 +185,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 +217,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 +241,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 +265,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 +289,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 +313,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 +337,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 +361,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 +394,7 @@ var DialEulerRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(
       EulerRadInput,
       {
         value,
@@ -428,7 +432,7 @@ var DialNumberRadInput = ({
       }
     );
   } else {
-    return /* @__PURE__ */ jsx(DialInputWrapper, { label, children: /* @__PURE__ */ jsx(DegInput, { value: degValue, onChange: handleChange, size, step }) });
+    return /* @__PURE__ */ jsx(DialInputWrapper, { name, label, children: /* @__PURE__ */ jsx(DegInput, { value: degValue, onChange: handleChange, size, step }) });
   }
 };
 var DialInputWrapper2 = ({ label, children }) => {
@@ -558,7 +562,11 @@ var DialVectorInput2 = ({
     ] })
   ] });
 };
-var DialPanel = ({ schemas, groups: groupConfigs, labelLayout }) => {
+var DialPanel = ({
+  schemas,
+  groups: groupConfigs,
+  labelLayout
+}) => {
   const groupConfigMap = {};
   if (groupConfigs) {
     groupConfigs.forEach((config) => {
@@ -630,7 +638,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,

package/dist/{chunk-OYQJVHKA.cjs → chunk-SHT4BJOB.cjs}

@@ -4,9 +4,9 @@ var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var PACKAGE_VERSION = "0.0.108" ;
+var PACKAGE_VERSION = "0.0.109" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "0c6ea7b" ;
+var GIT_HASH = "08eb0b9" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-42UBHC2D.mjs → chunk-YPQEJEB7.mjs}

@@ -11,7 +11,8 @@ var labelVariants = cva(
       size: {
         xs: "text-xxs",
         sm: "text-xs",
-        lg: "text-md"
+        lg: "text-md",
+        hint: "text-hint text-muted-foreground"
       }
     },
     defaultVariants: {

package/dist/dial/DialPanel.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkGZBZMYJM_cjs = require('../chunk-GZBZMYJM.cjs');
+var chunkQIYGXPLM_cjs = require('../chunk-QIYGXPLM.cjs');
 require('../chunk-KFPS5CCR.cjs');
 require('../chunk-7RHQ6DVU.cjs');
 require('../chunk-WJL5HMO6.cjs');
@@ -18,13 +18,6 @@ require('../chunk-JWVH6R35.cjs');
 require('../chunk-MVAFOQ67.cjs');
 require('../chunk-TUYG6BYZ.cjs');
 require('../chunk-G2ZYONQO.cjs');
-require('../chunk-E6G4MTX3.cjs');
-require('../chunk-4AE2TOOL.cjs');
-require('../chunk-A5VRTIX4.cjs');
-require('../chunk-WX7SLJUA.cjs');
-require('../chunk-LBGZKACW.cjs');
-require('../chunk-UULSGVNF.cjs');
-require('../chunk-BFFOS7Z3.cjs');
 require('../chunk-LGOEGWMJ.cjs');
 require('../chunk-Y5SVZCPQ.cjs');
 require('../chunk-KR7VBV3B.cjs');
@@ -32,26 +25,33 @@ require('../chunk-WHV4VATL.cjs');
 require('../chunk-5JPYU5A6.cjs');
 require('../chunk-HAVTMZR3.cjs');
 require('../chunk-4H5EXSBN.cjs');
+require('../chunk-E6G4MTX3.cjs');
+require('../chunk-WX7SLJUA.cjs');
+require('../chunk-4AE2TOOL.cjs');
+require('../chunk-A5VRTIX4.cjs');
+require('../chunk-BFFOS7Z3.cjs');
+require('../chunk-LBGZKACW.cjs');
+require('../chunk-UULSGVNF.cjs');
 require('../chunk-63OJOP6W.cjs');
 require('../chunk-DECFNBXU.cjs');
-require('../chunk-NSUFTZNC.cjs');
-require('../chunk-HN3AMWUM.cjs');
-require('../chunk-D5WOPTKY.cjs');
-require('../chunk-2EG65KGO.cjs');
 require('../chunk-AJQEHMYV.cjs');
 require('../chunk-PTCDBU72.cjs');
 require('../chunk-64L2SNKA.cjs');
 require('../chunk-JFJRNNPQ.cjs');
 require('../chunk-EAXBNWXE.cjs');
-require('../chunk-JFIAWTRH.cjs');
+require('../chunk-NSUFTZNC.cjs');
+require('../chunk-HN3AMWUM.cjs');
 require('../chunk-AOV3ADTV.cjs');
 require('../chunk-A2UZY7Y2.cjs');
+require('../chunk-D5WOPTKY.cjs');
+require('../chunk-2EG65KGO.cjs');
+require('../chunk-JFIAWTRH.cjs');
+require('../chunk-2WD4ZL27.cjs');
 require('../chunk-ZRRCYQ53.cjs');
 require('../chunk-7GJVMFKJ.cjs');
 require('../chunk-JYIVDUDL.cjs');
 require('../chunk-5XBMFADS.cjs');
 require('../chunk-GOGJVFRN.cjs');
-require('../chunk-2WD4ZL27.cjs');
 require('../chunk-KQAZ6BRD.cjs');
 require('../chunk-ZZDIW5JV.cjs');
 require('../chunk-SBTB5YJV.cjs');
@@ -80,17 +80,18 @@ require('../chunk-XURKXOZK.cjs');
 require('../chunk-SPNDWTSX.cjs');
 require('../chunk-VQP3QBC6.cjs');
 require('../chunk-HA6M4XKT.cjs');
-require('../chunk-M4IHJGJE.cjs');
+require('../chunk-ASR6OXVT.cjs');
 require('../chunk-UASPJ57U.cjs');
 require('../chunk-YQ5KKJQ3.cjs');
 require('../chunk-VLOFKTSL.cjs');
 require('../chunk-5PHGYFZ3.cjs');
-require('../chunk-OYQJVHKA.cjs');
+require('../chunk-SHT4BJOB.cjs');
 require('../chunk-Q2HC5ZL4.cjs');
 require('../chunk-QHAGQCVF.cjs');
 require('../chunk-4WRTIOGZ.cjs');
 require('../chunk-B55SNJJM.cjs');
 require('../chunk-EFZ746FR.cjs');
+require('../chunk-RMK6W774.cjs');
 require('../chunk-5PDZWPUI.cjs');
 require('../chunk-WRKB3W2J.cjs');
 require('../chunk-LQGXG373.cjs');
@@ -101,11 +102,9 @@ require('../chunk-HBIZQDDS.cjs');
 require('../chunk-T3G35JSP.cjs');
 require('../chunk-WJY6BMVR.cjs');
 require('../chunk-P6DICGAV.cjs');
-require('../chunk-RMK6W774.cjs');
 require('../chunk-JMCH2AFN.cjs');
 require('../chunk-G5JZGNKY.cjs');
 require('../chunk-QN4N4I3Z.cjs');
-require('../chunk-LBWMTA5T.cjs');
 require('../chunk-Q7E73DVJ.cjs');
 require('../chunk-JR4TVE43.cjs');
 require('../chunk-VXZURKMQ.cjs');
@@ -113,6 +112,7 @@ require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
 require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
+require('../chunk-LBWMTA5T.cjs');
 require('../chunk-OHIB3TEN.cjs');
 require('../chunk-G4FJGNY5.cjs');
 
@@ -120,5 +120,5 @@ require('../chunk-G4FJGNY5.cjs');
 
 Object.defineProperty(exports, "DialPanel", {
   enumerable: true,
-  get: function () { return chunkGZBZMYJM_cjs.DialPanel; }
+  get: function () { return chunkQIYGXPLM_cjs.DialPanel; }
 });