@vuer-ai/vuer-uikit 0.0.101 → 0.0.102

package/dist/chunk-PKSIXQJX.mjs

@@ -0,0 +1,20 @@
+import { betterAuth } from 'better-auth';
+import { customSessionClient } from 'better-auth/client/plugins';
+import { customSession } from 'better-auth/plugins';
+
+// src/auth/types.ts
+var auth = betterAuth({
+  plugins: [
+    customSession(async (session) => {
+      return {
+        ...session,
+        session: { ...session.session, sessionToken: "" }
+      };
+    })
+  ]
+});
+var options = {
+  plugins: [customSessionClient()]
+};
+
+export { auth, options };

package/dist/{chunk-YUHHUSIO.cjs → chunk-PTCDBU72.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkDREOOKO2_cjs = require('./chunk-DREOOKO2.cjs');
+var chunkGOGJVFRN_cjs = require('./chunk-GOGJVFRN.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var InchInput = react.forwardRef(function InchInput2({ value = 0, onChange, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkDREOOKO2_cjs.InputNumbers,
+    chunkGOGJVFRN_cjs.InputNumbers,
     {
       ref,
       value: [value],

package/dist/{chunk-SQQXY4AY.mjs → chunk-PTGMHZFS.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-C4E2MFZB.mjs';
+import { InputNumbers } from './chunk-7HOEFGEO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-PZMA33PL.mjs

@@ -0,0 +1,25 @@
+import { jwtToken, bearerToken } from './chunk-WGVKFNG6.mjs';
+import { options } from './chunk-PKSIXQJX.mjs';
+import { createAuthClient } from 'better-auth/react';
+
+var createClient = (baseURL) => {
+  return createAuthClient({
+    ...options,
+    baseURL,
+    fetchOptions: {
+      auth: {
+        type: "Bearer",
+        token: () => localStorage.getItem(bearerToken) || ""
+        // get the token from localStorage
+      },
+      onSuccess: (ctx) => {
+        const jwt = ctx.response.headers.get("set-auth-jwt");
+        if (jwt) {
+          localStorage.setItem(jwtToken, jwt);
+        }
+      }
+    }
+  });
+};
+
+export { createClient };

package/dist/{chunk-GWIACOMY.cjs → chunk-Q2HC5ZL4.cjs}

@@ -1,6 +1,5 @@
 'use strict';
 
-var chunkRPTRTGC2_cjs = require('./chunk-RPTRTGC2.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var AvatarPrimitive = require('@radix-ui/react-avatar');
 var React = require('react');
@@ -29,10 +28,7 @@ function _interopNamespace(e) {
 var AvatarPrimitive__namespace = /*#__PURE__*/_interopNamespace(AvatarPrimitive);
 var React__default = /*#__PURE__*/_interopDefault(React);
 
-var AvatarRoot = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
+var Avatar = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   AvatarPrimitive__namespace.Root,
   {
     "data-slot": "avatar",
@@ -40,15 +36,7 @@ var AvatarRoot = ({
     ...props
   }
 );
-var AvatarSSRFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    "data-slot": "avatar",
-    className: chunkOHIB3TEN_cjs.cn("relative flex size-[24px] shrink-0 overflow-hidden rounded-full", className)
-  }
-);
-var Avatar = chunkRPTRTGC2_cjs.createClientOnlyComponent(AvatarRoot, AvatarSSRFallback);
-var AvatarImageRoot = ({
+var AvatarImage = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -59,9 +47,7 @@ var AvatarImageRoot = ({
     ...props
   }
 );
-var AvatarImageFallback = ({ className }) => /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "avatar-image", className: chunkOHIB3TEN_cjs.cn("aspect-square size-full", className) });
-var AvatarImage = chunkRPTRTGC2_cjs.createClientOnlyComponent(AvatarImageRoot, AvatarImageFallback);
-var AvatarFallbackRoot = ({
+var AvatarFallback = ({
   className,
   ...props
 }) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -75,21 +61,6 @@ var AvatarFallbackRoot = ({
     ...props
   }
 );
-var AvatarFallbackSSR = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(
-  "span",
-  {
-    "data-slot": "avatar-fallback",
-    className: chunkOHIB3TEN_cjs.cn(
-      "bg-bg-tertiary flex size-full items-center justify-center rounded-full",
-      className
-    ),
-    ...props
-  }
-);
-var AvatarFallback = chunkRPTRTGC2_cjs.createClientOnlyComponent(AvatarFallbackRoot, AvatarFallbackSSR);
 function AvatarGroup({ children, className, spacing = "normal", max }) {
   const spacingClasses = {
     tight: "-space-x-1.5",
@@ -131,11 +102,5 @@ function AvatarGroup({ children, className, spacing = "normal", max }) {
 
 exports.Avatar = Avatar;
 exports.AvatarFallback = AvatarFallback;
-exports.AvatarFallbackRoot = AvatarFallbackRoot;
-exports.AvatarFallbackSSR = AvatarFallbackSSR;
 exports.AvatarGroup = AvatarGroup;
 exports.AvatarImage = AvatarImage;
-exports.AvatarImageFallback = AvatarImageFallback;
-exports.AvatarImageRoot = AvatarImageRoot;
-exports.AvatarRoot = AvatarRoot;
-exports.AvatarSSRFallback = AvatarSSRFallback;

package/dist/{chunk-OYNLQTHW.cjs → chunk-RGV3EB3K.cjs}

@@ -1,11 +1,11 @@
 'use strict';
 
 var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
+var chunkYO6X755G_cjs = require('./chunk-YO6X755G.cjs');
 var chunkHNTVTCNX_cjs = require('./chunk-HNTVTCNX.cjs');
 var chunkXGGAJUY3_cjs = require('./chunk-XGGAJUY3.cjs');
-var chunkYO6X755G_cjs = require('./chunk-YO6X755G.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkJR4TVE43_cjs = require('./chunk-JR4TVE43.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var reactSlot = require('@radix-ui/react-slot');
@@ -187,7 +187,7 @@ function Sidebar({
 function SidebarTrigger({ className, onClick, ...props }) {
   const { toggleSidebar, state } = useSidebar();
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    chunkNSQOQD43_cjs.Button,
+    chunkHBIZQDDS_cjs.Button,
     {
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
@@ -251,7 +251,7 @@ function SidebarInset({ className, ...props }) {
 }
 function SidebarInput({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk3UEVUYFQ_cjs.InputRoot,
+    chunkLQGXG373_cjs.InputRoot,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
@@ -269,7 +269,7 @@ function SidebarHeader({ className, ...props }) {
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: chunkOHIB3TEN_cjs.cn("text-uk-lg leading-uk-lg px-md flex flex-col", className),
+      className: chunkOHIB3TEN_cjs.cn("text-uk-lg leading-uk-lg px-md py-lg flex flex-col", className),
       ...props
     }
   );
@@ -280,7 +280,7 @@ function SidebarFooter({ className, ...props }) {
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: chunkOHIB3TEN_cjs.cn("px-lg flex flex-col", className),
+      className: chunkOHIB3TEN_cjs.cn("px-md py-lg flex flex-col", className),
       ...props
     }
   );
@@ -291,10 +291,7 @@ function SidebarSeparator({ className, ...props }) {
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
-      className: chunkOHIB3TEN_cjs.cn("bg-line-primary -ml-lg", className),
-      style: {
-        width: "calc(100% + var(--spacing-lg) * 2)"
-      },
+      className: chunkOHIB3TEN_cjs.cn("bg-line-primary", className),
       ...props
     }
   );
@@ -382,7 +379,7 @@ function SidebarMenu({ className, ...props }) {
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: chunkOHIB3TEN_cjs.cn("gap-lg flex w-full min-w-0 flex-col", className),
+      className: chunkOHIB3TEN_cjs.cn("py-md gap-sm flex w-full min-w-0 flex-col", className),
       style: {
         paddingLeft: "0px",
         marginBottom: "0px"
@@ -587,10 +584,11 @@ function SidebarMenuSubButton({
       "data-size": size,
       "data-active": isActive,
       className: chunkOHIB3TEN_cjs.cn(
-        "text-text-primary ring-sidebar-ring hover:bg-bg-secondary hover:text-text-primary active:bg-bg-tertiary active:text-text-highlight [&>svg]:text-icon-primary gap-md rounded-uk-md px-lg flex h-[32px] min-w-0 -translate-x-px items-center overflow-hidden outline-hidden focus-visible:ring-2 disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-[16px] [&>svg]:shrink-0",
+        "text-text-primary ring-sidebar-ring hover:bg-bg-secondary hover:text-text-primary active:bg-bg-tertiary active:text-text-highlight [&>svg]:text-icon-primary gap-md rounded-uk-md px-lg flex h-[32px] min-w-0 -translate-x-px cursor-pointer items-center overflow-hidden outline-hidden disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-[16px] [&>svg]:shrink-0",
         size === "sm" && "text-uk-sm leading-uk-sm",
         size === "md" && "text-uk-md leading-uk-md",
         "group-data-[collapsible=icon]:hidden",
+        isActive && "bg-bg-tertiary text-text-highlight [&>svg]:text-icon-highlight hover:bg-bg-tertiary hover:text-text-highlight",
         className
       ),
       ...props

package/dist/{chunk-LG3PNH2P.mjs → chunk-RIJUPORK.mjs}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-INHZ5D7P.mjs';
+import { Button } from './chunk-CZ4GQOXG.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { cva } from 'class-variance-authority';
 import { ChevronLeft, ChevronRight } from 'lucide-react';

package/dist/{chunk-QBFOBDBC.cjs → chunk-RZILHP75.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.101" ;
+var PACKAGE_VERSION = "0.0.102" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "5ddaaa0" ;
+var GIT_HASH = "4bc4633" ;
 function PackageBadge({
   className,
   packageName,

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

@@ -25,7 +25,7 @@ function LiquidLayoutLeft({ className, ...props }) {
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "order-2 col-start-1 flex flex-col items-start gap-4 [&>*]:pointer-events-auto",
+        "order-2 col-start-1 flex flex-col items-start gap-4 overflow-y-auto [&>*]:pointer-events-auto",
         className
       )
     }
@@ -54,7 +54,7 @@ function LiquidLayoutRight({
     {
       ...props,
       className: chunkOHIB3TEN_cjs.cn(
-        "order-4 col-start-3 flex flex-col items-end gap-4 [&>*]:pointer-events-auto",
+        "order-4 col-start-3 flex flex-col items-end gap-4 overflow-y-auto [&>*]:pointer-events-auto",
         className
       )
     }

package/dist/{chunk-PIXIN3IG.mjs → chunk-SYX6TMCQ.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-6CM4GYJU.mjs';
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-TC3W4VRO.mjs

@@ -0,0 +1,6 @@
+import { createContext } from 'react';
+
+// src/auth/context/auth-context.ts
+var AuthContext = createContext(null);
+
+export { AuthContext };

package/dist/{chunk-L26ULDYM.mjs → chunk-THMYDDZF.mjs}

@@ -1,4 +1,4 @@
-import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-V2IP7UUV.mjs';
+import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutLeft, LiquidLayoutTop } from './chunk-PIC2EJWA.mjs';
 import { cn } from './chunk-HMN4IKTG.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-VO3C6RE2.mjs → chunk-UA3OTLX4.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.101" ;
+var PACKAGE_VERSION = "0.0.102" ;
 var PACKAGE_NAME = "@vuer-ai/vuer-uikit" ;
-var GIT_HASH = "5ddaaa0" ;
+var GIT_HASH = "4bc4633" ;
 function PackageBadge({
   className,
   packageName,

package/dist/{chunk-6CM4GYJU.mjs → chunk-VEWWUO2N.mjs}

@@ -1,4 +1,4 @@
-import { InputNumbers } from './chunk-C4E2MFZB.mjs';
+import { InputNumbers } from './chunk-7HOEFGEO.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-76V4RD4V.cjs → chunk-VLOFKTSL.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkNSQOQD43_cjs = require('./chunk-NSQOQD43.cjs');
+var chunkHBIZQDDS_cjs = require('./chunk-HBIZQDDS.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var classVarianceAuthority = require('class-variance-authority');
 var lucideReact = require('lucide-react');
@@ -39,7 +39,7 @@ var navigationButtonVariants = classVarianceAuthority.cva([
 var Navigation = react.forwardRef(function Navigation2({ className, title, onBack, onForward, canGoBack = true, canGoForward = true, size, ...props }, ref) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkOHIB3TEN_cjs.cn(navigationVariants({ size, className })), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNSQOQD43_cjs.Button,
+      chunkHBIZQDDS_cjs.Button,
       {
         variant: "ghost",
         size,
@@ -52,7 +52,7 @@ var Navigation = react.forwardRef(function Navigation2({ className, title, onBac
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkNSQOQD43_cjs.Button,
+      chunkHBIZQDDS_cjs.Button,
       {
         variant: "ghost",
         size,

package/dist/{chunk-6J7ZVRSY.mjs → chunk-VUMOJPEC.mjs}

@@ -1,4 +1,4 @@
-import { VectorInput } from './chunk-6CM4GYJU.mjs';
+import { VectorInput } from './chunk-VEWWUO2N.mjs';
 import { forwardRef } from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-WGVKFNG6.mjs

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

package/dist/{chunk-JD4J3RDN.cjs → chunk-WHV4VATL.cjs}

@@ -4,7 +4,7 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/theme/themeScript.tsx
-var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
+var themeScript = (defaultBaseTheme, defaultIsLiquid, storageKey, attribute, themes, value, forcedTheme, enableSystem, enableColorScheme) => {
   const el = document.documentElement;
   function updateDOM(theme) {
     const attributes = Array.isArray(attribute) ? attribute : [attribute];
@@ -26,16 +26,6 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
       el.style.colorScheme = isDark ? "dark" : "light";
     }
   }
-  function parseOldTheme(oldTheme) {
-    if (oldTheme === "system") {
-      return { baseTheme: "system", isLiquid: false };
-    }
-    if (oldTheme.startsWith("liquid-")) {
-      const base = oldTheme.replace("liquid-", "");
-      return { baseTheme: base, isLiquid: true };
-    }
-    return { baseTheme: oldTheme, isLiquid: false };
-  }
   function computeTheme(baseTheme, isLiquid, systemIsDark) {
     let resolvedBase;
     if (baseTheme === "system") {
@@ -47,27 +37,21 @@ var themeScript = (defaultTheme, storageKey, attribute, themes, value, forcedThe
   }
   function getStoredState() {
     try {
-      const baseTheme = localStorage.getItem(`${storageKey}-base`);
-      const isLiquid = localStorage.getItem(`${storageKey}-liquid`);
-      if (baseTheme !== null && isLiquid !== null) {
+      const storedBase = localStorage.getItem(`${storageKey}-base`);
+      const storedLiquid = localStorage.getItem(`${storageKey}-liquid`);
+      if (storedBase !== null && storedLiquid !== null) {
         return {
-          baseTheme,
-          isLiquid: isLiquid === "true"
+          baseTheme: storedBase,
+          isLiquid: storedLiquid === "true"
         };
       }
-      const oldTheme = localStorage.getItem(storageKey);
-      if (oldTheme) {
-        return parseOldTheme(oldTheme);
-      }
-      const defaultBaseTheme = enableSystem ? "system" : "light";
       return {
         baseTheme: defaultBaseTheme,
-        isLiquid: true
+        isLiquid: defaultIsLiquid
       };
     } catch {
-      const defaultBaseTheme = enableSystem ? "system" : "light";
       return {
-        baseTheme: defaultBaseTheme,
+        baseTheme: "system",
         isLiquid: true
       };
     }
@@ -101,14 +85,16 @@ var ThemeScript = react.memo(
     attribute,
     enableSystem,
     enableColorScheme,
-    defaultTheme,
+    defaultBaseTheme,
+    defaultIsLiquid,
     value,
     themes,
     nonce,
     scriptProps
   }) => {
     const scriptArgs = JSON.stringify([
-      defaultTheme,
+      defaultBaseTheme,
+      defaultIsLiquid,
       storageKey,
       attribute,
       themes,

package/dist/{chunk-55RSKLJ5.cjs → chunk-XG56MLQH.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunk2CZEFXEW_cjs = require('./chunk-2CZEFXEW.cjs');
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
+var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var lucideReact = require('lucide-react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -19,7 +19,7 @@ function TreeSearchBar({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkOHIB3TEN_cjs.cn("shrink-0", className), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(
-      chunk3UEVUYFQ_cjs.InputRoot,
+      chunkLQGXG373_cjs.InputRoot,
       {
         type: "text",
         placeholder: "Search...",
@@ -29,8 +29,8 @@ function TreeSearchBar({
         value: searchQuery,
         onChange: (e) => setSearchQuery(e.target.value),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputSlot, { side: "left", children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Search, { className: "text-text-secondary size-4 stroke-1" }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(chunk3UEVUYFQ_cjs.InputSlot, { side: "right", children: /* @__PURE__ */ jsxRuntime.jsxs(chunk2CZEFXEW_cjs.TooltipProvider, { delayDuration: 200, 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(
                 "button",