@vuer-ai/vuer-uikit 0.0.102 → 0.0.103

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk3PDV3ZKD_cjs = require('../../chunk-3PDV3ZKD.cjs');
-require('../../chunk-LSKJOUAE.cjs');
+var chunkJLWAIMUZ_cjs = require('../../chunk-JLWAIMUZ.cjs');
 require('../../chunk-4B44SRRP.cjs');
+require('../../chunk-LSKJOUAE.cjs');
 require('../../chunk-ZULCZ5L6.cjs');
 require('../../chunk-6BD5MQ5R.cjs');
 
@@ -10,5 +10,5 @@ require('../../chunk-6BD5MQ5R.cjs');
 
 Object.defineProperty(exports, "useVuerMethod", {
   enumerable: true,
-  get: function () { return chunk3PDV3ZKD_cjs.useVuerMethod; }
+  get: function () { return chunkJLWAIMUZ_cjs.useVuerMethod; }
 });

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

@@ -1,5 +1,5 @@
-export { useVuerMethod } from '../../chunk-6DYF6WO6.mjs';
-import '../../chunk-7KQXX7QB.mjs';
+export { useVuerMethod } from '../../chunk-FBAOEFDU.mjs';
 import '../../chunk-3IVDCAFM.mjs';
+import '../../chunk-7KQXX7QB.mjs';
 import '../../chunk-TC3W4VRO.mjs';
 import '../../chunk-WGVKFNG6.mjs';

package/dist/auth/index.cjs

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunk3PDV3ZKD_cjs = require('../chunk-3PDV3ZKD.cjs');
-require('../chunk-LSKJOUAE.cjs');
+var chunkJLWAIMUZ_cjs = require('../chunk-JLWAIMUZ.cjs');
 var chunk4B44SRRP_cjs = require('../chunk-4B44SRRP.cjs');
+require('../chunk-LSKJOUAE.cjs');
 var chunkG6U2K2GR_cjs = require('../chunk-G6U2K2GR.cjs');
 require('../chunk-HPK4YEVK.cjs');
 require('../chunk-ZULCZ5L6.cjs');
@@ -13,7 +13,7 @@ require('../chunk-CHYXRETV.cjs');
 
 Object.defineProperty(exports, "useVuerMethod", {
   enumerable: true,
-  get: function () { return chunk3PDV3ZKD_cjs.useVuerMethod; }
+  get: function () { return chunkJLWAIMUZ_cjs.useVuerMethod; }
 });
 Object.defineProperty(exports, "useVuerAuth", {
   enumerable: true,

package/dist/auth/index.mjs

@@ -1,6 +1,6 @@
-export { useVuerMethod } from '../chunk-6DYF6WO6.mjs';
-import '../chunk-7KQXX7QB.mjs';
+export { useVuerMethod } from '../chunk-FBAOEFDU.mjs';
 export { useVuerAuth } from '../chunk-3IVDCAFM.mjs';
+import '../chunk-7KQXX7QB.mjs';
 export { VuerAuthProvider } from '../chunk-ACYOVCGH.mjs';
 import '../chunk-PZMA33PL.mjs';
 import '../chunk-TC3W4VRO.mjs';

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
+var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
@@ -270,9 +270,9 @@ function TreeSearchBar({
         onChange: (e) => setSearchQuery(e.target.value),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.TooltipProvider, { delayDuration: 200, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsCaseSensitive((prev) => !prev),
@@ -283,10 +283,10 @@ function TreeSearchBar({
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsRegex((prev) => !prev),
@@ -294,7 +294,7 @@ function TreeSearchBar({
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
             ] })
           ] }) })
         ]

package/dist/{chunk-YMSWUGHW.cjs → chunk-4PKPCOAF.cjs}

@@ -159,7 +159,8 @@ function SelectContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-          "liquid:liquid-bg",
+          "liquid-dark:liquid-dark-bg",
+          "liquid-light:liquid-light-bg",
           font === "standard" ? "font-sans" : "font-number-input"
         ],
         {

package/dist/{chunk-BSOJYJ4D.cjs → chunk-4WRTIOGZ.cjs}

@@ -11,7 +11,8 @@ var cardVariants = classVarianceAuthority.cva(
     "rounded-uk-lg",
     "bg-bg-primary",
     "liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-    "liquid:liquid-bg"
+    "liquid-dark:liquid-dark-bg",
+    "liquid-light:liquid-light-bg"
   ],
   {
     variants: {

package/dist/{chunk-XG56MLQH.cjs → chunk-5JPYU5A6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
+var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
@@ -30,9 +30,9 @@ function TreeSearchBar({
         onChange: (e) => setSearchQuery(e.target.value),
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.TooltipProvider, { delayDuration: 200, children: [
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(chunkLQGXG373_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.TooltipProvider, { delayDuration: 200, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsCaseSensitive((prev) => !prev),
@@ -43,10 +43,10 @@ function TreeSearchBar({
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CaseSensitive, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Case Sensitive" }) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+            /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
                 {
                   onClick: () => setIsRegex((prev) => !prev),
@@ -54,7 +54,7 @@ function TreeSearchBar({
                   children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Regex, { className: "size-4" })
                 }
               ) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
+              /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Use Regular Expression" }) })
             ] })
           ] }) })
         ]

package/dist/{chunk-ZNPI2TYG.mjs → chunk-5MBEK77I.mjs}

@@ -60,18 +60,9 @@ function TooltipContent({
     return null;
   }
   const getLiquidBgClass = (side2) => {
-    switch (side2) {
-      case "top":
-        return "liquid:liquid-bg-tooltip-top";
-      case "bottom":
-        return "liquid:liquid-bg-tooltip-bottom";
-      case "left":
-        return "liquid:liquid-bg-tooltip-left";
-      case "right":
-        return "liquid:liquid-bg-tooltip-right";
-      default:
-        return "liquid:liquid-bg-tooltip-content";
-    }
+    if (side2 === "top" || side2 === "bottom" || side2 === "left" || side2 === "right")
+      return `liquid-dark:liquid-dark-bg-tooltip-${side2} liquid-light:liquid-light-bg-tooltip-${side2}`;
+    return "liquid-dark:liquid-dark-bg-tooltip-arrow liquid-light:liquid-light-bg-tooltip-arrow";
   };
   return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
     TooltipPrimitive.Content,
@@ -117,7 +108,8 @@ function TooltipContent({
               "h-[9px] w-[15px]",
               "border-none",
               "bg-bg-primary",
-              "liquid:liquid-bg-tooltip-arrow",
+              "liquid-dark:liquid-dark-bg-tooltip-arrow",
+              "liquid-light:liquid-light-bg-tooltip-arrow",
               "relative"
             ),
             style: {

package/dist/{chunk-JMFTHHHE.cjs → chunk-5SP25SO3.cjs}

@@ -5,16 +5,16 @@ var chunkRJ7I6ZQK_cjs = require('./chunk-RJ7I6ZQK.cjs');
 var chunk5MNZYCN2_cjs = require('./chunk-5MNZYCN2.cjs');
 var chunkZ6UDRPC2_cjs = require('./chunk-Z6UDRPC2.cjs');
 var chunk2J75MYQA_cjs = require('./chunk-2J75MYQA.cjs');
-var chunkLP3AGGRK_cjs = require('./chunk-LP3AGGRK.cjs');
-var chunk6TSA7KXX_cjs = require('./chunk-6TSA7KXX.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 chunkXG56MLQH_cjs = require('./chunk-XG56MLQH.cjs');
+var chunk5JPYU5A6_cjs = require('./chunk-5JPYU5A6.cjs');
 var chunkHAVTMZR3_cjs = require('./chunk-HAVTMZR3.cjs');
 var chunkEEGQLTSQ_cjs = require('./chunk-EEGQLTSQ.cjs');
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
+var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
 var chunkG5JZGNKY_cjs = require('./chunk-G5JZGNKY.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var chunkG4FJGNY5_cjs = require('./chunk-G4FJGNY5.cjs');
@@ -78,12 +78,13 @@ function Waterfall({
     onTemporalCursorChange,
     temporalCursor
   });
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(chunkG4FJGNY5_cjs.SyncScrollProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       className: chunkOHIB3TEN_cjs.cn(
-        "bg-bg-primary text-text-primary rounded-uk-md border-line-primary/50",
-        "mx-auto flex w-full flex-col overflow-hidden border font-sans",
+        "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
+        "text-text-primary rounded-uk-md",
+        "mx-auto flex w-full flex-col overflow-hidden font-sans",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         className
       ),
@@ -95,7 +96,7 @@ function Waterfall({
             style: { width: panelWidth },
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkXG56MLQH_cjs.TreeSearchBar,
+                chunk5JPYU5A6_cjs.TreeSearchBar,
                 {
                   className: "p-1",
                   searchQuery,
@@ -130,9 +131,9 @@ function Waterfall({
             ref: timelineContainerRef,
             className: "overflow-y-none scrollbar-hide relative flex h-full w-full flex-auto cursor-crosshair flex-col overflow-x-hidden pl-px active:cursor-grabbing",
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky top-0", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
                 ticks.map((marker, ind) => /* @__PURE__ */ jsxRuntime.jsx(
-                  chunk6TSA7KXX_cjs.Tick,
+                  chunkJWVH6R35_cjs.Tick,
                   {
                     time: marker.time,
                     label: marker.label,
@@ -223,7 +224,7 @@ function Waterfall({
                     )) }),
                     children,
                     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-1 left-1/2 -translate-x-1/2 justify-center pb-4", children: /* @__PURE__ */ jsxRuntime.jsx(
-                      chunkLP3AGGRK_cjs.NavigationControls,
+                      chunkUTS56UA5_cjs.NavigationControls,
                       {
                         viewDuration,
                         handlePan,

package/dist/{chunk-ZPH5LMEM.mjs → chunk-6NSQLHKC.mjs}

@@ -42,7 +42,7 @@ function DrawerContent({
       {
         "data-slot": "drawer-content",
         className: 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)]",
+          "group/drawer-content bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-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",
           "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-[340px]",

package/dist/{chunk-RGV3EB3K.cjs → chunk-6QU4J3HY.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
+var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
 var chunkYO6X755G_cjs = require('./chunk-YO6X755G.cjs');
 var chunkHNTVTCNX_cjs = require('./chunk-HNTVTCNX.cjs');
-var chunkXGGAJUY3_cjs = require('./chunk-XGGAJUY3.cjs');
+var chunkXURKXOZK_cjs = require('./chunk-XURKXOZK.cjs');
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkJR4TVE43_cjs = require('./chunk-JR4TVE43.cjs');
@@ -76,7 +76,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -115,8 +115,8 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkXGGAJUY3_cjs.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
-      chunkXGGAJUY3_cjs.SheetContent,
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkXURKXOZK_cjs.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      chunkXURKXOZK_cjs.SheetContent,
       {
         "data-sidebar": "sidebar",
         "data-slot": "sidebar",
@@ -127,9 +127,9 @@ function Sidebar({
         },
         side,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(chunkXGGAJUY3_cjs.SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(chunkXGGAJUY3_cjs.SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsxRuntime.jsx(chunkXGGAJUY3_cjs.SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxRuntime.jsxs(chunkXURKXOZK_cjs.SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(chunkXURKXOZK_cjs.SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsxRuntime.jsx(chunkXURKXOZK_cjs.SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full w-full flex-col", children })
         ]
@@ -174,7 +174,7 @@ function Sidebar({
               {
                 "data-sidebar": "sidebar",
                 "data-slot": "sidebar-inner",
-                className: "bg-bg-primary liquid:liquid-bg group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-uk-lg flex h-full w-full flex-col font-normal group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
+                className: "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:rounded-uk-lg flex h-full w-full flex-col font-normal group-data-[variant=floating]:border group-data-[variant=floating]:shadow-sm",
                 children
               }
             )
@@ -453,10 +453,10 @@ function SidebarMenuButton({
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: button }),
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: button }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2CZEFXEW_cjs.TooltipContent,
+      chunkLFSCJLL2_cjs.TooltipContent,
       {
         side: "right",
         align: "center",

package/dist/{chunk-W3RJNSWQ.mjs → chunk-7NOBQH7O.mjs}

@@ -75,7 +75,7 @@ function SheetContentRoot({
       {
         "data-slot": "sheet-content",
         className: cn(
-          "liquid:liquid-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)] transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-[340px]",
           side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-[340px]",
           side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto",
@@ -105,7 +105,7 @@ function SheetContentFallback({
     {
       "data-slot": "sheet-content",
       className: cn(
-        "liquid:liquid-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg bg-bg-primary p-xl fixed z-50 flex flex-col gap-4 shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         side === "right" && "inset-y-0 right-0 h-full w-[340px]",
         side === "left" && "inset-y-0 left-0 h-full w-[340px]",
         side === "top" && "inset-x-0 top-0 h-auto",

package/dist/{chunk-ZFIEYXJO.cjs → chunk-BXBSZOBU.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 = "a40ca8d" ;
+var DIAL_GIT_HASH = "a1d1441" ;
 function DialBadge({
   className,
   package: showPackage = true,

package/dist/{chunk-5WDPNBQW.cjs → chunk-C6L7YIGW.cjs}

@@ -11,7 +11,8 @@ var panelVariants = classVarianceAuthority.cva(
     "rounded-uk-lg",
     "bg-bg-primary",
     "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-    "liquid:liquid-bg"
+    "liquid-dark:liquid-dark-bg",
+    "liquid-light:liquid-light-bg"
   ],
   {
     variants: {

package/dist/{chunk-5EXV5EWF.mjs → chunk-D5H4XX6Q.mjs}

@@ -7,7 +7,7 @@ function NavigationControls({
   handlePan,
   handleZoomDragStart
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxs("div", { className: "bg-bg-primary/75 flex items-center gap-2 rounded-full p-1 text-sm shadow-[0_4px_16px_0_var(--color-shadow-secondary)] backdrop-blur-[2px]", children: [
+  return /* @__PURE__ */ jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxs("div", { className: "bg-bg-primary/75 liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg flex items-center gap-2 rounded-full p-1 text-sm shadow-[0_4px_16px_0_var(--color-shadow-secondary)] backdrop-blur-[2px]", children: [
     /* @__PURE__ */ jsx(
       "button",
       {

package/dist/{chunk-EAZQH4IX.mjs → chunk-EOSYXHEH.mjs}

@@ -16,7 +16,7 @@ var Toaster = ({ ...props }) => {
     Toaster$1,
     {
       toastOptions: {
-        className: "vk-toast liquid:liquid-bg",
+        className: "vk-toast liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
         descriptionClassName: "vk-toast-description"
       },
       ...props

package/dist/{chunk-EBBHJLUX.mjs → chunk-G4Q5ALRW.mjs}

@@ -9,7 +9,8 @@ var panelVariants = cva(
     "rounded-uk-lg",
     "bg-bg-primary",
     "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-    "liquid:liquid-bg"
+    "liquid-dark:liquid-dark-bg",
+    "liquid-light:liquid-light-bg"
   ],
   {
     variants: {

package/dist/{chunk-XOIIYO5J.cjs → chunk-HA6M4XKT.cjs}

@@ -73,7 +73,8 @@ function DropdownMenuContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-          "liquid:liquid-bg"
+          "liquid-dark:liquid-dark-bg",
+          "liquid-light:liquid-light-bg"
         ],
         className
       ),
@@ -339,7 +340,8 @@ function DropdownMenuSubContent({
         "overflow-y-auto",
         "rounded-uk-md",
         "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props

package/dist/{chunk-Z6KE4XDB.cjs → chunk-I2BVWNRP.cjs}

@@ -19,9 +19,9 @@ var chunkEKPJUR3U_cjs = require('./chunk-EKPJUR3U.cjs');
 var chunkVJN3GGLZ_cjs = require('./chunk-VJN3GGLZ.cjs');
 var chunkM4IHJGJE_cjs = require('./chunk-M4IHJGJE.cjs');
 var chunkUASPJ57U_cjs = require('./chunk-UASPJ57U.cjs');
-var chunkRMK6W774_cjs = require('./chunk-RMK6W774.cjs');
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
-var chunkYMSWUGHW_cjs = require('./chunk-YMSWUGHW.cjs');
+var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
+var chunkRMK6W774_cjs = require('./chunk-RMK6W774.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 var DialInputWrapper = ({ label, children }) => {
@@ -592,7 +592,7 @@ var DialPanel = ({ schemas, groups: groupConfigs }) => {
   const renderSchemaInput = (schema) => {
     const { name, dtype, min, max, step, options, tags } = schema;
     const labelPosition = tags?.labelPosition;
-    const label = name.charAt(0).toUpperCase() + name.slice(1);
+    const label = schema.label || name.charAt(0).toUpperCase() + name.slice(1);
     switch (dtype) {
       case "vector3":
         return /* @__PURE__ */ jsxRuntime.jsx(
@@ -819,7 +819,7 @@ var DialSelectInput = ({
   const { getValue, setValue } = chunkRMK6W774_cjs.useDialSchema();
   const value = getValue(name);
   const selectComponent = /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkYMSWUGHW_cjs.Select,
+    chunk4PKPCOAF_cjs.Select,
     {
       value: String(value),
       onValueChange: (val) => {
@@ -827,8 +827,8 @@ var DialSelectInput = ({
         setValue(name, parsed);
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectValue, { placeholder: "Select an option" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunkYMSWUGHW_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectTrigger, { size, children: /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectValue, { placeholder: "Select an option" }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectContent, { children: options.map((opt, i) => /* @__PURE__ */ jsxRuntime.jsx(chunk4PKPCOAF_cjs.SelectItem, { value: String(opt), children: String(opt) }, i)) })
       ]
     }
   );

package/dist/{chunk-K22BEXUA.mjs → chunk-JVV7W3TP.mjs}

@@ -22,7 +22,7 @@ function Tick({ time, label, timeToPercent, zIndex = 10 }) {
     /* @__PURE__ */ jsx(
       "div",
       {
-        className: "bg-bg-primary text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
+        className: "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
         style: {
           left: `${clampedCenterPercent}%`,
           zIndex

package/dist/{chunk-UA3OTLX4.mjs → chunk-JWUIZX35.mjs}

@@ -2,9 +2,9 @@ import { cn } from './chunk-HMN4IKTG.mjs';
 import { GitBranch } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var PACKAGE_VERSION = "0.0.102" ;
+var PACKAGE_VERSION = "0.0.103" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "4bc4633" ;
+var GIT_HASH = "dcb0bc3" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-6TSA7KXX.cjs → chunk-JWVH6R35.cjs}

@@ -24,7 +24,7 @@ function Tick({ time, label, timeToPercent, zIndex = 10 }) {
     /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
-        className: "bg-bg-primary text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
+        className: "bg-bg-primary liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg text-text-secondary rounded-uk-xs text-uk-sm pointer-events-none absolute top-1/2 -translate-x-1/2 -translate-y-1/2 px-1 backdrop-blur-sm",
         style: {
           left: `${clampedCenterPercent}%`,
           zIndex

package/dist/{chunk-CX6OFX5Z.mjs → chunk-KJH46JR3.mjs}

@@ -137,7 +137,8 @@ function SelectContent({
           "overflow-y-auto",
           "rounded-uk-md",
           "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-          "liquid:liquid-bg",
+          "liquid-dark:liquid-dark-bg",
+          "liquid-light:liquid-light-bg",
           font === "standard" ? "font-sans" : "font-number-input"
         ],
         {

package/dist/chunk-LBGZKACW.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var chunkUULSGVNF_cjs = require('./chunk-UULSGVNF.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUULSGVNF_cjs.DockLayout, { className, children: [
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutTop, { className: topClassName, children: top }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+      left && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutLeft, { className: leftClassName, children: left }),
+      /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutContent, { className: contentClassName, children }),
+      right && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutRight, { className: rightClassName, children: right })
+    ] }),
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkUULSGVNF_cjs.DockLayoutBottom, { className: bottomClassName, children: bottom })
+  ] });
+};
+
+exports.DockLayoutView = DockLayoutView;

package/dist/{chunk-2CZEFXEW.cjs → chunk-LFSCJLL2.cjs}

@@ -82,18 +82,9 @@ function TooltipContent({
     return null;
   }
   const getLiquidBgClass = (side2) => {
-    switch (side2) {
-      case "top":
-        return "liquid:liquid-bg-tooltip-top";
-      case "bottom":
-        return "liquid:liquid-bg-tooltip-bottom";
-      case "left":
-        return "liquid:liquid-bg-tooltip-left";
-      case "right":
-        return "liquid:liquid-bg-tooltip-right";
-      default:
-        return "liquid:liquid-bg-tooltip-content";
-    }
+    if (side2 === "top" || side2 === "bottom" || side2 === "left" || side2 === "right")
+      return `liquid-dark:liquid-dark-bg-tooltip-${side2} liquid-light:liquid-light-bg-tooltip-${side2}`;
+    return "liquid-dark:liquid-dark-bg-tooltip-arrow liquid-light:liquid-light-bg-tooltip-arrow";
   };
   return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsxs(
     TooltipPrimitive__namespace.Content,
@@ -139,7 +130,8 @@ function TooltipContent({
               "h-[9px] w-[15px]",
               "border-none",
               "bg-bg-primary",
-              "liquid:liquid-bg-tooltip-arrow",
+              "liquid-dark:liquid-dark-bg-tooltip-arrow",
+              "liquid-light:liquid-light-bg-tooltip-arrow",
               "relative"
             ),
             style: {

package/dist/chunk-M6JLGVJ7.mjs

@@ -0,0 +1,28 @@
+import { DockLayout, DockLayoutTop, DockLayoutLeft, DockLayoutContent, DockLayoutRight, DockLayoutBottom } from './chunk-3LO3AM25.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DockLayoutView = ({
+  left,
+  right,
+  top,
+  bottom,
+  children,
+  className,
+  leftClassName,
+  rightClassName,
+  topClassName,
+  bottomClassName,
+  contentClassName
+}) => {
+  return /* @__PURE__ */ jsxs(DockLayout, { className, children: [
+    top && /* @__PURE__ */ jsx(DockLayoutTop, { className: topClassName, children: top }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+      left && /* @__PURE__ */ jsx(DockLayoutLeft, { className: leftClassName, children: left }),
+      /* @__PURE__ */ jsx(DockLayoutContent, { className: contentClassName, children }),
+      right && /* @__PURE__ */ jsx(DockLayoutRight, { className: rightClassName, children: right })
+    ] }),
+    bottom && /* @__PURE__ */ jsx(DockLayoutBottom, { className: bottomClassName, children: bottom })
+  ] });
+};
+
+export { DockLayoutView };