@levo-so/studio 0.1.99 → 0.1.101

package/{Tooltip-9zds9Zoi.js → Tooltip-BOq5vSOW.js}

@@ -1,4 +1,5 @@
-import { i as e, r as t } from "./getFieldValidations-j341NV59.js";
+import { n as e } from "./getFieldValidations-DZnDgNI0.js";
+import { p as t } from "./Input-Btdc1Dee.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { c as i } from "react/compiler-runtime";
 import a from "clsx";

package/{VerifyButton-faa0wOES.js → VerifyButton-Bl2QqMpB.js}

@@ -1,6 +1,7 @@
 "use client";
-import { i as e, n as t } from "./getFieldValidations-j341NV59.js";
-import { t as n } from "./CollectionInput-57OEuaRO.js";
+import { n as e } from "./getFieldValidations-DZnDgNI0.js";
+import { f as t } from "./Input-Btdc1Dee.js";
+import { t as n } from "./CollectionInput-cmJ0RXzG.js";
 import { useEffect as r, useState as i } from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { errorToast as c, successToast as l, useLevo as u } from "@levo-so/react";
@@ -21,7 +22,7 @@ var _ = "_1k4xirc1", v = (e) => {
 		className: i,
 		...r
 	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, y = "qkytrb0", b = "qkytrb1", x = "qkytrb2", S = "qkytrb3", C = "qkytrb4", w = "qkytrb5", T = "qkytrb6", E = "ch8h0x0", D = "ch8h0x1", O = "ch8h0x2", k = "ch8h0x3", A = "ch8h0x5", j = (e) => {
+}, y = "_6o7s4x0", b = "qkytrb0", x = "qkytrb1", S = "qkytrb2", C = "qkytrb3", w = "qkytrb4", T = "qkytrb5", E = "qkytrb6", D = "ch8h0x0", O = "ch8h0x1", k = "ch8h0x2", A = "ch8h0x3", j = "ch8h0x5", M = (e) => {
 	let t = d(4), n;
 	t[0] === e ? n = t[1] : ({...n} = e, t[0] = e, t[1] = n);
 	let r;
@@ -29,7 +30,7 @@ var _ = "_1k4xirc1", v = (e) => {
 		"data-slot": "dialog",
 		...n
 	}), t[2] = n, t[3] = r), r;
-}, M = (t) => {
+}, N = (t) => {
 	let n = d(5), r;
 	n[0] === t ? r = n[1] : ({...r} = t, n[0] = t, n[1] = r);
 	let { portalRef: i } = e(), a;
@@ -37,36 +38,22 @@ var _ = "_1k4xirc1", v = (e) => {
 		container: i,
 		...r
 	}), n[2] = i, n[3] = r, n[4] = a) : a = n[4], a;
-}, N = (e) => {
+}, P = (e) => {
 	let t = d(8), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
 	let i;
-	t[3] === n ? i = t[4] : (i = f(D, n), t[3] = n, t[4] = i);
+	t[3] === n ? i = t[4] : (i = f(O, n), t[3] = n, t[4] = i);
 	let a;
 	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Viewport, {
 		"data-slot": "dialog-viewport",
 		className: i,
 		...r
 	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
-}, P = (e) => {
-	let n = d(10), r, i, a;
-	n[0] === e ? (r = n[1], i = n[2], a = n[3]) : ({variant: a, size: i, ...r} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a);
-	let s;
-	n[4] !== i || n[5] !== a ? (s = /* @__PURE__ */ o(t, {
-		variant: a,
-		size: i
-	}), n[4] = i, n[5] = a, n[6] = s) : s = n[6];
-	let c;
-	return n[7] !== r || n[8] !== s ? (c = /* @__PURE__ */ o(g.Close, {
-		"data-slot": "dialog-close",
-		render: s,
-		...r
-	}), n[7] = r, n[8] = s, n[9] = c) : c = n[9], c;
 }, F = (e) => {
 	let t = d(8), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
 	let i;
-	t[3] === n ? i = t[4] : (i = f(E, n), t[3] = n, t[4] = i);
+	t[3] === n ? i = t[4] : (i = f(D, n), t[3] = n, t[4] = i);
 	let a;
 	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Backdrop, {
 		"data-slot": "dialog-backdrop",
@@ -77,7 +64,7 @@ var _ = "_1k4xirc1", v = (e) => {
 	let n = d(14), r, i, a, c;
 	n[0] === e ? (r = n[1], i = n[2], a = n[3], c = n[4]) : ({className: i, children: r, showCloseButton: c, ...a} = e, n[0] = e, n[1] = r, n[2] = i, n[3] = a, n[4] = c);
 	let l = c === void 0 ? !0 : c, u;
-	n[5] === i ? u = n[6] : (u = f(O, i), n[5] = i, n[6] = u);
+	n[5] === i ? u = n[6] : (u = f(k, i), n[5] = i, n[6] = u);
 	let p;
 	n[7] === l ? p = n[8] : (p = l && /* @__PURE__ */ o(g.Close, {
 		"data-slot": "dialog-close",
@@ -100,7 +87,7 @@ var _ = "_1k4xirc1", v = (e) => {
 	let t = d(8), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
 	let i;
-	t[3] === n ? i = t[4] : (i = f(k, n), t[3] = n, t[4] = i);
+	t[3] === n ? i = t[4] : (i = f(A, n), t[3] = n, t[4] = i);
 	let a;
 	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o("div", {
 		"data-slot": "dialog-header",
@@ -111,7 +98,7 @@ var _ = "_1k4xirc1", v = (e) => {
 	let t = d(8), n, r;
 	t[0] === e ? (n = t[1], r = t[2]) : ({className: n, ...r} = e, t[0] = e, t[1] = n, t[2] = r);
 	let i;
-	t[3] === n ? i = t[4] : (i = f(A, n), t[3] = n, t[4] = i);
+	t[3] === n ? i = t[4] : (i = f(j, n), t[3] = n, t[4] = i);
 	let a;
 	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Title, {
 		"data-slot": "dialog-title",
@@ -124,108 +111,111 @@ var _ = "_1k4xirc1", v = (e) => {
 	let c = a === void 0 ? !0 : a, l;
 	t[5] === Symbol.for("react.memo_cache_sentinel") ? (l = /* @__PURE__ */ o(F, {}), t[5] = l) : l = t[5];
 	let u;
-	return t[6] !== n || t[7] !== r || t[8] !== i || t[9] !== c ? (u = /* @__PURE__ */ s(M, { children: [l, /* @__PURE__ */ o(N, { children: /* @__PURE__ */ o(I, {
+	return t[6] !== n || t[7] !== r || t[8] !== i || t[9] !== c ? (u = /* @__PURE__ */ s(N, { children: [l, /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(I, {
 		className: r,
 		showCloseButton: c,
 		...i,
 		children: n
 	}) })] }), t[6] = n, t[7] = r, t[8] = i, t[9] = c, t[10] = u) : u = t[10], u;
 }, B = ({ isOpen: e, onClose: a, value: d, type: f = "email", onVerifySuccess: p }) => {
-	let { membership: m } = u(), [h, g] = i(""), [_, v] = i(!1), [E, D] = i(!1), [O, k] = i(30);
+	let { membership: m } = u(), [h, g] = i(""), [_, v] = i(!1), [D, O] = i(!1), [k, A] = i(30);
 	return r(() => {
 		let t;
-		return e && O > 0 && (t = setInterval(() => {
-			k((e) => e - 1);
+		return e && k > 0 && (t = setInterval(() => {
+			A((e) => e - 1);
 		}, 1e3)), () => clearInterval(t);
-	}, [e, O]), r(() => {
-		e && (g(""), k(30), v(!1), D(!1));
-	}, [e]), /* @__PURE__ */ o(j, {
+	}, [e, k]), r(() => {
+		e && (g(""), A(30), v(!1), O(!1));
+	}, [e]), /* @__PURE__ */ o(M, {
 		open: e,
 		onOpenChange: (e) => {
 			e || a();
 		},
-		children: /* @__PURE__ */ s(z, { children: [/* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(R, { children: `Verify ${f === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ s("div", {
+		children: /* @__PURE__ */ s(z, {
 			className: y,
-			children: [
-				/* @__PURE__ */ s("div", {
-					className: b,
-					children: [
-						"Enter the 4-digit code sent to ",
-						/* @__PURE__ */ o("strong", { children: d }),
-						".",
-						" ",
-						/* @__PURE__ */ o("button", {
-							onClick: () => a(),
-							className: x,
-							children: "Change?"
+			children: [/* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(R, { children: `Verify ${f === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ s("div", {
+				className: b,
+				children: [
+					/* @__PURE__ */ s("div", {
+						className: x,
+						children: [
+							"Enter the 4-digit code sent to ",
+							/* @__PURE__ */ o("strong", { children: d }),
+							".",
+							" ",
+							/* @__PURE__ */ o("button", {
+								onClick: () => a(),
+								className: S,
+								children: "Change?"
+							})
+						]
+					}),
+					/* @__PURE__ */ o("div", {
+						className: C,
+						children: /* @__PURE__ */ o(n, {
+							value: h,
+							onChange: (e) => {
+								g(e.target.value.replace(/\D/g, "").slice(0, 4));
+							},
+							placeholder: "0000",
+							maxLength: 4,
+							className: T
 						})
-					]
-				}),
-				/* @__PURE__ */ o("div", {
-					className: S,
-					children: /* @__PURE__ */ o(n, {
-						value: h,
-						onChange: (e) => {
-							g(e.target.value.replace(/\D/g, "").slice(0, 4));
-						},
-						placeholder: "0000",
-						maxLength: 4,
-						className: w
-					})
-				}),
-				/* @__PURE__ */ s("div", {
-					className: C,
-					children: [/* @__PURE__ */ o(t, {
-						onClick: async () => {
-							if (!(!h || h.length !== 4)) {
-								v(!0);
-								try {
-									await m?.signInWithOtp({
-										content: d,
-										code: h
-									}), l("Verification successful"), p(d), a();
-								} catch (e) {
-									let t = e;
-									c(t?.message || "Invalid OTP", t?.title || "Verification Failed");
-								} finally {
-									v(!1);
-								}
-							}
-						},
-						disabled: h.length !== 4 || _,
-						className: "w-full",
-						children: _ ? "Verifying..." : "Verify"
-					}), /* @__PURE__ */ o("div", {
-						className: T,
-						children: O > 0 ? /* @__PURE__ */ s("span", { children: [
-							"Resend code in ",
-							O,
-							"s"
-						] }) : /* @__PURE__ */ o("button", {
+					}),
+					/* @__PURE__ */ s("div", {
+						className: w,
+						children: [/* @__PURE__ */ o(t, {
 							onClick: async () => {
-								if (!(O > 0)) {
-									D(!0);
+								if (!(!h || h.length !== 4)) {
+									v(!0);
 									try {
-										await m?.requestOtp({
+										await m?.signInWithOtp({
 											content: d,
-											medium: f === "phone" ? "whatsapp" : "email"
-										}), l("OTP resent successfully"), k(30);
+											code: h
+										}), l("Verification successful"), p(d), a();
 									} catch (e) {
 										let t = e;
-										c(t?.message || "Failed to resend OTP", t?.title || "Error");
+										c(t?.message || "Invalid OTP", t?.title || "Verification Failed");
 									} finally {
-										D(!1);
+										v(!1);
 									}
 								}
 							},
-							disabled: E,
-							className: x,
-							children: E ? "Resending..." : "Resend Code"
-						})
-					})]
-				})
-			]
-		})] })
+							disabled: h.length !== 4 || _,
+							className: "w-full",
+							children: _ ? "Verifying..." : "Verify"
+						}), /* @__PURE__ */ o("div", {
+							className: E,
+							children: k > 0 ? /* @__PURE__ */ s("span", { children: [
+								"Resend code in ",
+								k,
+								"s"
+							] }) : /* @__PURE__ */ o("button", {
+								onClick: async () => {
+									if (!(k > 0)) {
+										O(!0);
+										try {
+											await m?.requestOtp({
+												content: d,
+												medium: f === "phone" ? "whatsapp" : "email"
+											}), l("OTP resent successfully"), A(30);
+										} catch (e) {
+											let t = e;
+											c(t?.message || "Failed to resend OTP", t?.title || "Error");
+										} finally {
+											O(!1);
+										}
+									}
+								},
+								disabled: D,
+								className: S,
+								children: D ? "Resending..." : "Resend Code"
+							})
+						})]
+					})
+				]
+			})]
+		})
 	});
 }, V = "jfrbe10", H = "jfrbe11", U = "jfrbe12", W = ({ value: e, type: n, isVerified: r, onVerifySuccess: l, onStateChange: d }) => {
 	let { membership: f } = u(), [m, h] = i(!1), [g, _] = i(!1), y = (e) => {
@@ -280,4 +270,4 @@ var _ = "_1k4xirc1", v = (e) => {
 	})] });
 };
 //#endregion
-export { P as a, R as i, L as n, j as o, z as r, v as s, W as t };
+export { M as a, R as i, L as n, y as o, z as r, v as s, W as t };

package/{bookingCard-OUT621LL.js → bookingCard-D3ZSjq-P.js}

@@ -1,8 +1,8 @@
 "use client";
 import { n as e } from "./AuthProvider-56TywIOB.js";
-import { t } from "./Button-BN9tHQ7U.js";
-import { n, t as r } from "./StripePaymentModal-DC-ySB_o.js";
-import { BillingStep as ee } from "./BillingStep-CD-nP5Zg.js";
+import { t } from "./Button-XTKnNIl9.js";
+import { n, t as r } from "./StripePaymentModal-BHIBBvRj.js";
+import { BillingStep as ee } from "./BillingStep-Brc1Mzo3.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/collection.d.ts

@@ -312,6 +312,25 @@ export declare interface ILevoFormThemeContext {
 
 export declare const isPhoneValid: (phone: string) => boolean;
 
+declare interface IThemeProviderProps extends Omit<default_2.ComponentPropsWithoutRef<"div">, "className"> {
+    children: default_2.ReactNode;
+    /** Apply CSS reset. Only applies at root level, ignored when nested. */
+    cssReset?: boolean;
+    /** Theme class name(s). */
+    className?: string;
+    /**
+     * When true, portals target the ThemeProvider's own wrapper div instead of a
+     * dedicated div on document.body. Use for shadow DOM / scoped embeds where
+     * document.body is unreachable — the wrapper already sits inside the themed
+     * tree, so no class or style sync is needed.
+     */
+    portalToThemeRoot?: boolean;
+}
+
+declare interface IThemeWrapperProps extends IThemeProviderProps {
+    variant?: FormVariantType;
+}
+
 export declare type IWidgetRegistry = Record<(typeof CommonFieldInterfacesList)[number], WidgetComponent>;
 
 declare const Label: React.FC<React.ComponentProps<"label">>;
@@ -327,13 +346,7 @@ export declare const setFormErrors: (errors: IFieldError[], setError: UseFormSet
 
 export declare const submitDataParser: (data: Record<string, unknown>, schema: ILemaCollection) => any;
 
-export declare const ThemeWrapper: default_2.FC<{
-    children: default_2.ReactNode;
-    className?: string;
-    style?: default_2.CSSProperties;
-    cssReset?: boolean;
-    variant?: FormVariantType;
-}>;
+export declare const ThemeWrapper: default_2.FC<IThemeWrapperProps>;
 
 export declare const updateFieldWInterface: (tempField: ILemaField, field_interface: (typeof FieldInterfacesList)[number]) => {
     field: {

package/collection.js

@@ -1,9 +1,9 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, u as d } from "./dist-IAADcuph.js";
-import { t as f } from "./getFieldValidations-j341NV59.js";
-import { a as p, c as m, d as h, f as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./widgets-BHUjv2OM.js";
-import { a as T, c as E, i as D, l as O, n as k, o as A, r as j, s as M, t as N } from "./CollectionField-BpRjsPIl.js";
-import { t as P } from "./utils-C_ATWxPM.js";
-import { t as F } from "./CollectionInput-57OEuaRO.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, u as d } from "./dist-DuTd566a.js";
+import { t as f } from "./getFieldValidations-DZnDgNI0.js";
+import { a as p, c as m, d as h, f as g, i as _, l as v, n as y, o as b, r as x, s as S, t as C, u as w } from "./widgets-CWDiqXm9.js";
+import { t as T } from "./utils-kDaDLLGt.js";
+import { a as E, c as D, i as O, l as k, m as A, o as j, r as M, s as N, u as P } from "./Input-Btdc1Dee.js";
+import { t as F } from "./CollectionInput-cmJ0RXzG.js";
 //#region ../../libraries/react-collection/dist/types/formVariant.js
 var I = [
 	{
@@ -28,4 +28,4 @@ var I = [
 	}
 ];
 //#endregion
-export { c as AsyncSelectPaginate, N as CollectionFieldWrapper, N as FieldWrapper, t as CollectionForm, l as CollectionFormBuilder, o as CollectionFormRenderer, F as CollectionInput, F as Input, O as CollectionLabel, r as DEFAULT_WIDGET_REGISTRY, T as Field, M as FieldContent, A as FieldDescription, k as FieldError, E as FieldGroup, j as FieldLabel, n as FieldRenderer, D as FieldSet, i as FormBuilder, I as FormVariantOptions, s as LevoFormProvider, d as ThemeWrapper, g as areAllFieldsHidden, C as createWidget, _ as errorsToParam, b as getDefaultFieldValues, h as getDefaultValuesByKind, f as getFieldValidations, m as getInitialValues, P as getKindFromMimetype, w as getValueIfNotUndefined, v as isPhoneValid, y as setFormErrors, x as submitDataParser, S as updateFieldWInterface, e as useLevoForm, u as useLevoFormContext, a as useLevoFormTheme, p as validateForm };
+export { c as AsyncSelectPaginate, M as CollectionFieldWrapper, M as FieldWrapper, t as CollectionForm, l as CollectionFormBuilder, o as CollectionFormRenderer, F as CollectionInput, F as Input, A as CollectionLabel, r as DEFAULT_WIDGET_REGISTRY, N as Field, k as FieldContent, D as FieldDescription, O as FieldError, P as FieldGroup, E as FieldLabel, n as FieldRenderer, j as FieldSet, i as FormBuilder, I as FormVariantOptions, s as LevoFormProvider, d as ThemeWrapper, g as areAllFieldsHidden, C as createWidget, _ as errorsToParam, b as getDefaultFieldValues, h as getDefaultValuesByKind, f as getFieldValidations, m as getInitialValues, T as getKindFromMimetype, w as getValueIfNotUndefined, v as isPhoneValid, y as setFormErrors, x as submitDataParser, S as updateFieldWInterface, e as useLevoForm, u as useLevoFormContext, a as useLevoFormTheme, p as validateForm };