@levo-so/studio 0.1.83 → 0.1.85

package/dist/{BillingStep-DifEK8oa.js → BillingStep-BXqAkFFY.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./Button-Ct2fjM5v.js";
+import { t as e } from "./Button-C8Q7VDMX.js";
 import { useState as t } from "react";
 import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/bookingCard/BillingStep.tsx

package/dist/{Button-Ct2fjM5v.js → Button-C8Q7VDMX.js}

@@ -10,6 +10,8 @@ import * as _ from "motion/react-m";
 import { BiLoaderAlt as v } from "react-icons/bi";
 //#region src/providers/BlockContext.tsx
 var y = r({
+	isBuilder: !1,
+	renderMode: "live",
 	workspace_id: "",
 	pageSource: []
 }), b = ({ children: e, value: t }) => {
@@ -23,7 +25,8 @@ var y = r({
 		blockData: t.blockData,
 		pageContext: t.pageContext,
 		blockContext: t.blockContext,
-		isBuilder: t.isBuilder,
+		isBuilder: t.renderMode?.startsWith("studio.") ?? !1,
+		renderMode: t.renderMode,
 		workspace_id: t.workspace_id,
 		pageSource: t.pageSource
 	}), [
@@ -32,7 +35,7 @@ var y = r({
 		t.blockData,
 		t.pageContext,
 		t.blockContext,
-		t.isBuilder,
+		t.renderMode,
 		t.workspace_id,
 		t.pageSource
 	]);
@@ -911,16 +914,26 @@ var y = r({
 	if (s(() => {
 		if (!r) return;
 		let e = c.current;
-		if (!e) return;
+		if (!e || !(e instanceof Element)) return;
 		let { from: t, to: n, offset: i } = r, a = {}, o = Array.from(new Set([...Object.keys(t), ...Object.keys(n)]));
 		for (let e of o) {
 			let r = t[e] ?? n[e], i = n[e] ?? t[e];
 			r !== i && typeof r == "number" && typeof i == "number" && (a[e] = [r, i]);
 		}
-		if (Object.keys(a).length !== 0) return f(d(e, a, { ease: "linear" }), {
-			target: e,
-			offset: [i.start, i.end]
-		});
+		if (Object.keys(a).length === 0) return;
+		let s = d(e, a, { ease: "linear" });
+		try {
+			return f(s, {
+				target: e,
+				offset: [i.start, i.end]
+			});
+		} catch (e) {
+			console.error("[AnimatedBlock] Failed to initialise scroll-linked animation", {
+				error: e,
+				offset: i
+			});
+			return;
+		}
 	}, [r]), r) {
 		let i = {};
 		for (let [e, t] of Object.entries(r.from)) t !== void 0 && (i[e] = t);
@@ -956,46 +969,46 @@ var y = r({
 	});
 }, z = (e) => {
 	let t = _.create(e), n = ({ elementKey: n, children: r, ...i }) => {
-		let { parsedBlockData: a } = x(), { config: o, styles: s, content: l, id: u } = a || {}, d = o ? D(o, n) : void 0, f = N(i, n, d, s ? D(s, n) : void 0, l ? D(l, n) : void 0, M(n, u || "", d)), p = d?.animation, h = c(() => p?.scroll ? {
+		let { parsedBlockData: a, renderMode: o } = x(), { config: s, styles: l, content: u, id: d } = a || {}, f = s ? D(s, n) : void 0, p = N(i, n, f, l ? D(l, n) : void 0, u ? D(u, n) : void 0, M(n, d || "", f)), h = f?.animation, g = c(() => h?.scroll ? {
 			from: {
 				...C,
-				...p.scroll.from
+				...h.scroll.from
 			},
 			to: {
 				...S,
-				...p.scroll.to
+				...h.scroll.to
 			},
-			offset: p.scroll.offset ?? {
+			offset: h.scroll.offset ?? {
 				start: "start end",
 				end: "end center"
 			}
-		} : void 0, [p?.scroll]), g = c(() => p?.entry ? {
+		} : void 0, [h?.scroll]), _ = c(() => h?.entry ? {
 			from: {
 				...C,
-				...p.entry.from
+				...h.entry.from
 			},
 			to: {
 				...S,
-				...p.entry.to
+				...h.entry.to
 			},
-			transition: p.entry.transition,
-			viewport: p.entry.viewport
-		} : void 0, [p?.entry]);
-		return !a || d?.enabled === !1 ? null : p && Object.keys(p).length > 0 ? /* @__PURE__ */ m(I, {
-			config: d || {},
+			transition: h.entry.transition,
+			viewport: h.entry.viewport
+		} : void 0, [h?.entry]);
+		return !a || f?.enabled === !1 ? null : h && Object.keys(h).length > 0 && o !== "studio.block" ? /* @__PURE__ */ m(I, {
+			config: f || {},
 			children: /* @__PURE__ */ m(R, {
 				MotionComponent: t,
-				motionProps: f,
-				scroll: h,
-				entry: g,
-				whileHover: p.whileHover,
-				exit: p.exit,
+				motionProps: p,
+				scroll: g,
+				entry: _,
+				whileHover: h.whileHover,
+				exit: h.exit,
 				children: r
 			})
 		}) : /* @__PURE__ */ m(I, {
-			config: d || {},
+			config: f || {},
 			children: /* @__PURE__ */ m(e, {
-				...f,
+				...p,
 				children: r
 			})
 		});

package/dist/{bookingCard-BSYtboqu.js → bookingCard-CgPQ7Kgp.js}

@@ -1,8 +1,8 @@
 "use client";
 import { n as e } from "./AuthProvider-Ch5Ny0il.js";
-import { t } from "./Button-Ct2fjM5v.js";
+import { t } from "./Button-C8Q7VDMX.js";
 import { n, t as r } from "./StripePaymentModal-Kk0GUsIU.js";
-import { BillingStep as ee } from "./BillingStep-DifEK8oa.js";
+import { BillingStep as ee } from "./BillingStep-BXqAkFFY.js";
 import { useRef as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { cn as te, errorHandler as l, useLevo as u } from "@levo-so/react";

package/dist/index.d.ts

@@ -257,22 +257,29 @@ declare type BlockChildren = ReactNode;
 
 export declare type BlockComponent = ComponentType<ILevoBlockBaseProps<any>> | LazyExoticComponent<ComponentType<ILevoBlockBaseProps<any>>>;
 
-declare type BlockContextType = {
-    parsedBlockData?: IBlockInstance;
+/** Full context value exposed via useBlockContext — includes derived fields */
+declare type BlockContextType = BlockProviderInput & {
     setParsedBlockData?: React.Dispatch<React.SetStateAction<IBlockInstance | undefined>>;
+    /** @deprecated Use `renderMode` for precise context checks. Derived from `renderMode` for backwards compatibility. */
+    isBuilder: boolean;
+};
+
+export declare const BlockProvider: React.FC<{
+    children: React.ReactNode;
+    value: BlockProviderInput;
+}>;
+
+/** Input props for BlockProvider — what LevoBlock passes in */
+declare type BlockProviderInput = {
+    parsedBlockData?: IBlockInstance;
     blockData?: IBlockInstance;
     pageContext?: IPageContext;
     blockContext?: IBlockContext;
-    isBuilder?: boolean;
+    renderMode: IRenderMode;
     workspace_id: string;
     pageSource: IPage["source"];
 };
 
-export declare const BlockProvider: React.FC<{
-    children: React.ReactNode;
-    value: BlockContextType;
-}>;
-
 export declare const BlockSourceModuleList: readonly ["collection", "event", "blog", "community", "context", "form"];
 
 export declare class BlocksRegistry {
@@ -1249,13 +1256,13 @@ export declare type ILevoPageData = Pick<IPageExpanded, "id" | "workspace_id" |
 export declare interface ILevoPageProps {
     pageData: ILevoPageData;
     parsedPageData: ILevoPageData;
-    isBuilder?: boolean;
+    renderMode?: IRenderMode;
     context?: IPageDataContext;
     blocks: Record<string, BlockComponent>;
     workspace: IWorkspace;
     site: ISite;
     authOverride?: IAuthOverride | null;
-    /** Wrap page content in a Suspense boundary (needed for React.lazy blocks). Auto-enabled when isBuilder is true. */
+    /** Wrap page content in a Suspense boundary (needed for React.lazy blocks). Auto-enabled in studio modes. */
     enableSuspense?: boolean;
 }
 
@@ -1503,6 +1510,17 @@ declare interface IPostsRestrictionOverlayProps {
 
 declare type IPreviewDevice = "desktop" | "tablet" | "mobile";
 
+/**
+ * Controls rendering behavior across live sites, studio page preview, and studio block preview.
+ *
+ * - `"live"` — live site, no restrictions
+ * - `"studio.page"` — page preview in the editor (disables links, insights, fixed navbars)
+ * - `"studio.block"` — block preview in the add-block panel (same as studio.page + no animations)
+ *
+ * Use `renderMode?.startsWith("studio.")` to check for any studio context (replaces old `isBuilder`).
+ */
+export declare type IRenderMode = "live" | "studio.page" | "studio.block";
+
 /**
  * Type guard to check if a method is alternate (OAuth)
  */
@@ -1900,11 +1918,11 @@ export declare const KindList: readonly ["element", "group"];
  */
 export declare const LazyMotionProvider: React.FC<ILazyMotionProviderProps>;
 
-export declare const LevoBlock: default_2.MemoExoticComponent<({ html_id, isBuilder, blocks, parsedBlockData, blockData, pageContext, blockContext, workspace_id, pageSource, }: LevoBlockProps) => JSX.Element>;
+export declare const LevoBlock: default_2.MemoExoticComponent<({ html_id, renderMode, blocks, parsedBlockData, blockData, pageContext, blockContext, workspace_id, pageSource, }: LevoBlockProps) => JSX.Element>;
 
 declare interface LevoBlockProps {
     html_id?: string;
-    isBuilder?: boolean;
+    renderMode?: IRenderMode;
     blocks: Record<string, BlockComponent>;
     parsedBlockData: IBlockInstance;
     workspace_id: string;