@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/chunk-WDS3VL7E.mjs

@@ -1,56 +0,0 @@
-import { useSignIn } from './chunk-EMVKGL5D.mjs';
-import { useVuerSessions } from './chunk-5OHAV55L.mjs';
-import { useUser } from './chunk-VSFPXAGN.mjs';
-import { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuLabel, DropdownMenuItem, DropdownMenuSeparator } from './chunk-G5VBLDAM.mjs';
-import { Avatar, AvatarImage, AvatarFallback } from './chunk-KY2PYKDZ.mjs';
-import { Button } from './chunk-4ODJAEOM.mjs';
-import { LoaderCircle, Plus } from 'lucide-react';
-import { Fragment } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-function UserAvatar({ className }) {
-  const { data: session, isPending: authLoading } = useUser();
-  const { signIn } = useSignIn();
-  const { sessions, isPending: sessionsLoading } = useVuerSessions();
-  const user = session?.user;
-  console.log("user", user);
-  if (authLoading || sessionsLoading) {
-    return /* @__PURE__ */ jsx(Avatar, { className: "size-8 items-center justify-center", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "animate-spin" }) });
-  }
-  if (!user) {
-    return /* @__PURE__ */ jsx(Button, { onClick: () => signIn(), children: "Sign in" });
-  }
-  return /* @__PURE__ */ jsxs(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx(DropdownMenuTrigger, { children: /* @__PURE__ */ jsxs(Avatar, { className, children: [
-      user.image && /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }),
-      /* @__PURE__ */ jsx(AvatarFallback, { children: user.name.charAt(0) })
-    ] }, user.id) }),
-    /* @__PURE__ */ jsxs(DropdownMenuContent, { children: [
-      /* @__PURE__ */ jsxs(DropdownMenuLabel, { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs(Avatar, { className: "size-8", children: [
-          user.image && /* @__PURE__ */ jsx(AvatarImage, { src: user.image, alt: user.name }),
-          /* @__PURE__ */ jsx(AvatarFallback, { children: user.name.charAt(0) })
-        ] }, user.id),
-        /* @__PURE__ */ jsx("p", { children: user.name })
-      ] }),
-      /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-        /* @__PURE__ */ jsx(Plus, {}),
-        " Add User"
-      ] }),
-      sessions.map((session2) => {
-        const current = session2.user;
-        return /* @__PURE__ */ jsx(Fragment, { children: current.id !== user.id ? /* @__PURE__ */ jsxs(DropdownMenuItem, { children: [
-          /* @__PURE__ */ jsxs(Avatar, { children: [
-            current.image && /* @__PURE__ */ jsx(AvatarImage, { src: current.image, alt: current.name }),
-            /* @__PURE__ */ jsx(AvatarFallback, { children: current.name.charAt(0) })
-          ] }, user.id),
-          /* @__PURE__ */ jsx("p", { children: current.name })
-        ] }) : null }, current.id);
-      }),
-      /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
-      /* @__PURE__ */ jsx(DropdownMenuItem, { children: "Sign Out" })
-    ] })
-  ] });
-}
-
-export { UserAvatar };

package/dist/chunk-X3H6FYAM.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var chunkF4Z5KATZ_cjs = require('./chunk-F4Z5KATZ.cjs');
-
-// src/auth/handler/fetch-auth.ts
-var fetchAuth = async (url, options = {}) => {
-  const token = localStorage.getItem(chunkF4Z5KATZ_cjs.bearerToken) || "";
-  const headers = {
-    ...options.headers,
-    Authorization: `Bearer ${token}`
-  };
-  return fetch(url, { ...options, headers });
-};
-
-exports.fetchAuth = fetchAuth;

package/dist/chunk-XHJDRQD7.mjs

@@ -1,29 +0,0 @@
-import { useSyncExternalStore } from 'react';
-
-// src/hooks/useIsMobile.ts
-var MOBILE_BREAKPOINT = 768;
-function subscribe(callback) {
-  if (typeof window === "undefined") {
-    return () => {
-    };
-  }
-  const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-  if (mql.addEventListener) {
-    mql.addEventListener("change", callback);
-    return () => mql.removeEventListener("change", callback);
-  }
-  mql.addListener(callback);
-  return () => mql.removeListener(callback);
-}
-function getSnapshot() {
-  if (typeof window === "undefined") return false;
-  return window.innerWidth < MOBILE_BREAKPOINT;
-}
-function getServerSnapshot() {
-  return false;
-}
-function useIsMobile() {
-  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-
-export { useIsMobile };

package/dist/chunk-Y2XVZEXM.mjs

@@ -1,45 +0,0 @@
-import { VectorInput } from './chunk-3NIMV5PH.mjs';
-import { forwardRef, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var EulerRadInput = forwardRef(
-  function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
-    const displayValues = useMemo(() => {
-      if (display === "deg") {
-        return value.map((v) => v * 180 / Math.PI);
-      } else if (display === "pi") {
-        return value.map((v) => v / Math.PI);
-      }
-      return value;
-    }, [value, display]);
-    const handleChange = (displayVals) => {
-      let radValues;
-      if (display === "deg") {
-        radValues = displayVals.map((v) => v * Math.PI / 180);
-      } else if (display === "pi") {
-        radValues = displayVals.map((v) => v * Math.PI);
-      } else {
-        radValues = displayVals;
-      }
-      onValuesChange?.(radValues);
-    };
-    const unitSymbol = useMemo(() => {
-      if (display === "deg") return "\xB0";
-      if (display === "pi") return "\u03C0";
-      return "rad";
-    }, [display]);
-    const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
-    return /* @__PURE__ */ jsx(
-      VectorInput,
-      {
-        ref,
-        value: displayValues,
-        onValuesChange: handleChange,
-        labels,
-        ...props
-      }
-    );
-  }
-);
-
-export { EulerRadInput };

package/dist/chunk-Z7BZFZEV.mjs

@@ -1,15 +0,0 @@
-import { fetchAuth } from './chunk-PXDT5GFJ.mjs';
-
-// src/auth/handler/get-sessions.ts
-var getSessions = async (baseURL) => {
-  const res = await fetchAuth(`${baseURL}/api/auth/multi-session/list-device-sessions`, {
-    credentials: "include"
-  });
-  const authJWT = res.headers.get("set-auth-jwt");
-  const data = await res.json();
-  return data.map((session) => {
-    return { ...session, session: { ...session.session, jwt: authJWT ?? "" } };
-  });
-};
-
-export { getSessions };

package/dist/dial/DialProvider.example.cjs

@@ -1,72 +0,0 @@
-'use strict';
-
-var chunkSL5Q54AH_cjs = require('../chunk-SL5Q54AH.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var UncontrolledExample = () => {
-  const schemas = [
-    { name: "volume", dtype: "number", value: 50, min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean", value: true }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSL5Q54AH_cjs.DialProvider,
-    {
-      schemas,
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-    }
-  );
-};
-var ControlledExample = () => {
-  const [dialValues, setDialValues] = react.useState({
-    volume: 50,
-    enabled: true
-  });
-  const schemas = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" }
-  ];
-  const handleValueChange = (name, value) => {
-    setDialValues((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-    console.log(`${name} changed to:`, value);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      chunkSL5Q54AH_cjs.DialProvider,
-      {
-        schemas,
-        values: dialValues,
-        onValueChange: handleValueChange,
-        children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { onClick: () => setDialValues({ volume: 0, enabled: false }), children: "Reset All Values" })
-  ] });
-};
-var SemiControlledExample = () => {
-  const schemas = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkSL5Q54AH_cjs.DialProvider,
-    {
-      schemas,
-      initialValues: { volume: 75, enabled: false },
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsxRuntime.jsx("div", {})
-    }
-  );
-};
-
-exports.ControlledExample = ControlledExample;
-exports.SemiControlledExample = SemiControlledExample;
-exports.UncontrolledExample = UncontrolledExample;

package/dist/dial/DialProvider.example.d.cts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const UncontrolledExample: () => react_jsx_runtime.JSX.Element;
-declare const ControlledExample: () => react_jsx_runtime.JSX.Element;
-declare const SemiControlledExample: () => react_jsx_runtime.JSX.Element;
-
-export { ControlledExample, SemiControlledExample, UncontrolledExample };

package/dist/dial/DialProvider.example.d.ts

@@ -1,7 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare const UncontrolledExample: () => react_jsx_runtime.JSX.Element;
-declare const ControlledExample: () => react_jsx_runtime.JSX.Element;
-declare const SemiControlledExample: () => react_jsx_runtime.JSX.Element;
-
-export { ControlledExample, SemiControlledExample, UncontrolledExample };

package/dist/dial/DialProvider.example.mjs

@@ -1,68 +0,0 @@
-import { DialProvider } from '../chunk-ZTGJIGBC.mjs';
-import { useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var UncontrolledExample = () => {
-  const schemas = [
-    { name: "volume", dtype: "number", value: 50, min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean", value: true }
-  ];
-  return /* @__PURE__ */ jsx(
-    DialProvider,
-    {
-      schemas,
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsx("div", {})
-    }
-  );
-};
-var ControlledExample = () => {
-  const [dialValues, setDialValues] = useState({
-    volume: 50,
-    enabled: true
-  });
-  const schemas = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" }
-  ];
-  const handleValueChange = (name, value) => {
-    setDialValues((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-    console.log(`${name} changed to:`, value);
-  };
-  return /* @__PURE__ */ jsxs("div", { children: [
-    /* @__PURE__ */ jsx(
-      DialProvider,
-      {
-        schemas,
-        values: dialValues,
-        onValueChange: handleValueChange,
-        children: /* @__PURE__ */ jsx("div", {})
-      }
-    ),
-    /* @__PURE__ */ jsx("button", { onClick: () => setDialValues({ volume: 0, enabled: false }), children: "Reset All Values" })
-  ] });
-};
-var SemiControlledExample = () => {
-  const schemas = [
-    { name: "volume", dtype: "number", min: 0, max: 100 },
-    { name: "enabled", dtype: "boolean" }
-  ];
-  return /* @__PURE__ */ jsx(
-    DialProvider,
-    {
-      schemas,
-      initialValues: { volume: 75, enabled: false },
-      onValueChange: (name, value) => {
-        console.log(`${name} changed to:`, value);
-      },
-      children: /* @__PURE__ */ jsx("div", {})
-    }
-  );
-};
-
-export { ControlledExample, SemiControlledExample, UncontrolledExample };

package/dist/styles/toast.css

@@ -1,64 +0,0 @@
-/* src/styles/toast.css */
-.vk-toast,
-[data-sonner-toast].vk-toast {
-  background: var(--color-bg-primary) !important;
-  border: none !important;
-  border-radius: var(--radius-uk-md) !important;
-  padding: var(--spacing-lg) !important;
-  box-shadow: 0px 4px 16px 0px var(--color-shadow-secondary) !important;
-  padding-right: 60px !important;
-}
-.vk-toast [data-title] {
-  color: var(--color-text-primary) !important;
-  font-size: var(--text-uk-md) !important;
-  line-height: var(--leading-uk-md) !important;
-  font-weight: 500 !important;
-  display: -webkit-box;
-  line-clamp: 1;
-  box-orient: vertical;
-  -webkit-line-clamp: 1;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vk-toast-description {
-  color: var(--color-text-secondary) !important;
-  font-size: var(--text-uk-sm) !important;
-  line-height: var(--leading-uk-sm) !important;
-  font-weight: 400 !important;
-  display: -webkit-box;
-  line-clamp: 3;
-  box-orient: vertical;
-  -webkit-line-clamp: 3;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.vk-toast button[data-button] {
-  background: transparent !important;
-  color: var(--color-text-primary) !important;
-  border: none !important;
-  font-size: var(--text-uk-sm) !important;
-  line-height: var(--leading-uk-sm) !important;
-  font-weight: 400 !important;
-  border-top-right-radius: var(--radius-uk-md) !important;
-  border-bottom-right-radius: var(--radius-uk-md) !important;
-  border-top-left-radius: 0 !important;
-  border-bottom-left-radius: 0 !important;
-  text-decoration: none !important;
-  cursor: pointer !important;
-  position: absolute !important;
-  right: 0 !important;
-  top: 0 !important;
-  height: 100% !important;
-  width: 60px !important;
-  display: flex !important;
-  align-items: center !important;
-  justify-content: center !important;
-  text-overflow: ellipsis !important;
-  overflow: hidden !important;
-  white-space: nowrap !important;
-}
-.vk-toast button[data-button]:hover {
-  background: var(--color-bg-secondary) !important;
-}

package/dist/styles/toast.d.cts

@@ -1,2 +0,0 @@
-
-export {  }

package/dist/styles/toast.d.ts

@@ -1,2 +0,0 @@
-
-export {  }

package/src/auth/components/index.ts

@@ -1 +0,0 @@
-export * from "./user-avatar"

package/src/auth/components/user-avatar/index.tsx

@@ -1,94 +0,0 @@
-import { LoaderCircle, Plus } from "lucide-react";
-import { Fragment } from "react";
-
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Button,
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from "../../../ui";
-import { useSignIn } from "../../hooks/use-sign-in";
-import { useUser } from "../../hooks/use-user";
-import { useVuerSessions } from "../../hooks/use-vuer-sessions";
-
-interface Props {
-  className?: string;
-}
-
-export function UserAvatar({ className }: Props) {
-  const { data: session, isPending: authLoading } = useUser();
-
-  const { signIn } = useSignIn();
-
-  const { sessions, isPending: sessionsLoading } = useVuerSessions();
-
-  const user = session?.user;
-
-  console.log("user", user);
-
-  if (authLoading || sessionsLoading) {
-    return (
-      <Avatar className="size-8 items-center justify-center">
-        <LoaderCircle className="animate-spin" />
-      </Avatar>
-    );
-  }
-
-  if (!user) {
-    return <Button onClick={() => signIn()}>Sign in</Button>;
-  }
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger>
-        <Avatar key={user.id} className={className}>
-          {user.image && <AvatarImage src={user.image} alt={user.name} />}
-          <AvatarFallback>{user.name.charAt(0)}</AvatarFallback>
-        </Avatar>
-      </DropdownMenuTrigger>
-
-      <DropdownMenuContent>
-        <DropdownMenuLabel className="flex items-center gap-2">
-          <Avatar className="size-8" key={user.id}>
-            {user.image && <AvatarImage src={user.image} alt={user.name} />}
-            <AvatarFallback>{user.name.charAt(0)}</AvatarFallback>
-          </Avatar>
-
-          <p>{user.name}</p>
-        </DropdownMenuLabel>
-
-        <DropdownMenuItem>
-          <Plus /> Add User
-        </DropdownMenuItem>
-
-        {sessions.map((session) => {
-          const current = session.user;
-          return (
-            <Fragment key={current.id}>
-              {current.id !== user.id ? (
-                <DropdownMenuItem>
-                  <Avatar key={user.id}>
-                    {current.image && <AvatarImage src={current.image} alt={current.name} />}
-                    <AvatarFallback>{current.name.charAt(0)}</AvatarFallback>
-                  </Avatar>
-
-                  <p>{current.name}</p>
-                </DropdownMenuItem>
-              ) : null}
-            </Fragment>
-          );
-        })}
-
-        <DropdownMenuSeparator />
-
-        <DropdownMenuItem>Sign Out</DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  );
-}

package/src/auth/context/user-context.ts

@@ -1,15 +0,0 @@
-import { createContext } from "react";
-
-import { Refetch, UserSession } from "../types";
-
-interface IUserContext {
-  baseURL: string;
-  data: UserSession | null;
-  isPending: boolean;
-  refetch: Refetch;
-}
-
-const UserContext = createContext<IUserContext>(null!);
-
-export { UserContext };
-export type { IUserContext };

package/src/auth/handler/fetch-auth.ts

@@ -1,10 +0,0 @@
-import { bearerToken } from "../localstorage-key";
-
-export const fetchAuth = async (url: string, options: RequestInit = {}) => {
-  const token = localStorage.getItem(bearerToken) || "";
-  const headers: HeadersInit = {
-    ...options.headers,
-    Authorization: `Bearer ${token}`,
-  };
-  return fetch(url, { ...options, headers });
-};

package/src/auth/handler/fetch-server.ts

@@ -1,10 +0,0 @@
-import { JWTToken } from "../localstorage-key";
-
-export const fetchServer = async (url: string, options: RequestInit = {}) => {
-  const token = localStorage.getItem(JWTToken) || "";
-  const headers: HeadersInit = {
-    ...options.headers,
-    Authorization: `Bearer ${token}`,
-  };
-  return fetch(url, { ...options, headers });
-};

package/src/auth/handler/get-session.ts

@@ -1,19 +0,0 @@
-import { JWTToken } from "../localstorage-key";
-import { UserSession } from "../types";
-import { fetchAuth } from "./fetch-auth";
-
-const getSession = async (baseURL: string) => {
-  const res = await fetchAuth(`${baseURL}/api/auth/get-session`, { credentials: "include" });
-  const authJWT = res.headers.get("set-auth-jwt");
-
-  localStorage.setItem(JWTToken, authJWT ?? "");
-
-  const data = (await res.json()) as UserSession;
-  if (data) {
-    return { ...data, session: { ...data.session, jwt: authJWT ?? "" } };
-  } else {
-    return null;
-  }
-};
-
-export { getSession };

package/src/auth/handler/get-sessions.ts

@@ -1,16 +0,0 @@
-import { UserSession } from "../types";
-import { fetchAuth } from "./fetch-auth";
-
-const getSessions = async (baseURL: string) => {
-  const res = await fetchAuth(`${baseURL}/api/auth/multi-session/list-device-sessions`, {
-    credentials: "include",
-  });
-  const authJWT = res.headers.get("set-auth-jwt");
-  const data = (await res.json()) as UserSession[];
-
-  return data.map((session) => {
-    return { ...session, session: { ...session.session, jwt: authJWT ?? "" } };
-  });
-};
-
-export { getSessions };

package/src/auth/handler/sign-in-handler.ts

@@ -1,64 +0,0 @@
-import { bearerToken } from "../localstorage-key";
-import { SignInParams, SignInWithPopup, SignInWithRedirect } from "../types";
-
-const signInHandler = (props: SignInParams): Promise<string> | void => {
-  const { authMode } = props;
-
-  if (authMode === "redirect") {
-    return sigInWithRedirect(props);
-  } else {
-    return sigInWithPopup(props);
-  }
-};
-
-const sigInWithRedirect = (props: SignInWithRedirect) => {
-  const { callbackURL, baseURL } = props;
-
-  window.location.href = `${baseURL}/authorize?callbackURL=${encodeURIComponent(callbackURL)}`;
-};
-
-const sigInWithPopup = async (props: SignInWithPopup): Promise<string> => {
-  const { callbackURL, baseURL } = props;
-
-  const width = 500;
-  const height = 600;
-  const left = (window.screen.width - width) / 2;
-  const top = (window.screen.height - height) / 2;
-
-  const authPopup = window.open(
-    `${baseURL}/authorize?origin=${encodeURIComponent(window.location.origin)}`,
-    "vuer-auth-center",
-    `width=${width},height=${height},top=${top},left=${left}`,
-  );
-
-  return new Promise((resolve) => {
-    const handle = (event: MessageEvent) => {
-      const trustedDomains = [baseURL];
-      if (!trustedDomains.includes(event.origin)) {
-        return;
-      }
-
-      if (event.data.type === "READY") {
-        authPopup?.postMessage({ type: "REQUEST_TOKEN" }, baseURL);
-      }
-
-      if (event.data.type === "AUTH_TOKEN") {
-        const token = event.data.token;
-        if (token) {
-          localStorage.setItem(bearerToken, token);
-          window.removeEventListener("message", handle);
-
-          resolve(token);
-
-          if (callbackURL) {
-            window.location.href = callbackURL;
-          }
-        }
-      }
-    };
-
-    window.addEventListener("message", handle);
-  });
-};
-
-export { signInHandler };

package/src/auth/handler/sign-out-handler.ts

@@ -1,9 +0,0 @@
-import { fetchAuth } from "./fetch-auth";
-
-export const signOutHandler = async (baseURL: string) => {
-  const res = await fetchAuth(`${baseURL}/api/auth/sign-out`, {
-    method: "POST",
-    credentials: "include",
-  });
-  return (await res.json()) as { success: boolean };
-};

package/src/auth/hooks/use-sign-in.ts

@@ -1,33 +0,0 @@
-import { useCallback, useMemo, useState } from "react";
-
-import { signInHandler } from "../handler/sign-in-handler";
-import { SignInWithOutBaseURLParams } from "../types";
-import { useUser } from "./use-user";
-
-const useSignIn = () => {
-  const { refetch, baseURL } = useUser();
-
-  const [isPending, setIsPending] = useState(false);
-
-  const signInHandle = useCallback(
-    async (props?: SignInWithOutBaseURLParams) => {
-      try {
-        setIsPending(true);
-        await signInHandler({ ...props, baseURL });
-        const result = await refetch();
-        setIsPending(false);
-        return result;
-      } catch (e) {
-        console.error(e);
-        return null;
-      }
-    },
-    [baseURL, refetch],
-  );
-
-  return useMemo(() => {
-    return { isPending, signIn: signInHandle };
-  }, [isPending, signInHandle]);
-};
-
-export { useSignIn };