@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/README.md

@@ -207,6 +207,34 @@ echo "Metadata generation complete!"
 
 For more examples and documentation, visit [uikit.vuer.ai/dial](https://uikit.vuer.ai/dial)
 
+#### Using Dial with Claude Code
+
+We provide three focused Claude Code skills to assist with different aspects of the Dial system:
+
+**Skill 1: dial-cli** - For CLI tool assistance
+```bash
+/skill add https://raw.githubusercontent.com/vuer-ai/vuer-uikit/main/skills/dial-cli/SKILL.md
+```
+
+**Skill 2: dial** - For runtime component integration
+```bash
+/skill add https://raw.githubusercontent.com/vuer-ai/vuer-uikit/main/skills/dial/SKILL.md
+```
+
+**Skill 3: vuer-uikit** - For UI component library
+```bash
+/skill add https://raw.githubusercontent.com/vuer-ai/vuer-uikit/main/skills/uikit/SKILL.md
+```
+
+**Or add all to your project's CLAUDE.md file:**
+```markdown
+@import https://raw.githubusercontent.com/vuer-ai/vuer-uikit/main/skills/dial-cli/SKILL.md
+@import https://raw.githubusercontent.com/vuer-ai/vuer-uikit/main/skills/dial/SKILL.md
+@import https://raw.githubusercontent.com/vuer-ai/vuer-uikit/main/skills/uikit/SKILL.md
+```
+
+Each skill provides focused reference information for its domain.
+
 ## Customizing your theme
 
 Configuration is managed and applied via the [Theme](/themes/docs/components/theme) component.

package/dist/SyncScroll/SyncScroll.cjs

@@ -1,45 +1,45 @@
 'use strict';
 
-var chunkW3IHFG4B_cjs = require('../chunk-W3IHFG4B.cjs');
+var chunkZG33TW5I_cjs = require('../chunk-ZG33TW5I.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-YZIR6LIY.cjs');
 require('../chunk-GEGPGQVH.cjs');
-require('../chunk-CRX2ZCM2.cjs');
+require('../chunk-LBWMTA5T.cjs');
+require('../chunk-Q7E73DVJ.cjs');
+require('../chunk-DVUN6GQI.cjs');
+require('../chunk-VXZURKMQ.cjs');
+require('../chunk-6LTCLQH3.cjs');
 require('../chunk-G4FJGNY5.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDrag; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragSlave; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragSlaveX; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragX; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragX; }
 });
 Object.defineProperty(exports, "SyncDragY", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragY; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragY; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncScroll; }
+  get: function () { return chunkZG33TW5I_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncScrollSlave; }
+  get: function () { return chunkZG33TW5I_cjs.SyncScrollSlave; }
 });

package/dist/SyncScroll/SyncScroll.mjs

@@ -1,12 +1,12 @@
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-T4U3BG2V.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-EGJLY5VZ.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-VA4LUFKD.mjs';
 import '../chunk-4NABYVCK.mjs';
-import '../chunk-T66ETI7E.mjs';
+import '../chunk-IDUVYPN7.mjs';
+import '../chunk-3QT5VABC.mjs';
+import '../chunk-H3JRYX2U.mjs';
+import '../chunk-LQOPO4KU.mjs';
+import '../chunk-HBEU2PU2.mjs';
 import '../chunk-SAGQV2YZ.mjs';

package/dist/SyncScroll/index.cjs

@@ -1,48 +1,48 @@
 'use strict';
 
 require('../chunk-JMCH2AFN.cjs');
-var chunkW3IHFG4B_cjs = require('../chunk-W3IHFG4B.cjs');
+var chunkZG33TW5I_cjs = require('../chunk-ZG33TW5I.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-YZIR6LIY.cjs');
 require('../chunk-GEGPGQVH.cjs');
-require('../chunk-CRX2ZCM2.cjs');
+require('../chunk-LBWMTA5T.cjs');
+require('../chunk-Q7E73DVJ.cjs');
+require('../chunk-DVUN6GQI.cjs');
+require('../chunk-VXZURKMQ.cjs');
+require('../chunk-6LTCLQH3.cjs');
 var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDrag; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragSlave; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragSlaveX; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragX; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragX; }
 });
 Object.defineProperty(exports, "SyncDragY", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncDragY; }
+  get: function () { return chunkZG33TW5I_cjs.SyncDragY; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncScroll; }
+  get: function () { return chunkZG33TW5I_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunkW3IHFG4B_cjs.SyncScrollSlave; }
+  get: function () { return chunkZG33TW5I_cjs.SyncScrollSlave; }
 });
 Object.defineProperty(exports, "SyncScrollProvider", {
   enumerable: true,

package/dist/SyncScroll/index.mjs

@@ -1,13 +1,13 @@
 import '../chunk-BNDRHLLZ.mjs';
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-T4U3BG2V.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-EGJLY5VZ.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-VA4LUFKD.mjs';
 import '../chunk-4NABYVCK.mjs';
-import '../chunk-T66ETI7E.mjs';
+import '../chunk-IDUVYPN7.mjs';
+import '../chunk-3QT5VABC.mjs';
+import '../chunk-H3JRYX2U.mjs';
+import '../chunk-LQOPO4KU.mjs';
+import '../chunk-HBEU2PU2.mjs';
 export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';

package/dist/SyncScroll/useSyncScroll.d.cts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { RefObject } from 'react';
+import React__default, { RefObject } from 'react';
 
 type ScrollRole = "master" | "slave" | "drag";
 interface SyncScrollProviderProps {
-    children: react__default.ReactNode;
+    children: React__default.ReactNode;
 }
 /**
  * Provider component that manages synchronized scrolling between multiple elements.
@@ -35,7 +35,7 @@ interface UseSyncScrollOptions extends BaseScrollOptions {
  * }
  * ```
  */
-declare function useSyncScroll(options?: BaseScrollOptions): react__default.RefObject<HTMLDivElement | null>;
+declare function useSyncScroll(options?: BaseScrollOptions): React__default.RefObject<HTMLDivElement | null>;
 /**
  * Hook for a slave scroll element that is controlled by masters.
  * Slaves can sync with other slaves but cannot control masters.
@@ -48,7 +48,7 @@ declare function useSyncScroll(options?: BaseScrollOptions): react__default.RefO
  * }
  * ```
  */
-declare function useScrollSlave(options?: BaseScrollOptions): react__default.RefObject<HTMLDivElement | null>;
+declare function useScrollSlave(options?: BaseScrollOptions): React__default.RefObject<HTMLDivElement | null>;
 /**
  * Hook for drag-controlled scrolling that acts like a master.
  * Typically used with custom drag handlers.
@@ -62,6 +62,6 @@ declare function useScrollSlave(options?: BaseScrollOptions): react__default.Ref
  * }
  * ```
  */
-declare function useSyncDrag(options?: BaseScrollOptions): react__default.RefObject<HTMLDivElement | null>;
+declare function useSyncDrag(options?: BaseScrollOptions): React__default.RefObject<HTMLDivElement | null>;
 
 export { type BaseScrollOptions, type ScrollRole, SyncScrollProvider, type UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll };

package/dist/SyncScroll/useSyncScroll.d.ts

@@ -1,9 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import react__default, { RefObject } from 'react';
+import React__default, { RefObject } from 'react';
 
 type ScrollRole = "master" | "slave" | "drag";
 interface SyncScrollProviderProps {
-    children: react__default.ReactNode;
+    children: React__default.ReactNode;
 }
 /**
  * Provider component that manages synchronized scrolling between multiple elements.
@@ -35,7 +35,7 @@ interface UseSyncScrollOptions extends BaseScrollOptions {
  * }
  * ```
  */
-declare function useSyncScroll(options?: BaseScrollOptions): react__default.RefObject<HTMLDivElement | null>;
+declare function useSyncScroll(options?: BaseScrollOptions): React__default.RefObject<HTMLDivElement | null>;
 /**
  * Hook for a slave scroll element that is controlled by masters.
  * Slaves can sync with other slaves but cannot control masters.
@@ -48,7 +48,7 @@ declare function useSyncScroll(options?: BaseScrollOptions): react__default.RefO
  * }
  * ```
  */
-declare function useScrollSlave(options?: BaseScrollOptions): react__default.RefObject<HTMLDivElement | null>;
+declare function useScrollSlave(options?: BaseScrollOptions): React__default.RefObject<HTMLDivElement | null>;
 /**
  * Hook for drag-controlled scrolling that acts like a master.
  * Typically used with custom drag handlers.
@@ -62,6 +62,6 @@ declare function useScrollSlave(options?: BaseScrollOptions): react__default.Ref
  * }
  * ```
  */
-declare function useSyncDrag(options?: BaseScrollOptions): react__default.RefObject<HTMLDivElement | null>;
+declare function useSyncDrag(options?: BaseScrollOptions): React__default.RefObject<HTMLDivElement | null>;
 
 export { type BaseScrollOptions, type ScrollRole, SyncScrollProvider, type UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll };

package/dist/{chunk-42WQWP6X.cjs → chunk-22T2AL3G.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var DialogPrimitive = require('@radix-ui/react-dialog');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -51,7 +51,7 @@ function ModalOverlay({ className, ...props }) {
     DialogPrimitive__namespace.Overlay,
     {
       "data-slot": "modal-overlay",
-      className: chunkCRX2ZCM2_cjs.cn(modalOverlayVariants(), className),
+      className: chunk6LTCLQH3_cjs.cn(modalOverlayVariants(), className),
       ...props
     }
   );
@@ -91,7 +91,7 @@ function ModalContent({
       DialogPrimitive__namespace.Content,
       {
         "data-slot": "modal-content",
-        className: chunkCRX2ZCM2_cjs.cn(modalContentVariants(), className),
+        className: chunk6LTCLQH3_cjs.cn(modalContentVariants(), className),
         ...props,
         children: [
           children,
@@ -99,7 +99,7 @@ function ModalContent({
             DialogPrimitive__namespace.Close,
             {
               "data-slot": "modal-close",
-              className: chunkCRX2ZCM2_cjs.cn(
+              className: chunk6LTCLQH3_cjs.cn(
                 "absolute",
                 "right-[16px]",
                 "top-[16px]",
@@ -125,14 +125,14 @@ function ModalContent({
   ] });
 }
 function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunkCRX2ZCM2_cjs.cn("flex flex-col", className), ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "modal-header", className: chunk6LTCLQH3_cjs.cn("flex flex-col", className), ...props });
 }
 function ModalTitle({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     DialogPrimitive__namespace.Title,
     {
       "data-slot": "modal-title",
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "text-text-highlight",
         "text-uk-lg",
         "leading-uk-lg",
@@ -151,7 +151,7 @@ function ModalDescription({ className, ...props }) {
     DialogPrimitive__namespace.Description,
     {
       "data-slot": "modal-description",
-      className: chunkCRX2ZCM2_cjs.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
+      className: chunk6LTCLQH3_cjs.cn("text-text-primary", "text-uk-md", "leading-uk-md", "text-start", className),
       ...props
     }
   );
@@ -161,7 +161,7 @@ function ModalFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "modal-footer",
-      className: chunkCRX2ZCM2_cjs.cn("w-full", "flex", "justify-end", "gap-xs", className),
+      className: chunk6LTCLQH3_cjs.cn("w-full", "flex", "justify-end", "gap-xs", className),
       ...props
     }
   );

package/dist/{chunk-NMRFBO43.mjs → chunk-2IMCDH5J.mjs}

@@ -1,10 +1,10 @@
-import { cn } from './chunk-T66ETI7E.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import { GitBranch } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.119" ;
+var PACKAGE_VERSION = "0.1.0" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "1f21475" ;
+var GIT_HASH = "75def5e" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-EOLUDKZ3.mjs → chunk-2J466BYZ.mjs}

@@ -1,6 +1,5 @@
-import { useTabsCursor, TabsCursorProvider } from './chunk-XMG3IVGZ.mjs';
-import { createClientOnlyComponent } from './chunk-4NABYVCK.mjs';
-import { cn } from './chunk-T66ETI7E.mjs';
+import { TabsCursorProvider, useTabsCursor } from './chunk-XMG3IVGZ.mjs';
+import { cn } from './chunk-HBEU2PU2.mjs';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';
@@ -14,7 +13,7 @@ var useTabsContext = () => {
   }
   return context;
 };
-function TabsRoot({ className, size = "base", ...props }) {
+function Tabs({ className, size = "base", ...props }) {
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
     TabsPrimitive.Root,
     {
@@ -24,10 +23,6 @@ function TabsRoot({ className, size = "base", ...props }) {
     }
   ) });
 }
-function TabsFallback({ className, size = "base", ...props }) {
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx("div", { "data-slot": "tabs", className: cn("flex w-full flex-col", className), ...props }) });
-}
-var Tabs = createClientOnlyComponent(TabsRoot, TabsFallback);
 var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
   variants: {
     size: {
@@ -40,33 +35,34 @@ var tabsListVariants = cva(["inline-flex", "items-center", "justify-center"], {
     size: "base"
   }
 });
-function TabsListRoot({ className, ...props }) {
-  const { setCursorTarget } = useTabsCursor();
+function TabsList({ className, onMouseLeave, ...props }) {
   const { size } = useTabsContext();
-  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
-    TabsPrimitive.List,
-    {
-      onMouseLeave: () => setCursorTarget(null),
-      "data-slot": "tabs-list",
-      className: cn(tabsListVariants({ size }), "justify-start", className),
-      ...props
-    }
-  ) });
+  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(TabsListInner, { className, size, onMouseLeave, ...props }) });
 }
-function TabsListFallback({ className, ...props }) {
-  const { size } = useTabsContext();
-  return /* @__PURE__ */ jsx(TabsCursorProvider, { children: /* @__PURE__ */ jsx(
-    "div",
+function TabsListInner({
+  className,
+  size,
+  onMouseLeave,
+  ...props
+}) {
+  const { setCursorTarget } = useTabsCursor();
+  const handleMouseLeave = (e) => {
+    setCursorTarget(null);
+    onMouseLeave?.(e);
+  };
+  return /* @__PURE__ */ jsx(
+    TabsPrimitive.List,
     {
+      onMouseLeave: handleMouseLeave,
       "data-slot": "tabs-list",
       className: cn(tabsListVariants({ size }), "justify-start", className),
       ...props
     }
-  ) });
+  );
 }
-var TabsList = createClientOnlyComponent(TabsListRoot, TabsListFallback);
 var tabsTriggerVariants = cva(
   [
+    "cursor-pointer",
     "inline-flex",
     "items-center",
     "justify-center",
@@ -80,8 +76,9 @@ var tabsTriggerVariants = cva(
     "shrink-0",
     "[&_svg]:shrink-0",
     "outline-none",
-    "text-text-primary",
+    "text-text-secondary",
     "data-[state=active]:bg-bg-secondary",
+    "data-[state=active]:text-text-primary",
     "data-[state=active]:font-medium"
   ],
   {
@@ -97,7 +94,7 @@ var tabsTriggerVariants = cva(
     }
   }
 );
-function TabsTriggerRoot({ className, ...props }) {
+function TabsTrigger({ className, ...props }) {
   const { setCursorTarget } = useTabsCursor();
   const { size } = useTabsContext();
   return /* @__PURE__ */ jsx(
@@ -110,21 +107,7 @@ function TabsTriggerRoot({ className, ...props }) {
     }
   );
 }
-function TabsTriggerFallback({ className, ...props }) {
-  const { setCursorTarget } = useTabsCursor();
-  const { size } = useTabsContext();
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      onMouseEnter: (e) => setCursorTarget(e.currentTarget),
-      "data-slot": "tabs-trigger",
-      className: cn(tabsTriggerVariants({ size }), className),
-      ...props
-    }
-  );
-}
-var TabsTrigger = createClientOnlyComponent(TabsTriggerRoot, TabsTriggerFallback);
-function TabsContentRoot({ className, ...props }) {
+function TabsContent({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
     {
@@ -134,9 +117,5 @@ function TabsContentRoot({ className, ...props }) {
     }
   );
 }
-function TabsContentFallback({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "tabs-content", className: cn("flex-1 outline-none", className), ...props });
-}
-var TabsContent = createClientOnlyComponent(TabsContentRoot, TabsContentFallback);
 
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+export { Tabs, TabsContent, TabsList, TabsListInner, TabsTrigger };

package/dist/{chunk-LVIZRMYN.cjs → chunk-2KBNQ5PY.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkASZIBFA6_cjs = require('./chunk-ASZIBFA6.cjs');
+var chunkUZTOUPJ7_cjs = require('./chunk-UZTOUPJ7.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var VectorInput = react.forwardRef(function VectorInput2({ labels, prefix, gridAutoFlow, columns, rows, layout, columnMajor, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkASZIBFA6_cjs.InputNumbers,
+    chunkUZTOUPJ7_cjs.InputNumbers,
     {
       ref,
       prefix: labels || prefix,

package/dist/{chunk-S7CCCMMU.cjs → chunk-34NDAZS6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var reactSlot = require('@radix-ui/react-slot');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -12,7 +12,10 @@ var DockLayout = react.forwardRef(
       {
         ref,
         ...props,
-        className: chunkCRX2ZCM2_cjs.cn("relative flex h-full w-full flex-col overflow-hidden", className)
+        className: chunk6LTCLQH3_cjs.cn(
+          "relative flex h-full w-full flex-col justify-between overflow-hidden",
+          className
+        )
       }
     );
   }
@@ -23,8 +26,8 @@ function DockLayoutContent({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
-        "relative flex flex-1 flex-col items-center justify-center overflow-auto",
+      className: chunk6LTCLQH3_cjs.cn(
+        "absolute inset-0 z-0 flex flex-1 flex-col items-center justify-center overflow-auto",
         className
       )
     }
@@ -36,8 +39,8 @@ function DockLayoutLeft({ className, asChild, ...props }) {
     Comp,
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
-        "bg-bg-primary flex h-full flex-shrink-0 flex-col items-start gap-4",
+      className: chunk6LTCLQH3_cjs.cn(
+        "bg-bg-primary z-20 flex h-full flex-shrink-0 flex-col items-start gap-4",
         className
       )
     }
@@ -48,7 +51,7 @@ function DockLayoutTop({ className, ...props }) {
     "div",
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn(
+      className: chunk6LTCLQH3_cjs.cn(
         "absolute top-4 left-1/2 z-20 flex -translate-x-1/2 transform items-start justify-center",
         className
       )
@@ -61,7 +64,10 @@ function DockLayoutRight({ className, asChild, ...props }) {
     Comp,
     {
       ...props,
-      className: chunkCRX2ZCM2_cjs.cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
+      className: chunk6LTCLQH3_cjs.cn(
+        "bg-bg-primary z-20 flex h-full flex-shrink-0 flex-col items-end gap-4",
+        className
+      )
     }
   );
 }
@@ -73,7 +79,10 @@ var DockLayoutBottom = react.forwardRef(
       {
         ref,
         ...props,
-        className: chunkCRX2ZCM2_cjs.cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
+        className: chunk6LTCLQH3_cjs.cn(
+          "bg-bg-primary z-20 inline-flex w-full flex-shrink-0 justify-center",
+          className
+        )
       }
     );
   }

package/dist/{chunk-DM43KZU7.cjs → chunk-3F3LBOQJ.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkCRX2ZCM2_cjs = require('./chunk-CRX2ZCM2.cjs');
+var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Skeleton({ className, ...props }) {
@@ -8,7 +8,7 @@ function Skeleton({ className, ...props }) {
     "div",
     {
       "data-slot": "skeleton",
-      className: chunkCRX2ZCM2_cjs.cn("bg-bg-secondary rounded-uk-sm animate-pulse", className),
+      className: chunk6LTCLQH3_cjs.cn("bg-bg-secondary rounded-uk-sm animate-pulse", className),
       ...props
     }
   );