@vuer-ai/vuer-uikit 0.0.109 → 0.0.112

package/src/ui/toolbar.tsx

@@ -29,14 +29,27 @@ export function Toolbar({ className, children, variant = "default", size = "md"
   return (
     <div
       className={cn(
-        "bg-bg-primary flex items-center gap-2",
-        "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",
-        variant === "floating" &&
-          "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900" &&
-          (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
+        "flex items-center gap-2",
+        "liquid-dark:liquid-dark-bg",
+        "liquid-dark:border-[0.9px]",
+        "liquid-dark:border-[rgba(85,85,85,100)]",
+        "liquid-light:liquid-light-bg",
+        "liquid-light:border-[0.8px]",
+        "liquid-light:border-[white]",
+        "liquid:shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
+        // Base styles for non-floating variants
+        variant !== "floating" && "bg-bg-primary",
+        // Size-based border radius for non-floating variants
+        variant !== "floating" && size === "sm" && "rounded-uk-md p-1.5",
+        variant !== "floating" && size === "md" && "rounded-uk-lg p-1.5",
+        variant !== "floating" && size === "lg" && "rounded-uk-xl p-1.5",
+        // Floating variant styles
+        variant === "floating" && [
+          "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900",
+          size === "sm" && "px-1 py-1",
+          size === "md" && "px-[0.6em] py-2",
+          size === "lg" && "px-3 py-3",
+        ],
         className,
       )}
     >

package/src/ui/tooltip.tsx

@@ -97,8 +97,17 @@ function TooltipContent({
   }
 
   const getLiquidBgClass = (side?: string) => {
-    if (side === "top" || side === "bottom" || side === "left" || side === "right")
-      return `liquid-dark:liquid-dark-bg-tooltip-${side} liquid-light:liquid-light-bg-tooltip-${side}`;
+    const sideClassMap = {
+      top: "liquid-dark:liquid-dark-bg-tooltip-top liquid-light:liquid-light-bg-tooltip-top",
+      bottom: "liquid-dark:liquid-dark-bg-tooltip-bottom liquid-light:liquid-light-bg-tooltip-bottom",
+      left: "liquid-dark:liquid-dark-bg-tooltip-left liquid-light:liquid-light-bg-tooltip-left",
+      right: "liquid-dark:liquid-dark-bg-tooltip-right liquid-light:liquid-light-bg-tooltip-right",
+    };
+    
+    if (side && side in sideClassMap) {
+      return sideClassMap[side as keyof typeof sideClassMap];
+    }
+    
     return "liquid-dark:liquid-dark-bg-tooltip-arrow liquid-light:liquid-light-bg-tooltip-arrow";
   };
 

package/src/ui/waterfall/index.tsx

@@ -127,9 +127,21 @@ export function Waterfall({
       <SyncScrollProvider>
         <div
           className={cn(
-            "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",
+            "bg-bg-primary",
+            "liquid-dark:liquid-dark-bg",
+            "liquid-dark:border-[0.9px]",
+            "liquid-dark:border-[rgba(85,85,85,100)]",
+            "liquid-light:liquid-light-bg",
+            "liquid-light:border-[0.8px]",
+            "liquid-light:border-[white]",
+            "text-text-primary",
+            "rounded-uk-lg",
+            "mx-auto",
+            "flex",
+            "w-full",
+            "flex-col",
+            "overflow-hidden",
+            "font-sans",
             "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
             className,
           )}

package/dist/auth/context/auth-context.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var chunkZULCZ5L6_cjs = require('../../chunk-ZULCZ5L6.cjs');
-
-
-
-Object.defineProperty(exports, "AuthContext", {
-  enumerable: true,
-  get: function () { return chunkZULCZ5L6_cjs.AuthContext; }
-});

package/dist/auth/context/auth-context.mjs

@@ -1 +0,0 @@
-export { AuthContext } from '../../chunk-TC3W4VRO.mjs';

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

@@ -1,11 +0,0 @@
-'use strict';
-
-var chunk4B44SRRP_cjs = require('../../chunk-4B44SRRP.cjs');
-require('../../chunk-ZULCZ5L6.cjs');
-
-
-
-Object.defineProperty(exports, "useVuerAuth", {
-  enumerable: true,
-  get: function () { return chunk4B44SRRP_cjs.useVuerAuth; }
-});

package/dist/auth/hooks/use-vuer-auth.d.cts

@@ -1,8 +0,0 @@
-import { IAuthContext } from '../context/auth-context.cjs';
-import 'react';
-import '../types.cjs';
-import 'better-auth';
-
-declare const useVuerAuth: () => IAuthContext;
-
-export { useVuerAuth };

package/dist/auth/hooks/use-vuer-auth.d.ts

@@ -1,8 +0,0 @@
-import { IAuthContext } from '../context/auth-context.js';
-import 'react';
-import '../types.js';
-import 'better-auth';
-
-declare const useVuerAuth: () => IAuthContext;
-
-export { useVuerAuth };

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

@@ -1,2 +0,0 @@
-export { useVuerAuth } from '../../chunk-3IVDCAFM.mjs';
-import '../../chunk-TC3W4VRO.mjs';

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

@@ -1,15 +0,0 @@
-'use strict';
-
-var chunkXFTKHT2M_cjs = require('../../chunk-XFTKHT2M.cjs');
-require('../../chunk-PB4UO2NR.cjs');
-require('../../chunk-4CPB3XHE.cjs');
-require('../../chunk-4B44SRRP.cjs');
-require('../../chunk-ZULCZ5L6.cjs');
-require('../../chunk-SVWS4AL6.cjs');
-
-
-
-Object.defineProperty(exports, "useVuerMethod", {
-  enumerable: true,
-  get: function () { return chunkXFTKHT2M_cjs.useVuerMethod; }
-});

package/dist/auth/hooks/use-vuer-method.d.cts

@@ -1,10 +0,0 @@
-import { SignInWithOutBaseURLParams, SignOut } from '../types.cjs';
-import 'better-auth';
-
-interface UseVuerAuth {
-    signIn: (p?: SignInWithOutBaseURLParams) => Promise<string> | void;
-    signOut: SignOut;
-}
-declare const useVuerMethod: () => UseVuerAuth;
-
-export { type UseVuerAuth, useVuerMethod };

package/dist/auth/hooks/use-vuer-method.d.ts

@@ -1,10 +0,0 @@
-import { SignInWithOutBaseURLParams, SignOut } from '../types.js';
-import 'better-auth';
-
-interface UseVuerAuth {
-    signIn: (p?: SignInWithOutBaseURLParams) => Promise<string> | void;
-    signOut: SignOut;
-}
-declare const useVuerMethod: () => UseVuerAuth;
-
-export { type UseVuerAuth, useVuerMethod };

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

@@ -1,6 +0,0 @@
-export { useVuerMethod } from '../../chunk-AKVHFPXH.mjs';
-import '../../chunk-XGM57WPN.mjs';
-import '../../chunk-CGODCUQ5.mjs';
-import '../../chunk-3IVDCAFM.mjs';
-import '../../chunk-TC3W4VRO.mjs';
-import '../../chunk-276VJZCV.mjs';

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

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

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

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

package/dist/chunk-3HEZVWRW.mjs

@@ -1,62 +0,0 @@
-import { createContext, useContext, useState, useCallback, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/dial/DialProvider.tsx
-var DialSchemaContext = createContext(void 0);
-var useDialSchema = () => {
-  const context = useContext(DialSchemaContext);
-  if (!context) {
-    throw new Error("useDialSchema must be used within a DialSchemaProvider");
-  }
-  return context;
-};
-var DialProvider = ({
-  children,
-  schemas,
-  initialValues = {},
-  values: controlledValues,
-  onValueChange
-}) => {
-  const isControlled = controlledValues !== void 0;
-  const [internalValues, setInternalValues] = useState(() => {
-    const defaultValues = {};
-    schemas.forEach((schema) => {
-      defaultValues[schema.name] = initialValues[schema.name] ?? schema.value;
-    });
-    return defaultValues;
-  });
-  const values = isControlled ? controlledValues : internalValues;
-  const getValue = useCallback(
-    (name) => {
-      return values[name];
-    },
-    [values]
-  );
-  const setValue = useCallback(
-    (name, value) => {
-      if (isControlled) {
-        onValueChange?.(name, value);
-      } else {
-        setInternalValues((prev) => ({
-          ...prev,
-          [name]: value
-        }));
-        onValueChange?.(name, value);
-      }
-    },
-    [isControlled, onValueChange]
-  );
-  const contextValue = useMemo(
-    () => ({
-      values,
-      schemas,
-      getValue,
-      setValue,
-      onValueChange
-    }),
-    [values, schemas, getValue, setValue, onValueChange]
-  );
-  return /* @__PURE__ */ jsx(DialSchemaContext.Provider, { value: contextValue, children });
-};
-
-export { DialProvider, useDialSchema };

package/dist/chunk-4B44SRRP.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-var chunkZULCZ5L6_cjs = require('./chunk-ZULCZ5L6.cjs');
-var react = require('react');
-
-var useVuerAuth = () => {
-  const context = react.useContext(chunkZULCZ5L6_cjs.AuthContext);
-  if (context === void 0) throw new Error("useSession must be used within a SessionContext");
-  return context;
-};
-
-exports.useVuerAuth = useVuerAuth;

package/dist/chunk-4CPB3XHE.cjs

@@ -1,18 +0,0 @@
-'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-AKVHFPXH.mjs

@@ -1,26 +0,0 @@
-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, baseURL } = useVuerAuth();
-  const signOutHandle = useCallback(async () => {
-    await signOutHandler(baseURL);
-    await refetch();
-  }, [baseURL, refetch]);
-  const signInHandle = useCallback(
-    (props) => {
-      return signInHandler({ ...props, baseURL }, refetch);
-    },
-    [baseURL, refetch]
-  );
-  return useMemo(() => {
-    return {
-      signIn: signInHandle,
-      signOut: signOutHandle
-    };
-  }, [signInHandle, signOutHandle]);
-};
-
-export { useVuerMethod };

package/dist/chunk-C6L7YIGW.cjs

@@ -1,117 +0,0 @@
-'use strict';
-
-var chunkOHIB3TEN_cjs = require('./chunk-OHIB3TEN.cjs');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-
-var panelVariants = classVarianceAuthority.cva(
-  [
-    "flex",
-    "flex-col",
-    "rounded-uk-lg",
-    "bg-bg-primary",
-    "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-    "liquid-dark:liquid-dark-bg",
-    "liquid-light:liquid-light-bg"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "p-sm",
-        md: "p-md",
-        lg: "p-lg",
-        xl: "p-xl"
-      }
-    },
-    defaultVariants: {
-      size: "lg"
-    }
-  }
-);
-function Panel({ className, size, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel", className: chunkOHIB3TEN_cjs.cn(panelVariants({ size, className })), ...props });
-}
-var panelHeaderVariants = classVarianceAuthority.cva(["flex", "flex-row", "items-center", "justify-between"], {
-  variants: {
-    size: {
-      sm: "gap-sm",
-      md: "gap-md",
-      lg: "gap-lg",
-      xl: "gap-xl"
-    }
-  },
-  defaultVariants: {
-    size: "lg"
-  }
-});
-function PanelHeader({ className, size, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "panel-header",
-      className: chunkOHIB3TEN_cjs.cn(panelHeaderVariants({ size, className })),
-      ...props
-    }
-  );
-}
-function PanelTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "panel-title",
-      className: chunkOHIB3TEN_cjs.cn(
-        "text-text-highlight",
-        "text-uk-md",
-        "leading-uk-md",
-        "font-medium",
-        "-mt-2",
-        "vertical-align-middle",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PanelDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "panel-description",
-      className: chunkOHIB3TEN_cjs.cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
-      ...props
-    }
-  );
-}
-function PanelAction({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "panel-action",
-      className: chunkOHIB3TEN_cjs.cn(
-        "text-text-secondary",
-        "text-uk-sm",
-        "leading-uk-sm",
-        "-mt-2",
-        "-mr-3",
-        "font-medium",
-        "vertical-align-middle",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PanelContent({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-content", className: chunkOHIB3TEN_cjs.cn("", className), ...props });
-}
-function PanelFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "panel-footer", className: chunkOHIB3TEN_cjs.cn("flex items-center", className), ...props });
-}
-
-exports.Panel = Panel;
-exports.PanelAction = PanelAction;
-exports.PanelContent = PanelContent;
-exports.PanelDescription = PanelDescription;
-exports.PanelFooter = PanelFooter;
-exports.PanelHeader = PanelHeader;
-exports.PanelTitle = PanelTitle;

package/dist/chunk-CGODCUQ5.mjs

@@ -1,16 +0,0 @@
-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-G4Q5ALRW.mjs

@@ -1,109 +0,0 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var panelVariants = cva(
-  [
-    "flex",
-    "flex-col",
-    "rounded-uk-lg",
-    "bg-bg-primary",
-    "shadow-[0_4px_16px_0_var(--color-shadow-secondary)]",
-    "liquid-dark:liquid-dark-bg",
-    "liquid-light:liquid-light-bg"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "p-sm",
-        md: "p-md",
-        lg: "p-lg",
-        xl: "p-xl"
-      }
-    },
-    defaultVariants: {
-      size: "lg"
-    }
-  }
-);
-function Panel({ className, size, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "panel", className: cn(panelVariants({ size, className })), ...props });
-}
-var panelHeaderVariants = cva(["flex", "flex-row", "items-center", "justify-between"], {
-  variants: {
-    size: {
-      sm: "gap-sm",
-      md: "gap-md",
-      lg: "gap-lg",
-      xl: "gap-xl"
-    }
-  },
-  defaultVariants: {
-    size: "lg"
-  }
-});
-function PanelHeader({ className, size, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "panel-header",
-      className: cn(panelHeaderVariants({ size, className })),
-      ...props
-    }
-  );
-}
-function PanelTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "panel-title",
-      className: cn(
-        "text-text-highlight",
-        "text-uk-md",
-        "leading-uk-md",
-        "font-medium",
-        "-mt-2",
-        "vertical-align-middle",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PanelDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "panel-description",
-      className: cn("text-uk-sm", "-mt-2", "text-text-secondary", "leading-uk-sm", className),
-      ...props
-    }
-  );
-}
-function PanelAction({ className, ...props }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      "data-slot": "panel-action",
-      className: cn(
-        "text-text-secondary",
-        "text-uk-sm",
-        "leading-uk-sm",
-        "-mt-2",
-        "-mr-3",
-        "font-medium",
-        "vertical-align-middle",
-        className
-      ),
-      ...props
-    }
-  );
-}
-function PanelContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-content", className: cn("", className), ...props });
-}
-function PanelFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "panel-footer", className: cn("flex items-center", className), ...props });
-}
-
-export { Panel, PanelAction, PanelContent, PanelDescription, PanelFooter, PanelHeader, PanelTitle };

package/dist/chunk-OPYMZDEZ.mjs

@@ -1,28 +0,0 @@
-import { cn } from './chunk-HMN4IKTG.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-function Toolbar({ className, children, variant = "default", size = "md" }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "bg-bg-primary flex items-center gap-2",
-        "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",
-        variant === "floating" && "rounded-[var(--radius-uk-md)] bg-white dark:bg-gray-900" && (size === "sm" ? "px-1 py-1" : size === "md" ? "px-2 py-2" : "px-3 py-3"),
-        className
-      ),
-      children
-    }
-  );
-}
-function ToolbarGroup({ className, children }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center gap-1", className), children });
-}
-function ToolbarSeparator({ className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("bg-line-primary mx-2 h-3.5 w-0.75 rounded-full", className) });
-}
-
-export { Toolbar, ToolbarGroup, ToolbarSeparator };

package/dist/chunk-RMK6W774.cjs

@@ -1,65 +0,0 @@
-'use strict';
-
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/dial/DialProvider.tsx
-var DialSchemaContext = react.createContext(void 0);
-var useDialSchema = () => {
-  const context = react.useContext(DialSchemaContext);
-  if (!context) {
-    throw new Error("useDialSchema must be used within a DialSchemaProvider");
-  }
-  return context;
-};
-var DialProvider = ({
-  children,
-  schemas,
-  initialValues = {},
-  values: controlledValues,
-  onValueChange
-}) => {
-  const isControlled = controlledValues !== void 0;
-  const [internalValues, setInternalValues] = react.useState(() => {
-    const defaultValues = {};
-    schemas.forEach((schema) => {
-      defaultValues[schema.name] = initialValues[schema.name] ?? schema.value;
-    });
-    return defaultValues;
-  });
-  const values = isControlled ? controlledValues : internalValues;
-  const getValue = react.useCallback(
-    (name) => {
-      return values[name];
-    },
-    [values]
-  );
-  const setValue = react.useCallback(
-    (name, value) => {
-      if (isControlled) {
-        onValueChange?.(name, value);
-      } else {
-        setInternalValues((prev) => ({
-          ...prev,
-          [name]: value
-        }));
-        onValueChange?.(name, value);
-      }
-    },
-    [isControlled, onValueChange]
-  );
-  const contextValue = react.useMemo(
-    () => ({
-      values,
-      schemas,
-      getValue,
-      setValue,
-      onValueChange
-    }),
-    [values, schemas, getValue, setValue, onValueChange]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(DialSchemaContext.Provider, { value: contextValue, children });
-};
-
-exports.DialProvider = DialProvider;
-exports.useDialSchema = useDialSchema;