@vuer-ai/vuer-uikit 0.0.104 → 0.0.106

package/src/dial/DialPanel.tsx

@@ -19,9 +19,10 @@ import {
 interface DialSchemaRendererProps {
   schemas: DialSchema[];
   groups?: DialGroupConfig[];
+  labelLayout?: LabelPositionT;
 }
 
-export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups: groupConfigs }) => {
+export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups: groupConfigs, labelLayout }) => {
   // Create a map of group configurations for easy lookup
   const groupConfigMap: Record<string, DialGroupConfig> = {};
 
@@ -64,7 +65,8 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
   // Render a single schema item as an input component
   const renderSchemaInput = (schema: DialSchema) => {
     const { name, dtype, min, max, step, options, tags } = schema;
-    const labelPosition = tags?.labelPosition as LabelPositionT;
+    // Use schema's label position if specified, otherwise fall back to panel's labelLayout prop
+    const effectiveLabelPosition = (tags?.labelPosition as LabelPositionT) || labelLayout;
     const label = schema.label || (name.charAt(0).toUpperCase() + name.slice(1));
 
     // Choose the right input component based on dtype
@@ -76,7 +78,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             name={name}
             label={label}
             step={step}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -87,7 +89,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             name={name}
             label={label}
             step={step}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -98,7 +100,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             name={name}
             label={label}
             step={step}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -110,7 +112,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
 
       case "boolean":
         return (
-          <DialBooleanInput key={name} name={name} label={label} labelPosition={labelPosition} />
+          <DialBooleanInput key={name} name={name} label={label} labelPosition={effectiveLabelPosition} />
         );
 
       case "number-slider":
@@ -123,7 +125,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             min={min}
             max={max}
             step={step}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -135,7 +137,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             name={name}
             label={label}
             step={step || 1}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -147,7 +149,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             name={name}
             label={label}
             step={step}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -162,7 +164,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
               min={min}
               max={max}
               step={step}
-              labelPosition={labelPosition}
+              labelPosition={effectiveLabelPosition}
             />
           );
         }
@@ -175,7 +177,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
               name={name}
               label={label}
               options={options}
-              labelPosition={labelPosition}
+              labelPosition={effectiveLabelPosition}
             />
           );
         }
@@ -189,7 +191,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             min={min}
             max={max}
             step={step}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 
@@ -206,7 +208,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
               name={name}
               label={label}
               options={options}
-              labelPosition={labelPosition}
+              labelPosition={effectiveLabelPosition}
             />
           );
         }
@@ -217,7 +219,7 @@ export const DialPanel: React.FC<DialSchemaRendererProps> = ({ schemas, groups:
             name={name}
             label={label}
             placeholder={`Enter ${label.toLowerCase()}`}
-            labelPosition={labelPosition}
+            labelPosition={effectiveLabelPosition}
           />
         );
 

package/dist/{chunk-XFTKHT2M.cjs → chunk-3OISKBWF.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
+var chunk4B44SRRP_cjs = require('./chunk-4B44SRRP.cjs');
 var chunkPB4UO2NR_cjs = require('./chunk-PB4UO2NR.cjs');
 var chunk4CPB3XHE_cjs = require('./chunk-4CPB3XHE.cjs');
-var chunk4B44SRRP_cjs = require('./chunk-4B44SRRP.cjs');
 var react = require('react');
 
 var useVuerMethod = () => {

package/dist/{chunk-5PDZWPUI.cjs → chunk-A5LCX2UQ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkP6DICGAV_cjs = require('./chunk-P6DICGAV.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkP6DICGAV_cjs = require('./chunk-P6DICGAV.cjs');
 var react = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-PDOFOJ4P.mjs → chunk-BEJIZ56L.mjs}

@@ -1,5 +1,5 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
 import { useSyncScroll, useScrollSlave, useSyncDrag } from './chunk-SAGQV2YZ.mjs';
+import { cn } from './chunk-HMN4IKTG.mjs';
 import { Slot } from '@radix-ui/react-slot';
 import { useState, useRef, useEffect } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-T2D6PSA6.cjs → chunk-ESNLTYQD.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkWTYBTOLO_cjs = require('./chunk-WTYBTOLO.cjs');
 var chunkZULCZ5L6_cjs = require('./chunk-ZULCZ5L6.cjs');
+var chunkWTYBTOLO_cjs = require('./chunk-WTYBTOLO.cjs');
 var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-AKVHFPXH.mjs → chunk-T7XGQO7C.mjs}

@@ -1,6 +1,6 @@
+import { useVuerAuth } from './chunk-3IVDCAFM.mjs';
 import { signInHandler } from './chunk-XGM57WPN.mjs';
 import { signOutHandler } from './chunk-CGODCUQ5.mjs';
-import { useVuerAuth } from './chunk-3IVDCAFM.mjs';
 import { useCallback, useMemo } from 'react';
 
 var useVuerMethod = () => {

package/dist/{chunk-5HS4PMUR.mjs → chunk-THNR4QYH.mjs}

@@ -1,5 +1,5 @@
-import { getSession } from './chunk-T57VFBIC.mjs';
 import { AuthContext } from './chunk-TC3W4VRO.mjs';
+import { getSession } from './chunk-T57VFBIC.mjs';
 import { bearerToken } from './chunk-276VJZCV.mjs';
 import { useState, useCallback, useEffect, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/{chunk-G5JZGNKY.cjs → chunk-VBBJSIY7.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
+var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');

package/dist/{chunk-AUENXQXS.mjs → chunk-WWGF6TBZ.mjs}

@@ -1,5 +1,5 @@
-import { CursorContext } from './chunk-3FR3WKI4.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
+import { CursorContext } from './chunk-3FR3WKI4.mjs';
 import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';