@vuer-ai/vuer-uikit 0.0.63 → 0.0.66

package/dist/SyncScroll/SyncScroll.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var chunk4DPLDAHW_cjs = require('../chunk-4DPLDAHW.cjs');
+require('../chunk-G4FJGNY5.cjs');
+require('../chunk-5HZ6JUMF.cjs');
+require('../chunk-LZPXMTJ7.cjs');
+require('../chunk-B4UCHLYR.cjs');
+require('../chunk-Z3BZQSWV.cjs');
+require('../chunk-C7I2Y5NY.cjs');
+require('../chunk-RPTRTGC2.cjs');
+require('../chunk-DWD754BX.cjs');
+
+
+
+Object.defineProperty(exports, "SyncDrag", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDrag; }
+});
+Object.defineProperty(exports, "SyncDragSlave", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlave; }
+});
+Object.defineProperty(exports, "SyncDragSlaveX", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlaveX; }
+});
+Object.defineProperty(exports, "SyncDragX", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDragX; }
+});
+Object.defineProperty(exports, "SyncScroll", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncScroll; }
+});
+Object.defineProperty(exports, "SyncScrollSlave", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncScrollSlave; }
+});

package/dist/SyncScroll/SyncScroll.d.cts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLProps } from 'react';
+
+type SyncScrollProps = HTMLProps<HTMLDivElement> & {
+    asChild?: boolean;
+};
+declare const SyncScroll: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncScrollSlave: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDrag: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragX: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragSlave: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragSlaveX: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, type SyncScrollProps, SyncScrollSlave };

package/dist/SyncScroll/SyncScroll.d.ts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { HTMLProps } from 'react';
+
+type SyncScrollProps = HTMLProps<HTMLDivElement> & {
+    asChild?: boolean;
+};
+declare const SyncScroll: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncScrollSlave: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDrag: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragX: ({ children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragSlave: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+declare const SyncDragSlaveX: ({ ref: extRef, children, className, asChild, ...props }: SyncScrollProps) => react_jsx_runtime.JSX.Element;
+
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, type SyncScrollProps, SyncScrollSlave };

package/dist/SyncScroll/SyncScroll.mjs

@@ -0,0 +1,9 @@
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-MPB4237J.mjs';
+import '../chunk-SAGQV2YZ.mjs';
+import '../chunk-AYKQVWMR.mjs';
+import '../chunk-QG5Z4C65.mjs';
+import '../chunk-UGIIFY42.mjs';
+import '../chunk-IWH3T7TD.mjs';
+import '../chunk-PR4VD5F2.mjs';
+import '../chunk-4F2GSF2T.mjs';
+import '../chunk-KVFUDYD3.mjs';

package/dist/SyncScroll/index.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+require('../chunk-JMCH2AFN.cjs');
+var chunk4DPLDAHW_cjs = require('../chunk-4DPLDAHW.cjs');
+var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
+require('../chunk-5HZ6JUMF.cjs');
+require('../chunk-LZPXMTJ7.cjs');
+require('../chunk-B4UCHLYR.cjs');
+require('../chunk-Z3BZQSWV.cjs');
+require('../chunk-C7I2Y5NY.cjs');
+require('../chunk-RPTRTGC2.cjs');
+require('../chunk-DWD754BX.cjs');
+
+
+
+Object.defineProperty(exports, "SyncDrag", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDrag; }
+});
+Object.defineProperty(exports, "SyncDragSlave", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlave; }
+});
+Object.defineProperty(exports, "SyncDragSlaveX", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlaveX; }
+});
+Object.defineProperty(exports, "SyncDragX", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncDragX; }
+});
+Object.defineProperty(exports, "SyncScroll", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncScroll; }
+});
+Object.defineProperty(exports, "SyncScrollSlave", {
+  enumerable: true,
+  get: function () { return chunk4DPLDAHW_cjs.SyncScrollSlave; }
+});
+Object.defineProperty(exports, "SyncScrollProvider", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.SyncScrollProvider; }
+});
+Object.defineProperty(exports, "useScrollSlave", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.useScrollSlave; }
+});
+Object.defineProperty(exports, "useSyncDrag", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.useSyncDrag; }
+});
+Object.defineProperty(exports, "useSyncScroll", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.useSyncScroll; }
+});

package/dist/SyncScroll/index.d.cts

@@ -0,0 +1,4 @@
+export { BaseScrollOptions, ScrollRole, SyncScrollProvider, UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll } from './useSyncScroll.cjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll.cjs';
+import 'react/jsx-runtime';
+import 'react';

package/dist/SyncScroll/index.d.ts

@@ -0,0 +1,4 @@
+export { BaseScrollOptions, ScrollRole, SyncScrollProvider, UseSyncScrollOptions, useScrollSlave, useSyncDrag, useSyncScroll } from './useSyncScroll.js';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollProps, SyncScrollSlave } from './SyncScroll.js';
+import 'react/jsx-runtime';
+import 'react';

package/dist/SyncScroll/index.mjs

@@ -0,0 +1,10 @@
+import '../chunk-BNDRHLLZ.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-MPB4237J.mjs';
+export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';
+import '../chunk-AYKQVWMR.mjs';
+import '../chunk-QG5Z4C65.mjs';
+import '../chunk-UGIIFY42.mjs';
+import '../chunk-IWH3T7TD.mjs';
+import '../chunk-PR4VD5F2.mjs';
+import '../chunk-4F2GSF2T.mjs';
+import '../chunk-KVFUDYD3.mjs';

package/dist/SyncScroll/useSyncScroll.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
+
+
+
+Object.defineProperty(exports, "SyncScrollProvider", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.SyncScrollProvider; }
+});
+Object.defineProperty(exports, "useScrollSlave", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.useScrollSlave; }
+});
+Object.defineProperty(exports, "useSyncDrag", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.useSyncDrag; }
+});
+Object.defineProperty(exports, "useSyncScroll", {
+  enumerable: true,
+  get: function () { return chunkG4FJGNY5_cjs.useSyncScroll; }
+});

package/dist/SyncScroll/useSyncScroll.d.cts

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default, { RefObject } from 'react';
+
+type ScrollRole = "master" | "slave" | "drag";
+interface SyncScrollProviderProps {
+    children: react__default.ReactNode;
+}
+/**
+ * Provider component that manages synchronized scrolling between multiple elements.
+ * Supports master-slave relationships where masters can control slaves but not vice versa.
+ */
+declare function SyncScrollProvider({ children }: SyncScrollProviderProps): react_jsx_runtime.JSX.Element;
+interface BaseScrollOptions {
+    /** Whether to enable scroll syncing (default: true) */
+    enabled?: boolean;
+    /** Axis to sync: 'vertical', 'horizontal', or 'both' (default: 'vertical') */
+    axis?: "vertical" | "horizontal" | "both";
+    /** Optional ref to use instead of creating a new one */
+    ref?: RefObject<HTMLDivElement>;
+}
+interface UseSyncScrollOptions extends BaseScrollOptions {
+    /** Unique identifier for this scrollable element */
+    id?: string;
+    /** Role: 'master' (controls others), 'slave' (controlled by master), 'drag' (like master but for drag interactions) */
+    role?: ScrollRole;
+}
+/**
+ * Hook for a master scroll element that controls all other elements.
+ *
+ * @example
+ * ```tsx
+ * function MasterPanel() {
+ *   const scrollRef = useSyncScroll();
+ *   return <div ref={scrollRef}>...</div>;
+ * }
+ * ```
+ */
+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.
+ *
+ * @example
+ * ```tsx
+ * function SlavePanel() {
+ *   const scrollRef = useScrollSlave();
+ *   return <div ref={scrollRef}>...</div>;
+ * }
+ * ```
+ */
+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.
+ *
+ * @example
+ * ```tsx
+ * function DragPanel() {
+ *   const scrollRef = useSyncDrag();
+ *   // Add custom drag handling logic
+ *   return <div ref={scrollRef}>...</div>;
+ * }
+ * ```
+ */
+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

@@ -0,0 +1,67 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import react__default, { RefObject } from 'react';
+
+type ScrollRole = "master" | "slave" | "drag";
+interface SyncScrollProviderProps {
+    children: react__default.ReactNode;
+}
+/**
+ * Provider component that manages synchronized scrolling between multiple elements.
+ * Supports master-slave relationships where masters can control slaves but not vice versa.
+ */
+declare function SyncScrollProvider({ children }: SyncScrollProviderProps): react_jsx_runtime.JSX.Element;
+interface BaseScrollOptions {
+    /** Whether to enable scroll syncing (default: true) */
+    enabled?: boolean;
+    /** Axis to sync: 'vertical', 'horizontal', or 'both' (default: 'vertical') */
+    axis?: "vertical" | "horizontal" | "both";
+    /** Optional ref to use instead of creating a new one */
+    ref?: RefObject<HTMLDivElement>;
+}
+interface UseSyncScrollOptions extends BaseScrollOptions {
+    /** Unique identifier for this scrollable element */
+    id?: string;
+    /** Role: 'master' (controls others), 'slave' (controlled by master), 'drag' (like master but for drag interactions) */
+    role?: ScrollRole;
+}
+/**
+ * Hook for a master scroll element that controls all other elements.
+ *
+ * @example
+ * ```tsx
+ * function MasterPanel() {
+ *   const scrollRef = useSyncScroll();
+ *   return <div ref={scrollRef}>...</div>;
+ * }
+ * ```
+ */
+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.
+ *
+ * @example
+ * ```tsx
+ * function SlavePanel() {
+ *   const scrollRef = useScrollSlave();
+ *   return <div ref={scrollRef}>...</div>;
+ * }
+ * ```
+ */
+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.
+ *
+ * @example
+ * ```tsx
+ * function DragPanel() {
+ *   const scrollRef = useSyncDrag();
+ *   // Add custom drag handling logic
+ *   return <div ref={scrollRef}>...</div>;
+ * }
+ * ```
+ */
+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.mjs

@@ -0,0 +1 @@
+export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';

package/dist/{chunk-3LLZLTYM.js → chunk-2BWTIS6U.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var vaul = require('vaul');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -24,7 +24,7 @@ function DrawerOverlay({
     vaul.Drawer.Overlay,
     {
       "data-slot": "drawer-overlay",
-      className: chunkYUTSR2OT_js.cn(
+      className: chunkDWD754BX_cjs.cn(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 bg-bg-mask fixed inset-0 z-50",
         className
       ),
@@ -43,7 +43,7 @@ function DrawerContent({
       vaul.Drawer.Content,
       {
         "data-slot": "drawer-content",
-        className: chunkYUTSR2OT_js.cn(
+        className: chunkDWD754BX_cjs.cn(
           "group/drawer-content bg-bg-primary liquid:liquid-bg p-xl fixed z-50 flex h-auto flex-col shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
           "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh]",
           "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:pt-0",
@@ -65,7 +65,7 @@ function DrawerHeader({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-header",
-      className: chunkYUTSR2OT_js.cn("gap-md pb-xl flex flex-col", className),
+      className: chunkDWD754BX_cjs.cn("gap-md pb-xl flex flex-col", className),
       ...props
     }
   );
@@ -75,7 +75,7 @@ function DrawerFooter({ className, ...props }) {
     "div",
     {
       "data-slot": "drawer-footer",
-      className: chunkYUTSR2OT_js.cn("gap-lg pt-xl mt-auto flex flex-col", className),
+      className: chunkDWD754BX_cjs.cn("gap-lg pt-xl mt-auto flex flex-col", className),
       ...props
     }
   );
@@ -85,7 +85,7 @@ function DrawerTitle({ className, ...props }) {
     vaul.Drawer.Title,
     {
       "data-slot": "drawer-title",
-      className: chunkYUTSR2OT_js.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
+      className: chunkDWD754BX_cjs.cn("text-text-highlight text-uk-xl leading-uk-xl font-medium", className),
       ...props
     }
   );
@@ -98,7 +98,7 @@ function DrawerDescription({
     vaul.Drawer.Description,
     {
       "data-slot": "drawer-description",
-      className: chunkYUTSR2OT_js.cn("text-text-secondary text-uk-md leading-uk-md", className),
+      className: chunkDWD754BX_cjs.cn("text-text-secondary text-uk-md leading-uk-md", className),
       ...props
     }
   );

package/dist/{chunk-DWI3BFMZ.js → chunk-2CJREAQO.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkLWUN6L6Z_js = require('./chunk-LWUN6L6Z.js');
-var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
-var chunkOTPUWWEB_js = require('./chunk-OTPUWWEB.js');
+var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
+var chunkT3G35JSP_cjs = require('./chunk-T3G35JSP.cjs');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -13,19 +13,19 @@ function Pagination({ className, ...props }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: chunkYUTSR2OT_js.cn("mx-auto flex w-full justify-center", className),
+      className: chunkDWD754BX_cjs.cn("mx-auto flex w-full justify-center", className),
       ...props
     }
   );
 }
 function PaginationContent({ className, ...props }) {
-  const { setCursorTarget } = chunkOTPUWWEB_js.useTabsCursor();
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkOTPUWWEB_js.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkT3G35JSP_cjs.TabsCursorProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "ul",
     {
       onMouseLeave: () => setCursorTarget(null),
       "data-slot": "pagination-content",
-      className: chunkYUTSR2OT_js.cn("gap-xs flex flex-row items-center", className),
+      className: chunkDWD754BX_cjs.cn("gap-xs flex flex-row items-center", className),
       style: {
         marginBottom: "0px"
       },
@@ -34,7 +34,7 @@ function PaginationContent({ className, ...props }) {
   ) });
 }
 function PaginationItem({ ...props }) {
-  const { setCursorTarget } = chunkOTPUWWEB_js.useTabsCursor();
+  const { setCursorTarget } = chunkT3G35JSP_cjs.useTabsCursor();
   return /* @__PURE__ */ jsxRuntime.jsx(
     "li",
     {
@@ -55,8 +55,8 @@ function PaginationLink({ className, isActive, size = "md", ...props }) {
       "aria-current": isActive ? "page" : void 0,
       "data-slot": "pagination-link",
       "data-active": isActive,
-      className: chunkYUTSR2OT_js.cn(
-        chunkLWUN6L6Z_js.buttonVariants({
+      className: chunkDWD754BX_cjs.cn(
+        chunkBHC7GX53_cjs.buttonVariants({
           variant: isActive ? "secondary" : "ghost",
           size
         }),
@@ -74,7 +74,7 @@ function PaginationPrevious({ className, ...props }) {
     PaginationLink,
     {
       "aria-label": "Go to previous page",
-      className: chunkYUTSR2OT_js.cn("gap-xs px-lg sm:pl-lg", className),
+      className: chunkDWD754BX_cjs.cn("gap-xs px-lg sm:pl-lg", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, {}),
@@ -88,7 +88,7 @@ function PaginationNext({ className, ...props }) {
     PaginationLink,
     {
       "aria-label": "Go to next page",
-      className: chunkYUTSR2OT_js.cn("gap-xs px-lg sm:pr-lg", className),
+      className: chunkDWD754BX_cjs.cn("gap-xs px-lg sm:pr-lg", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:block", children: "Next" }),
@@ -103,7 +103,7 @@ function PaginationEllipsis({ className, ...props }) {
     {
       "aria-hidden": true,
       "data-slot": "pagination-ellipsis",
-      className: chunkYUTSR2OT_js.cn(
+      className: chunkDWD754BX_cjs.cn(
         "text-text-primary flex size-9 size-[32px] items-center justify-center",
         className
       ),

package/dist/chunk-2XRTRMJT.cjs

@@ -0,0 +1,77 @@
+'use strict';
+
+var chunkQESAYFKT_cjs = require('./chunk-QESAYFKT.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  const containerRef = react.useRef(null);
+  const leftRef = react.useRef(null);
+  const rightRef = react.useRef(null);
+  const bottomRef = react.useRef(null);
+  const measureRef = react.useRef(null);
+  const [isBottomFullWidth, setIsBottomFullWidth] = react.useState(false);
+  react.useEffect(() => {
+    const checkBottomWidth = () => {
+      if (!containerRef.current || !bottom || !measureRef.current) return;
+      const containerWidth = containerRef.current.offsetWidth;
+      const leftWidth = leftRef.current?.offsetWidth || 0;
+      const rightWidth = rightRef.current?.offsetWidth || 0;
+      const availableWidth = containerWidth - leftWidth - rightWidth;
+      const bottomActualWidth = measureRef.current.scrollWidth;
+      setIsBottomFullWidth(bottomActualWidth > 0 && availableWidth < bottomActualWidth);
+    };
+    const resizeObserver = new ResizeObserver(checkBottomWidth);
+    if (containerRef.current) {
+      resizeObserver.observe(containerRef.current);
+    }
+    if (leftRef.current) {
+      resizeObserver.observe(leftRef.current);
+    }
+    if (rightRef.current) {
+      resizeObserver.observe(rightRef.current);
+    }
+    if (measureRef.current) {
+      resizeObserver.observe(measureRef.current);
+      checkBottomWidth();
+    }
+    return () => {
+      resizeObserver.disconnect();
+    };
+  }, [bottom, left, right]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkQESAYFKT_cjs.DockLayout, { ref: containerRef, className, children: [
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: measureRef,
+        className: "absolute -top-[9999px] left-0 opacity-0 pointer-events-none",
+        style: { width: "max-content" },
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutBottom, { className: bottomClassName, children: bottom })
+      }
+    ),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutTop, { className: topClassName, children: top }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+      left && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: leftRef, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutLeft, { className: leftClassName, children: left }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutContent, { className: contentClassName, children }),
+        bottom && !isBottomFullWidth && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutBottom, { ref: bottomRef, className: bottomClassName, children: bottom }) })
+      ] }),
+      right && /* @__PURE__ */ jsxRuntime.jsx("div", { ref: rightRef, children: /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutRight, { className: rightClassName, children: right }) })
+    ] }),
+    bottom && isBottomFullWidth && /* @__PURE__ */ jsxRuntime.jsx(chunkQESAYFKT_cjs.DockLayoutBottom, { ref: bottomRef, className: bottomClassName, children: bottom })
+  ] });
+};
+
+exports.DockLayoutView = DockLayoutView;

package/dist/{chunk-7EI4ZGGO.js → chunk-3BGIINLM.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkTBCV5QVJ_js = require('./chunk-TBCV5QVJ.js');
+var chunkVWGEIGJJ_cjs = require('./chunk-VWGEIGJJ.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var InchInput = react.forwardRef(function InchInput2(props, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkTBCV5QVJ_js.NumberInput, { ref, unit: "in", ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkVWGEIGJJ_cjs.NumberInput, { ref, unit: "in", ...props });
 });
 
 exports.InchInput = InchInput;

package/dist/{chunk-DK7TS7KV.js → chunk-3DDKTHKM.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var SwitchPrimitive = require('@radix-ui/react-switch');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function Switch({ className, ...props }) {
     SwitchPrimitive__namespace.Root,
     {
       "data-slot": "switch",
-      className: chunkYUTSR2OT_js.cn(
+      className: chunkDWD754BX_cjs.cn(
         className,
         "group",
         "w-[32px]",
@@ -45,7 +45,7 @@ function Switch({ className, ...props }) {
         SwitchPrimitive__namespace.Thumb,
         {
           "data-slot": "switch-thumb",
-          className: chunkYUTSR2OT_js.cn(
+          className: chunkDWD754BX_cjs.cn(
             "block",
             "size-[12px]",
             "rounded-full",

package/dist/{chunk-AWCMSKXZ.js → chunk-3TWD622T.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYUTSR2OT_js = require('./chunk-YUTSR2OT.js');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -29,7 +29,7 @@ function RadioGroup({ className, ...props }) {
     RadioGroupPrimitive__namespace.Root,
     {
       "data-slot": "radio-group",
-      className: chunkYUTSR2OT_js.cn("grid gap-2", className),
+      className: chunkDWD754BX_cjs.cn("gap-md flex", className),
       ...props
     }
   );
@@ -39,10 +39,13 @@ function RadioGroupItem({ className, ...props }) {
     RadioGroupPrimitive__namespace.Item,
     {
       "data-slot": "radio-group-item",
-      className: chunkYUTSR2OT_js.cn(
+      className: chunkDWD754BX_cjs.cn(
         "group",
-        "w-[16px]",
-        "h-[16px]",
+        "w-4",
+        "h-4",
+        "flex",
+        "items-center",
+        "justify-center",
         "rounded-full",
         "border-[1.5px]",
         "border-solid",
@@ -62,9 +65,7 @@ function RadioGroupItem({ className, ...props }) {
           children: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: chunkYUTSR2OT_js.cn(
-                "absolute",
-                "inset-0",
+              className: chunkDWD754BX_cjs.cn(
                 "m-auto",
                 "size-[8px]",
                 "rounded-full",