@vuer-ai/vuer-uikit 0.0.66 → 0.0.69

package/README.md

@@ -72,12 +72,12 @@ Using CSS Variables and color utilities for theming.
 
 ```css
 @theme inline {
-    --brand-primary: var(--bg-custom-primary);
-    --brand-hover: var(--bg-custom-secondary);
+  --brand-primary: var(--bg-custom-primary);
+  --brand-hover: var(--bg-custom-secondary);
 }
 
 :root {
-    --bg-custom-primary: rgba(0, 123, 255, 1);
-    --bg-custom-secondary: rgba(82, 177, 255, 1);
+  --bg-custom-primary: rgba(0, 123, 255, 1);
+  --bg-custom-secondary: rgba(82, 177, 255, 1);
 }
 ```

package/dist/SyncScroll/SyncScroll.cjs

@@ -1,38 +1,41 @@
 'use strict';
 
-var chunk4DPLDAHW_cjs = require('../chunk-4DPLDAHW.cjs');
+var chunkD6326INV_cjs = require('../chunk-D6326INV.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-QN4N4I3Z.cjs');
+require('../chunk-Q7E73DVJ.cjs');
+require('../chunk-JR4TVE43.cjs');
+require('../chunk-DSWSIBVQ.cjs');
+require('../chunk-NWA32DT2.cjs');
+require('../chunk-6BOWMGFG.cjs');
+require('../chunk-NJEIDGQY.cjs');
 require('../chunk-RPTRTGC2.cjs');
+require('../chunk-QFMQNY4G.cjs');
 require('../chunk-DWD754BX.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDrag; }
+  get: function () { return chunkD6326INV_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlave; }
+  get: function () { return chunkD6326INV_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlaveX; }
+  get: function () { return chunkD6326INV_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDragX; }
+  get: function () { return chunkD6326INV_cjs.SyncDragX; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncScroll; }
+  get: function () { return chunkD6326INV_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncScrollSlave; }
+  get: function () { return chunkD6326INV_cjs.SyncScrollSlave; }
 });

package/dist/SyncScroll/SyncScroll.mjs

@@ -1,9 +1,12 @@
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-MPB4237J.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-CGFJLQRG.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-F7ZHPSLA.mjs';
+import '../chunk-3QT5VABC.mjs';
+import '../chunk-XHJDRQD7.mjs';
+import '../chunk-QCD2WTD3.mjs';
+import '../chunk-MTB2EWG2.mjs';
+import '../chunk-IZARTVYN.mjs';
+import '../chunk-RHX3D3GE.mjs';
 import '../chunk-4F2GSF2T.mjs';
+import '../chunk-ES4LBRHV.mjs';
 import '../chunk-KVFUDYD3.mjs';

package/dist/SyncScroll/index.cjs

@@ -1,41 +1,44 @@
 'use strict';
 
 require('../chunk-JMCH2AFN.cjs');
-var chunk4DPLDAHW_cjs = require('../chunk-4DPLDAHW.cjs');
+var chunkD6326INV_cjs = require('../chunk-D6326INV.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-QN4N4I3Z.cjs');
+require('../chunk-Q7E73DVJ.cjs');
+require('../chunk-JR4TVE43.cjs');
+require('../chunk-DSWSIBVQ.cjs');
+require('../chunk-NWA32DT2.cjs');
+require('../chunk-6BOWMGFG.cjs');
+require('../chunk-NJEIDGQY.cjs');
 require('../chunk-RPTRTGC2.cjs');
+require('../chunk-QFMQNY4G.cjs');
 require('../chunk-DWD754BX.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDrag; }
+  get: function () { return chunkD6326INV_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlave; }
+  get: function () { return chunkD6326INV_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDragSlaveX; }
+  get: function () { return chunkD6326INV_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncDragX; }
+  get: function () { return chunkD6326INV_cjs.SyncDragX; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncScroll; }
+  get: function () { return chunkD6326INV_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunk4DPLDAHW_cjs.SyncScrollSlave; }
+  get: function () { return chunkD6326INV_cjs.SyncScrollSlave; }
 });
 Object.defineProperty(exports, "SyncScrollProvider", {
   enumerable: true,

package/dist/SyncScroll/index.mjs

@@ -1,10 +1,13 @@
 import '../chunk-BNDRHLLZ.mjs';
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-MPB4237J.mjs';
+export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncScroll, SyncScrollSlave } from '../chunk-CGFJLQRG.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-F7ZHPSLA.mjs';
+import '../chunk-3QT5VABC.mjs';
+import '../chunk-XHJDRQD7.mjs';
+import '../chunk-QCD2WTD3.mjs';
+import '../chunk-MTB2EWG2.mjs';
+import '../chunk-IZARTVYN.mjs';
+import '../chunk-RHX3D3GE.mjs';
 import '../chunk-4F2GSF2T.mjs';
+import '../chunk-ES4LBRHV.mjs';
 import '../chunk-KVFUDYD3.mjs';

package/dist/{chunk-TVCXFAR3.cjs → chunk-2LU2B5XU.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkOPVNPU6U_cjs = require('./chunk-OPVNPU6U.cjs');
 var chunkX6YX2NAS_cjs = require('./chunk-X6YX2NAS.cjs');
+var chunk4PPIKQNU_cjs = require('./chunk-4PPIKQNU.cjs');
 var chunkXKV3CDJ7_cjs = require('./chunk-XKV3CDJ7.cjs');
 var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
 var chunkNFJTF2GL_cjs = require('./chunk-NFJTF2GL.cjs');
@@ -9,7 +9,7 @@ var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
 
 // src/highlight-cursor/enhanced-components.tsx
 var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkBHC7GX53_cjs.Button);
-var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkOPVNPU6U_cjs.Tabs);
+var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunk4PPIKQNU_cjs.Tabs);
 var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkNFJTF2GL_cjs.InputRoot);
 var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkXKV3CDJ7_cjs.SelectTrigger);
 var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunkX6YX2NAS_cjs.Textarea);

package/dist/chunk-3LO2GIJ4.cjs

@@ -0,0 +1,71 @@
+'use strict';
+
+var chunkBHC7GX53_cjs = require('./chunk-BHC7GX53.cjs');
+var chunkDWD754BX_cjs = require('./chunk-DWD754BX.cjs');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var navigationVariants = classVarianceAuthority.cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
+  variants: {
+    size: {
+      sm: [],
+      md: [],
+      lg: []
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var navigationTitleVariants = classVarianceAuthority.cva(["text-text-primary", "truncate"], {
+  variants: {
+    size: {
+      sm: ["text-uk-sm"],
+      md: ["text-uk-md"],
+      lg: ["text-uk-lg"]
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var navigationButtonVariants = classVarianceAuthority.cva([
+  "text-icon-primary",
+  "disabled:text-icon-tertiary",
+  "disabled:bg-bg-transparent"
+]);
+var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkDWD754BX_cjs.cn(navigationVariants({ size, className })), ...props, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkBHC7GX53_cjs.Button,
+      {
+        variant: "ghost",
+        size,
+        icon: true,
+        onClick: onBack,
+        disabled: !canGoBack,
+        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        "aria-label": "Back",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkBHC7GX53_cjs.Button,
+      {
+        variant: "ghost",
+        size,
+        icon: true,
+        onClick: onForward,
+        disabled: !canGoForward,
+        className: chunkDWD754BX_cjs.cn(navigationButtonVariants()),
+        "aria-label": "Forward",
+        children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, {})
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkDWD754BX_cjs.cn(navigationTitleVariants({ size })), children: title })
+  ] });
+});
+
+exports.Navigation = Navigation;

package/dist/{chunk-UGIIFY42.mjs → chunk-3QT5VABC.mjs}

@@ -62,6 +62,7 @@ function useDragSelect(options = {}) {
     [selectedItems, handleMouseDown, handleMouseEnter]
   );
   useEffect(() => {
+    if (typeof document === "undefined") return;
     const handleGlobalMouseUp = () => {
       setIsDragging(false);
       setDragStartItem(null);

package/dist/chunk-3XH7NAMK.mjs

@@ -0,0 +1,97 @@
+import { cn } from './chunk-KVFUDYD3.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto", children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      "data-slot": "table",
+      className: cn("text-uk-md w-full caption-bottom rounded-none!", className),
+      ...props
+    }
+  ) });
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("hover:bg-bg-tertiary [&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-bg-secondary border-bg-secondary hover:bg-bg-tertiary border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-bg-secondary data-[state=selected]:bg-bg-secondary border-bg-secondary border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "bg-bg-secondary! px-lg! text-text-primary! text-uk-md h-[40px] py-0! text-left align-middle font-medium! whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "px-lg! text-text-primary! text-uk-md h-[40px] py-0! align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("text-text-tertiary text-uk-md mt-4", className),
+      ...props
+    }
+  );
+}
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/{chunk-4WSB6SKT.mjs → chunk-4MW4SKOD.mjs}

@@ -10,30 +10,32 @@ var DockLayout = forwardRef(
       {
         ref,
         ...props,
-        className: cn(
-          "relative h-full w-full flex flex-col overflow-hidden",
-          className
-        )
+        className: cn("relative flex h-full w-full flex-col overflow-hidden", className)
       }
     );
   }
 );
 DockLayout.displayName = "DockLayout";
 function DockLayoutContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { ...props, className: cn("flex-1 flex flex-col items-center justify-center overflow-auto relative", className) });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        "relative flex flex-1 flex-col items-center justify-center overflow-auto",
+        className
+      )
+    }
+  );
 }
-function DockLayoutLeft({
-  className,
-  asChild,
-  ...props
-}) {
+function DockLayoutLeft({ className, asChild, ...props }) {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
     {
       ...props,
       className: cn(
-        "h-full flex flex-col items-start gap-4 bg-bg-primary flex-shrink-0",
+        "bg-bg-primary flex h-full flex-shrink-0 flex-col items-start gap-4",
         className
       )
     }
@@ -45,26 +47,19 @@ function DockLayoutTop({ className, ...props }) {
     {
       ...props,
       className: cn(
-        "absolute top-4 left-1/2 transform -translate-x-1/2 z-20 flex items-start justify-center",
+        "absolute top-4 left-1/2 z-20 flex -translate-x-1/2 transform items-start justify-center",
         className
       )
     }
   );
 }
-function DockLayoutRight({
-  className,
-  asChild,
-  ...props
-}) {
+function DockLayoutRight({ className, asChild, ...props }) {
   const Comp = asChild ? Slot : "div";
   return /* @__PURE__ */ jsx(
     Comp,
     {
       ...props,
-      className: cn(
-        "h-full flex flex-col items-end gap-4 bg-bg-primary flex-shrink-0",
-        className
-      )
+      className: cn("bg-bg-primary flex h-full flex-shrink-0 flex-col items-end gap-4", className)
     }
   );
 }
@@ -76,10 +71,7 @@ var DockLayoutBottom = forwardRef(
       {
         ref,
         ...props,
-        className: cn(
-          "inline-flex justify-center bg-bg-primary flex-shrink-0 w-full",
-          className
-        )
+        className: cn("bg-bg-primary inline-flex w-full flex-shrink-0 justify-center", className)
       }
     );
   }

package/dist/chunk-6BOWMGFG.cjs

@@ -0,0 +1,69 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useLocation.tsx
+var listeners = [];
+var currentSnapshot = void 0;
+function updateSnapshot() {
+  if (typeof window === "undefined") {
+    currentSnapshot = void 0;
+    return;
+  }
+  currentSnapshot = {
+    href: window.location.href,
+    pathname: window.location.pathname,
+    search: window.location.search,
+    hash: window.location.hash,
+    host: window.location.host,
+    hostname: window.location.hostname,
+    port: window.location.port,
+    protocol: window.location.protocol,
+    origin: window.location.origin
+  };
+}
+updateSnapshot();
+function subscribe(callback) {
+  listeners.push(callback);
+  if (typeof window === "undefined") {
+    return () => {
+      listeners = listeners.filter((l) => l !== callback);
+    };
+  }
+  const notifyListeners = () => {
+    updateSnapshot();
+    listeners.forEach((listener) => listener());
+  };
+  window.addEventListener("popstate", notifyListeners);
+  window.addEventListener("hashchange", notifyListeners);
+  const originalPushState = window.history.pushState;
+  const originalReplaceState = window.history.replaceState;
+  window.history.pushState = function(...args) {
+    originalPushState.apply(window.history, args);
+    notifyListeners();
+  };
+  window.history.replaceState = function(...args) {
+    originalReplaceState.apply(window.history, args);
+    notifyListeners();
+  };
+  return () => {
+    listeners = listeners.filter((l) => l !== callback);
+    window.removeEventListener("popstate", notifyListeners);
+    window.removeEventListener("hashchange", notifyListeners);
+    if (listeners.length === 0) {
+      window.history.pushState = originalPushState;
+      window.history.replaceState = originalReplaceState;
+    }
+  };
+}
+function getSnapshot() {
+  return currentSnapshot;
+}
+function getServerSnapshot() {
+  return void 0;
+}
+function useLocation() {
+  return react.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+exports.useLocation = useLocation;

package/dist/chunk-7JYI3VUI.mjs

@@ -0,0 +1,69 @@
+import { Button } from './chunk-3MSEMXKG.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
+import { cva } from 'class-variance-authority';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { forwardRef } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var navigationVariants = cva(["inline-flex", "items-center", "gap-lg", "bg-bg-primary"], {
+  variants: {
+    size: {
+      sm: [],
+      md: [],
+      lg: []
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var navigationTitleVariants = cva(["text-text-primary", "truncate"], {
+  variants: {
+    size: {
+      sm: ["text-uk-sm"],
+      md: ["text-uk-md"],
+      lg: ["text-uk-lg"]
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var navigationButtonVariants = cva([
+  "text-icon-primary",
+  "disabled:text-icon-tertiary",
+  "disabled:bg-bg-transparent"
+]);
+var Navigation = forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
+  return /* @__PURE__ */ jsxs("div", { ref, className: cn(navigationVariants({ size, className })), ...props, children: [
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size,
+        icon: true,
+        onClick: onBack,
+        disabled: !canGoBack,
+        className: cn(navigationButtonVariants()),
+        "aria-label": "Back",
+        children: /* @__PURE__ */ jsx(ChevronLeft, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "ghost",
+        size,
+        icon: true,
+        onClick: onForward,
+        disabled: !canGoForward,
+        className: cn(navigationButtonVariants()),
+        "aria-label": "Forward",
+        children: /* @__PURE__ */ jsx(ChevronRight, {})
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: cn(navigationTitleVariants({ size })), children: title })
+  ] });
+});
+
+export { Navigation };

package/dist/chunk-BPGKIZ6G.mjs

@@ -0,0 +1,27 @@
+import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-LAZO5ZDT.mjs';
+import { cn } from './chunk-KVFUDYD3.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LiquidLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxs(LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsx(LiquidLayoutContent, { className: cn("flex flex-col items-center justify-center", contentClassName), children }),
+    bottom && /* @__PURE__ */ jsx(LiquidLayoutBottom, { className: cn("mt-4", bottomClassName), children: bottom }),
+    right && /* @__PURE__ */ jsx(LiquidLayoutRight, { className: rightClassName, children: right }),
+    left && /* @__PURE__ */ jsx(LiquidLayoutLeft, { className: leftClassName, children: left }),
+    top && /* @__PURE__ */ jsx(LiquidLayoutTop, { className: topClassName, children: top })
+  ] });
+};
+
+export { LiquidLayoutView };

package/dist/{chunk-MPB4237J.mjs → chunk-CGFJLQRG.mjs}

@@ -228,7 +228,11 @@ var SyncDragSlaveX = ({
     Comp,
     {
       ref,
-      className: cn("cursor-grab overflow-x-auto overflow-y-hidden", isDragging && "cursor-grabbing", className),
+      className: cn(
+        "cursor-grab overflow-x-auto overflow-y-hidden",
+        isDragging && "cursor-grabbing",
+        className
+      ),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children

package/dist/{chunk-ZVN4KYHQ.mjs → chunk-CX7AH4R4.mjs}

@@ -1,4 +1,4 @@
-import { TreeView } from './chunk-JSNFXIT2.mjs';
+import { TreeView } from './chunk-JVCED76T.mjs';
 import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-XSJ6XVTR.mjs';
 import { cn } from './chunk-KVFUDYD3.mjs';
 import { Magnet, ChevronLeft, ChevronRight } from 'lucide-react';

package/dist/{chunk-4DPLDAHW.cjs → chunk-D6326INV.cjs}

@@ -230,7 +230,11 @@ var SyncDragSlaveX = ({
     Comp,
     {
       ref,
-      className: chunkDWD754BX_cjs.cn("cursor-grab overflow-x-auto overflow-y-hidden", isDragging && "cursor-grabbing", className),
+      className: chunkDWD754BX_cjs.cn(
+        "cursor-grab overflow-x-auto overflow-y-hidden",
+        isDragging && "cursor-grabbing",
+        className
+      ),
       style: { userSelect: isDragging ? "none" : "auto", ...props.style },
       ...props,
       children