@levo-so/studio 0.1.6 → 0.1.8

package/dist/Waves-DzqlDCGx.js

@@ -0,0 +1,183 @@
+"use client";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import u from "react";
+import { m as d } from "./index-2NFcpkxw.js";
+const g = u.memo(
+  ({
+    className: p,
+    primaryColor: o = "#3b82f6",
+    secondaryColor: n = "#8b5cf6",
+    amplitude: l = 50,
+    frequency: c = 0.02,
+    speed: h = 1
+  }) => {
+    const f = Array.from({ length: 3 }, (t, i) => i), s = (t) => {
+      const i = [], m = t * 60;
+      for (let r = 0; r <= 1e3; r += 10) {
+        const y = 200 + Math.sin(r * c + m) * l;
+        i.push(`${r},${y}`);
+      }
+      return `M 0,200 Q ${i.join(" ")} 1000,200 L 1000,400 L 0,400 Z`;
+    };
+    return /* @__PURE__ */ e(
+      "div",
+      {
+        className: p,
+        style: {
+          position: "absolute",
+          inset: 0,
+          display: "flex",
+          height: "100%",
+          width: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          overflow: "hidden",
+          zIndex: -1
+        },
+        children: /* @__PURE__ */ a(
+          "svg",
+          {
+            style: {
+              pointerEvents: "none",
+              position: "absolute",
+              zIndex: 0,
+              height: "100%",
+              width: "100%"
+            },
+            width: "100%",
+            height: "100%",
+            viewBox: "0 0 1000 400",
+            preserveAspectRatio: "xMidYMid slice",
+            xmlns: "http://www.w3.org/2000/svg",
+            children: [
+              /* @__PURE__ */ a("defs", { children: [
+                /* @__PURE__ */ a(
+                  "linearGradient",
+                  {
+                    id: "waveGradient1",
+                    x1: "0%",
+                    y1: "0%",
+                    x2: "100%",
+                    y2: "100%",
+                    children: [
+                      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.3" }),
+                      /* @__PURE__ */ e(
+                        "stop",
+                        {
+                          offset: "100%",
+                          stopColor: n,
+                          stopOpacity: "0.1"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "linearGradient",
+                  {
+                    id: "waveGradient2",
+                    x1: "0%",
+                    y1: "0%",
+                    x2: "100%",
+                    y2: "100%",
+                    children: [
+                      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: n, stopOpacity: "0.2" }),
+                      /* @__PURE__ */ e("stop", { offset: "100%", stopColor: o, stopOpacity: "0.05" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ a(
+                  "linearGradient",
+                  {
+                    id: "waveGradient3",
+                    x1: "0%",
+                    y1: "0%",
+                    x2: "100%",
+                    y2: "100%",
+                    children: [
+                      /* @__PURE__ */ e("stop", { offset: "0%", stopColor: o, stopOpacity: "0.1" }),
+                      /* @__PURE__ */ e(
+                        "stop",
+                        {
+                          offset: "100%",
+                          stopColor: n,
+                          stopOpacity: "0.3"
+                        }
+                      )
+                    ]
+                  }
+                )
+              ] }),
+              f.map((t) => /* @__PURE__ */ e(
+                d.path,
+                {
+                  d: s(t),
+                  fill: `url(#waveGradient${t + 1})`,
+                  initial: { x: -100 },
+                  animate: {
+                    x: [-100, 100],
+                    d: [
+                      s(t),
+                      s(t + 0.5),
+                      s(t)
+                    ]
+                  },
+                  transition: {
+                    x: {
+                      duration: 20 / h,
+                      repeat: 1 / 0,
+                      ease: "linear"
+                    },
+                    d: {
+                      duration: 8 / h,
+                      repeat: 1 / 0,
+                      ease: "easeInOut"
+                    }
+                  },
+                  style: {
+                    filter: `blur(${t * 0.5}px)`
+                  }
+                },
+                `wave-${t}`
+              )),
+              Array.from({ length: 15 }, (t, i) => /* @__PURE__ */ e(
+                d.circle,
+                {
+                  cx: Math.random() * 1e3,
+                  cy: Math.random() * 400,
+                  r: Math.random() * 3 + 1,
+                  fill: i % 2 === 0 ? o : n,
+                  initial: { opacity: 0.3 },
+                  animate: {
+                    opacity: [0.3, 0.8, 0.3],
+                    cy: [
+                      Math.random() * 400,
+                      Math.random() * 400,
+                      Math.random() * 400
+                    ],
+                    cx: [
+                      Math.random() * 1e3,
+                      Math.random() * 1e3,
+                      Math.random() * 1e3
+                    ]
+                  },
+                  transition: {
+                    duration: Math.random() * 10 + 5,
+                    repeat: 1 / 0,
+                    ease: "easeInOut",
+                    delay: Math.random() * 5
+                  }
+                },
+                `particle-${i}`
+              ))
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+g.displayName = "BackgroundWaves";
+export {
+  g as BackgroundWaves
+};

package/dist/bridge/constants.d.ts

@@ -4,4 +4,16 @@ export declare const DATA_ATTRIBUTES: {
     readonly ITEM: "data-levo_group_item";
     readonly GROUP: "data-levo_group";
 };
+export declare const MESSAGE_TYPES: {
+    readonly PREVIEW_READY: "PREVIEW_READY";
+    readonly PREVIEW_HOVER: "PREVIEW_HOVER";
+    readonly PREVIEW_SELECT: "PREVIEW_SELECT";
+    readonly PREVIEW_MOUSE_LEAVE: "PREVIEW_MOUSE_LEAVE";
+    readonly STUDIO_SELECT: "STUDIO_SELECT";
+    readonly STUDIO_HOVER: "STUDIO_HOVER";
+    readonly PREVIEW_TYPE: "PREVIEW_TYPE";
+    readonly LEVO_PAGE_DATA: "LEVO_PAGE_DATA";
+    readonly LEVO_BLOCK_DATA: "LEVO_BLOCK_DATA";
+    readonly FRAME_HEIGHT: "FRAME_HEIGHT";
+};
 //# sourceMappingURL=constants.d.ts.map

package/dist/bridge/index.d.ts

@@ -2,4 +2,5 @@ export * from './PreviewHighlighter';
 export * from './types';
 export * from './constants';
 export * from './StudioPreview';
+export { MESSAGE_TYPES } from './constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/bridge/utils.d.ts

@@ -3,5 +3,6 @@ export declare function getElementCoordinates(element: HTMLElement): HighlightRe
 export declare function getSelectionFromElement(element: HTMLElement): ISelection | null;
 export declare function findElementBySelection(selection: ISelection): HTMLElement | null;
 export declare function createSelectionState(element: HTMLElement, type: "selected" | "hovered"): SelectionState;
+export declare function findParentElement(currentSelections: SelectionState): HTMLElement | null;
 export declare function updateSelectionRects(selections: SelectionState): SelectionState;
 //# sourceMappingURL=utils.d.ts.map

package/dist/components/ActionWrapper.d.ts

@@ -1,5 +1,5 @@
-import { IFieldConfig } from '../interfaces';
 import { ReactNode } from 'react';
+import { IFieldConfig } from '../interfaces';
 declare const ActionWrapper: React.FC<{
     children: ReactNode;
     config: IFieldConfig;

package/dist/components/LoginForm/ErrorDisplay.d.ts

@@ -0,0 +1,8 @@
+import { LevoError } from '@levo-so/core';
+interface IErrorDisplayProps {
+    error: LevoError;
+    onDismiss?: () => void;
+}
+export declare const ErrorDisplay: React.FC<IErrorDisplayProps>;
+export {};
+//# sourceMappingURL=ErrorDisplay.d.ts.map

package/dist/components/LoginForm/GoogleOAuth.d.ts

@@ -0,0 +1,10 @@
+import { LevoError } from '@levo-so/core';
+interface IGoogleOAuthProps {
+    otpSent: boolean;
+    oAuthTitle: string;
+    onOAuthSuccess?: () => void;
+    onOAuthError?: (error?: LevoError) => void;
+}
+export declare const GoogleOAuth: React.FC<IGoogleOAuthProps>;
+export {};
+//# sourceMappingURL=GoogleOAuth.d.ts.map

package/dist/components/LoginForm/index.d.ts

@@ -0,0 +1,7 @@
+interface ILoginFormProps {
+    className?: string;
+    oAuthTitle?: string;
+}
+declare const LoginForm: React.FC<ILoginFormProps>;
+export default LoginForm;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/LoginModal/index.d.ts

@@ -0,0 +1,7 @@
+import { IModalConfig } from '../../context/ModalManager';
+interface ILoginModalProps {
+    config?: IModalConfig;
+}
+declare const LoginModal: React.FC<ILoginModalProps>;
+export default LoginModal;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accessCard/EntryCard/index.d.ts

@@ -0,0 +1,11 @@
+import { IPageAccessGatingOptions, IPageAccessAuthenticationOptions } from '../../../interfaces';
+interface IEntryCardProps {
+    logo?: string;
+    siteName?: string;
+    workspaceId: string;
+    options: IPageAccessGatingOptions | IPageAccessAuthenticationOptions | Record<string, unknown>;
+    onSuccess?: () => void;
+}
+declare const EntryCard: React.FC<IEntryCardProps>;
+export default EntryCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accessCard/LoginCard/index.d.ts

@@ -0,0 +1,7 @@
+interface ILoginCardProps {
+    logo?: string;
+    siteName?: string;
+}
+declare const LoginCard: React.FC<ILoginCardProps>;
+export default LoginCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accessCard/MessageCard/index.d.ts

@@ -0,0 +1,8 @@
+interface IMessageCardProps {
+    logo?: string;
+    siteName?: string;
+    message: string;
+}
+declare const MessageCard: React.FC<IMessageCardProps>;
+export default MessageCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accessCard/MessageFooter/index.d.ts

@@ -0,0 +1,3 @@
+declare const MessageFooter: React.FC;
+export default MessageFooter;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/accessCard/card/index.d.ts

@@ -0,0 +1,10 @@
+interface IAccessCardProps {
+    logo?: string;
+    siteName?: string;
+    children: React.ReactNode;
+    maxWidth?: "sm" | "md" | "lg";
+    className?: string;
+}
+declare const AccessCard: React.FC<IAccessCardProps>;
+export default AccessCard;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/backgroundPresets/Gradient.d.ts

@@ -5,6 +5,6 @@ interface BackgroundGradientProps {
     toColor?: string;
     direction?: string;
 }
-export declare const BackgroundGradient: React.MemoExoticComponent<({ className, fromColor, toColor, direction }: BackgroundGradientProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const BackgroundGradient: React.MemoExoticComponent<({ className, fromColor, toColor, direction, }: BackgroundGradientProps) => import("react/jsx-runtime").JSX.Element>;
 export {};
 //# sourceMappingURL=Gradient.d.ts.map

package/dist/components/backgroundPresets/presetSystem.d.ts

@@ -6,5 +6,5 @@
  */
 export { BUILT_IN_PRESETS, PRESET_CATEGORIES, PRESET_MAP, getPresetsByCategory, getAvailableCategories, } from './presets';
 export { getEffectConfigFromPresetId, type PresetOperationResult, } from './presetUtils';
-export type { BackgroundPreset, BackgroundEffectConfig } from '../../interfaces';
+export type { BackgroundPreset, BackgroundEffectConfig, } from '../../interfaces';
 //# sourceMappingURL=presetSystem.d.ts.map

package/dist/components/shared/EmailInput/index.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+interface IEmailInputProps {
+    email: string;
+    setEmail: Dispatch<SetStateAction<string>>;
+    otpSent: boolean;
+    handleReset: (skipEmailReset?: boolean) => void;
+}
+declare const EmailInput: React.FC<IEmailInputProps>;
+export default EmailInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/shared/OTPInput/index.d.ts

@@ -0,0 +1,11 @@
+import { Dispatch, SetStateAction } from 'react';
+interface IOTPInputProps {
+    otpSent: boolean;
+    otp: string;
+    setOtp: Dispatch<SetStateAction<string>>;
+    isResendingOtp: boolean;
+    resendOTP: (onResentSuccess?: (() => void) | undefined) => void;
+}
+declare const OTPInput: React.FC<IOTPInputProps>;
+export default OTPInput;
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/StatefulButton/index.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface IStatefulButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    className?: string;
+    children: React.ReactNode;
+    isLoading?: boolean;
+    isError?: boolean;
+    loadingText?: string;
+    successText?: string;
+    errorText?: string;
+    variant?: "default" | "outline";
+    size?: "default" | "lg";
+}
+declare const StatefulButton: React.FC<IStatefulButtonProps>;
+export default StatefulButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/contentEngine/themeUtils.d.ts

@@ -66,7 +66,7 @@ export declare const generateThemeVariables: (theme: ITheme) => {
 export declare const processTheme: ({ pageTheme, blocks, pageID, }: {
     pageTheme: ITheme;
     blocks?: IBlockInstance[];
-    pageID: string;
+    pageID?: string;
 }) => {
     theme: ITheme;
     fonts: string[];

package/dist/context/ModalManager.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface IModalConfig {
+    redirect_uri?: string;
+    oAuthTitle?: string;
+}
+interface IMMInterface {
+    availableModals: string[];
+    openModals: {
+        key: string | null;
+        config?: IModalConfig;
+    };
+    openModal: (key: string, config?: IModalConfig) => void;
+    closeModal: () => void;
+}
+declare const MMProvider: React.FC<{
+    children: React.ReactNode;
+    siteName?: string | null;
+}>;
+export default MMProvider;
+export declare const useModalManager: () => IMMInterface;
+//# sourceMappingURL=ModalManager.d.ts.map

package/dist/core/AccessManager/index.d.ts

@@ -0,0 +1,7 @@
+import { IPageExpanded } from '../../interfaces';
+declare const AccessManager: React.FC<{
+    page: IPageExpanded;
+    children: React.ReactNode;
+}>;
+export default AccessManager;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Container.d.ts

@@ -1,6 +1,7 @@
 import { BaseElementProps } from '../components/withBlockProps';
 interface BaseContainerProps extends BaseElementProps, Omit<React.HTMLAttributes<HTMLDivElement>, "content"> {
 }
+export declare const BaseContainer: import('react').ForwardRefExoticComponent<BaseContainerProps & import('react').RefAttributes<HTMLDivElement>>;
 export declare const Container: import('../components/withBlockProps').WithBlockPropsComponent<BaseContainerProps & import('react').RefAttributes<HTMLDivElement>>;
 export default Container;
 //# sourceMappingURL=Container.d.ts.map

package/dist/elements/UserMenu.d.ts

@@ -0,0 +1,8 @@
+import { BaseElementProps } from '../components/withBlockProps';
+import * as React from "react";
+export interface BaseUserMenuProps extends React.HTMLAttributes<HTMLDivElement>, Omit<BaseElementProps, "content"> {
+}
+export declare const BaseUserMenu: React.FC<BaseUserMenuProps>;
+export declare const UserMenu: import('../components/withBlockProps').WithBlockPropsComponent<BaseUserMenuProps>;
+export default UserMenu;
+//# sourceMappingURL=UserMenu.d.ts.map

package/dist/elements/accordion/index.d.ts

@@ -1,6 +1,6 @@
+import { Accordion as AccordionPrimitive } from 'radix-ui';
 import { BaseElementProps } from '../../components/withBlockProps';
 import * as React from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
 type TypeAccordionComponentProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Root>;
 interface BaseAccordionRootProps extends BaseElementProps, Omit<TypeAccordionComponentProps, "content"> {
 }

package/dist/elements/dialog/index.d.ts

@@ -0,0 +1,16 @@
+import { Dialog as DialogPrimitive } from 'radix-ui';
+import * as React from "react";
+declare function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts

@@ -13,4 +13,5 @@ export * from './accordion';
 export * from './popover';
 export * from './Link';
 export * from './Form';
+export * from './UserMenu';
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/popover/index.d.ts

@@ -1,5 +1,5 @@
+import { Popover as PopoverPrimitive } from 'radix-ui';
 import { BaseElementProps } from '../../components/withBlockProps';
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React from "react";
 declare const PopoverRoot: React.FC<PopoverPrimitive.PopoverProps>;
 type TypePopoverTriggerComponentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Trigger>;

package/dist/hooks/useLogin.d.ts

@@ -0,0 +1,29 @@
+import { ILevoMembership, LevoError } from '@levo-so/core';
+export declare const useLogin: () => {
+    isLoading: boolean;
+    isSendingOtp: boolean;
+    resendOTP: (onResentSuccess?: () => void, onResentError?: (error: LevoError) => void) => void;
+    isVerifying: boolean;
+    isResendingOtp: boolean;
+    otpSent: boolean;
+    setOtpSent: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    otpResent: boolean;
+    setOtpResent: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    email: string;
+    setEmail: import('react').Dispatch<import('react').SetStateAction<string>>;
+    otp: string;
+    setOtp: import('react').Dispatch<import('react').SetStateAction<string>>;
+    isLoggedIn: boolean;
+    sendOTP: (onOTPSentSuccess?: () => void, onOTPSentError?: (error: LevoError) => void) => void;
+    verifyOTP: (config?: {
+        onLoginSuccess?: (account: ILevoMembership.Account | null) => void;
+        onLoginError?: (error: LevoError) => void;
+    }) => void;
+    handleReset: (skipEmailReset?: boolean) => void;
+    refetchLoginStatus: (onRefetchSuccess?: (user: ILevoMembership.Account) => void) => void;
+    signOut: (onSignOutSuccess?: () => void, onSignOutError?: (error: LevoError) => void) => void;
+    lastError: LevoError | null;
+    isAuthLoading: boolean;
+    clearError: () => void;
+};
+//# sourceMappingURL=useLogin.d.ts.map