@vuer-ai/vuer-uikit 0.0.102 → 0.0.104

package/dist/auth/types.mjs

@@ -1 +1 @@
-export { auth, options } from '../chunk-PKSIXQJX.mjs';
+

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

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

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

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

package/dist/{chunk-WGVKFNG6.mjs → chunk-276VJZCV.mjs}

@@ -1,5 +1,4 @@
 // src/auth/localstorage-key.ts
 var bearerToken = "bearer_token";
-var jwtToken = "auth_jwt";
 
-export { bearerToken, jwtToken };
+export { bearerToken };

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-4CPB3XHE.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var chunkSVWS4AL6_cjs = require('./chunk-SVWS4AL6.cjs');
+
+// src/auth/handler/sign-out-handler.ts
+var signOutHandler = async (baseURL) => {
+  const token = localStorage.getItem(chunkSVWS4AL6_cjs.bearerToken) || "";
+  const res = await fetch(`${baseURL}/api/auth/sign-out`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${token}`
+    },
+    credentials: "include"
+  });
+  return await res.json();
+};
+
+exports.signOutHandler = signOutHandler;

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-5HS4PMUR.mjs

@@ -0,0 +1,45 @@
+import { getSession } from './chunk-T57VFBIC.mjs';
+import { AuthContext } from './chunk-TC3W4VRO.mjs';
+import { bearerToken } from './chunk-276VJZCV.mjs';
+import { useState, useCallback, useEffect, useMemo } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+function VuerAuthProvider({ children, baseURL }) {
+  const [isPending, setIsPending] = useState(true);
+  const [session, setSession] = useState(null);
+  const refetchHandle = useCallback(async () => {
+    setIsPending(true);
+    const data = await getSession(baseURL);
+    setSession(data);
+    setIsPending(false);
+    return data;
+  }, [baseURL]);
+  useEffect(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const session2 = searchParams.get("token");
+    if (session2) {
+      localStorage.setItem(bearerToken, encodeURIComponent(session2));
+      refetchHandle().then(() => console.log("Sign in session"));
+      window.history.replaceState({}, "", window.location.pathname);
+    }
+  }, [refetchHandle]);
+  useEffect(() => {
+    refetchHandle().then(() => console.log("Init session"));
+  }, [refetchHandle]);
+  return /* @__PURE__ */ jsx(
+    AuthContext.Provider,
+    {
+      value: useMemo(() => {
+        return {
+          baseURL,
+          isPending,
+          data: session,
+          refetch: refetchHandle
+        };
+      }, [baseURL, session, isPending, refetchHandle]),
+      children
+    }
+  );
+}
+
+export { VuerAuthProvider };

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-Z6KE4XDB.cjs → chunk-5QDNFK4H.cjs}

@@ -1,27 +1,27 @@
 'use strict';
 
-var chunkHN3AMWUM_cjs = require('./chunk-HN3AMWUM.cjs');
 var chunkAJQEHMYV_cjs = require('./chunk-AJQEHMYV.cjs');
 var chunkPTCDBU72_cjs = require('./chunk-PTCDBU72.cjs');
 var chunk64L2SNKA_cjs = require('./chunk-64L2SNKA.cjs');
 var chunkEAXBNWXE_cjs = require('./chunk-EAXBNWXE.cjs');
 var chunkNSUFTZNC_cjs = require('./chunk-NSUFTZNC.cjs');
+var chunkHN3AMWUM_cjs = require('./chunk-HN3AMWUM.cjs');
 var chunkAOV3ADTV_cjs = require('./chunk-AOV3ADTV.cjs');
 var chunkA2UZY7Y2_cjs = require('./chunk-A2UZY7Y2.cjs');
 var chunkD5WOPTKY_cjs = require('./chunk-D5WOPTKY.cjs');
 var chunk2EG65KGO_cjs = require('./chunk-2EG65KGO.cjs');
 var chunkJFIAWTRH_cjs = require('./chunk-JFIAWTRH.cjs');
+var chunk2WD4ZL27_cjs = require('./chunk-2WD4ZL27.cjs');
 var chunkZRRCYQ53_cjs = require('./chunk-ZRRCYQ53.cjs');
 var chunk7GJVMFKJ_cjs = require('./chunk-7GJVMFKJ.cjs');
 var chunk5XBMFADS_cjs = require('./chunk-5XBMFADS.cjs');
-var chunk2WD4ZL27_cjs = require('./chunk-2WD4ZL27.cjs');
 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 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-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-BFNETXJK.mjs → chunk-77FMULFB.mjs}

@@ -1,25 +1,25 @@
-import { Vec3Input } from './chunk-SYX6TMCQ.mjs';
 import { EulerRadInput } from './chunk-IXNXSECD.mjs';
 import { InchInput } from './chunk-3TUONMQ6.mjs';
 import { IntInput } from './chunk-4JGGLCXT.mjs';
 import { QuaternionInput } from './chunk-VUMOJPEC.mjs';
 import { TimeInput } from './chunk-JUSFLIU5.mjs';
+import { Vec3Input } from './chunk-SYX6TMCQ.mjs';
 import { CmInput } from './chunk-PTGMHZFS.mjs';
 import { DegInput } from './chunk-CGUQWS2I.mjs';
 import { EulerDegInput } from './chunk-24IUD6Q3.mjs';
 import { EulerInput } from './chunk-ZNM6PNI6.mjs';
 import { VectorInput } from './chunk-VEWWUO2N.mjs';
+import { TextInput } from './chunk-3VVQWVDE.mjs';
 import { ColorInput } from './chunk-EXQQRW7T.mjs';
 import { PresetsInput } from './chunk-6XOTWZFC.mjs';
 import { RadInput } from './chunk-IY36FZ5R.mjs';
-import { TextInput } from './chunk-3VVQWVDE.mjs';
 import { Slider } from './chunk-Y6WGGVT2.mjs';
 import { Switch } from './chunk-AZBJB6KC.mjs';
 import { Label } from './chunk-42UBHC2D.mjs';
 import { FormLayout } from './chunk-NRQJX772.mjs';
 import { useDialSchema } from './chunk-3HEZVWRW.mjs';
 import { InputRoot, InputSlot } from './chunk-LRSDE62T.mjs';
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CX6OFX5Z.mjs';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-KJH46JR3.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 var DialInputWrapper = ({ label, children }) => {
@@ -590,7 +590,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__ */ jsx(

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-JMFTHHHE.cjs → chunk-7RHQ6DVU.cjs}

@@ -2,19 +2,19 @@
 
 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 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-RZILHP75.cjs → chunk-7WA7ZFVS.cjs}

@@ -4,9 +4,9 @@ var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('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-6DYF6WO6.mjs → chunk-AKVHFPXH.mjs}

@@ -1,12 +1,14 @@
-import { signInHandler } from './chunk-7KQXX7QB.mjs';
+import { signInHandler } from './chunk-XGM57WPN.mjs';
+import { signOutHandler } from './chunk-CGODCUQ5.mjs';
 import { useVuerAuth } from './chunk-3IVDCAFM.mjs';
 import { useCallback, useMemo } from 'react';
 
 var useVuerMethod = () => {
-  const { refetch, authClient, baseURL } = useVuerAuth();
-  const signOutHandle = useCallback(() => {
-    return authClient.signOut();
-  }, [authClient]);
+  const { refetch, baseURL } = useVuerAuth();
+  const signOutHandle = useCallback(async () => {
+    await signOutHandler(baseURL);
+    await refetch();
+  }, [baseURL, refetch]);
   const signInHandle = useCallback(
     (props) => {
       return signInHandler({ ...props, baseURL }, refetch);

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-CGODCUQ5.mjs

@@ -0,0 +1,16 @@
+import { bearerToken } from './chunk-276VJZCV.mjs';
+
+// src/auth/handler/sign-out-handler.ts
+var signOutHandler = async (baseURL) => {
+  const token = localStorage.getItem(bearerToken) || "";
+  const res = await fetch(`${baseURL}/api/auth/sign-out`, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${token}`
+    },
+    credentials: "include"
+  });
+  return await res.json();
+};
+
+export { signOutHandler };

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: {