@vuer-ai/vuer-uikit 0.0.101 → 0.0.103

package/dist/{chunk-7LLDKYND.mjs → chunk-FK6ZROZE.mjs}

@@ -1,4 +1,4 @@
-import { ThemeScript } from './chunk-PQEAXTVY.mjs';
+import { ThemeScript } from './chunk-5KJP6A6C.mjs';
 import { createContext, useContext, useMemo, useState, useCallback, useEffect } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 
@@ -29,21 +29,23 @@ var computeTheme = (baseTheme, isLiquid, systemIsDark) => {
   }
   return isLiquid ? `liquid-${resolvedBase}` : resolvedBase;
 };
-var 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 };
-};
-var useTheme = () => {
+function useTheme(selector) {
   const context = useContext(ThemeContext);
   if (context === void 0) throw new Error("useTheme must be used within a ThemeProvider");
-  return context;
-};
+  return useMemo(
+    () => {
+      if (!selector) {
+        return context;
+      } else if (typeof selector === "function") {
+        return selector(context);
+      } else {
+        return context[selector];
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [context]
+  );
+}
 var ThemeProvider = (props) => {
   const context = useContext(ThemeContext);
   if (context) return /* @__PURE__ */ jsx(Fragment, { children: props.children });
@@ -95,8 +97,7 @@ var Theme = ({
   );
   const resolvedTheme = useMemo(() => {
     if (forcedTheme) {
-      const parsed = parseOldTheme(forcedTheme);
-      return computeTheme(parsed.baseTheme, parsed.isLiquid, systemIsDark);
+      return forcedTheme;
     }
     return computedTheme;
   }, [forcedTheme, computedTheme, systemIsDark]);
@@ -128,10 +129,13 @@ var Theme = ({
     },
     [attribute, attrs, disableTransitionOnChange, enableColorScheme, nonce, value]
   );
-  const setBaseTheme = useCallback((newBaseTheme) => {
-    setBaseThemeState(newBaseTheme);
-    saveToLS(`${storageKey}-base`, newBaseTheme);
-  }, [storageKey]);
+  const setBaseTheme = useCallback(
+    (newBaseTheme) => {
+      setBaseThemeState(newBaseTheme);
+      saveToLS(`${storageKey}-base`, newBaseTheme);
+    },
+    [storageKey]
+  );
   const toggleLiquid = useCallback(() => {
     setIsLiquidState((prev) => {
       const newValue = !prev;
@@ -139,13 +143,10 @@ var Theme = ({
       return newValue;
     });
   }, [storageKey]);
-  const handleMediaQuery = useCallback(
-    (e) => {
-      const isDark = e.matches;
-      setSystemIsDark(isDark);
-    },
-    []
-  );
+  const handleMediaQuery = useCallback((e) => {
+    const isDark = e.matches;
+    setSystemIsDark(isDark);
+  }, []);
   useEffect(() => {
     const media = window.matchMedia(MEDIA);
     media.addListener(handleMediaQuery);
@@ -201,7 +202,8 @@ var Theme = ({
           attribute,
           enableSystem,
           enableColorScheme,
-          defaultTheme: initialState.baseTheme === "system" ? "system" : initialState.isLiquid ? `liquid-${initialState.baseTheme}` : initialState.baseTheme,
+          defaultBaseTheme: initialState.baseTheme,
+          defaultIsLiquid: initialState.isLiquid,
           value,
           themes,
           nonce,
@@ -240,4 +242,4 @@ var getSystemTheme = (e) => {
   return isDark ? "liquid-dark" : "liquid-light";
 };
 
-export { MEDIA, Theme, ThemeContext, ThemeProvider, colorSchemes, computeTheme, defaultThemes, disableAnimation, getFromLS, getSystemTheme, getTheme, isServer, parseOldTheme, saveToLS, useTheme };
+export { MEDIA, Theme, ThemeContext, ThemeProvider, colorSchemes, computeTheme, defaultThemes, disableAnimation, getFromLS, getSystemTheme, getTheme, isServer, saveToLS, useTheme };

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-G6U2K2GR.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunkHPK4YEVK_cjs = require('./chunk-HPK4YEVK.cjs');
+var chunkZULCZ5L6_cjs = require('./chunk-ZULCZ5L6.cjs');
+var chunk6BD5MQ5R_cjs = require('./chunk-6BD5MQ5R.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function VuerAuthProvider({ children, baseURL }) {
+  const authClient = react.useRef(chunkHPK4YEVK_cjs.createClient(baseURL));
+  const { data, isPending, refetch } = authClient.current.useSession();
+  react.useEffect(() => {
+    const searchParams = new URLSearchParams(window.location.search);
+    const session = searchParams.get("token");
+    if (session) {
+      localStorage.setItem(chunk6BD5MQ5R_cjs.bearerToken, encodeURIComponent(session));
+      refetch();
+      window.history.replaceState({}, "", window.location.pathname);
+    }
+  }, [refetch]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkZULCZ5L6_cjs.AuthContext.Provider,
+    {
+      value: react.useMemo(() => {
+        return { data, isPending, refetch, authClient: authClient.current, baseURL };
+      }, [baseURL, data, isPending, refetch]),
+      children
+    }
+  );
+}
+
+exports.VuerAuthProvider = VuerAuthProvider;

package/dist/{chunk-DREOOKO2.cjs → chunk-GOGJVFRN.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3UEVUYFQ_cjs = require('./chunk-3UEVUYFQ.cjs');
+var chunkLQGXG373_cjs = require('./chunk-LQGXG373.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -243,7 +243,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
       ]),
       style: useGrid ? gridStyles : void 0,
       children: value.map((item, index) => /* @__PURE__ */ jsxRuntime.jsxs(
-        chunk3UEVUYFQ_cjs.InputRoot,
+        chunkLQGXG373_cjs.InputRoot,
         {
           ref: (r) => {
             inputs.current.set(index.toString(), r);
@@ -282,7 +282,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
           ]),
           children: [
             prefix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3UEVUYFQ_cjs.InputSlot,
+              chunkLQGXG373_cjs.InputSlot,
               {
                 side: "left",
                 className: chunkOHIB3TEN_cjs.cn(
@@ -294,7 +294,7 @@ var InputNumbers = React.forwardRef(function InputNumbers2({
               }
             ),
             suffix?.[index] && /* @__PURE__ */ jsxRuntime.jsx(
-              chunk3UEVUYFQ_cjs.InputSlot,
+              chunkLQGXG373_cjs.InputSlot,
               {
                 side: "right",
                 className: chunkOHIB3TEN_cjs.cn(

package/dist/{chunk-W3J4QTKS.cjs → chunk-H6MFBIRB.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUCRLH44Q_cjs = require('./chunk-UCRLH44Q.cjs');
+var chunkSPRBKXGP_cjs = require('./chunk-SPRBKXGP.cjs');
 var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -17,18 +17,18 @@ var LiquidLayoutView = ({
   bottomClassName,
   contentClassName
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkUCRLH44Q_cjs.LiquidLayout, { className, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(chunkSPRBKXGP_cjs.LiquidLayout, { className, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunkUCRLH44Q_cjs.LiquidLayoutContent,
+      chunkSPRBKXGP_cjs.LiquidLayoutContent,
       {
         className: chunkOHIB3TEN_cjs.cn("absolute flex flex-col items-center justify-center", contentClassName),
         children
       }
     ),
-    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutBottom, { className: chunkOHIB3TEN_cjs.cn("mt-4", bottomClassName), children: bottom }),
-    right && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutRight, { className: rightClassName, children: right }),
-    left && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutLeft, { className: leftClassName, children: left }),
-    top && /* @__PURE__ */ jsxRuntime.jsx(chunkUCRLH44Q_cjs.LiquidLayoutTop, { className: topClassName, children: top })
+    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkSPRBKXGP_cjs.LiquidLayoutBottom, { className: chunkOHIB3TEN_cjs.cn("mt-4", bottomClassName), children: bottom }),
+    right && /* @__PURE__ */ jsxRuntime.jsx(chunkSPRBKXGP_cjs.LiquidLayoutRight, { className: rightClassName, children: right }),
+    left && /* @__PURE__ */ jsxRuntime.jsx(chunkSPRBKXGP_cjs.LiquidLayoutLeft, { className: leftClassName, children: left }),
+    top && /* @__PURE__ */ jsxRuntime.jsx(chunkSPRBKXGP_cjs.LiquidLayoutTop, { className: topClassName, children: top })
   ] });
 };