@vuer-ai/vuer-uikit 0.0.121 → 0.1.0

package/dist/chunk-C4U5BMQH.mjs

@@ -1,206 +0,0 @@
-import { CursorContext } from './chunk-3FR3WKI4.mjs';
-import { cn } from './chunk-HBEU2PU2.mjs';
-import { useState, useRef, useEffect, useCallback, useMemo } from 'react';
-import { createPortal } from 'react-dom';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var CursorProvider = ({
-  children,
-  maxOffsetX = 5,
-  maxOffsetY = 20,
-  cursorSize = 20,
-  transitionDuration = 100,
-  cursorClassName,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const [isClient, setIsClient] = useState(false);
-  const [isMouseInside, setIsMouseInside] = useState(false);
-  const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 });
-  const [hoveredElementId, setHoveredElementId] = useState(null);
-  const [elementDimensions, setElementDimensions] = useState({
-    width: 0,
-    height: 0,
-    x: 0,
-    y: 0,
-    right: 0,
-    bottom: 0
-  });
-  const hoveredElementRef = useRef(null);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  useEffect(() => {
-    if (!isClient) return;
-    const handleMouseMove = (e) => {
-      setMousePosition({ x: e.clientX, y: e.clientY });
-    };
-    document.addEventListener("mousemove", handleMouseMove);
-    return () => document.removeEventListener("mousemove", handleMouseMove);
-  }, [isClient]);
-  const handleMouseEnter = useCallback(() => {
-    setIsMouseInside(true);
-  }, []);
-  const handleMouseLeave = useCallback(() => {
-    setIsMouseInside(false);
-    setHoveredElementId(null);
-    hoveredElementRef.current = null;
-  }, []);
-  const checkMouseInElement = useCallback(() => {
-    if (!hoveredElementRef.current || !hoveredElementId) {
-      return;
-    }
-    const rect = hoveredElementRef.current.getBoundingClientRect();
-    setElementDimensions({
-      width: rect.width,
-      height: rect.height,
-      x: rect.left,
-      y: rect.top,
-      right: rect.right,
-      bottom: rect.bottom
-    });
-    const isInside = mousePosition.x >= rect.left && mousePosition.x <= rect.right && mousePosition.y >= rect.top && mousePosition.y <= rect.bottom;
-    if (!isInside) {
-      setHoveredElementId(null);
-      hoveredElementRef.current = null;
-    }
-  }, [mousePosition, hoveredElementId]);
-  useEffect(() => {
-    if (!isClient) return;
-    const handleScroll = () => {
-      checkMouseInElement();
-    };
-    document.addEventListener("scroll", handleScroll, { passive: true, capture: true });
-    return () => {
-      document.removeEventListener("scroll", handleScroll, { capture: true });
-    };
-  }, [checkMouseInElement, isClient]);
-  const registerHoveredElement = useCallback(
-    (id, dimensions, element) => {
-      setHoveredElementId(id);
-      setElementDimensions({
-        width: dimensions.width,
-        height: dimensions.height,
-        x: dimensions.left,
-        y: dimensions.top,
-        right: dimensions.right,
-        bottom: dimensions.bottom
-      });
-      if (element) {
-        hoveredElementRef.current = element;
-      }
-    },
-    []
-  );
-  const unregisterHoveredElement = useCallback(() => {
-    setHoveredElementId(null);
-    hoveredElementRef.current = null;
-  }, []);
-  const updateElementDimensions = useCallback(
-    (dimensions) => {
-      if (hoveredElementId) {
-        setElementDimensions({
-          width: dimensions.width,
-          height: dimensions.height,
-          x: dimensions.left,
-          y: dimensions.top,
-          right: dimensions.right,
-          bottom: dimensions.bottom
-        });
-      }
-    },
-    [hoveredElementId]
-  );
-  const getCursorPosition = () => {
-    if (!hoveredElementId) {
-      return {
-        x: mousePosition.x - cursorSize / 2,
-        y: mousePosition.y - cursorSize / 2
-      };
-    }
-    const elementCenterX = elementDimensions.x + elementDimensions.width / 2;
-    const elementCenterY = elementDimensions.y + elementDimensions.height / 2;
-    const offsetX = (mousePosition.x - elementCenterX) * 0.1;
-    const offsetY = (mousePosition.y - elementCenterY) * 0.1;
-    const boundedOffsetX = Math.max(-maxOffsetX, Math.min(maxOffsetX, offsetX));
-    const boundedOffsetY = Math.max(-maxOffsetY, Math.min(maxOffsetY, offsetY));
-    return {
-      x: elementDimensions.x + boundedOffsetX,
-      y: elementDimensions.y + boundedOffsetY
-    };
-  };
-  const contextValue = useMemo(
-    () => ({
-      // State values that change during component lifecycle
-      mousePosition,
-      hoveredElementId,
-      elementDimensions,
-      // Callbacks that should be stable references
-      registerHoveredElement,
-      unregisterHoveredElement,
-      updateElementDimensions
-    }),
-    [
-      mousePosition,
-      hoveredElementId,
-      elementDimensions,
-      registerHoveredElement,
-      unregisterHoveredElement,
-      updateElementDimensions
-    ]
-  );
-  const cursorPosition = getCursorPosition();
-  const cursorStyleObject = useMemo(
-    () => ({
-      left: cursorPosition.x,
-      top: cursorPosition.y,
-      width: hoveredElementId ? elementDimensions.width > 0 ? elementDimensions.width : cursorSize : cursorSize,
-      height: hoveredElementId ? elementDimensions.height > 0 ? elementDimensions.height : cursorSize : cursorSize,
-      willChange: "transform, width, height"
-    }),
-    [
-      cursorPosition.x,
-      cursorPosition.y,
-      hoveredElementId,
-      elementDimensions.width,
-      elementDimensions.height,
-      cursorSize
-    ]
-  );
-  let styleClass;
-  if (hoveredElementId) {
-    styleClass = `opacity-[0.05] rounded-uk-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
-  } else {
-    styleClass = `opacity-90 rounded-full z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
-  }
-  const cursorElement = isClient && isMouseInside && /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
-      style: {
-        ...cursorStyleObject,
-        backgroundColor: "var(--shadow-tertiary)"
-      }
-    }
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    isClient && typeof document !== "undefined" && document.body && cursorElement && createPortal(cursorElement, document.body),
-    /* @__PURE__ */ jsx(CursorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
-      Component,
-      {
-        ...props,
-        className: cn(className),
-        style: {
-          cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
-          ...props.style
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children
-      }
-    ) })
-  ] });
-};
-
-export { CursorProvider };

package/dist/chunk-EMVKGL5D.mjs

@@ -1,28 +0,0 @@
-import { signInHandler } from './chunk-V4KDK3BN.mjs';
-import { useUser } from './chunk-VSFPXAGN.mjs';
-import { useState, useCallback, useMemo } from 'react';
-
-var useSignIn = () => {
-  const { refetch, baseURL } = useUser();
-  const [isPending, setIsPending] = useState(false);
-  const signInHandle = useCallback(
-    async (props) => {
-      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 };

package/dist/chunk-EMXEFZEB.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-var chunkRSBVQ7SJ_cjs = require('./chunk-RSBVQ7SJ.cjs');
-var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
-var react = require('react');
-
-var useSignIn = () => {
-  const { refetch, baseURL } = chunk7R5HY3IM_cjs.useUser();
-  const [isPending, setIsPending] = react.useState(false);
-  const signInHandle = react.useCallback(
-    async (props) => {
-      try {
-        setIsPending(true);
-        await chunkRSBVQ7SJ_cjs.signInHandler({ ...props, baseURL });
-        const result = await refetch();
-        setIsPending(false);
-        return result;
-      } catch (e) {
-        console.error(e);
-        return null;
-      }
-    },
-    [baseURL, refetch]
-  );
-  return react.useMemo(() => {
-    return { isPending, signIn: signInHandle };
-  }, [isPending, signInHandle]);
-};
-
-exports.useSignIn = useSignIn;

package/dist/chunk-F4Z5KATZ.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-// src/auth/localstorage-key.ts
-var bearerToken = "bearer_token";
-var JWTToken = "JWT_token";
-
-exports.JWTToken = JWTToken;
-exports.bearerToken = bearerToken;

package/dist/chunk-FROQ45MN.mjs

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

package/dist/chunk-HOMAESTR.mjs

@@ -1,12 +0,0 @@
-import { fetchAuth } from './chunk-PXDT5GFJ.mjs';
-
-// src/auth/handler/sign-out-handler.ts
-var signOutHandler = async (baseURL) => {
-  const res = await fetchAuth(`${baseURL}/api/auth/sign-out`, {
-    method: "POST",
-    credentials: "include"
-  });
-  return await res.json();
-};
-
-export { signOutHandler };

package/dist/chunk-HZBP6QTE.cjs

@@ -1,208 +0,0 @@
-'use strict';
-
-var chunkP6DICGAV_cjs = require('./chunk-P6DICGAV.cjs');
-var chunk6LTCLQH3_cjs = require('./chunk-6LTCLQH3.cjs');
-var react = require('react');
-var reactDom = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
-var CursorProvider = ({
-  children,
-  maxOffsetX = 5,
-  maxOffsetY = 20,
-  cursorSize = 20,
-  transitionDuration = 100,
-  cursorClassName,
-  className,
-  as: Component = "div",
-  ...props
-}) => {
-  const [isClient, setIsClient] = react.useState(false);
-  const [isMouseInside, setIsMouseInside] = react.useState(false);
-  const [mousePosition, setMousePosition] = react.useState({ x: 0, y: 0 });
-  const [hoveredElementId, setHoveredElementId] = react.useState(null);
-  const [elementDimensions, setElementDimensions] = react.useState({
-    width: 0,
-    height: 0,
-    x: 0,
-    y: 0,
-    right: 0,
-    bottom: 0
-  });
-  const hoveredElementRef = react.useRef(null);
-  react.useEffect(() => {
-    setIsClient(true);
-  }, []);
-  react.useEffect(() => {
-    if (!isClient) return;
-    const handleMouseMove = (e) => {
-      setMousePosition({ x: e.clientX, y: e.clientY });
-    };
-    document.addEventListener("mousemove", handleMouseMove);
-    return () => document.removeEventListener("mousemove", handleMouseMove);
-  }, [isClient]);
-  const handleMouseEnter = react.useCallback(() => {
-    setIsMouseInside(true);
-  }, []);
-  const handleMouseLeave = react.useCallback(() => {
-    setIsMouseInside(false);
-    setHoveredElementId(null);
-    hoveredElementRef.current = null;
-  }, []);
-  const checkMouseInElement = react.useCallback(() => {
-    if (!hoveredElementRef.current || !hoveredElementId) {
-      return;
-    }
-    const rect = hoveredElementRef.current.getBoundingClientRect();
-    setElementDimensions({
-      width: rect.width,
-      height: rect.height,
-      x: rect.left,
-      y: rect.top,
-      right: rect.right,
-      bottom: rect.bottom
-    });
-    const isInside = mousePosition.x >= rect.left && mousePosition.x <= rect.right && mousePosition.y >= rect.top && mousePosition.y <= rect.bottom;
-    if (!isInside) {
-      setHoveredElementId(null);
-      hoveredElementRef.current = null;
-    }
-  }, [mousePosition, hoveredElementId]);
-  react.useEffect(() => {
-    if (!isClient) return;
-    const handleScroll = () => {
-      checkMouseInElement();
-    };
-    document.addEventListener("scroll", handleScroll, { passive: true, capture: true });
-    return () => {
-      document.removeEventListener("scroll", handleScroll, { capture: true });
-    };
-  }, [checkMouseInElement, isClient]);
-  const registerHoveredElement = react.useCallback(
-    (id, dimensions, element) => {
-      setHoveredElementId(id);
-      setElementDimensions({
-        width: dimensions.width,
-        height: dimensions.height,
-        x: dimensions.left,
-        y: dimensions.top,
-        right: dimensions.right,
-        bottom: dimensions.bottom
-      });
-      if (element) {
-        hoveredElementRef.current = element;
-      }
-    },
-    []
-  );
-  const unregisterHoveredElement = react.useCallback(() => {
-    setHoveredElementId(null);
-    hoveredElementRef.current = null;
-  }, []);
-  const updateElementDimensions = react.useCallback(
-    (dimensions) => {
-      if (hoveredElementId) {
-        setElementDimensions({
-          width: dimensions.width,
-          height: dimensions.height,
-          x: dimensions.left,
-          y: dimensions.top,
-          right: dimensions.right,
-          bottom: dimensions.bottom
-        });
-      }
-    },
-    [hoveredElementId]
-  );
-  const getCursorPosition = () => {
-    if (!hoveredElementId) {
-      return {
-        x: mousePosition.x - cursorSize / 2,
-        y: mousePosition.y - cursorSize / 2
-      };
-    }
-    const elementCenterX = elementDimensions.x + elementDimensions.width / 2;
-    const elementCenterY = elementDimensions.y + elementDimensions.height / 2;
-    const offsetX = (mousePosition.x - elementCenterX) * 0.1;
-    const offsetY = (mousePosition.y - elementCenterY) * 0.1;
-    const boundedOffsetX = Math.max(-maxOffsetX, Math.min(maxOffsetX, offsetX));
-    const boundedOffsetY = Math.max(-maxOffsetY, Math.min(maxOffsetY, offsetY));
-    return {
-      x: elementDimensions.x + boundedOffsetX,
-      y: elementDimensions.y + boundedOffsetY
-    };
-  };
-  const contextValue = react.useMemo(
-    () => ({
-      // State values that change during component lifecycle
-      mousePosition,
-      hoveredElementId,
-      elementDimensions,
-      // Callbacks that should be stable references
-      registerHoveredElement,
-      unregisterHoveredElement,
-      updateElementDimensions
-    }),
-    [
-      mousePosition,
-      hoveredElementId,
-      elementDimensions,
-      registerHoveredElement,
-      unregisterHoveredElement,
-      updateElementDimensions
-    ]
-  );
-  const cursorPosition = getCursorPosition();
-  const cursorStyleObject = react.useMemo(
-    () => ({
-      left: cursorPosition.x,
-      top: cursorPosition.y,
-      width: hoveredElementId ? elementDimensions.width > 0 ? elementDimensions.width : cursorSize : cursorSize,
-      height: hoveredElementId ? elementDimensions.height > 0 ? elementDimensions.height : cursorSize : cursorSize,
-      willChange: "transform, width, height"
-    }),
-    [
-      cursorPosition.x,
-      cursorPosition.y,
-      hoveredElementId,
-      elementDimensions.width,
-      elementDimensions.height,
-      cursorSize
-    ]
-  );
-  let styleClass;
-  if (hoveredElementId) {
-    styleClass = `opacity-[0.05] rounded-uk-md transition-[width,height,left,top] duration-${transitionDuration} ease-out`;
-  } else {
-    styleClass = `opacity-90 rounded-full z-10 transition-[width,height,left,top] duration-${transitionDuration} ease-out transition-opacity duration-${transitionDuration}`;
-  }
-  const cursorElement = isClient && isMouseInside && /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: `pointer-events-none fixed ${styleClass} ${hoveredElementId ? "" : cursorClassName || ""}`,
-      style: {
-        ...cursorStyleObject,
-        backgroundColor: "var(--shadow-tertiary)"
-      }
-    }
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    isClient && typeof document !== "undefined" && document.body && cursorElement && reactDom.createPortal(cursorElement, document.body),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkP6DICGAV_cjs.CursorContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Component,
-      {
-        ...props,
-        className: chunk6LTCLQH3_cjs.cn(className),
-        style: {
-          cursor: isMouseInside && !hoveredElementId ? "none" : "auto",
-          ...props.style
-        },
-        onMouseEnter: handleMouseEnter,
-        onMouseLeave: handleMouseLeave,
-        children
-      }
-    ) })
-  ] });
-};
-
-exports.CursorProvider = CursorProvider;

package/dist/chunk-IKSER6BF.mjs

@@ -1,66 +0,0 @@
-import { InputRoot, InputSlot } from './chunk-HGTL7DFT.mjs';
-import { cn } from './chunk-HBEU2PU2.mjs';
-import { forwardRef, useState, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var ColorInput = forwardRef(function ColorInput2({ className, value, defaultValue, onChange, ...props }, ref) {
-  const normalizeColor = (colorValue) => {
-    if (typeof colorValue === "string") {
-      return colorValue.replace(/^#/, "");
-    }
-    return colorValue || "ffffff";
-  };
-  const [color, setColor] = useState(normalizeColor(value || defaultValue));
-  useEffect(() => {
-    if (value !== void 0) {
-      setColor(normalizeColor(value));
-    }
-  }, [value]);
-  return /* @__PURE__ */ jsxs("div", { className: "gap-sm flex", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        ref,
-        type: "color",
-        value: `#${color}`,
-        onChange: (e) => {
-          setColor(e.currentTarget.value.replace(/^#/, ""));
-          onChange?.(e);
-        },
-        className: cn(
-          [
-            "h-6",
-            "w-6",
-            "flex-none",
-            "cursor-pointer",
-            "rounded-1",
-            "[appearance:none]",
-            "[&::-webkit-color-swatch-wrapper]:p-0",
-            "[&::-webkit-color-swatch]:border-line-primary",
-            "[&::-webkit-color-swatch]:rounded-lg",
-            "[&::-moz-color-swatch]:border-line-primary",
-            "[&::-moz-color-swatch]:rounded-lg"
-          ],
-          className
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      InputRoot,
-      {
-        ...props,
-        size: "sm",
-        type: "text",
-        className: "flex-1",
-        value: color,
-        onChange: (e) => {
-          setColor(e.currentTarget.value);
-          onChange?.(e);
-        },
-        children: /* @__PURE__ */ jsx(InputSlot, { children: "#" })
-      }
-    )
-  ] });
-});
-
-export { ColorInput };

package/dist/chunk-KIZEJMW4.cjs

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

package/dist/chunk-MO5V43Z3.mjs

@@ -1,13 +0,0 @@
-import { JWTToken } from './chunk-UT7B4TLZ.mjs';
-
-// src/auth/handler/fetch-server.ts
-var fetchServer = async (url, options = {}) => {
-  const token = localStorage.getItem(JWTToken) || "";
-  const headers = {
-    ...options.headers,
-    Authorization: `Bearer ${token}`
-  };
-  return fetch(url, { ...options, headers });
-};
-
-export { fetchServer };

package/dist/chunk-MRMSCW3P.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var chunkX3H6FYAM_cjs = require('./chunk-X3H6FYAM.cjs');
-var chunkF4Z5KATZ_cjs = require('./chunk-F4Z5KATZ.cjs');
-
-// src/auth/handler/get-session.ts
-var getSession = async (baseURL) => {
-  const res = await chunkX3H6FYAM_cjs.fetchAuth(`${baseURL}/api/auth/get-session`, { credentials: "include" });
-  const authJWT = res.headers.get("set-auth-jwt");
-  localStorage.setItem(chunkF4Z5KATZ_cjs.JWTToken, authJWT ?? "");
-  const data = await res.json();
-  if (data) {
-    return { ...data, session: { ...data.session, jwt: authJWT ?? "" } };
-  } else {
-    return null;
-  }
-};
-
-exports.getSession = getSession;

package/dist/chunk-OOHCJIRV.cjs

@@ -1,26 +0,0 @@
-'use strict';
-
-var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
-var chunkQ76WU4DL_cjs = require('./chunk-Q76WU4DL.cjs');
-var react = require('react');
-
-var useVuerSessions = () => {
-  const { baseURL } = chunk7R5HY3IM_cjs.useUser();
-  const [isPending, setIsPending] = react.useState(true);
-  const [sessions, setSessions] = react.useState([]);
-  react.useEffect(() => {
-    setIsPending(true);
-    chunkQ76WU4DL_cjs.getSessions(baseURL).then((sessions2) => {
-      console.log("sessions", sessions2);
-      setSessions(sessions2);
-      setIsPending(false);
-    }).catch(() => {
-      setIsPending(false);
-    });
-  }, [baseURL]);
-  return react.useMemo(() => {
-    return { isPending, sessions };
-  }, [isPending, sessions]);
-};
-
-exports.useVuerSessions = useVuerSessions;

package/dist/chunk-PX2H7Z4D.mjs

@@ -1,26 +0,0 @@
-import { signOutHandler } from './chunk-HOMAESTR.mjs';
-import { useUser } from './chunk-VSFPXAGN.mjs';
-import { useState, useCallback, useMemo } from 'react';
-
-var useSignOut = () => {
-  const { refetch, baseURL } = useUser();
-  const [isPending, setIsPending] = useState(false);
-  const signOutHandle = useCallback(async () => {
-    try {
-      setIsPending(true);
-      await signOutHandler(baseURL);
-      await refetch();
-      setIsPending(false);
-    } catch (e) {
-      console.error(e);
-    }
-  }, [baseURL, refetch]);
-  return useMemo(() => {
-    return {
-      isPending,
-      signOut: signOutHandle
-    };
-  }, [isPending, signOutHandle]);
-};
-
-export { useSignOut };

package/dist/chunk-PXDT5GFJ.mjs

@@ -1,13 +0,0 @@
-import { bearerToken } from './chunk-UT7B4TLZ.mjs';
-
-// src/auth/handler/fetch-auth.ts
-var fetchAuth = async (url, options = {}) => {
-  const token = localStorage.getItem(bearerToken) || "";
-  const headers = {
-    ...options.headers,
-    Authorization: `Bearer ${token}`
-  };
-  return fetch(url, { ...options, headers });
-};
-
-export { fetchAuth };