@vuer-ai/vuer-uikit 0.0.109 → 0.0.113

package/src/ui/inputs/input.tsx

@@ -14,9 +14,27 @@ const inputRootVariants = cva(
         error: ["hover:bg-danger-primary/10", "bg-danger-primary/20"],
       },
       size: {
-        sm: ["h-6", "text-uk-sm", "[&_.input-slot>svg:not([class*='size-'])]:size-3", "px-sm"],
-        md: ["h-8", "text-uk-md", "[&_.input-slot>svg:not([class*='size-'])]:size-4", "px-md"],
-        lg: ["h-9", "text-uk-lg", "[&_.input-slot>svg:not([class*='size-'])]:size-5", "px-lg"],
+        sm: [
+          "h-6",
+          "text-uk-sm",
+          "rounded-[10px]",
+          "[&_.input-slot>svg:not([class*='size-'])]:size-3",
+          "px-sm",
+        ],
+        md: [
+          "h-8",
+          "text-uk-md",
+          "rounded-[11px]",
+          "[&_.input-slot>svg:not([class*='size-'])]:size-4",
+          "px-md",
+        ],
+        lg: [
+          "h-9",
+          "text-uk-lg",
+          "rounded-[12px]",
+          "[&_.input-slot>svg:not([class*='size-'])]:size-5",
+          "px-lg",
+        ],
       },
     },
     defaultVariants: {

package/src/ui/label.tsx

@@ -5,7 +5,14 @@ import * as React from "react";
 import { cn } from "../hooks";
 
 const labelVariants = cva(
-  ["font-normal", "leading-none", "peer-disabled:cursor-not-allowed", "peer-disabled:opacity-70"],
+  [
+    "font-normal",
+    "leading-none",
+    "peer-disabled:cursor-not-allowed",
+    "peer-disabled:opacity-70",
+    "text-nowrap",
+    "overflow-ellipsis",
+  ],
   {
     variants: {
       size: {

package/src/ui/layout.tsx

@@ -23,6 +23,7 @@ export function FormLayout({
   children,
 }: FormLayoutProps) {
   const Com = asChild ? Slot : "div";
+  console.log("layout", orientation);
 
   return (
     <Com

package/src/ui/progress.tsx

@@ -0,0 +1,29 @@
+import { type ComponentProps } from "react"
+import * as ProgressPrimitive from "@radix-ui/react-progress"
+
+import { cn } from "../hooks"
+
+function Progress({
+  className,
+  value,
+  ...props
+}: ComponentProps<typeof ProgressPrimitive.Root>) {
+  return (
+    <ProgressPrimitive.Root
+      data-slot="progress"
+      className={cn(
+        "bg-bg-secondary relative h-2 w-full overflow-hidden rounded-uk-xl",
+        className
+      )}
+      {...props}
+    >
+      <ProgressPrimitive.Indicator
+        data-slot="progress-indicator"
+        className="bg-brand-primary h-full w-full flex-1 transition-all"
+        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}
+      />
+    </ProgressPrimitive.Root>
+  )
+}
+
+export { Progress }

package/src/ui/spinner.tsx

@@ -0,0 +1,68 @@
+import { type LucideProps } from 'lucide-react';
+import * as React from 'react';
+
+const Ring = ({ size = 24, ...props }: LucideProps) => (
+  <svg
+    height={size}
+    stroke="currentColor"
+    viewBox="0 0 44 44"
+    width={size}
+    xmlns="http://www.w3.org/2000/svg"
+    {...props as React.SVGProps<SVGSVGElement>}
+  >
+    <title>Loading...</title>
+    <g fill="none" fillRule="evenodd" strokeWidth="2">
+      <circle cx="22" cy="22" r="1">
+        <animate
+          attributeName="r"
+          begin="0s"
+          calcMode="spline"
+          dur="1.8s"
+          keySplines="0.165, 0.84, 0.44, 1"
+          keyTimes="0; 1"
+          repeatCount="indefinite"
+          values="1; 20"
+        />
+        <animate
+          attributeName="stroke-opacity"
+          begin="0s"
+          calcMode="spline"
+          dur="1.8s"
+          keySplines="0.3, 0.61, 0.355, 1"
+          keyTimes="0; 1"
+          repeatCount="indefinite"
+          values="1; 0"
+        />
+      </circle>
+      <circle cx="22" cy="22" r="1">
+        <animate
+          attributeName="r"
+          begin="-0.9s"
+          calcMode="spline"
+          dur="1.8s"
+          keySplines="0.165, 0.84, 0.44, 1"
+          keyTimes="0; 1"
+          repeatCount="indefinite"
+          values="1; 20"
+        />
+        <animate
+          attributeName="stroke-opacity"
+          begin="-0.9s"
+          calcMode="spline"
+          dur="1.8s"
+          keySplines="0.3, 0.61, 0.355, 1"
+          keyTimes="0; 1"
+          repeatCount="indefinite"
+          values="1; 0"
+        />
+      </circle>
+    </g>
+  </svg>
+);
+
+export type SpinnerProps = LucideProps;
+
+export const Spinner = (props: SpinnerProps) => {
+  return <Ring {...props} />;
+};
+  

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