@levo-so/studio 0.1.95 → 0.1.98

package/Tooltip-ByJRyayB.js

@@ -0,0 +1,78 @@
+import { i as e, r as t } from "./getFieldValidations-qVzuq6mv.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { assignInlineVars as i } from "@vanilla-extract/dynamic";
+import { c as a } from "react/compiler-runtime";
+import o from "clsx";
+import { Tooltip as s } from "@base-ui/react/tooltip";
+//#region ../../libraries/levocn/dist/theme/utils/createThemeExtension.js
+var c = (e, t) => {
+	let n = {};
+	for (let r of Object.keys(t)) {
+		let i = t[r], a = e[r];
+		if (!(i === void 0 || a === void 0)) if (typeof i == "object" && i && !Array.isArray(i)) {
+			let e = c(a, i);
+			Object.assign(n, e);
+		} else typeof a == "string" && (n[a] = String(i));
+	}
+	return n;
+}, l = (e) => (t) => t ? i(c(e, t)) : {}, u = "_3zwjqd0", d = "_3zwjqd1", f = "_3zwjqd2", p = (e) => {
+	let t = a(6), r, i;
+	t[0] === e ? (r = t[1], i = t[2]) : ({delay: i, ...r} = e, t[0] = e, t[1] = r, t[2] = i);
+	let o = i === void 0 ? 0 : i, c;
+	return t[3] !== o || t[4] !== r ? (c = /* @__PURE__ */ n(s.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: o,
+		...r
+	}), t[3] = o, t[4] = r, t[5] = c) : c = t[5], c;
+}, m = (e) => {
+	let t = a(4), r;
+	t[0] === e ? r = t[1] : ({...r} = e, t[0] = e, t[1] = r);
+	let i;
+	return t[2] === r ? i = t[3] : (i = /* @__PURE__ */ n(s.Root, {
+		"data-slot": "tooltip",
+		...r
+	}), t[2] = r, t[3] = i), i;
+}, h = (e) => {
+	let r = a(12), i, c, l, u;
+	r[0] === e ? (i = r[1], c = r[2], l = r[3], u = r[4]) : ({className: i, variant: u, size: l, ...c} = e, r[0] = e, r[1] = i, r[2] = c, r[3] = l, r[4] = u);
+	let d;
+	r[5] !== i || r[6] !== l || r[7] !== u ? (d = o(t({
+		variant: u,
+		size: l
+	}), i), r[5] = i, r[6] = l, r[7] = u, r[8] = d) : d = r[8];
+	let f;
+	return r[9] !== c || r[10] !== d ? (f = /* @__PURE__ */ n(s.Trigger, {
+		className: d,
+		...c
+	}), r[9] = c, r[10] = d, r[11] = f) : f = r[11], f;
+}, g = (t) => {
+	let i = a(24), c, l, p, m, h, g, _;
+	i[0] === t ? (c = i[1], l = i[2], p = i[3], m = i[4], h = i[5], g = i[6], _ = i[7]) : ({className: l, side: m, sideOffset: h, align: g, alignOffset: _, children: c, ...p} = t, i[0] = t, i[1] = c, i[2] = l, i[3] = p, i[4] = m, i[5] = h, i[6] = g, i[7] = _);
+	let v = m === void 0 ? "top" : m, y = h === void 0 ? 8 : h, b = g === void 0 ? "center" : g, x = _ === void 0 ? 0 : _, { portalRef: S } = e(), C;
+	i[8] === l ? C = i[9] : (C = o(u, l), i[8] = l, i[9] = C);
+	let w;
+	i[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(s.Arrow, { className: d }), i[10] = w) : w = i[10];
+	let T;
+	i[11] !== c || i[12] !== p || i[13] !== C ? (T = /* @__PURE__ */ r(s.Popup, {
+		"data-slot": "tooltip-content",
+		className: C,
+		...p,
+		children: [c, w]
+	}), i[11] = c, i[12] = p, i[13] = C, i[14] = T) : T = i[14];
+	let E;
+	i[15] !== b || i[16] !== x || i[17] !== v || i[18] !== y || i[19] !== T ? (E = /* @__PURE__ */ n(s.Positioner, {
+		align: b,
+		alignOffset: x,
+		side: v,
+		sideOffset: y,
+		className: f,
+		children: T
+	}), i[15] = b, i[16] = x, i[17] = v, i[18] = y, i[19] = T, i[20] = E) : E = i[20];
+	let D;
+	return i[21] !== S || i[22] !== E ? (D = /* @__PURE__ */ n(s.Portal, {
+		container: S,
+		children: E
+	}), i[21] = S, i[22] = E, i[23] = D) : D = i[23], D;
+};
+//#endregion
+export { l as a, p as i, h as n, g as r, m as t };

package/VerifyButton-DFKzKYxC.js

@@ -0,0 +1,283 @@
+"use client";
+import { i as e, n as t } from "./getFieldValidations-qVzuq6mv.js";
+import { t as n } from "./CollectionInput-BoNAc4sq.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";
+import { c as d } from "react/compiler-runtime";
+import f from "clsx";
+import { IconCircleCheck as p, IconLoader as m, IconX as h } from "@tabler/icons-react";
+import { Dialog as g } from "@base-ui/react/dialog";
+//#region ../../libraries/levocn/dist/ui/spinner/Spinner.cssm.js
+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(_, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(m, {
+		role: "status",
+		"aria-label": "Loading",
+		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) => {
+	let t = d(4), n;
+	t[0] === e ? n = t[1] : ({...n} = e, t[0] = e, t[1] = n);
+	let r;
+	return t[2] === n ? r = t[3] : (r = /* @__PURE__ */ o(g.Root, {
+		"data-slot": "dialog",
+		...n
+	}), t[2] = n, t[3] = r), r;
+}, M = (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;
+	return n[2] !== i || n[3] !== r ? (a = /* @__PURE__ */ o(g.Portal, {
+		container: i,
+		...r
+	}), n[2] = i, n[3] = r, n[4] = a) : a = n[4], a;
+}, N = (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);
+	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);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Backdrop, {
+		"data-slot": "dialog-backdrop",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, I = (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);
+	let p;
+	n[7] === l ? p = n[8] : (p = l && /* @__PURE__ */ o(g.Close, {
+		"data-slot": "dialog-close",
+		render: /* @__PURE__ */ o(t, {
+			variant: "ghost",
+			size: "icon-sm",
+			className: "ch8h0x7",
+			"aria-label": "Close"
+		}),
+		children: /* @__PURE__ */ o(h, { size: 16 })
+	}), n[7] = l, n[8] = p);
+	let m;
+	return n[9] !== r || n[10] !== a || n[11] !== u || n[12] !== p ? (m = /* @__PURE__ */ s(g.Popup, {
+		"data-slot": "dialog-popup",
+		className: u,
+		...a,
+		children: [r, p]
+	}), n[9] = r, n[10] = a, n[11] = u, n[12] = p, n[13] = m) : m = n[13], m;
+}, L = (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);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o("div", {
+		"data-slot": "dialog-header",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, R = (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);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o(g.Title, {
+		"data-slot": "dialog-title",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, z = (e) => {
+	let t = d(11), n, r, i, a;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4]) : ({className: r, children: n, showCloseButton: a, ...i} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a);
+	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, {
+		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);
+	return r(() => {
+		let t;
+		return e && O > 0 && (t = setInterval(() => {
+			k((e) => e - 1);
+		}, 1e3)), () => clearInterval(t);
+	}, [e, O]), r(() => {
+		e && (g(""), k(30), v(!1), D(!1));
+	}, [e]), /* @__PURE__ */ o(j, {
+		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", {
+			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?"
+						})
+					]
+				}),
+				/* @__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", {
+							onClick: async () => {
+								if (!(O > 0)) {
+									D(!0);
+									try {
+										await m?.requestOtp({
+											content: d,
+											medium: f === "phone" ? "whatsapp" : "email"
+										}), l("OTP resent successfully"), k(30);
+									} catch (e) {
+										let t = e;
+										c(t?.message || "Failed to resend OTP", t?.title || "Error");
+									} finally {
+										D(!1);
+									}
+								}
+							},
+							disabled: E,
+							className: x,
+							children: E ? "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) => {
+		d && d(e);
+	}, b = async () => {
+		let t = e?.trim()?.toLowerCase();
+		if (!t) {
+			c(`Please enter a ${n}`);
+			return;
+		}
+		if (n === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(t)) {
+			c("Please enter a valid email address");
+			return;
+		}
+		_(!0), y(!0);
+		try {
+			await f?.requestOtp({
+				content: t,
+				medium: n === "phone" ? "whatsapp" : "email"
+			}), h(!0);
+		} catch (e) {
+			let t = e;
+			c(t?.message || "Failed to send OTP", t?.title || "Error"), y(!1);
+		} finally {
+			_(!1);
+		}
+	}, x = () => {
+		h(!1), y(!1);
+	};
+	return r ? /* @__PURE__ */ s("div", {
+		className: V,
+		children: [/* @__PURE__ */ o(p, { className: U }), /* @__PURE__ */ o("span", {
+			className: H,
+			children: "Verified"
+		})]
+	}) : /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(t, {
+		size: "default",
+		variant: "ghost",
+		onClick: b,
+		onMouseDown: (e) => e.preventDefault(),
+		disabled: !e || g,
+		type: "button",
+		children: g ? /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(v, { size: 14 }), "Sending..."] }) : "Verify"
+	}), m && /* @__PURE__ */ o(B, {
+		isOpen: m,
+		onClose: x,
+		value: e?.trim()?.toLowerCase() || "",
+		type: n,
+		onVerifySuccess: (e) => {
+			l(e), x();
+		}
+	})] });
+};
+//#endregion
+export { P as a, R as i, L as n, j as o, z as r, v as s, W as t };

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

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

@@ -1,5 +1,4 @@
 import { AsyncPaginateProps } from 'react-select-async-paginate';
-import { Checkbox as Checkbox_2 } from 'radix-ui';
 import { CommonFieldInterfacesList } from '@levo-so/core';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
@@ -11,11 +10,12 @@ import { ILemaCollection } from '@levo-so/core';
 import { ILemaField } from '@levo-so/core';
 import { ILemaFieldOptions } from '@levo-so/core';
 import { ILevoMembership } from '@levo-so/core';
+import { JSX } from 'react/jsx-runtime';
 import { MediaKindList } from '@levo-so/core';
-import * as React_2 from 'react';
 import { ReactElement } from 'react';
+import { RecipeVariants } from '@vanilla-extract/recipes';
 import { RegisterOptions } from 'react-hook-form';
-import { Switch as Switch_2 } from 'radix-ui';
+import { RuntimeFn } from '@vanilla-extract/recipes';
 import { UseFormReturn } from 'react-hook-form';
 import { UseFormSetError } from 'react-hook-form';
 
@@ -23,7 +23,25 @@ export declare const areAllFieldsHidden: (fields: ILemaField[]) => boolean;
 
 export declare const AsyncSelectPaginate: default_2.FC<AsyncPaginateProps<any, any, any, any>>;
 
-export declare const Checkbox: React_2.ForwardRefExoticComponent<Omit<Checkbox_2.CheckboxProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
+/**
+ * Collection-scoped field wrapper.
+ * Composes levocn Field primitives with collection theme overrides.
+ * Replaces the old FieldWrapper + FormLabel + FormHelperText + ErrorMessage.
+ */
+declare function CollectionFieldWrapper({ label, error, helperText, topHelperText, isRequired, readOnly, htmlFor, className, children, ref, }: {
+    label?: React.ReactNode;
+    error?: React.ReactNode;
+    helperText?: string;
+    topHelperText?: string;
+    isRequired?: boolean;
+    readOnly?: boolean;
+    htmlFor?: string;
+    className?: string;
+    children: React.ReactNode;
+    ref?: React.Ref<HTMLDivElement>;
+}): JSX.Element;
+export { CollectionFieldWrapper }
+export { CollectionFieldWrapper as FieldWrapper }
 
 export declare const CollectionForm: default_2.FC<ICollectionFormProps>;
 
@@ -31,16 +49,44 @@ export declare const CollectionFormBuilder: default_2.FC<ICollectionFormBuilderP
 
 export declare const CollectionFormRenderer: default_2.FC<ICollectionFormRendererProps>;
 
+/**
+ * Collection-scoped input.
+ * Plain input when no icons, InputGroup composition when icons are present.
+ * Sizing (height, fontSize, borderRadius) comes from collectionThemeVars.
+ */
+declare function CollectionInput({ leftIcon, rightIcon, className, ...props }: ICollectionInputProps): JSX.Element;
+export { CollectionInput }
+export { CollectionInput as Input }
+
+/** Styled label with optional required indicator. Replaces duplicated Label + asterisk pattern. */
+export declare function CollectionLabel({ label, isRequired, htmlFor, }: {
+    label?: React.ReactNode;
+    isRequired?: boolean;
+    htmlFor?: string;
+}): JSX.Element | null;
+
 export declare const createWidget: (component: WidgetComponent) => WidgetComponent;
 
 export declare const DEFAULT_WIDGET_REGISTRY: IWidgetRegistry;
 
-export declare const ErrorMessage: default_2.FC<{
-    children: default_2.ReactNode;
-}>;
-
 export declare const errorsToParam: (data: Record<string, string[]>) => ParamError[];
 
+export declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & FieldVariants): JSX.Element;
+
+export declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): JSX.Element;
+
+export declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
+    errors?: Array<{
+        message?: string;
+    } | undefined>;
+}): JSX.Element | null;
+
+export declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): JSX.Element;
+
+export declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): JSX.Element;
+
 export declare const FieldRenderer: default_2.FC<{
     schema: ILemaCollection | null;
     field: ILemaField;
@@ -50,18 +96,28 @@ export declare const FieldRenderer: default_2.FC<{
     };
 }>;
 
-/**
- * @description This component is used to wrap the input components and display the error message and helper text.
- */
-export declare const FieldWrapper: default_2.ForwardRefExoticComponent<IFieldWrapperProps & default_2.RefAttributes<HTMLDivElement>>;
+export declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): JSX.Element;
 
-export declare const FormBuilder: default_2.FC<IFormBuilderProps>;
+declare type FieldVariants = NonNullable<RecipeVariants<typeof fieldVariants>>;
 
-export declare const FormHelperText: default_2.FC<{
-    children: default_2.ReactNode;
+declare const fieldVariants: RuntimeFn<    {
+orientation: {
+vertical: {
+flexDirection: "column";
+};
+horizontal: {
+flexDirection: "row";
+alignItems: "center";
+selectors: {
+"&:has(>[data-slot=field-content])": {
+alignItems: "start";
+};
+};
+};
+};
 }>;
 
-export declare const FormLabel: default_2.FC<IFormLabelProps>;
+export declare const FormBuilder: default_2.FC<IFormBuilderProps>;
 
 declare type FormValidationOptionsType = Partial<Pick<RegisterOptions, "required" | "min" | "max" | "minLength" | "maxLength" | "pattern" | "validate">>;
 
@@ -138,6 +194,11 @@ export declare interface ICollectionFormRendererProps extends Omit<ILevoFormCont
     isLoading?: boolean;
 }
 
+export declare interface ICollectionInputProps extends React.ComponentProps<"input"> {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+}
+
 declare interface ICommonRendererProps {
     schema: ILemaCollection | null;
     field: ILemaField;
@@ -157,28 +218,10 @@ export declare interface IFieldControlProps {
     inputContainerStyles?: string;
 }
 
-declare interface IFieldWrapperProps {
-    error?: default_2.ReactNode;
-    helperText?: string;
-    topHelperText?: string;
-    children: default_2.ReactNode;
-    readOnly?: boolean;
-    isRequired?: boolean;
-    containerStyles?: string;
-    labelStyles?: string;
-    label?: default_2.ReactNode;
-    htmlFor?: string;
-}
-
 export declare interface IFormBuilderProps extends ILevoFormContext {
     formVariant?: FormVariantType;
 }
 
-declare interface IFormLabelProps extends default_2.LabelHTMLAttributes<HTMLLabelElement> {
-    isRequired?: boolean;
-    children?: default_2.ReactNode;
-}
-
 export declare interface IFormRendererProps extends ILevoFormContext {
     children: default_2.ReactNode;
     variant?: FormVariantType;
@@ -205,14 +248,6 @@ export declare interface IFormVariantProps {
     };
 }
 
-declare interface IInputProps extends default_2.ComponentPropsWithRef<"input"> {
-    leftIcon?: default_2.ReactNode;
-    rightIcon?: default_2.ReactNode;
-    leftIconBoxStyles?: string;
-    rightIconBoxStyles?: string;
-    containerStyles?: string;
-}
-
 export declare interface ILevoFormContext {
     schema: ILemaCollection | null;
     isDisabled?: boolean;
@@ -265,6 +300,8 @@ export declare interface ILevoFormContext {
         };
     };
     debug?: boolean;
+    /** When true, the form is in preview mode — no remote submission, no drafts, no captcha, no analytics. */
+    preview?: boolean;
 }
 
 export declare interface ILevoFormThemeContext {
@@ -273,12 +310,12 @@ export declare interface ILevoFormThemeContext {
     cssReset?: boolean;
 }
 
-export declare const Input: default_2.ForwardRefExoticComponent<Omit<IInputProps, "ref"> & default_2.RefAttributes<HTMLInputElement>>;
-
 export declare const isPhoneValid: (phone: string) => boolean;
 
 export declare type IWidgetRegistry = Record<(typeof CommonFieldInterfacesList)[number], WidgetComponent>;
 
+declare const Label: React.FC<React.ComponentProps<"label">>;
+
 export declare const LevoFormProvider: default_2.FC<IFormRendererProps>;
 
 declare type ParamError = {
@@ -290,8 +327,6 @@ export declare const setFormErrors: (errors: IFieldError[], setError: UseFormSet
 
 export declare const submitDataParser: (data: Record<string, unknown>, schema: ILemaCollection) => any;
 
-export declare const Switch: React_2.ForwardRefExoticComponent<Omit<Switch_2.SwitchProps & React_2.RefAttributes<HTMLButtonElement>, "ref"> & React_2.RefAttributes<HTMLButtonElement>>;
-
 export declare const ThemeWrapper: default_2.FC<{
     children: default_2.ReactNode;
     className?: string;

package/collection.js

@@ -1,8 +1,11 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, u as g, v as _, y as v } from "./dist-DDKHTnIW.js";
-import { a as y, c as b, d as x, f as S, i as C, l as w, n as T, o as E, p as D, r as O, s as k, t as A, u as j } from "./widgets-B84lq4lO.js";
-import { t as M } from "./utils-KqbqLlMF.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-B7TPxn7o.js";
+import { t as f } from "./getFieldValidations-qVzuq6mv.js";
+import { a as p, c as m, i as h, l as g, n as _, o as v, r as y, s as b, t as x } from "./CollectionField-DnbpB0Z5.js";
+import { a as S, c as C, d as w, f as T, i as E, l as D, n as O, o as k, r as A, s as j, t as M, u as N } from "./widgets-Dvyv5_uj.js";
+import { t as P } from "./utils-F6eBcsyI.js";
+import { t as F } from "./CollectionInput-BoNAc4sq.js";
 //#region ../../libraries/react-collection/dist/types/formVariant.js
-var N = [
+var I = [
 	{
 		value: "default",
 		label: "Classic",
@@ -25,4 +28,4 @@ var N = [
 	}
 ];
 //#endregion
-export { u as AsyncSelectPaginate, p as Checkbox, r as CollectionForm, m as CollectionFormBuilder, d as CollectionFormRenderer, g as DEFAULT_WIDGET_REGISTRY, _ as ErrorMessage, l as FieldRenderer, s as FieldWrapper, c as FormBuilder, o as FormHelperText, e as FormLabel, N as FormVariantOptions, a as Input, h as LevoFormProvider, i as Switch, v as ThemeWrapper, D as areAllFieldsHidden, A as createWidget, y as errorsToParam, k as getDefaultFieldValues, S as getDefaultValuesByKind, O as getFieldValidations, w as getInitialValues, M as getKindFromMimetype, x as getValueIfNotUndefined, j as isPhoneValid, T as setFormErrors, C as submitDataParser, b as updateFieldWInterface, t as useLevoForm, f as useLevoFormContext, n as useLevoFormTheme, E as validateForm };
+export { c as AsyncSelectPaginate, x as CollectionFieldWrapper, x as FieldWrapper, t as CollectionForm, l as CollectionFormBuilder, o as CollectionFormRenderer, F as CollectionInput, F as Input, g as CollectionLabel, r as DEFAULT_WIDGET_REGISTRY, p as Field, b as FieldContent, v as FieldDescription, _ as FieldError, m as FieldGroup, y as FieldLabel, n as FieldRenderer, h as FieldSet, i as FormBuilder, I as FormVariantOptions, s as LevoFormProvider, d as ThemeWrapper, T as areAllFieldsHidden, M as createWidget, E as errorsToParam, k as getDefaultFieldValues, w as getDefaultValuesByKind, f as getFieldValidations, C as getInitialValues, P as getKindFromMimetype, N as getValueIfNotUndefined, D as isPhoneValid, O as setFormErrors, A as submitDataParser, j as updateFieldWInterface, e as useLevoForm, u as useLevoFormContext, a as useLevoFormTheme, S as validateForm };