@vuer-ai/vuer-uikit 0.0.106 → 0.0.108

package/dist/SyncScroll/SyncScroll.cjs

@@ -1,7 +1,8 @@
 'use strict';
 
-var chunkVBBJSIY7_cjs = require('../chunk-VBBJSIY7.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');
@@ -9,37 +10,36 @@ require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
 require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
-require('../chunk-LBWMTA5T.cjs');
-require('../chunk-G4FJGNY5.cjs');
 require('../chunk-OHIB3TEN.cjs');
+require('../chunk-G4FJGNY5.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDrag; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragSlave; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragSlaveX; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragX; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragX; }
 });
 Object.defineProperty(exports, "SyncDragY", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragY; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragY; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncScroll; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncScrollSlave; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncScrollSlave; }
 });

package/dist/SyncScroll/SyncScroll.mjs

@@ -1,5 +1,6 @@
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-BEJIZ56L.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';
@@ -7,6 +8,5 @@ import '../chunk-U3LN5NB6.mjs';
 import '../chunk-IZARTVYN.mjs';
 import '../chunk-VA4LUFKD.mjs';
 import '../chunk-4F2GSF2T.mjs';
-import '../chunk-IDUVYPN7.mjs';
-import '../chunk-SAGQV2YZ.mjs';
 import '../chunk-HMN4IKTG.mjs';
+import '../chunk-SAGQV2YZ.mjs';

package/dist/SyncScroll/index.cjs

@@ -1,8 +1,9 @@
 'use strict';
 
 require('../chunk-JMCH2AFN.cjs');
-var chunkVBBJSIY7_cjs = require('../chunk-VBBJSIY7.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');
@@ -10,39 +11,38 @@ require('../chunk-Q4XH2Z5M.cjs');
 require('../chunk-6BOWMGFG.cjs');
 require('../chunk-YZIR6LIY.cjs');
 require('../chunk-RPTRTGC2.cjs');
-require('../chunk-LBWMTA5T.cjs');
-var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
 require('../chunk-OHIB3TEN.cjs');
+var chunkG4FJGNY5_cjs = require('../chunk-G4FJGNY5.cjs');
 
 
 
 Object.defineProperty(exports, "SyncDrag", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDrag; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDrag; }
 });
 Object.defineProperty(exports, "SyncDragSlave", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragSlave; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragSlave; }
 });
 Object.defineProperty(exports, "SyncDragSlaveX", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragSlaveX; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragSlaveX; }
 });
 Object.defineProperty(exports, "SyncDragX", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragX; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragX; }
 });
 Object.defineProperty(exports, "SyncDragY", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncDragY; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncDragY; }
 });
 Object.defineProperty(exports, "SyncScroll", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncScroll; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncScroll; }
 });
 Object.defineProperty(exports, "SyncScrollSlave", {
   enumerable: true,
-  get: function () { return chunkVBBJSIY7_cjs.SyncScrollSlave; }
+  get: function () { return chunkG5JZGNKY_cjs.SyncScrollSlave; }
 });
 Object.defineProperty(exports, "SyncScrollProvider", {
   enumerable: true,

package/dist/SyncScroll/index.mjs

@@ -1,6 +1,7 @@
 import '../chunk-BNDRHLLZ.mjs';
-export { SyncDrag, SyncDragSlave, SyncDragSlaveX, SyncDragX, SyncDragY, SyncScroll, SyncScrollSlave } from '../chunk-BEJIZ56L.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';
@@ -8,6 +9,5 @@ import '../chunk-U3LN5NB6.mjs';
 import '../chunk-IZARTVYN.mjs';
 import '../chunk-VA4LUFKD.mjs';
 import '../chunk-4F2GSF2T.mjs';
-import '../chunk-IDUVYPN7.mjs';
-export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';
 import '../chunk-HMN4IKTG.mjs';
+export { SyncScrollProvider, useScrollSlave, useSyncDrag, useSyncScroll } from '../chunk-SAGQV2YZ.mjs';

package/dist/auth/hooks/use-vuer-method.cjs

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk3OISKBWF_cjs = require('../../chunk-3OISKBWF.cjs');
-require('../../chunk-4B44SRRP.cjs');
+var chunkXFTKHT2M_cjs = require('../../chunk-XFTKHT2M.cjs');
 require('../../chunk-PB4UO2NR.cjs');
 require('../../chunk-4CPB3XHE.cjs');
+require('../../chunk-4B44SRRP.cjs');
 require('../../chunk-ZULCZ5L6.cjs');
 require('../../chunk-SVWS4AL6.cjs');
 
@@ -11,5 +11,5 @@ require('../../chunk-SVWS4AL6.cjs');
 
 Object.defineProperty(exports, "useVuerMethod", {
   enumerable: true,
-  get: function () { return chunk3OISKBWF_cjs.useVuerMethod; }
+  get: function () { return chunkXFTKHT2M_cjs.useVuerMethod; }
 });

package/dist/auth/hooks/use-vuer-method.mjs

@@ -1,6 +1,6 @@
-export { useVuerMethod } from '../../chunk-T7XGQO7C.mjs';
-import '../../chunk-3IVDCAFM.mjs';
+export { useVuerMethod } from '../../chunk-AKVHFPXH.mjs';
 import '../../chunk-XGM57WPN.mjs';
 import '../../chunk-CGODCUQ5.mjs';
+import '../../chunk-3IVDCAFM.mjs';
 import '../../chunk-TC3W4VRO.mjs';
 import '../../chunk-276VJZCV.mjs';

package/dist/auth/index.cjs

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunk3OISKBWF_cjs = require('../chunk-3OISKBWF.cjs');
-var chunk4B44SRRP_cjs = require('../chunk-4B44SRRP.cjs');
+var chunkXFTKHT2M_cjs = require('../chunk-XFTKHT2M.cjs');
 require('../chunk-PB4UO2NR.cjs');
 require('../chunk-4CPB3XHE.cjs');
-var chunkESNLTYQD_cjs = require('../chunk-ESNLTYQD.cjs');
-require('../chunk-ZULCZ5L6.cjs');
+var chunk4B44SRRP_cjs = require('../chunk-4B44SRRP.cjs');
+var chunkT2D6PSA6_cjs = require('../chunk-T2D6PSA6.cjs');
 require('../chunk-WTYBTOLO.cjs');
+require('../chunk-ZULCZ5L6.cjs');
 var chunkSVWS4AL6_cjs = require('../chunk-SVWS4AL6.cjs');
 
 
 
 Object.defineProperty(exports, "useVuerMethod", {
   enumerable: true,
-  get: function () { return chunk3OISKBWF_cjs.useVuerMethod; }
+  get: function () { return chunkXFTKHT2M_cjs.useVuerMethod; }
 });
 Object.defineProperty(exports, "useVuerAuth", {
   enumerable: true,
@@ -21,7 +21,7 @@ Object.defineProperty(exports, "useVuerAuth", {
 });
 Object.defineProperty(exports, "VuerAuthProvider", {
   enumerable: true,
-  get: function () { return chunkESNLTYQD_cjs.VuerAuthProvider; }
+  get: function () { return chunkT2D6PSA6_cjs.VuerAuthProvider; }
 });
 Object.defineProperty(exports, "bearerToken", {
   enumerable: true,

package/dist/auth/index.mjs

@@ -1,8 +1,8 @@
-export { useVuerMethod } from '../chunk-T7XGQO7C.mjs';
-export { useVuerAuth } from '../chunk-3IVDCAFM.mjs';
+export { useVuerMethod } from '../chunk-AKVHFPXH.mjs';
 import '../chunk-XGM57WPN.mjs';
 import '../chunk-CGODCUQ5.mjs';
-export { VuerAuthProvider } from '../chunk-THNR4QYH.mjs';
-import '../chunk-TC3W4VRO.mjs';
+export { useVuerAuth } from '../chunk-3IVDCAFM.mjs';
+export { VuerAuthProvider } from '../chunk-5HS4PMUR.mjs';
 import '../chunk-T57VFBIC.mjs';
+import '../chunk-TC3W4VRO.mjs';
 export { bearerToken } from '../chunk-276VJZCV.mjs';

package/dist/auth/vuer-auth-provider.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkESNLTYQD_cjs = require('../chunk-ESNLTYQD.cjs');
-require('../chunk-ZULCZ5L6.cjs');
+var chunkT2D6PSA6_cjs = require('../chunk-T2D6PSA6.cjs');
 require('../chunk-WTYBTOLO.cjs');
+require('../chunk-ZULCZ5L6.cjs');
 require('../chunk-SVWS4AL6.cjs');
 
 
 
 Object.defineProperty(exports, "VuerAuthProvider", {
   enumerable: true,
-  get: function () { return chunkESNLTYQD_cjs.VuerAuthProvider; }
+  get: function () { return chunkT2D6PSA6_cjs.VuerAuthProvider; }
 });

package/dist/auth/vuer-auth-provider.mjs

@@ -1,4 +1,4 @@
-export { VuerAuthProvider } from '../chunk-THNR4QYH.mjs';
-import '../chunk-TC3W4VRO.mjs';
+export { VuerAuthProvider } from '../chunk-5HS4PMUR.mjs';
 import '../chunk-T57VFBIC.mjs';
+import '../chunk-TC3W4VRO.mjs';
 import '../chunk-276VJZCV.mjs';

package/dist/{chunk-GZGPIREG.cjs → chunk-2PJO5UJL.cjs}

@@ -2,7 +2,7 @@
 
 var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
-var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
+var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
@@ -483,7 +483,7 @@ function TreeEntries({
     item.id
   ));
   if (useSyncScroll) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScroll, { className: chunkOHIB3TEN_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScroll, { className: chunkOHIB3TEN_cjs.cn("scrollbar-track-transparent flex-1", className), children: content });
   }
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: chunkOHIB3TEN_cjs.cn("flex-1 overflow-y-auto", className), children: content });
 }

package/dist/chunk-2X6CAFVD.mjs

@@ -0,0 +1,134 @@
+import { cn } from './chunk-HMN4IKTG.mjs';
+import { Slot } from '@radix-ui/react-slot';
+import { jsx } from 'react/jsx-runtime';
+
+function LiquidLayout({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        [
+          "pointer-events-none",
+          "relative",
+          "z-1",
+          "grid",
+          "h-full",
+          "w-full",
+          "grid-cols-3",
+          "grid-rows-[1fr_auto]",
+          "flex-col",
+          "justify-between",
+          "overflow-hidden",
+          "p-4"
+        ],
+        className
+      )
+    }
+  );
+}
+function LiquidLayoutContent({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        ["pointer-events-auto", "absolute", "inset-0", "-z-1"],
+        className
+      )
+    }
+  );
+}
+function LiquidLayoutLeft({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        [
+          "order-2",
+          "col-start-1",
+          "flex",
+          "flex-col",
+          "items-start",
+          "gap-4",
+          "overflow-y-auto",
+          "[&>*]:pointer-events-auto"
+        ],
+        className
+      )
+    }
+  );
+}
+function LiquidLayoutTop({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...props,
+      className: cn(
+        [
+          "order-3",
+          "col-start-2",
+          "flex",
+          "items-start",
+          "justify-center",
+          "[&>*]:pointer-events-auto"
+        ],
+        className
+      )
+    }
+  );
+}
+function LiquidLayoutRight({
+  className,
+  asChild,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...props,
+      className: cn(
+        [
+          "order-4",
+          "col-start-3",
+          "flex",
+          "flex-col",
+          "items-end",
+          "gap-4",
+          "justify-self-end",
+          "overflow-y-auto",
+          "[&>*]:pointer-events-auto"
+        ],
+        className
+      )
+    }
+  );
+}
+function LiquidLayoutBottom({
+  className,
+  asChild,
+  ...props
+}) {
+  const Comp = asChild ? Slot : "div";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ...props,
+      className: cn(
+        [
+          "order-5",
+          "col-span-3",
+          "col-start-1",
+          "flex",
+          "justify-center",
+          "[&>*]:pointer-events-auto"
+        ],
+        className
+      )
+    }
+  );
+}
+
+export { LiquidLayout, LiquidLayoutBottom, LiquidLayoutContent, LiquidLayoutLeft, LiquidLayoutRight, LiquidLayoutTop };

package/dist/chunk-4JAEMFDN.mjs

@@ -0,0 +1,21 @@
+import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutTop, LiquidLayoutLeft } from './chunk-2X6CAFVD.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var LiquidLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs(LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsx(LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
+    bottom && /* @__PURE__ */ jsx(LiquidLayoutBottom, { className: "mt-4", children: bottom }),
+    right && /* @__PURE__ */ jsx(LiquidLayoutRight, { className: "max-w-75", children: right }),
+    top && /* @__PURE__ */ jsx(LiquidLayoutTop, { children: top }),
+    left && /* @__PURE__ */ jsx(LiquidLayoutLeft, { className: "max-w-75", children: left })
+  ] });
+};
+
+export { LiquidLayoutView };

package/dist/{chunk-BXBSZOBU.cjs → chunk-5PHGYFZ3.cjs}

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var DIAL_PACKAGE_NAME = "@vuer-ai/dial-cli" ;
 var DIAL_PACKAGE_VERSION = "0.0.12" ;
-var DIAL_GIT_HASH = "a1d1441" ;
+var DIAL_GIT_HASH = "48d7a7a" ;
 function DialBadge({
   className,
   package: showPackage = true,

package/dist/{chunk-MTE5PRC6.cjs → chunk-7RHQ6DVU.cjs}

@@ -2,22 +2,22 @@
 
 var chunkWJL5HMO6_cjs = require('./chunk-WJL5HMO6.cjs');
 var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
+var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
+var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
+var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
+var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
+var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
 var chunkUTS56UA5_cjs = require('./chunk-UTS56UA5.cjs');
 var chunkJWVH6R35_cjs = require('./chunk-JWVH6R35.cjs');
 var chunkMVAFOQ67_cjs = require('./chunk-MVAFOQ67.cjs');
 var chunkTUYG6BYZ_cjs = require('./chunk-TUYG6BYZ.cjs');
-var chunkYXFHJKNW_cjs = require('./chunk-YXFHJKNW.cjs');
 var chunkG2ZYONQO_cjs = require('./chunk-G2ZYONQO.cjs');
-var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
-var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
-var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
-var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
 var chunk5JPYU5A6_cjs = require('./chunk-5JPYU5A6.cjs');
 var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
 var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
-var chunkVBBJSIY7_cjs = require('./chunk-VBBJSIY7.cjs');
-var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
+var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
+var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -109,7 +109,7 @@ function Waterfall({
                   searchResultsCount
                 }
               ),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
+              /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScroll, { className: "flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntime.jsx(
                 chunkHAVTMZR3_cjs.TreeView,
                 {
                   data: hasActiveSearch ? dataWithMeta.filter((item) => filteredData.some((f) => f.id === item.id)) : visibleData,
@@ -163,7 +163,7 @@ function Waterfall({
                   zoomFactor,
                   enabled,
                   children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncDragY, { className: "scrollbar-hide hide-scrollbar relative h-full w-full", children: visibleLogData.map(
                       (item, index) => item.time === void 0 ? (
                         // Render TimelineProcessBar for duration events
                         /* @__PURE__ */ jsxRuntime.jsx(
@@ -202,7 +202,7 @@ function Waterfall({
                         )
                       )
                     ) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 left-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
                       chunk5MNZYCN2_cjs.LeftWedge,
                       {
                         item,
@@ -212,7 +212,7 @@ function Waterfall({
                       },
                       `left-wedge-${item.id}`
                     )) }),
-                    /* @__PURE__ */ jsxRuntime.jsx(chunkVBBJSIY7_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                    /* @__PURE__ */ jsxRuntime.jsx(chunkG5JZGNKY_cjs.SyncScrollSlave, { className: "scrollbar-hide pointer-events-none absolute top-0 right-0 z-10 h-full w-2", children: visibleLogData.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
                       chunk5MNZYCN2_cjs.RightWedge,
                       {
                         item,

package/dist/chunk-A5VRTIX4.cjs

@@ -0,0 +1,23 @@
+'use strict';
+
+var chunkBFFOS7Z3_cjs = require('./chunk-BFFOS7Z3.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var LiquidLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkBFFOS7Z3_cjs.LiquidLayout, { className, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutBottom, { className: "mt-4", children: bottom }),
+    right && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutRight, { className: "max-w-75", children: right }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutTop, { children: top }),
+    left && /* @__PURE__ */ jsxRuntime.jsx(chunkBFFOS7Z3_cjs.LiquidLayoutLeft, { className: "max-w-75", children: left })
+  ] });
+};
+
+exports.LiquidLayoutView = LiquidLayoutView;

package/dist/{chunk-SPRBKXGP.cjs → chunk-BFFOS7Z3.cjs}

@@ -10,14 +10,36 @@ function LiquidLayout({ className, ...props }) {
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "pointer-events-none relative z-1 grid h-full w-full grid-cols-3 grid-rows-[1fr_auto] flex-col justify-between overflow-hidden p-4",
+        [
+          "pointer-events-none",
+          "relative",
+          "z-1",
+          "grid",
+          "h-full",
+          "w-full",
+          "grid-cols-3",
+          "grid-rows-[1fr_auto]",
+          "flex-col",
+          "justify-between",
+          "overflow-hidden",
+          "p-4"
+        ],
         className
       )
     }
   );
 }
 function LiquidLayoutContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...props, className: chunkOHIB3TEN_cjs.cn("pointer-events-auto absolute inset-0 -z-1", className) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ...props,
+      className: chunkOHIB3TEN_cjs.cn(
+        ["pointer-events-auto", "absolute", "inset-0", "-z-1"],
+        className
+      )
+    }
+  );
 }
 function LiquidLayoutLeft({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -25,7 +47,16 @@ function LiquidLayoutLeft({ className, ...props }) {
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "order-2 col-start-1 flex flex-col items-start gap-4 overflow-y-auto [&>*]:pointer-events-auto",
+        [
+          "order-2",
+          "col-start-1",
+          "flex",
+          "flex-col",
+          "items-start",
+          "gap-4",
+          "overflow-y-auto",
+          "[&>*]:pointer-events-auto"
+        ],
         className
       )
     }
@@ -37,7 +68,14 @@ function LiquidLayoutTop({ className, ...props }) {
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "order-3 col-start-2 flex items-start justify-center [&>*]:pointer-events-auto",
+        [
+          "order-3",
+          "col-start-2",
+          "flex",
+          "items-start",
+          "justify-center",
+          "[&>*]:pointer-events-auto"
+        ],
         className
       )
     }
@@ -54,7 +92,17 @@ function LiquidLayoutRight({
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "order-4 col-start-3 flex flex-col items-end gap-4 overflow-y-auto [&>*]:pointer-events-auto",
+        [
+          "order-4",
+          "col-start-3",
+          "flex",
+          "flex-col",
+          "items-end",
+          "gap-4",
+          "justify-self-end",
+          "overflow-y-auto",
+          "[&>*]:pointer-events-auto"
+        ],
         className
       )
     }
@@ -71,7 +119,14 @@ function LiquidLayoutBottom({
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "order-5 col-span-3 col-start-1 flex justify-center [&>*]:pointer-events-auto",
+        [
+          "order-5",
+          "col-span-3",
+          "col-start-1",
+          "flex",
+          "justify-center",
+          "[&>*]:pointer-events-auto"
+        ],
         className
       )
     }

package/dist/{chunk-XV5FH2J2.mjs → chunk-K2OC2HWQ.mjs}

@@ -1,21 +1,21 @@
 import { useTimelineState } from './chunk-JWKOW2OV.mjs';
 import { useViewport } from './chunk-VPQ5SSY3.mjs';
+import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
+import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
+import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
+import { useTreeState, useTreeSearch } from './chunk-PC5DHSC4.mjs';
+import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
 import { NavigationControls } from './chunk-D5H4XX6Q.mjs';
 import { Tick } from './chunk-JVV7W3TP.mjs';
 import { TimeRuleEventDot } from './chunk-OC4HRPZU.mjs';
 import { TimelineEvent } from './chunk-N6DSPSMM.mjs';
-import { TimelineProcessBar } from './chunk-CO6EASQO.mjs';
 import { rightWedgeClasses, leftWedgeClasses, TOTAL_DURATION } from './chunk-4U232QAX.mjs';
-import { LeftWedge, RightWedge } from './chunk-IR334P7F.mjs';
-import { WheelZoomContext } from './chunk-CIPI2V54.mjs';
-import { CursorOverlay } from './chunk-SA5WKLYB.mjs';
-import { useTreeState, useTreeSearch } from './chunk-PC5DHSC4.mjs';
 import { TreeSearchBar } from './chunk-SUEFWFPX.mjs';
 import { TreeView } from './chunk-VQPJ7TLB.mjs';
 import { TooltipProvider } from './chunk-5MBEK77I.mjs';
-import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-BEJIZ56L.mjs';
-import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';
+import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
+import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';
 import { useState, useEffect } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';