@vuer-ai/vuer-uikit 0.0.102 → 0.0.104

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-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-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-7P563TWH.mjs → chunk-K2OC2HWQ.mjs}

@@ -1,18 +1,18 @@
 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-5EXV5EWF.mjs';
-import { Tick } from './chunk-K22BEXUA.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 { TreeSearchBar } from './chunk-EI5ZOFWX.mjs';
+import { TreeSearchBar } from './chunk-SUEFWFPX.mjs';
 import { TreeView } from './chunk-VQPJ7TLB.mjs';
-import { useTreeState, useTreeSearch } from './chunk-PC5DHSC4.mjs';
-import { TooltipProvider } from './chunk-ZNPI2TYG.mjs';
+import { TooltipProvider } from './chunk-5MBEK77I.mjs';
 import { SyncScroll, SyncDragY, SyncScrollSlave } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { SyncScrollProvider } from './chunk-SAGQV2YZ.mjs';
@@ -80,8 +80,9 @@ function Waterfall({
     "div",
     {
       className: 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
       ),
@@ -128,7 +129,7 @@ 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__ */ jsx("div", { className: "bg-bg-primary sticky top-0", children: /* @__PURE__ */ jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
+              /* @__PURE__ */ jsx("div", { className: "sticky top-0", children: /* @__PURE__ */ jsxs("div", { className: "border-line-primary/50 relative h-8 border-b", children: [
                 ticks.map((marker, ind) => /* @__PURE__ */ jsx(
                   Tick,
                   {

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-UA3OTLX4.mjs → chunk-LDFGQSE4.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.104" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "4bc4633" ;
+var GIT_HASH = "9a19e18" ;
 function PackageBadge({
   className,
   packageName,

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 };

package/dist/{chunk-E2EMVLII.mjs → chunk-MG5TTPA7.mjs}

@@ -9,7 +9,8 @@ var cardVariants = 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-3THWK3HB.mjs → chunk-NHG2ROYB.mjs}

@@ -54,7 +54,8 @@ var modalContentVariants = cva([
   "data-[state=open]:fade-in-0",
   "data-[state=closed]:zoom-out-95",
   "data-[state=open]:zoom-in-95",
-  "liquid:liquid-bg"
+  "liquid-dark:liquid-dark-bg",
+  "liquid-light:liquid-light-bg"
 ]);
 function ModalContent({
   className,

package/dist/{chunk-7UO6NLB6.mjs → chunk-OLVOIUCE.mjs}

@@ -1,7 +1,7 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
 import { Skeleton } from './chunk-DWWM2TV3.mjs';
 import { Separator } from './chunk-OWGKZAOO.mjs';
-import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-W3RJNSWQ.mjs';
+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription } from './chunk-7NOBQH7O.mjs';
 import { InputRoot } from './chunk-LRSDE62T.mjs';
 import { Button } from './chunk-CZ4GQOXG.mjs';
 import { useIsMobile } from './chunk-XHJDRQD7.mjs';
@@ -172,7 +172,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
               }
             )

package/dist/{chunk-KRNKB4FM.mjs → chunk-OPYMZDEZ.mjs}

@@ -7,7 +7,7 @@ function Toolbar({ className, children, variant = "default", size = "md" }) {
     {
       className: cn(
         "bg-bg-primary flex items-center gap-2",
-        "liquid:liquid-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         size === "sm" && "rounded-uk-md p-1.5",
         size === "md" && "rounded-uk-lg p-1.5",
         size === "lg" && "rounded-uk-xl p-1.5",

package/dist/{chunk-LSKJOUAE.cjs → chunk-PB4UO2NR.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6BD5MQ5R_cjs = require('./chunk-6BD5MQ5R.cjs');
+var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
 
 // src/auth/handler/sign-in-handler.ts
 var signInHandler = (props, refetch) => {
@@ -34,14 +34,13 @@ var sigInWithPopup = async (props, refetch) => {
       if (event.data.type === "AUTH_TOKEN") {
         const token = event.data.token;
         if (token) {
-          localStorage.setItem(chunk6BD5MQ5R_cjs.bearerToken, token);
+          localStorage.setItem(chunkSVWS4AL6_cjs.bearerToken, token);
           window.removeEventListener("message", handle);
           resolve(token);
           if (callbackURL) {
             window.location.href = callbackURL;
-          } else {
-            refetch();
           }
+          refetch();
         }
       }
     };

package/dist/{chunk-IJGCH57E.cjs → chunk-QHAGQCVF.cjs}

@@ -14,7 +14,7 @@ var badgeVariants = classVarianceAuthority.cva(
     "px-md",
     "py-xxs",
     "align-middle",
-    "text-uk-sm",
+    "text-xs",
     "leading-uk-sm",
     "w-fit",
     "whitespace-nowrap",

package/dist/{chunk-D4DKSGER.mjs → chunk-QZUTRJSP.mjs}

@@ -1,4 +1,4 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
 import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
 import { SyncScroll } from './chunk-PDOFOJ4P.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';

package/dist/{chunk-SUSABE24.mjs → chunk-S6PSU47F.mjs}

@@ -12,7 +12,7 @@ var badgeVariants = cva(
     "px-md",
     "py-xxs",
     "align-middle",
-    "text-uk-sm",
+    "text-xs",
     "leading-uk-sm",
     "w-fit",
     "whitespace-nowrap",

package/dist/{chunk-AYYX3TVN.mjs → chunk-S7SGB2FD.mjs}

@@ -1,7 +1,7 @@
 import { InputRoot } from './chunk-LRSDE62T.mjs';
 import { Tabs } from './chunk-B53A4WNW.mjs';
 import { Textarea } from './chunk-25RDJXX7.mjs';
-import { SelectTrigger } from './chunk-CX6OFX5Z.mjs';
+import { SelectTrigger } from './chunk-KJH46JR3.mjs';
 import { Button } from './chunk-CZ4GQOXG.mjs';
 import { withCursor } from './chunk-RAHKRYQJ.mjs';
 

package/dist/{chunk-CFOMX6SF.mjs → chunk-SMIACO56.mjs}

@@ -51,7 +51,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
       ),
@@ -317,7 +318,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-EI5ZOFWX.mjs → chunk-SUEFWFPX.mjs}

@@ -1,4 +1,4 @@
-import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
+import { TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
 import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { Search, CaseSensitive, Regex } from 'lucide-react';

package/dist/{chunk-6BD5MQ5R.cjs → chunk-SVWS4AL6.cjs}

@@ -2,7 +2,5 @@
 
 // src/auth/localstorage-key.ts
 var bearerToken = "bearer_token";
-var jwtToken = "auth_jwt";
 
 exports.bearerToken = bearerToken;
-exports.jwtToken = jwtToken;

package/dist/chunk-T2D6PSA6.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+var chunkWTYBTOLO_cjs = require('./chunk-WTYBTOLO.cjs');
+var chunkZULCZ5L6_cjs = require('./chunk-ZULCZ5L6.cjs');
+var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function VuerAuthProvider({ children, baseURL }) {
+  const [isPending, setIsPending] = react.useState(true);
+  const [session, setSession] = react.useState(null);
+  const refetchHandle = react.useCallback(async () => {
+    setIsPending(true);
+    const data = await chunkWTYBTOLO_cjs.getSession(baseURL);
+    setSession(data);
+    setIsPending(false);
+    return data;
+  }, [baseURL]);
+  react.useEffect(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const session2 = searchParams.get("token");
+    if (session2) {
+      localStorage.setItem(chunkSVWS4AL6_cjs.bearerToken, encodeURIComponent(session2));
+      refetchHandle().then(() => console.log("Sign in session"));
+      window.history.replaceState({}, "", window.location.pathname);
+    }
+  }, [refetchHandle]);
+  react.useEffect(() => {
+    refetchHandle().then(() => console.log("Init session"));
+  }, [refetchHandle]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZULCZ5L6_cjs.AuthContext.Provider,
+    {
+      value: react.useMemo(() => {
+        return {
+          baseURL,
+          isPending,
+          data: session,
+          refetch: refetchHandle
+        };
+      }, [baseURL, session, isPending, refetchHandle]),
+      children
+    }
+  );
+}
+
+exports.VuerAuthProvider = VuerAuthProvider;

package/dist/chunk-T57VFBIC.mjs

@@ -0,0 +1,17 @@
+import { bearerToken } from './chunk-276VJZCV.mjs';
+
+// src/auth/handler/get-session.ts
+var getSession = async (baseURL) => {
+  const token = localStorage.getItem(bearerToken) || "";
+  const res = await fetch(`${baseURL}/api/auth/get-session`, {
+    headers: {
+      Authorization: `Bearer ${token}`
+    },
+    credentials: "include"
+  });
+  const authJWT = res.headers.get("set-auth-jwt");
+  const data = await res.json();
+  return { ...data, session: { ...data.session, jwt: authJWT ?? "" } };
+};
+
+export { getSession };

package/dist/{chunk-3OMGBQ7I.mjs → chunk-TYXRHZZG.mjs}

@@ -3,7 +3,7 @@ import { jsx, jsxs } from '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-LP3AGGRK.cjs → chunk-UTS56UA5.cjs}

@@ -9,7 +9,7 @@ function NavigationControls({
   handlePan,
   handleZoomDragStart
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "sticky left-1/2 z-20 w-max", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
       "button",
       {

package/dist/{chunk-OMZHB2FB.cjs → chunk-V3VUFIG3.cjs}

@@ -77,7 +77,8 @@ function PopoverContentRoot({
         "origin-(--radix-popover-content-transform-origin)",
         "border-none",
         "outline-hidden",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props
@@ -97,7 +98,8 @@ function PopoverContentFallback({ className, ...props }) {
         "z-20",
         "border-none",
         "outline-hidden",
-        "liquid:liquid-bg",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-light:liquid-light-bg",
         className
       ),
       ...props

package/dist/{chunk-RU423LFT.cjs → chunk-VQP3QBC6.cjs}

@@ -44,7 +44,7 @@ function DrawerContent({
       {
         "data-slot": "drawer-content",
         className: chunkOHIB3TEN_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)]",
+          "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-C7WHIFJZ.cjs → chunk-WRKB3W2J.cjs}

@@ -3,7 +3,7 @@
 var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkL6LCOLOV_cjs = require('./chunk-L6LCOLOV.cjs');
 var chunk7DFI7CUK_cjs = require('./chunk-7DFI7CUK.cjs');
-var chunkYMSWUGHW_cjs = require('./chunk-YMSWUGHW.cjs');
+var chunk4PKPCOAF_cjs = require('./chunk-4PKPCOAF.cjs');
 var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
 
@@ -11,7 +11,7 @@ var chunkWJY6BMVR_cjs = require('./chunk-WJY6BMVR.cjs');
 var CursorButton = chunkWJY6BMVR_cjs.withCursor(chunkHBIZQDDS_cjs.Button);
 var CursorTabs = chunkWJY6BMVR_cjs.withCursor(chunkL6LCOLOV_cjs.Tabs);
 var CursorInputRoot = chunkWJY6BMVR_cjs.withCursor(chunkLQGXG373_cjs.InputRoot);
-var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunkYMSWUGHW_cjs.SelectTrigger);
+var CursorSelectTrigger = chunkWJY6BMVR_cjs.withCursor(chunk4PKPCOAF_cjs.SelectTrigger);
 var CursorTextarea = chunkWJY6BMVR_cjs.withCursor(chunk7DFI7CUK_cjs.Textarea);
 
 exports.CursorButton = CursorButton;

package/dist/chunk-WTYBTOLO.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
+
+// src/auth/handler/get-session.ts
+var getSession = async (baseURL) => {
+  const token = localStorage.getItem(chunkSVWS4AL6_cjs.bearerToken) || "";
+  const res = await fetch(`${baseURL}/api/auth/get-session`, {
+    headers: {
+      Authorization: `Bearer ${token}`
+    },
+    credentials: "include"
+  });
+  const authJWT = res.headers.get("set-auth-jwt");
+  const data = await res.json();
+  return { ...data, session: { ...data.session, jwt: authJWT ?? "" } };
+};
+
+exports.getSession = getSession;

package/dist/{chunk-3XTBLV6T.cjs → chunk-WZGZX3S2.cjs}

@@ -9,7 +9,7 @@ function Toolbar({ className, children, variant = "default", size = "md" }) {
     {
       className: chunkOHIB3TEN_cjs.cn(
         "bg-bg-primary flex items-center gap-2",
-        "liquid:liquid-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        "liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
         size === "sm" && "rounded-uk-md p-1.5",
         size === "md" && "rounded-uk-lg p-1.5",
         size === "lg" && "rounded-uk-xl p-1.5",

package/dist/{chunk-3PDV3ZKD.cjs → chunk-XFTKHT2M.cjs}

@@ -1,17 +1,19 @@
 'use strict';
 
-var chunkLSKJOUAE_cjs = require('./chunk-LSKJOUAE.cjs');
+var chunkPB4UO2NR_cjs = require('./chunk-PB4UO2NR.cjs');
+var chunk4CPB3XHE_cjs = require('./chunk-4CPB3XHE.cjs');
 var chunk4B44SRRP_cjs = require('./chunk-4B44SRRP.cjs');
 var react = require('react');
 
 var useVuerMethod = () => {
-  const { refetch, authClient, baseURL } = chunk4B44SRRP_cjs.useVuerAuth();
-  const signOutHandle = react.useCallback(() => {
-    return authClient.signOut();
-  }, [authClient]);
+  const { refetch, baseURL } = chunk4B44SRRP_cjs.useVuerAuth();
+  const signOutHandle = react.useCallback(async () => {
+    await chunk4CPB3XHE_cjs.signOutHandler(baseURL);
+    await refetch();
+  }, [baseURL, refetch]);
   const signInHandle = react.useCallback(
     (props) => {
-      return chunkLSKJOUAE_cjs.signInHandler({ ...props, baseURL }, refetch);
+      return chunkPB4UO2NR_cjs.signInHandler({ ...props, baseURL }, refetch);
     },
     [baseURL, refetch]
   );

package/dist/{chunk-7KQXX7QB.mjs → chunk-XGM57WPN.mjs}

@@ -1,4 +1,4 @@
-import { bearerToken } from './chunk-WGVKFNG6.mjs';
+import { bearerToken } from './chunk-276VJZCV.mjs';
 
 // src/auth/handler/sign-in-handler.ts
 var signInHandler = (props, refetch) => {
@@ -37,9 +37,8 @@ var sigInWithPopup = async (props, refetch) => {
           resolve(token);
           if (callbackURL) {
             window.location.href = callbackURL;
-          } else {
-            refetch();
           }
+          refetch();
         }
       }
     };

package/dist/{chunk-XGGAJUY3.cjs → chunk-XURKXOZK.cjs}

@@ -97,7 +97,7 @@ function SheetContentRoot({
       {
         "data-slot": "sheet-content",
         className: chunkOHIB3TEN_cjs.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",
@@ -127,7 +127,7 @@ function SheetContentFallback({
     {
       "data-slot": "sheet-content",
       className: chunkOHIB3TEN_cjs.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-3NSSQHRK.mjs → chunk-Y2H4A5AC.mjs}

@@ -1,5 +1,5 @@
 import { useTheme } from './chunk-FK6ZROZE.mjs';
-import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-ZNPI2TYG.mjs';
+import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-5MBEK77I.mjs';
 import { Button } from './chunk-CZ4GQOXG.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { PanelsTopLeft, LayoutTemplate, SunMoon, Moon, Sun } from 'lucide-react';

package/dist/{chunk-2JV7MJIF.cjs → chunk-Y5SVZCPQ.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkKR7VBV3B_cjs = require('./chunk-KR7VBV3B.cjs');
-var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
+var chunkLFSCJLL2_cjs = require('./chunk-LFSCJLL2.cjs');
 var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
@@ -9,8 +9,8 @@ var jsxRuntime = require('react/jsx-runtime');
 
 var LiquidToggle = ({ className, ...props }) => {
   const { isLiquid, toggleLiquid } = chunkKR7VBV3B_cjs.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkLFSCJLL2_cjs.Tooltip, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       chunkHBIZQDDS_cjs.Button,
       {
         icon: true,
@@ -22,7 +22,7 @@ var LiquidToggle = ({ className, ...props }) => {
         children: isLiquid ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelsTopLeft, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutTemplate, { size: 20 })
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2CZEFXEW_cjs.TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLFSCJLL2_cjs.TooltipContent, { children: isLiquid ? "Dock Menu Panels" : "Floating Menu Panels" })
   ] });
 };
 var ThemeColorToggle = (props) => {