@vuer-ai/vuer-uikit 0.0.120 → 0.1.0

package/dist/chunk-2DXJJLJL.mjs

@@ -1,51 +0,0 @@
-import { UserContext } from './chunk-FROQ45MN.mjs';
-import { getSession } from './chunk-SO2UTKSV.mjs';
-import { bearerToken } from './chunk-UT7B4TLZ.mjs';
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-function VuerUserProvider({ children, baseURL }) {
-  const [isPending, setIsPending] = useState(true);
-  const [session, setSession] = useState(null);
-  const refetchHandle = useCallback(async () => {
-    try {
-      setIsPending(true);
-      const data = await getSession(baseURL);
-      setSession(data);
-      setIsPending(false);
-      return data;
-    } catch (e) {
-      setIsPending(false);
-      console.error(e);
-      return null;
-    }
-  }, [baseURL]);
-  useEffect(() => {
-    const searchParams = new URLSearchParams(window.location.search);
-    const session2 = searchParams.get("token");
-    if (session2) {
-      localStorage.setItem(bearerToken, encodeURIComponent(session2));
-      refetchHandle().then(() => console.log("Sign in session"));
-      window.history.replaceState({}, "", window.location.pathname);
-    }
-  }, [refetchHandle]);
-  useEffect(() => {
-    refetchHandle().then(() => console.log("Init session"));
-  }, [refetchHandle]);
-  return /* @__PURE__ */ jsx(
-    UserContext.Provider,
-    {
-      value: useMemo(() => {
-        return {
-          baseURL,
-          isPending,
-          data: session,
-          refetch: refetchHandle
-        };
-      }, [baseURL, session, isPending, refetchHandle]),
-      children
-    }
-  );
-}
-
-export { VuerUserProvider };

package/dist/chunk-2GXIGEKC.mjs

@@ -1,66 +0,0 @@
-import { InputRoot, InputSlot } from './chunk-SMXN2KOV.mjs';
-import { cn } from './chunk-T66ETI7E.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-3WMO5QJJ.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/auth/context/user-context.ts
-var UserContext = react.createContext(null);
-
-exports.UserContext = UserContext;

package/dist/chunk-5OHAV55L.mjs

@@ -1,24 +0,0 @@
-import { useUser } from './chunk-VSFPXAGN.mjs';
-import { getSessions } from './chunk-Z7BZFZEV.mjs';
-import { useState, useEffect, useMemo } from 'react';
-
-var useVuerSessions = () => {
-  const { baseURL } = useUser();
-  const [isPending, setIsPending] = useState(true);
-  const [sessions, setSessions] = useState([]);
-  useEffect(() => {
-    setIsPending(true);
-    getSessions(baseURL).then((sessions2) => {
-      console.log("sessions", sessions2);
-      setSessions(sessions2);
-      setIsPending(false);
-    }).catch(() => {
-      setIsPending(false);
-    });
-  }, [baseURL]);
-  return useMemo(() => {
-    return { isPending, sessions };
-  }, [isPending, sessions]);
-};
-
-export { useVuerSessions };

package/dist/chunk-6C53NKMF.mjs

@@ -1,206 +0,0 @@
-import { CursorContext } from './chunk-3FR3WKI4.mjs';
-import { cn } from './chunk-T66ETI7E.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-6GJM7TPE.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-var chunk7E5Y224I_cjs = require('./chunk-7E5Y224I.cjs');
-var chunk7R5HY3IM_cjs = require('./chunk-7R5HY3IM.cjs');
-var react = require('react');
-
-var useSignOut = () => {
-  const { refetch, baseURL } = chunk7R5HY3IM_cjs.useUser();
-  const [isPending, setIsPending] = react.useState(false);
-  const signOutHandle = react.useCallback(async () => {
-    try {
-      setIsPending(true);
-      await chunk7E5Y224I_cjs.signOutHandler(baseURL);
-      await refetch();
-      setIsPending(false);
-    } catch (e) {
-      console.error(e);
-    }
-  }, [baseURL, refetch]);
-  return react.useMemo(() => {
-    return {
-      isPending,
-      signOut: signOutHandle
-    };
-  }, [isPending, signOutHandle]);
-};
-
-exports.useSignOut = useSignOut;

package/dist/chunk-7E5Y224I.cjs

@@ -1,14 +0,0 @@
-'use strict';
-
-var chunkX3H6FYAM_cjs = require('./chunk-X3H6FYAM.cjs');
-
-// src/auth/handler/sign-out-handler.ts
-var signOutHandler = async (baseURL) => {
-  const res = await chunkX3H6FYAM_cjs.fetchAuth(`${baseURL}/api/auth/sign-out`, {
-    method: "POST",
-    credentials: "include"
-  });
-  return await res.json();
-};
-
-exports.signOutHandler = signOutHandler;

package/dist/chunk-7R5HY3IM.cjs

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

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-EOSYXHEH.mjs

@@ -1,27 +0,0 @@
-import { useState, useEffect } from 'react';
-import { Toaster as Toaster$1 } from 'sonner';
-export { toast } from 'sonner';
-import { jsx } from 'react/jsx-runtime';
-
-// src/ui/toast.tsx
-var Toaster = ({ ...props }) => {
-  const [isClient, setIsClient] = useState(false);
-  useEffect(() => {
-    setIsClient(true);
-  }, []);
-  if (!isClient) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Toaster$1,
-    {
-      toastOptions: {
-        className: "vk-toast liquid-dark:liquid-dark-bg liquid-light:liquid-light-bg",
-        descriptionClassName: "vk-toast-description"
-      },
-      ...props
-    }
-  );
-};
-
-export { Toaster };

package/dist/chunk-EXXV3BXT.cjs

@@ -1,23 +0,0 @@
-'use strict';
-
-var chunkEBFPZBUQ_cjs = require('./chunk-EBFPZBUQ.cjs');
-var jsxRuntime = require('react/jsx-runtime');
-
-var LiquidLayoutView = ({
-  left,
-  right,
-  top,
-  bottom,
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkEBFPZBUQ_cjs.LiquidLayout, { className, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
-    bottom && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutBottom, { className: "mt-4", children: bottom }),
-    right && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutRight, { className: "max-w-75", children: right }),
-    top && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutTop, { children: top }),
-    left && /* @__PURE__ */ jsxRuntime.jsx(chunkEBFPZBUQ_cjs.LiquidLayoutLeft, { className: "max-w-75", children: left })
-  ] });
-};
-
-exports.LiquidLayoutView = LiquidLayoutView;

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

@@ -1,47 +0,0 @@
-'use strict';
-
-var chunkLVIZRMYN_cjs = require('./chunk-LVIZRMYN.cjs');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var EulerRadInput = react.forwardRef(
-  function EulerRadInput2({ value, onValuesChange, display = "rad", ...props }, ref) {
-    const displayValues = react.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 = react.useMemo(() => {
-      if (display === "deg") return "\xB0";
-      if (display === "pi") return "\u03C0";
-      return "rad";
-    }, [display]);
-    const labels = [`x${unitSymbol}`, `y${unitSymbol}`, `z${unitSymbol}`];
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      chunkLVIZRMYN_cjs.VectorInput,
-      {
-        ref,
-        value: displayValues,
-        onValuesChange: handleChange,
-        labels,
-        ...props
-      }
-    );
-  }
-);
-
-exports.EulerRadInput = EulerRadInput;

package/dist/chunk-H7RH4CZ7.cjs

@@ -1,54 +0,0 @@
-'use strict';
-
-var chunkKR7VBV3B_cjs = require('./chunk-KR7VBV3B.cjs');
-var chunkJNV3UBBP_cjs = require('./chunk-JNV3UBBP.cjs');
-var chunkJYYAGDLZ_cjs = require('./chunk-JYYAGDLZ.cjs');
-var lucideReact = require('lucide-react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var LiquidToggle = ({ className, ...props }) => {
-  const { isLiquid, toggleLiquid } = chunkKR7VBV3B_cjs.useTheme();
-  return /* @__PURE__ */ jsxRuntime.jsxs(chunkJNV3UBBP_cjs.Tooltip, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkJYYAGDLZ_cjs.Button,
-      {
-        icon: true,
-        variant: "ghost",
-        "aria-label": `Toggle liquid theme: ${isLiquid ? "on" : "off"}`,
-        ...props,
-        onClick: toggleLiquid,
-        className,
-        children: isLiquid ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PanelsTopLeft, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LayoutTemplate, { size: 20 })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(chunkJNV3UBBP_cjs.TooltipContent, { children: isLiquid ? "Dock Layout" : "Liquid Layout" })
-  ] });
-};
-var ThemeColorToggle = (props) => {
-  const { baseTheme, setBaseTheme, resolvedTheme } = chunkKR7VBV3B_cjs.useTheme();
-  const handleThemeChange = () => {
-    if (baseTheme === "light") {
-      setBaseTheme("dark");
-    } else if (baseTheme === "dark") {
-      setBaseTheme("system");
-    } else if (baseTheme === "system") {
-      setBaseTheme("light");
-    }
-  };
-  const isDark = resolvedTheme?.includes("dark");
-  const isSystem = baseTheme === "system";
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkJYYAGDLZ_cjs.Button,
-    {
-      icon: true,
-      variant: "ghost",
-      "aria-label": `Current theme: ${isSystem ? "system" : isDark ? "dark" : "light"}`,
-      ...props,
-      onClick: handleThemeChange,
-      children: isSystem ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SunMoon, { size: 20 }) : isDark ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Moon, { size: 20 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Sun, { size: 20 })
-    }
-  );
-};
-
-exports.LiquidToggle = LiquidToggle;
-exports.ThemeColorToggle = ThemeColorToggle;

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-IPQU5CJD.mjs

@@ -1,21 +0,0 @@
-import { LiquidLayout, LiquidLayoutContent, LiquidLayoutBottom, LiquidLayoutRight, LiquidLayoutTop, LiquidLayoutLeft } from './chunk-TWQONYWC.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var LiquidLayoutView = ({
-  left,
-  right,
-  top,
-  bottom,
-  children,
-  className
-}) => {
-  return /* @__PURE__ */ jsxs(LiquidLayout, { className, children: [
-    /* @__PURE__ */ jsx(LiquidLayoutContent, { className: "absolute flex flex-col items-center justify-center", children }),
-    bottom && /* @__PURE__ */ jsx(LiquidLayoutBottom, { className: "mt-4", children: bottom }),
-    right && /* @__PURE__ */ jsx(LiquidLayoutRight, { className: "max-w-75", children: right }),
-    top && /* @__PURE__ */ jsx(LiquidLayoutTop, { children: top }),
-    left && /* @__PURE__ */ jsx(LiquidLayoutLeft, { className: "max-w-75", children: left })
-  ] });
-};
-
-export { LiquidLayoutView };