@levo-so/studio 0.1.92 → 0.1.95

package/{BillingStep-o2yIMjLk.js → BillingStep-BLwl9IDQ.js}

@@ -1,5 +1,5 @@
 "use client";
-import { t as e } from "./Button-_hpg7Rxx.js";
+import { t as e } from "./Button-C6BOkG_z.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/{Button-_hpg7Rxx.js → Button-C6BOkG_z.js}

@@ -1016,36 +1016,41 @@ var y = r({
 	return n.displayName = `withBlockProps(${e.displayName || e.name || "Component"})`, a(n);
 }, B = i(({ className: e, config: t, content: n, elementKey: r, generatedClassName: i, styles: a, noElementKey: o, ...s }, c) => {
 	if (!n) return null;
-	let { kind: l, data: u } = n, d = g(e, i), f = {
+	let { kind: l, data: u } = n, d = t?.icon?.alt, f = g(e, i), p = {
 		"data-levo_element_key": o ? void 0 : r,
 		"data-levo_element_type": "Icon",
-		className: d,
+		className: f,
 		...s
-	};
+	}, h = d ? {
+		"aria-label": d,
+		role: "img"
+	} : {};
 	switch (l) {
 		case "emoji": return /* @__PURE__ */ m("p", {
 			style: {
 				width: "auto",
 				height: "auto",
-				...f.style
+				...p.style
 			},
 			ref: c,
-			...f,
+			...p,
+			...h,
 			children: u?.unicode
 		});
 		case "icon": {
 			let e = u;
 			return e?.svgCode ? /* @__PURE__ */ m("div", {
 				ref: c,
-				...f,
+				...p,
+				...h,
 				style: {
 					display: a?.display ? void 0 : "inline-block",
-					...f.style
+					...p.style
 				},
 				dangerouslySetInnerHTML: { __html: e.svgCode }
 			}) : /* @__PURE__ */ m("span", {
 				ref: c,
-				...f
+				...p
 			});
 		}
 		case "custom": return /* @__PURE__ */ m("img", {
@@ -1053,12 +1058,12 @@ var y = r({
 			src: u?.location,
 			srcSet: u?.srcset?.path,
 			decoding: "async",
-			alt: "icon",
-			...f
+			alt: d ?? "icon",
+			...p
 		});
 		default: return /* @__PURE__ */ m("span", {
 			ref: c,
-			...f
+			...p
 		});
 	}
 });

package/{bookingCard-CGV9svhn.js → bookingCard-BU_MdmS9.js}

@@ -1,8 +1,8 @@
 "use client";
 import { n as e } from "./AuthProvider-56TywIOB.js";
-import { t } from "./Button-_hpg7Rxx.js";
+import { t } from "./Button-C6BOkG_z.js";
 import { n, t as r } from "./StripePaymentModal-CajqohNM.js";
-import { BillingStep as ee } from "./BillingStep-o2yIMjLk.js";
+import { BillingStep as ee } from "./BillingStep-BLwl9IDQ.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/index.d.ts

@@ -563,6 +563,8 @@ export declare const DEFAULT_VISIBLE_STATE: AnimationProperties;
 
 export declare const DEMO_SCHEMA: ILemaCollection;
 
+export declare const DevTools: React.FC<IDevToolsProps>;
+
 export declare const EditForm: WithBlockPropsComponent<BaseElementProps & {
 className?: string;
 initialValues?: Record<string, any>;
@@ -1104,6 +1106,13 @@ declare interface ICreateForumPostProps {
     onPostCreated?: (post: IForumPost) => void;
 }
 
+export declare interface IDevToolsProps {
+    schema: IBlock;
+    component: React.ComponentType<any>;
+    theme?: ITheme;
+    defaultLayoutIndex?: number;
+}
+
 export declare type IElementStyle = Record<string, any>;
 
 export declare interface IFieldConfig {
@@ -1173,6 +1182,9 @@ export declare interface IFieldConfig {
         height?: string;
         alt?: string;
     };
+    icon?: {
+        alt?: string;
+    };
     media?: {
         autoPlay?: boolean;
         controls?: boolean;
@@ -2428,6 +2440,12 @@ export declare const sanitizeBackgroundEffectConfig: (config: BackgroundEffectCo
  */
 export declare const sanitizeElementKey: (elementKey: string) => string;
 
+/**
+ * Converts an IBlock schema definition into a mock IBlockInstance
+ * that LevoBlock can render. Uses layout defaults for content/styles/config.
+ */
+export declare const schemaToBlockInstance: (schema: IBlock, layoutIndex?: number) => IBlockInstance;
+
 declare interface Scores {
     performance: number;
     seo: number;