@levo-so/site-runtime 0.3.7 → 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-CA1GtEZJ.js → VerifyButton-BUT70lgz.js}

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