@levo-so/studio 0.1.101 → 0.1.102

package/{DateTimeWidget-B5lBr0_R.js → DateTimeWidget-BHCP5osb.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./getFieldValidations-DZnDgNI0.js";
-import { f as t, r as n } from "./Input-Btdc1Dee.js";
-import { t as ee } from "./CollectionInput-cmJ0RXzG.js";
-import { a as r, i, n as a, r as o, t as s } from "./Popover-BdKCElnb.js";
+import { t, u as n } from "./CollectionField-7uXvhxYK.js";
+import { t as ee } from "./CollectionInput-lHOvWWav.js";
+import { a as r, i, n as a, r as o, t as s } from "./Popover-Du4iigVw.js";
 import { useEffect as te, useRef as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { FieldInterfaces as f } from "@levo-so/core";
@@ -118,11 +118,11 @@ var ie = "rpx4b10", ae = "rpx4b11", oe = "rpx4b12", se = "rpx4b14 _6o7s4x0", ce
 	c[11] !== k || c[12] !== O ? (A = Pe(O), Ke = Fe(A, k), c[11] = k, c[12] = O, c[13] = A, c[14] = Ke) : (A = c[13], Ke = c[14]);
 	let qe = Ke, j, M, N, P, F, I, L, R, z, B, V, H, U, W, G, Je, K, q, Ye, Xe, Ze, Qe, $e, et, tt, nt, J, Y, rt, X, it, at, ot, st, ct, Z, lt, ut, dt, ft, pt, Q, mt;
 	if (c[15] !== qe || c[16] !== k || c[17] !== Ge || c[18] !== Ne || c[19] !== ze || c[20] !== We || c[21] !== Me || c[22] !== S || c[23] !== w || c[24] !== T || c[25] !== Le || c[26] !== E || c[27] !== D || c[28] !== A || c[29] !== O) {
-		let e = g(), t;
-		c[73] !== k || c[74] !== T || c[75] !== A ? (t = (e) => {
+		let e = g(), n;
+		c[73] !== k || c[74] !== T || c[75] !== A ? (n = (e) => {
 			e && (k && A && e.setHours(A.getHours(), A.getMinutes(), 0, 0), T(e.toISOString()), k || Be(!1));
-		}, c[73] = k, c[74] = T, c[75] = A, c[76] = t) : t = c[76];
-		let te = t, l;
+		}, c[73] = k, c[74] = T, c[75] = A, c[76] = n) : n = c[76];
+		let te = n, l;
 		c[77] === T ? l = c[78] : (l = (e) => {
 			T(e.toISOString());
 		}, c[77] = T, c[78] = l), L = l;
@@ -131,7 +131,7 @@ var ie = "rpx4b10", ae = "rpx4b11", oe = "rpx4b12", se = "rpx4b14 _6o7s4x0", ce
 			e.preventDefault(), e.stopPropagation(), T(null);
 		}, c[79] = T, c[80] = d);
 		let f = d;
-		I = n, lt = Ne, ut = Le, dt = Ge, ft = S, pt = We, Q = Me, F = a, st = ze, ct = Be;
+		I = t, lt = Ne, ut = Le, dt = Ge, ft = S, pt = We, Q = Me, F = a, st = ze, ct = Be;
 		let p;
 		c[81] === Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ u(re, { size: 18 }), c[81] = p) : p = c[81];
 		let m;
@@ -210,7 +210,7 @@ var ie = "rpx4b10", ae = "rpx4b11", oe = "rpx4b12", se = "rpx4b14 _6o7s4x0", ce
 	let bt;
 	c[132] === Symbol.for("react.memo_cache_sentinel") ? (bt = /* @__PURE__ */ u("div", {
 		className: le,
-		children: /* @__PURE__ */ u(t, {
+		children: /* @__PURE__ */ u(n, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => Be(!1),

package/Dots-BrEPvoj3.js

@@ -0,0 +1,100 @@
+"use client";
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "motion/react-m";
+//#region src/components/backgroundPresets/Dots.tsx
+var i = 200, a = e.memo(({ className: a, dotColor: o, dotSize: s, spacing: c, isAnimated: l = !1, speed: u }) => {
+	let d = o ?? "#00ff00", f = Math.max(Number(s) || 2, .1), p = Math.max(Number(c) || 30, 1), m = Math.max(Number(u) || 1, .01), h = `dots-${e.useId().replace(/:/g, "")}`, g = e.useMemo(() => l ? Array.from({ length: i }, (e, t) => {
+		let n = Math.abs(Math.sin(t * 12.9898) * 43758.5453) % 1, r = Math.abs(Math.sin(t * 39.346) * 43758.5453) % 1, i = Math.abs(Math.sin(t * 71.123) * 43758.5453) % 1, a = 2 + Math.abs(Math.sin(t * 15.987) * 43758.5453) % 1 * 4;
+		return {
+			id: t,
+			x: n * 100,
+			y: r * 100,
+			delay: i * 3,
+			amp: a
+		};
+	}) : [], [l]);
+	return /* @__PURE__ */ t("div", {
+		className: a,
+		style: {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			overflow: "hidden",
+			zIndex: -1
+		},
+		children: /* @__PURE__ */ n("svg", {
+			style: {
+				pointerEvents: "none",
+				position: "absolute",
+				inset: 0,
+				height: "100%",
+				width: "100%"
+			},
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ t("title", { children: "Dots" }),
+				/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("pattern", {
+					id: h,
+					x: "0",
+					y: "0",
+					width: p,
+					height: p,
+					patternUnits: "userSpaceOnUse",
+					children: /* @__PURE__ */ t("circle", {
+						cx: p / 2,
+						cy: p / 2,
+						r: f,
+						fill: d
+					})
+				}) }),
+				/* @__PURE__ */ t("rect", {
+					width: "100%",
+					height: "100%",
+					fill: `url(#${h})`
+				}),
+				l ? g.map((e) => /* @__PURE__ */ t(r.circle, {
+					r: f,
+					fill: d,
+					initial: {
+						cx: `${e.x}%`,
+						cy: `${e.y}%`,
+						opacity: .3
+					},
+					animate: {
+						opacity: [
+							.3,
+							.9,
+							.3
+						],
+						cx: [
+							`${e.x}%`,
+							`${e.x + e.amp}%`,
+							`${e.x - e.amp}%`,
+							`${e.x}%`
+						],
+						cy: [
+							`${e.y}%`,
+							`${e.y - e.amp}%`,
+							`${e.y + e.amp}%`,
+							`${e.y}%`
+						]
+					},
+					transition: {
+						duration: Math.max(.1, 8 / m),
+						repeat: Infinity,
+						ease: "easeInOut",
+						delay: e.delay
+					}
+				}, e.id)) : null
+			]
+		})
+	});
+}, (e, t) => e.className === t.className && e.dotColor === t.dotColor && e.dotSize === t.dotSize && e.spacing === t.spacing && e.isAnimated === t.isAnimated && e.speed === t.speed);
+a.displayName = "BackgroundDots";
+//#endregion
+export { a as BackgroundDots };

package/{EntryCard-DTcx6wfA.js → EntryCard-CqZlbw1Z.js}

@@ -1,8 +1,8 @@
 "use client";
-import { r as e } from "./dist-DuTd566a.js";
-import { n as t } from "./AuthProvider-56TywIOB.js";
-import { t as n } from "./card-BQr9258p.js";
-import { t as r } from "./MessageFooter-AzAtJWMo.js";
+import { n as e } from "./AuthProvider-56TywIOB.js";
+import { r as t } from "./dist-x5VFEnQl.js";
+import { t as n } from "./card-BwNr7kQS.js";
+import { t as r } from "./MessageFooter-CATwNJJU.js";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {
 	header: "_header_emo7t_1",
@@ -10,7 +10,7 @@ var o = {
 	subtitle: "_subtitle_emo7t_15",
 	formContainer: "_formContainer_emo7t_21"
 }, s = ({ logo: s, siteName: c, workspaceId: l, options: u, onSuccess: d }) => {
-	let { account: f } = t();
+	let { account: f } = e();
 	return /* @__PURE__ */ a(n, {
 		logo: s,
 		siteName: c,
@@ -29,7 +29,7 @@ var o = {
 			/* @__PURE__ */ i(r, {}),
 			f && /* @__PURE__ */ i("div", {
 				className: o.formContainer,
-				children: /* @__PURE__ */ i(e, {
+				children: /* @__PURE__ */ i(t, {
 					collection_id: u?.collection || "",
 					workspace_id: l,
 					uiConfig: {

package/Grid-B4XWU9eL.js

@@ -0,0 +1,99 @@
+"use client";
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/backgroundPresets/Grid.tsx
+var r = e.memo(({ spacing: e, lineWidth: r, lineColor: i, patternId: a }) => /* @__PURE__ */ n("svg", {
+	style: {
+		pointerEvents: "none",
+		position: "absolute",
+		inset: 0,
+		height: "100%",
+		width: "100%"
+	},
+	xmlns: "http://www.w3.org/2000/svg",
+	children: [
+		/* @__PURE__ */ t("title", { children: "Grid Lines" }),
+		/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("pattern", {
+			id: a,
+			x: "0",
+			y: "0",
+			width: e,
+			height: e,
+			patternUnits: "userSpaceOnUse",
+			children: /* @__PURE__ */ t("path", {
+				d: `M ${e} 0 L 0 0 0 ${e}`,
+				fill: "none",
+				stroke: i,
+				strokeWidth: r
+			})
+		}) }),
+		/* @__PURE__ */ t("rect", {
+			width: "100%",
+			height: "100%",
+			fill: `url(#${a})`
+		})
+	]
+}));
+r.displayName = "BackgroundGrid.Svg";
+var i = e.memo(({ className: i, lineColor: a, lineWidth: o, spacing: s, isInteractive: c = !1, hoverColor: l = "#93c5fd", hoverRadius: u = 180 }) => {
+	let d = a ?? "#333333", f = Math.max(o ?? 1, .1), p = Math.max(s ?? 50, 1), m = e.useRef(null), h = `grid-${e.useId().replace(/:/g, "")}`, g = e.useRef(null), _ = e.useRef({
+		x: 0,
+		y: 0
+	}), v = e.useCallback((e) => {
+		let t = m.current;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		_.current.x = e.clientX - n.left, _.current.y = e.clientY - n.top, g.current ??= requestAnimationFrame(() => {
+			g.current = null;
+			let { x: e, y: n } = _.current;
+			t.style.setProperty("--mx", `${e}px`), t.style.setProperty("--my", `${n}px`), t.style.setProperty("--mo", "1");
+		});
+	}, []), y = e.useCallback(() => {
+		let e = m.current;
+		e && e.style.setProperty("--mo", "0");
+	}, []);
+	return e.useEffect(() => () => {
+		g.current != null && cancelAnimationFrame(g.current);
+	}, []), /* @__PURE__ */ n("div", {
+		ref: m,
+		className: i,
+		onPointerMove: c ? v : void 0,
+		onPointerLeave: c ? y : void 0,
+		style: {
+			position: "absolute",
+			inset: 0,
+			overflow: "hidden",
+			zIndex: -1,
+			...c ? {
+				"--mx": "-9999px",
+				"--my": "-9999px",
+				"--mo": "0"
+			} : {}
+		},
+		children: [/* @__PURE__ */ t(r, {
+			spacing: p,
+			lineWidth: f,
+			lineColor: d,
+			patternId: h
+		}), c ? /* @__PURE__ */ t("div", {
+			style: {
+				position: "absolute",
+				inset: 0,
+				pointerEvents: "none",
+				opacity: "var(--mo, 0)",
+				transition: "opacity 200ms ease-out",
+				WebkitMaskImage: `radial-gradient(circle ${u}px at var(--mx) var(--my), #000 0%, transparent 70%)`,
+				maskImage: `radial-gradient(circle ${u}px at var(--mx) var(--my), #000 0%, transparent 70%)`
+			},
+			children: /* @__PURE__ */ t(r, {
+				spacing: p,
+				lineWidth: f,
+				lineColor: l,
+				patternId: `${h}-hover`
+			})
+		}) : null]
+	});
+});
+i.displayName = "BackgroundGrid";
+//#endregion
+export { i as BackgroundGrid };

package/{LoginCard-CnHmCKUF.js → LoginCard-DWLnYJJU.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./LoginForm-Ck-xFaDg.js";
-import { t } from "./card-BQr9258p.js";
+import { t as e } from "./LoginForm-CEUbBeE3.js";
+import { t } from "./card-BwNr7kQS.js";
 import { Suspense as n, lazy as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {
@@ -8,7 +8,7 @@ var s = {
 	title: "_title_s7k8g_7",
 	subtitle: "_subtitle_s7k8g_14",
 	formWrapper: "_formWrapper_s7k8g_20"
-}, c = r(() => import("./PendingApprovalCard-C6ORDqrY.js")), l = ({ logo: r, siteName: l, page: u }) => {
+}, c = r(() => import("./PendingApprovalCard-BowwZMBu.js")), l = ({ logo: r, siteName: l, page: u }) => {
 	let [d, f] = i(!1), [p, m] = i(!1), h = u.access?.find((e) => e.kind === "gating" && e.enabled)?.options;
 	return p ? /* @__PURE__ */ a(n, {
 		fallback: /* @__PURE__ */ a("div", {}),

package/{LoginForm-Ck-xFaDg.js → LoginForm-CEUbBeE3.js}

@@ -1,5 +1,6 @@
 "use client";
-import { ALTERNATE_METHOD_VALUES as e, isPendingApprovalError as t, useLogin as n } from "./index.js";
+import { t as e } from "./useLogin-D2VCOHYI.js";
+import { c as t, t as n } from "./authentication-fXmNYss1.js";
 import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { getLevoError as u } from "@levo-so/core";
@@ -250,11 +251,11 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			children: "×"
 		})]
 	})
-}), V = ({ onMagicLinkSent: e, onPendingApproval: i }) => {
-	let { sendMagicLink: a } = n(), [s, d] = o(!1), [f, p] = o(null);
+}), V = ({ onMagicLinkSent: n, onPendingApproval: i }) => {
+	let { sendMagicLink: a } = e(), [s, d] = o(!1), [f, p] = o(null);
 	r(() => {
-		e?.(s);
-	}, [s, e]);
+		n?.(s);
+	}, [s, n]);
 	let m = v({
 		initialValues: { email: "" },
 		validationSchema: M,
@@ -361,8 +362,8 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			})
 		]
 	}) : null;
-}, W = ({ onPendingApproval: e }) => {
-	let { sendOTP: r, verifyOTP: i, resendOTP: a } = n(), [s, d] = o(!1), [f, p] = o(null), [m, h] = o(!1), g = v({
+}, W = ({ onPendingApproval: n }) => {
+	let { sendOTP: r, verifyOTP: i, resendOTP: a } = e(), [s, d] = o(!1), [f, p] = o(null), [m, h] = o(!1), g = v({
 		initialValues: {
 			email: "",
 			otp: ""
@@ -370,13 +371,13 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 		validationSchema: s ? k : O,
 		validateOnChange: !1,
 		validateOnBlur: !1,
-		onSubmit: async (n, { setSubmitting: a, setFieldError: o }) => {
+		onSubmit: async (e, { setSubmitting: a, setFieldError: o }) => {
 			try {
-				p(null), s ? await i(n.email, n.otp) : (await r({ email: n.email }), d(!0));
-			} catch (n) {
-				let r = u(n);
+				p(null), s ? await i(e.email, e.otp) : (await r({ email: e.email }), d(!0));
+			} catch (e) {
+				let r = u(e);
 				if (t(r.code)) {
-					e?.();
+					n?.();
 					return;
 				}
 				r.hasFieldErrors ? r.fieldErrors.forEach((e) => {
@@ -592,8 +593,8 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			children: "Edit"
 		})]
 	})] });
-}, q = ({ onPendingApproval: e }) => {
-	let { sendOTP: r, verifyOTP: i, resendOTP: a } = n(), [s, d] = o(!1), [f, p] = o(null), [m, h] = o(!1), g = v({
+}, q = ({ onPendingApproval: n }) => {
+	let { sendOTP: r, verifyOTP: i, resendOTP: a } = e(), [s, d] = o(!1), [f, p] = o(null), [m, h] = o(!1), g = v({
 		initialValues: {
 			phone: "",
 			otp: ""
@@ -601,16 +602,16 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 		validationSchema: s ? j : A,
 		validateOnChange: !1,
 		validateOnBlur: !1,
-		onSubmit: async (n, { setSubmitting: a, setFieldError: o }) => {
+		onSubmit: async (e, { setSubmitting: a, setFieldError: o }) => {
 			try {
-				p(null), s ? await i(n.phone, n.otp) : (await r({
-					phone: n.phone,
+				p(null), s ? await i(e.phone, e.otp) : (await r({
+					phone: e.phone,
 					medium: "whatsapp"
 				}), d(!0));
-			} catch (n) {
-				let r = u(n);
+			} catch (e) {
+				let r = u(e);
 				if (t(r.code)) {
-					e?.();
+					n?.();
 					return;
 				}
 				r.hasFieldErrors ? r.fieldErrors.forEach((e) => {
@@ -738,7 +739,7 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 			},
 			onError: (e) => {
 				let t = u(e);
-				a?.error("OAuth login failed", t.message), r && r(t);
+				a?.error("OAuth login failed", { exception: t }), r && r(t);
 			},
 			children: i?.map((e) => /* @__PURE__ */ c(Y, { method: e }, e))
 		})
@@ -760,7 +761,7 @@ var T = _.string().required("Email is required").email("Please enter a valid ema
 		/* @__PURE__ */ c("div", { className: z.dividerLine })
 	]
 })] }), Q = ({ className: r, oAuthTitle: a = "Studio", page: o, magicLinkSent: s, setMagicLinkSent: u, oAuthMethods: d, onPendingApproval: p }) => {
-	let { refetchLoginStatus: m } = n(), h = i(() => o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.primary_method || "otp", [o?.access]), g = i(() => d || o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.methods?.filter((t) => e.includes(t)) || [], [o?.access, d]);
+	let { refetchLoginStatus: m } = e(), h = i(() => o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.primary_method || "otp", [o?.access]), g = i(() => d || o?.access?.[0]?.kind === "authentication" && o?.access?.[0]?.options?.methods?.filter((e) => n.includes(e)) || [], [o?.access, d]);
 	return /* @__PURE__ */ l("div", {
 		className: `${z.container} ${r || ""}`,
 		children: [g.length > 0 && !s && /* @__PURE__ */ c(Z, {

package/{LoginModal-BdYM8INu.js → LoginModal-AWNLO49X.js}

@@ -1,8 +1,8 @@
 "use client";
 import { n as e } from "./AuthProvider-56TywIOB.js";
-import { n as t } from "./ModalManager-SggxCIno.js";
-import { a as n, n as r, o as i, r as a, t as o } from "./dialog-Dw6n_36P.js";
-import { t as s } from "./LoginForm-Ck-xFaDg.js";
+import { n as t } from "./ModalManager-DQXhkmyC.js";
+import { a as n, n as r, o as i, r as a, t as o } from "./dialog-CCWrvmHd.js";
+import { t as s } from "./LoginForm-CEUbBeE3.js";
 import { useEffect as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 var d = {

package/{MessageCard-ChDBqLVG.js → MessageCard-C5ULcfuw.js}

@@ -1,6 +1,6 @@
 "use client";
-import { t as e } from "./card-BQr9258p.js";
-import { t } from "./MessageFooter-AzAtJWMo.js";
+import { t as e } from "./card-BwNr7kQS.js";
+import { t } from "./MessageFooter-CATwNJJU.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/accessCard/MessageCard.tsx
 var i = ({ logo: i, siteName: a, options: o, message: s }) => /* @__PURE__ */ r(e, {

package/{MessageFooter-AzAtJWMo.js → MessageFooter-CATwNJJU.js}

@@ -1,6 +1,6 @@
 "use client";
 import { n as e } from "./AuthProvider-56TywIOB.js";
-import { useLogin as t } from "./index.js";
+import { t } from "./useLogin-D2VCOHYI.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import i from "libphonenumber-js";
 var a = {

package/{ModalManager-SggxCIno.js → ModalManager-DQXhkmyC.js}

@@ -2,7 +2,7 @@
 import { Suspense as e, createContext as t, lazy as n, useCallback as r, useContext as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/context/ModalManager.tsx
-var c = n(() => import("./LoginModal-BdYM8INu.js")), l = t({
+var c = n(() => import("./LoginModal-AWNLO49X.js")), l = t({
 	availableModals: ["login"],
 	openModals: { key: null },
 	openModal: () => ({}),

package/{PendingApprovalCard-C6ORDqrY.js → PendingApprovalCard-BowwZMBu.js}

@@ -1,7 +1,7 @@
 "use client";
-import { r as e } from "./dist-DuTd566a.js";
-import { t } from "./card-BQr9258p.js";
-import { t as n } from "./MessageFooter-AzAtJWMo.js";
+import { r as e } from "./dist-x5VFEnQl.js";
+import { t } from "./card-BwNr7kQS.js";
+import { t as n } from "./MessageFooter-CATwNJJU.js";
 import { useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 var s = {

package/{PhoneWidget-BRIAve47.js → PhoneWidget-C6uZmrk8.js}

@@ -1,8 +1,8 @@
 "use client";
 import { t as e } from "./getFieldValidations-DZnDgNI0.js";
-import { r as t } from "./Input-Btdc1Dee.js";
-import { t as n } from "./VerifyButton-Bl2QqMpB.js";
-import { t as r } from "./CollectionInput-cmJ0RXzG.js";
+import { t } from "./CollectionField-7uXvhxYK.js";
+import { t as n } from "./VerifyButton-D21AOIX3.js";
+import { t as r } from "./CollectionInput-lHOvWWav.js";
 import { useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { c as s } from "react/compiler-runtime";

package/{Popover-BdKCElnb.js → Popover-Du4iigVw.js}

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

package/RichTextWidget-iYdVRBGB.js

@@ -0,0 +1,112 @@
+"use client";
+import { i as e, r as t, t as ee } from "./Toolbar-BHi_B-nE.js";
+import { t as te } from "./getFieldValidations-DZnDgNI0.js";
+import { n as ne, r as re, t as n } from "./inlineRteTheme-Cn_Vqgsm.js";
+import { l as ie, t as r } from "./CollectionField-7uXvhxYK.js";
+import { i as ae } from "./Tooltip-K_gFzjOa.js";
+import { useEffect as i, useState as oe } from "react";
+import { jsx as a, jsxs as se } from "react/jsx-runtime";
+import { c as o } from "react/compiler-runtime";
+import s from "clsx";
+import { useController as c } from "react-hook-form";
+//#region ../../libraries/react-collection/dist/widgets/richTextWidget/RichTextWidget.cssm.js
+var ce = "_1vx76w30", le = "_1vx76w33", ue = "_1vx76w34", de = { style: n({ baseSpacing: ".875rem" }) }, l = (n) => {
+	let l = o(58), { field: u } = n, [d, fe] = oe(!1), { key: f, label: p, helper_text: m, readonly: h, placeholder: pe } = u, g = f === void 0 ? "" : f, _ = p === void 0 ? "" : p, v = m === void 0 ? "" : m, y = h === void 0 ? !1 : h, b;
+	l[0] === u ? b = l[1] : (b = te(u), l[0] = u, l[1] = b);
+	let x;
+	l[2] !== g || l[3] !== b ? (x = {
+		name: g,
+		rules: b
+	}, l[2] = g, l[3] = b, l[4] = x) : x = l[4];
+	let { field: me, fieldState: he } = c(x), { value: S, onBlur: C, onChange: w, disabled: T } = me, E = pe || "Write something ...", D;
+	l[5] === E ? D = l[6] : (D = t({ placeholder: E }), l[5] = E, l[6] = D);
+	let O = S || "", k = !T && !y, A;
+	l[7] === Symbol.for("react.memo_cache_sentinel") ? (A = { attributes: {
+		autocomplete: "off",
+		autocorrect: "off",
+		autocapitalize: "off",
+		class: re
+	} }, l[7] = A) : A = l[7];
+	let j;
+	l[8] === w ? j = l[9] : (j = (e) => {
+		let { editor: t } = e;
+		return w(t.getHTML());
+	}, l[8] = w, l[9] = j);
+	let M;
+	l[10] !== O || l[11] !== k || l[12] !== j || l[13] !== D ? (M = {
+		extensions: D,
+		content: O,
+		editable: k,
+		editorProps: A,
+		onUpdate: j,
+		immediatelyRender: !1
+	}, l[10] = O, l[11] = k, l[12] = j, l[13] = D, l[14] = M) : M = l[14];
+	let N = (0, e.useEditor)(M), P;
+	l[15] !== N || l[16] !== d || l[17] !== S ? (P = () => {
+		N?.commands && !d && (N.commands.setContent(S || ""), fe(!0));
+	}, l[15] = N, l[16] = d, l[17] = S, l[18] = P) : P = l[18];
+	let F;
+	l[19] === S ? F = l[20] : (F = [S], l[19] = S, l[20] = F), i(P, F);
+	let I, L;
+	l[21] !== T || l[22] !== N || l[23] !== y ? (I = () => {
+		N && N.setEditable(!T && !y);
+	}, L = [
+		N,
+		T,
+		y
+	], l[21] = T, l[22] = N, l[23] = y, l[24] = I, l[25] = L) : (I = l[24], L = l[25]), i(I, L);
+	let R, z;
+	l[26] !== N || l[27] !== C ? (R = () => {
+		if (N) return N.on("blur", C), () => {
+			N.off("blur", C);
+		};
+	}, z = [N, C], l[26] = N, l[27] = C, l[28] = R, l[29] = z) : (R = l[28], z = l[29]), i(R, z);
+	let B = he?.error?.message, V = !!u?.required, H = T && "_1vx76w31", U = y && "_1vx76w32", W;
+	l[30] !== H || l[31] !== U ? (W = s(ce, H, U), l[30] = H, l[31] = U, l[32] = W) : W = l[32];
+	let G;
+	l[33] === N ? G = l[34] : (G = { editor: N }, l[33] = N, l[34] = G);
+	let K, q;
+	l[35] === Symbol.for("react.memo_cache_sentinel") ? (K = /* @__PURE__ */ a(ee, {}), q = /* @__PURE__ */ a(ie, { orientation: "horizontal" }), l[35] = K, l[36] = q) : (K = l[35], q = l[36]);
+	let J;
+	l[37] === N?.commands ? J = l[38] : (J = () => N?.commands.focus(), l[37] = N?.commands, l[38] = J);
+	let Y;
+	l[39] === N ? Y = l[40] : (Y = /* @__PURE__ */ a(e.EditorContent, { editor: N }), l[39] = N, l[40] = Y);
+	let X;
+	l[41] !== J || l[42] !== Y ? (X = /* @__PURE__ */ se("div", {
+		className: le,
+		children: [
+			K,
+			q,
+			/* @__PURE__ */ a("div", {
+				className: ue,
+				onClick: J,
+				children: Y
+			})
+		]
+	}), l[41] = J, l[42] = Y, l[43] = X) : X = l[43];
+	let Z;
+	l[44] !== G || l[45] !== X ? (Z = /* @__PURE__ */ a(ne, {
+		theme: de,
+		children: /* @__PURE__ */ a(ae, { children: /* @__PURE__ */ a(e.EditorContext.Provider, {
+			value: G,
+			children: X
+		}) })
+	}), l[44] = G, l[45] = X, l[46] = Z) : Z = l[46];
+	let Q;
+	l[47] !== W || l[48] !== Z ? (Q = /* @__PURE__ */ a("div", {
+		className: W,
+		children: Z
+	}), l[47] = W, l[48] = Z, l[49] = Q) : Q = l[49];
+	let $;
+	return l[50] !== v || l[51] !== g || l[52] !== _ || l[53] !== y || l[54] !== B || l[55] !== V || l[56] !== Q ? ($ = /* @__PURE__ */ a(r, {
+		error: B,
+		helperText: v,
+		readOnly: y,
+		label: _,
+		htmlFor: g,
+		isRequired: V,
+		children: Q
+	}), l[50] = v, l[51] = g, l[52] = _, l[53] = y, l[54] = B, l[55] = V, l[56] = Q, l[57] = $) : $ = l[57], $;
+};
+//#endregion
+export { l as RichTextWidget, l as default };