@levo-so/site-runtime 0.3.1 → 0.3.8

package/ThemeProvider-DutrjSTF.js

@@ -0,0 +1,116 @@
+import { c as e } from "react/compiler-runtime";
+import t from "clsx";
+import { jsx as n } from "react/jsx-runtime";
+import { createRuntimeFn as r } from "@vanilla-extract/recipes/createRuntimeFn";
+import { createContext as i, useContext as a, useEffect as o, useMemo as s, useRef as c } from "react";
+//#region ../../libraries/levocn/dist/ui/button/Button.cssm.js
+var l = r({
+	defaultClassName: "_1a7d0ek1 _1a7d0ek0",
+	variantClassNames: {
+		variant: {
+			default: "_1a7d0ek2",
+			outline: "_1a7d0ek3",
+			secondary: "_1a7d0ek4",
+			ghost: "_1a7d0ek5",
+			destructive: "_1a7d0ek6",
+			link: "_1a7d0ek7"
+		},
+		size: {
+			default: "_1a7d0ek8",
+			xs: "_1a7d0ek9",
+			sm: "_1a7d0eka",
+			lg: "_1a7d0ekb",
+			icon: "_1a7d0ekc",
+			"icon-xs": "_1a7d0ekd",
+			"icon-sm": "_1a7d0eke",
+			"icon-lg": "_1a7d0ekf"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	},
+	compoundVariants: []
+}), u = (r) => {
+	let i = e(14), a, o, s, c, u;
+	i[0] === r ? (a = i[1], o = i[2], s = i[3], c = i[4], u = i[5]) : ({className: a, variant: u, size: s, type: c, ...o} = r, i[0] = r, i[1] = a, i[2] = o, i[3] = s, i[4] = c, i[5] = u);
+	let d = c === void 0 ? "button" : c, f;
+	i[6] !== a || i[7] !== s || i[8] !== u ? (f = t(l({
+		variant: u,
+		size: s
+	}), a), i[6] = a, i[7] = s, i[8] = u, i[9] = f) : f = i[9];
+	let p;
+	return i[10] !== o || i[11] !== f || i[12] !== d ? (p = /* @__PURE__ */ n("button", {
+		"data-slot": "button",
+		type: d,
+		className: f,
+		...o
+	}), i[10] = o, i[11] = f, i[12] = d, i[13] = p) : p = i[13], p;
+}, d = "_1er5g5a0", f = /* @__PURE__ */ new Set(), p = {}, m = i(null), h = () => {
+	let t = e(1), n = a(m);
+	if (!n) {
+		let e;
+		return t[0] === Symbol.for("react.memo_cache_sentinel") ? (e = {
+			portalRef: { current: null },
+			classes: f,
+			overrides: p
+		}, t[0] = e) : e = t[0], e;
+	}
+	return n;
+}, g = ({ children: e, cssReset: r, className: i, style: l, portalToThemeRoot: u, ...h }) => {
+	let g = a(m), _ = c(null), v = !g && r !== !1 ? d : "", y = g?.classes ?? f, b = g?.overrides ?? p, x = s(() => {
+		let e = i ? i.split(/\s+/).filter(Boolean) : [], t = new Set(y);
+		for (let n of e) t.add(n);
+		return {
+			portalRef: _,
+			classes: t,
+			overrides: {
+				...b,
+				...l
+			}
+		};
+	}, [
+		y,
+		i,
+		b,
+		l
+	]);
+	o(() => {
+		if (u) return;
+		let e = document.createElement("div");
+		return document.body.appendChild(e), _.current = e, () => {
+			document.body.removeChild(e), _.current = null;
+		};
+	}, [u]), o(() => {
+		if (u) return;
+		let e = _.current;
+		if (!e) return;
+		e.className = t(v, ...x.classes), e.style.cssText = "";
+		let n = {
+			display: "contents",
+			...x.overrides
+		};
+		for (let [t, r] of Object.entries(n)) r != null && e.style.setProperty(t, String(r));
+	}, [
+		x.classes,
+		x.overrides,
+		v,
+		u
+	]);
+	let S = t(v, ...i ? i.split(/\s+/).filter((e) => e && !y.has(e)) : []);
+	return /* @__PURE__ */ n(m.Provider, {
+		value: x,
+		children: /* @__PURE__ */ n("div", {
+			...u ? { ref: _ } : {},
+			...S ? { className: S } : {},
+			style: {
+				display: "contents",
+				...l
+			},
+			...h,
+			children: e
+		})
+	});
+};
+//#endregion
+export { l as i, g as n, u as r, h as t };

package/{Tooltip-BIgrpetu.js → Tooltip-CQB0LyxK.js}

@@ -1,55 +1,55 @@
-import { i as e, t } from "./ThemeProvider-BQmIB5tr.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { c as i } from "react/compiler-runtime";
-import a from "clsx";
+import { i as e, t } from "./ThemeProvider-DutrjSTF.js";
+import { c as n } from "react/compiler-runtime";
+import r from "clsx";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { Tooltip as o } from "@base-ui/react/tooltip";
 //#region ../../libraries/levocn/dist/ui/tooltip/Tooltip.cssm.js
 var s = "_3zwjqd0", c = "_3zwjqd1", l = "_3zwjqd2", u = (e) => {
-	let t = i(6), r, a;
+	let t = n(6), r, a;
 	t[0] === e ? (r = t[1], a = t[2]) : ({delay: a, ...r} = e, t[0] = e, t[1] = r, t[2] = a);
 	let s = a === void 0 ? 0 : a, c;
-	return t[3] !== s || t[4] !== r ? (c = /* @__PURE__ */ n(o.Provider, {
+	return t[3] !== s || t[4] !== r ? (c = /* @__PURE__ */ i(o.Provider, {
 		"data-slot": "tooltip-provider",
 		delay: s,
 		...r
 	}), t[3] = s, t[4] = r, t[5] = c) : c = t[5], c;
 }, d = (e) => {
-	let t = i(4), r;
+	let t = n(4), r;
 	t[0] === e ? r = t[1] : ({...r} = e, t[0] = e, t[1] = r);
 	let a;
-	return t[2] === r ? a = t[3] : (a = /* @__PURE__ */ n(o.Root, {
+	return t[2] === r ? a = t[3] : (a = /* @__PURE__ */ i(o.Root, {
 		"data-slot": "tooltip",
 		...r
 	}), t[2] = r, t[3] = a), a;
 }, f = (t) => {
-	let r = i(12), s, c, l, u;
-	r[0] === t ? (s = r[1], c = r[2], l = r[3], u = r[4]) : ({className: s, variant: u, size: l, ...c} = t, r[0] = t, r[1] = s, r[2] = c, r[3] = l, r[4] = u);
+	let a = n(12), s, c, l, u;
+	a[0] === t ? (s = a[1], c = a[2], l = a[3], u = a[4]) : ({className: s, variant: u, size: l, ...c} = t, a[0] = t, a[1] = s, a[2] = c, a[3] = l, a[4] = u);
 	let d;
-	r[5] !== s || r[6] !== l || r[7] !== u ? (d = a(e({
+	a[5] !== s || a[6] !== l || a[7] !== u ? (d = r(e({
 		variant: u,
 		size: l
-	}), s), r[5] = s, r[6] = l, r[7] = u, r[8] = d) : d = r[8];
+	}), s), a[5] = s, a[6] = l, a[7] = u, a[8] = d) : d = a[8];
 	let f;
-	return r[9] !== c || r[10] !== d ? (f = /* @__PURE__ */ n(o.Trigger, {
+	return a[9] !== c || a[10] !== d ? (f = /* @__PURE__ */ i(o.Trigger, {
 		className: d,
 		...c
-	}), r[9] = c, r[10] = d, r[11] = f) : f = r[11], f;
+	}), a[9] = c, a[10] = d, a[11] = f) : f = a[11], f;
 }, p = (e) => {
-	let u = i(24), d, f, p, m, h, g, _;
+	let u = n(24), d, f, p, m, h, g, _;
 	u[0] === e ? (d = u[1], f = u[2], p = u[3], m = u[4], h = u[5], g = u[6], _ = u[7]) : ({className: f, side: m, sideOffset: h, align: g, alignOffset: _, children: d, ...p} = e, u[0] = e, u[1] = d, u[2] = f, u[3] = p, u[4] = m, u[5] = h, u[6] = g, u[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 } = t(), C;
-	u[8] === f ? C = u[9] : (C = a(s, f), u[8] = f, u[9] = C);
+	u[8] === f ? C = u[9] : (C = r(s, f), u[8] = f, u[9] = C);
 	let w;
-	u[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(o.Arrow, { className: c }), u[10] = w) : w = u[10];
+	u[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ i(o.Arrow, { className: c }), u[10] = w) : w = u[10];
 	let T;
-	u[11] !== d || u[12] !== p || u[13] !== C ? (T = /* @__PURE__ */ r(o.Popup, {
+	u[11] !== d || u[12] !== p || u[13] !== C ? (T = /* @__PURE__ */ a(o.Popup, {
 		"data-slot": "tooltip-content",
 		className: C,
 		...p,
 		children: [d, w]
 	}), u[11] = d, u[12] = p, u[13] = C, u[14] = T) : T = u[14];
 	let E;
-	u[15] !== b || u[16] !== x || u[17] !== v || u[18] !== y || u[19] !== T ? (E = /* @__PURE__ */ n(o.Positioner, {
+	u[15] !== b || u[16] !== x || u[17] !== v || u[18] !== y || u[19] !== T ? (E = /* @__PURE__ */ i(o.Positioner, {
 		align: b,
 		alignOffset: x,
 		side: v,
@@ -58,7 +58,7 @@ var s = "_3zwjqd0", c = "_3zwjqd1", l = "_3zwjqd2", u = (e) => {
 		children: T
 	}), u[15] = b, u[16] = x, u[17] = v, u[18] = y, u[19] = T, u[20] = E) : E = u[20];
 	let D;
-	return u[21] !== S || u[22] !== E ? (D = /* @__PURE__ */ n(o.Portal, {
+	return u[21] !== S || u[22] !== E ? (D = /* @__PURE__ */ i(o.Portal, {
 		container: S,
 		children: E
 	}), u[21] = S, u[22] = E, u[23] = D) : D = u[23], D;

package/VerifyButton-BUT70lgz.js

@@ -0,0 +1,192 @@
+"use client";
+import { r as e } from "./ThemeProvider-DutrjSTF.js";
+import { t } from "./LevoProvider-Bsjkcwc8.js";
+import { t as n } from "./CollectionInput-BJ__qcbk.js";
+import { i as r, n as i, o as a, t as o } from "./Dialog-dT7y641z.js";
+import { c as s } from "react/compiler-runtime";
+import c from "clsx";
+import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useEffect as f, useState as p } from "react";
+import { IconCircleCheck as m, IconLoader as h } from "@tabler/icons-react";
+import { toast as g } from "sonner";
+//#region ../../libraries/levocn/dist/ui/spinner/Spinner.cssm.js
+var _ = "_1k4xirc1", v = (e) => {
+	let t = s(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 = c(_, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ u(h, {
+		role: "status",
+		"aria-label": "Loading",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}, y = (e, t = "Error", n = {}) => {
+	g.error(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, b = (e, t = "Success", n = {}) => {
+	n?.id && g.dismiss(n?.id), g.success(t, {
+		description: e,
+		duration: 4e3,
+		position: "bottom-right",
+		...n
+	});
+}, x = "_6o7s4x0", S = "qkytrb0", C = "qkytrb1", w = "qkytrb2", T = "qkytrb3", E = "qkytrb4", D = "qkytrb5", O = "qkytrb6", k = ({ isOpen: s, onClose: c, value: l, type: m = "email", onVerifySuccess: h }) => {
+	let { membership: g } = t(), [_, v] = p(""), [k, A] = p(!1), [j, M] = p(!1), [N, P] = p(30);
+	return f(() => {
+		let e;
+		return s && N > 0 && (e = setInterval(() => {
+			P((e) => e - 1);
+		}, 1e3)), () => clearInterval(e);
+	}, [s, N]), f(() => {
+		s && (v(""), P(30), A(!1), M(!1));
+	}, [s]), /* @__PURE__ */ u(a, {
+		open: s,
+		onOpenChange: (e) => {
+			e || c();
+		},
+		children: /* @__PURE__ */ d(i, {
+			className: x,
+			children: [/* @__PURE__ */ u(o, { children: /* @__PURE__ */ u(r, { children: `Verify ${m === "email" ? "Email" : "Phone"}` }) }), /* @__PURE__ */ d("div", {
+				className: S,
+				children: [
+					/* @__PURE__ */ d("div", {
+						className: C,
+						children: [
+							"Enter the 4-digit code sent to ",
+							/* @__PURE__ */ u("strong", { children: l }),
+							".",
+							" ",
+							/* @__PURE__ */ u("button", {
+								onClick: () => c(),
+								className: w,
+								children: "Change?"
+							})
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: T,
+						children: /* @__PURE__ */ u(n, {
+							value: _,
+							onChange: (e) => {
+								v(e.target.value.replace(/\D/g, "").slice(0, 4));
+							},
+							placeholder: "0000",
+							maxLength: 4,
+							className: D
+						})
+					}),
+					/* @__PURE__ */ d("div", {
+						className: E,
+						children: [/* @__PURE__ */ u(e, {
+							onClick: async () => {
+								if (!(!_ || _.length !== 4)) {
+									A(!0);
+									try {
+										await g?.signInWithOtp({
+											content: l,
+											code: _
+										}), b("Verification successful"), h(l), c();
+									} catch (e) {
+										let t = e;
+										y(t?.message || "Invalid OTP", t?.title || "Verification Failed");
+									} finally {
+										A(!1);
+									}
+								}
+							},
+							disabled: _.length !== 4 || k,
+							className: "w-full",
+							children: k ? "Verifying..." : "Verify"
+						}), /* @__PURE__ */ u("div", {
+							className: O,
+							children: N > 0 ? /* @__PURE__ */ d("span", { children: [
+								"Resend code in ",
+								N,
+								"s"
+							] }) : /* @__PURE__ */ u("button", {
+								onClick: async () => {
+									if (!(N > 0)) {
+										M(!0);
+										try {
+											await g?.requestOtp({
+												content: l,
+												medium: m === "phone" ? "whatsapp" : "email"
+											}), b("OTP resent successfully"), P(30);
+										} catch (e) {
+											let t = e;
+											y(t?.message || "Failed to resend OTP", t?.title || "Error");
+										} finally {
+											M(!1);
+										}
+									}
+								},
+								disabled: j,
+								className: w,
+								children: j ? "Resending..." : "Resend Code"
+							})
+						})]
+					})
+				]
+			})]
+		})
+	});
+}, A = "jfrbe10", j = "jfrbe11", M = "jfrbe12", N = ({ value: n, type: r, isVerified: i, onVerifySuccess: a, onStateChange: o }) => {
+	let { membership: s } = t(), [c, f] = p(!1), [h, g] = p(!1), _ = (e) => {
+		o && o(e);
+	}, b = async () => {
+		let e = n?.trim()?.toLowerCase();
+		if (!e) {
+			y(`Please enter a ${r}`);
+			return;
+		}
+		if (r === "email" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e)) {
+			y("Please enter a valid email address");
+			return;
+		}
+		g(!0), _(!0);
+		try {
+			await s?.requestOtp({
+				content: e,
+				medium: r === "phone" ? "whatsapp" : "email"
+			}), f(!0);
+		} catch (e) {
+			let t = e;
+			y(t?.message || "Failed to send OTP", t?.title || "Error"), _(!1);
+		} finally {
+			g(!1);
+		}
+	}, x = () => {
+		f(!1), _(!1);
+	};
+	return i ? /* @__PURE__ */ d("div", {
+		className: A,
+		children: [/* @__PURE__ */ u(m, { className: M }), /* @__PURE__ */ u("span", {
+			className: j,
+			children: "Verified"
+		})]
+	}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(e, {
+		size: "default",
+		variant: "ghost",
+		onClick: b,
+		onMouseDown: (e) => e.preventDefault(),
+		disabled: !n || h,
+		type: "button",
+		children: h ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(v, { size: 14 }), "Sending..."] }) : "Verify"
+	}), c && /* @__PURE__ */ u(k, {
+		isOpen: c,
+		onClose: x,
+		value: n?.trim()?.toLowerCase() || "",
+		type: r,
+		onVerifySuccess: (e) => {
+			a(e), x();
+		}
+	})] });
+};
+//#endregion
+export { v as a, y as i, x as n, b as r, N as t };

package/{theme.cssm-2YTdd8Yh.js → createThemeExtension-4AUn51iJ.js}

@@ -10,6 +10,6 @@ var t = (e, n) => {
 		} else typeof o == "string" && (r[o] = String(a));
 	}
 	return r;
-}, n = (n) => (r) => r ? e(t(n, r)) : {}, r = "_1bi3v3x0";
+}, n = (n) => (r) => r ? e(t(n, r)) : {};
 //#endregion
-export { n, r as t };
+export { n as t };