@levo-so/studio 0.1.82 → 0.1.83

package/dist/Dots-BKqlE-Rv.js

@@ -0,0 +1,137 @@
+"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 = e.memo(({ className: i, dotColor: a, dotSize: o, spacing: s, isAnimated: c = !1, speed: l }) => {
+	let u = a ?? "#00ff00", d = Math.max(Number(o) || 2, .1), f = Math.max(Number(s) || 30, 1), p = Math.max(Number(l) || 1, .01), m = e.useMemo(() => ({
+		cx: f / 2,
+		cy: f / 2,
+		r: d,
+		width: Math.max(f, 1),
+		height: Math.max(f, 1)
+	}), [f, d]), h = e.useMemo(() => `dots-pattern-${Math.random().toString(36).substring(2, 11)}`, []), g = e.useMemo(() => {
+		if (!c || !f || f <= 0) return [];
+		let e = [], t = Math.max(f, 2), n = Math.min(Math.ceil(100 / (t / 10)), 50), r = Math.min(Math.ceil(100 / (t / 10)), 50);
+		for (let i = 0; i < n; i++) for (let n = 0; n < r; n++) {
+			let r = Math.abs(Math.sin(i * 12.9898 + n * 78.233) * 43758.5453) % 1, a = Math.abs(Math.sin(i * 39.346 + n * 11.135) * 43758.5453) % 1, o = Math.abs(Math.sin(i * 71.123 + n * 23.456) * 43758.5453) % 1, s = Math.abs(Math.sin(i * 15.987 + n * 82.345) * 43758.5453) % 1;
+			e.push({
+				id: `${i}-${n}`,
+				x: Number((n * t / 10 + (r - .5) * 8).toFixed(2)),
+				y: Number((i * t / 10 + (a - .5) * 8).toFixed(2)),
+				delay: Number((o * 3).toFixed(2)),
+				amplitude: Number((2 + s * 3).toFixed(2))
+			});
+		}
+		return e;
+	}, [c, f]);
+	return c ? /* @__PURE__ */ t("div", {
+		className: i,
+		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",
+				zIndex: 0,
+				height: "100%",
+				width: "100%"
+			},
+			width: "100%",
+			height: "100%",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ t("title", { children: "Animated Dots" }), g.map((e) => /* @__PURE__ */ t(r.circle, {
+				r: d,
+				fill: u,
+				initial: {
+					cx: `${e.x}%`,
+					cy: `${e.y}%`,
+					opacity: .3
+				},
+				animate: {
+					opacity: [
+						.3,
+						.8,
+						.3
+					],
+					cx: [
+						`${e.x}%`,
+						`${e.x + (e.amplitude || 0)}%`,
+						`${e.x - (e.amplitude || 0)}%`,
+						`${e.x}%`
+					],
+					cy: [
+						`${e.y}%`,
+						`${e.y - (e.amplitude || 0)}%`,
+						`${e.y + (e.amplitude || 0)}%`,
+						`${e.y}%`
+					]
+				},
+				transition: {
+					duration: Math.max(.1, 8 / p),
+					repeat: Infinity,
+					ease: "easeInOut",
+					delay: e.delay || 0
+				}
+			}, e.id))]
+		})
+	}) : /* @__PURE__ */ t("div", {
+		className: i,
+		style: {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: -1
+		},
+		children: /* @__PURE__ */ n("svg", {
+			style: {
+				pointerEvents: "none",
+				position: "absolute",
+				zIndex: 0,
+				height: "100%",
+				width: "100%"
+			},
+			width: "100%",
+			height: "100%",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ t("title", { children: "Static Dots" }),
+				/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("pattern", {
+					id: h,
+					x: "0",
+					y: "0",
+					width: m.width,
+					height: m.height,
+					patternUnits: "userSpaceOnUse",
+					children: /* @__PURE__ */ t("circle", {
+						cx: m.cx,
+						cy: m.cy,
+						r: m.r,
+						fill: u
+					})
+				}) }),
+				/* @__PURE__ */ t("rect", {
+					width: "100%",
+					height: "100%",
+					fill: `url(#${h})`
+				})
+			]
+		})
+	});
+}, (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);
+i.displayName = "BackgroundDots";
+//#endregion
+export { i as BackgroundDots };

package/dist/EntryCard-UWxVYAD_.js

@@ -0,0 +1,52 @@
+"use client";
+import { n as e } from "./AuthProvider-Ch5Ny0il.js";
+import { t } from "./card-oIl95-_C.js";
+import { t as n } from "./MessageFooter-DrJ6jZ_n.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { CollectionFormBuilder as a } from "@levo-so/react-collection";
+var o = {
+	header: "_header_emo7t_1",
+	title: "_title_emo7t_8",
+	subtitle: "_subtitle_emo7t_15",
+	formContainer: "_formContainer_emo7t_21"
+}, s = ({ logo: s, siteName: c, workspaceId: l, options: u, onSuccess: d }) => {
+	let { account: f } = e();
+	return /* @__PURE__ */ i(t, {
+		logo: s,
+		siteName: c,
+		maxWidth: "md",
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: o.header,
+				children: [/* @__PURE__ */ r("h1", {
+					className: o.title,
+					children: "Access Required"
+				}), /* @__PURE__ */ r("div", {
+					className: o.subtitle,
+					dangerouslySetInnerHTML: { __html: u?.content?.entryNotFound ?? `Please fill out this form to access content on <strong>${c}</strong>` }
+				})]
+			}),
+			/* @__PURE__ */ r(n, {}),
+			f && /* @__PURE__ */ r("div", {
+				className: o.formContainer,
+				children: /* @__PURE__ */ r(a, {
+					collection_id: u?.collection || "",
+					workspace_id: l,
+					uiConfig: {
+						hideFormHeading: !0,
+						hideSectionHeadings: !0
+					},
+					submitButtonConfig: {
+						show: !0,
+						text: "Submit"
+					},
+					account: f,
+					hiddenFields: u?.hidden ?? [],
+					onSuccess: d
+				})
+			})
+		]
+	});
+};
+//#endregion
+export { s as default };

package/dist/Gradient-hC5P0PfD.js

@@ -0,0 +1,41 @@
+"use client";
+import e from "react";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "motion/react-m";
+//#region src/components/backgroundPresets/Gradient.tsx
+var r = e.memo(({ className: e, fromColor: r = "#ff0000", toColor: i = "#00ff00", direction: a = "45deg" }) => /* @__PURE__ */ t("div", {
+	className: e,
+	style: {
+		position: "absolute",
+		inset: 0,
+		display: "flex",
+		height: "100%",
+		width: "100%",
+		alignItems: "center",
+		justifyContent: "center",
+		zIndex: -1
+	},
+	children: /* @__PURE__ */ t(n.div, {
+		style: {
+			position: "absolute",
+			inset: 0,
+			height: "100%",
+			width: "100%",
+			background: `linear-gradient(${a}, ${r}, ${i})`
+		},
+		initial: { opacity: .8 },
+		animate: { opacity: [
+			.8,
+			.9,
+			.8
+		] },
+		transition: {
+			duration: 4,
+			repeat: Infinity,
+			ease: "easeInOut"
+		}
+	})
+}));
+r.displayName = "BackgroundGradient";
+//#endregion
+export { r as BackgroundGradient };

package/dist/Grid-DqZKCasl.js

@@ -0,0 +1,145 @@
+"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/Grid.tsx
+var i = e.memo(({ className: i, lineColor: a, lineWidth: o, spacing: s, isInteractive: c = !1, hoverColor: l = "#93c5fd", rows: u, cols: d }) => {
+	let f = a ?? "#333333", p = Math.max(o ?? 1, .1), m = Math.max(s ?? 50, 1), h = Math.max(u ?? 150, 1), g = Math.max(d ?? 100, 1), _ = e.useMemo(() => Array(h).fill(1), [h]), v = e.useMemo(() => Array(g).fill(1), [g]), y = e.useMemo(() => ({
+		rowStyle: {
+			height: `${m}px`,
+			width: `${m * 2}px`,
+			borderLeft: `${p}px solid ${f}`
+		},
+		colStyle: {
+			height: `${m}px`,
+			width: `${m * 2}px`,
+			borderTop: `${p}px solid ${f}`,
+			borderRight: `${p}px solid ${f}`
+		},
+		iconStyle: {
+			top: `${-m / 3.8}px`,
+			left: `${-m / 2.4}px`,
+			color: f
+		}
+	}), [
+		m,
+		p,
+		f
+	]), b = e.useMemo(() => ({
+		hover: {
+			backgroundColor: l,
+			transition: { duration: 0 }
+		},
+		animate: { transition: { duration: 2 } }
+	}), [l]);
+	return c ? /* @__PURE__ */ t("div", {
+		className: i,
+		style: {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			overflow: "hidden",
+			zIndex: -1
+		},
+		children: /* @__PURE__ */ t("div", {
+			style: {
+				transform: "translate(-40%,-60%) skewX(-48deg) skewY(14deg) scale(0.675) rotate(0deg) translateZ(0)",
+				position: "absolute",
+				top: "-25%",
+				left: "25%",
+				zIndex: 0,
+				display: "flex",
+				height: "100%",
+				width: "100%",
+				padding: "1rem"
+			},
+			children: _.map((e, i) => /* @__PURE__ */ t(r.div, {
+				style: {
+					...y.rowStyle,
+					position: "relative"
+				},
+				children: v.map((e, a) => /* @__PURE__ */ t(r.div, {
+					whileHover: b.hover,
+					animate: b.animate,
+					style: {
+						...y.colStyle,
+						position: "relative"
+					},
+					children: a % 2 == 0 && i % 2 == 0 ? /* @__PURE__ */ n("svg", {
+						xmlns: "http://www.w3.org/2000/svg",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						strokeWidth: "1.5",
+						stroke: "currentColor",
+						style: {
+							...y.iconStyle,
+							pointerEvents: "none",
+							position: "absolute",
+							height: "1.5rem",
+							width: "2.5rem",
+							strokeWidth: "1px"
+						},
+						children: [/* @__PURE__ */ t("title", { children: "Grid Lines" }), /* @__PURE__ */ t("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M12 6v12m6-6H6"
+						})]
+					}) : null
+				}, `col-${a}`))
+			}, `row-${i}`))
+		})
+	}) : /* @__PURE__ */ t("div", {
+		className: i,
+		style: {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			zIndex: -1
+		},
+		children: /* @__PURE__ */ n("svg", {
+			style: {
+				pointerEvents: "none",
+				position: "absolute",
+				zIndex: 0,
+				height: "100%",
+				width: "100%"
+			},
+			width: "100%",
+			height: "100%",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ t("title", { children: "Grid Lines" }),
+				/* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("pattern", {
+					id: "grid-pattern",
+					x: "0",
+					y: "0",
+					width: m,
+					height: m,
+					patternUnits: "userSpaceOnUse",
+					children: /* @__PURE__ */ t("path", {
+						d: `M ${m} 0 L 0 0 0 ${m}`,
+						fill: "none",
+						stroke: f,
+						strokeWidth: p
+					})
+				}) }),
+				/* @__PURE__ */ t("rect", {
+					width: "100%",
+					height: "100%",
+					fill: "url(#grid-pattern)"
+				})
+			]
+		})
+	});
+}, (e, t) => e.className === t.className && e.lineColor === t.lineColor && e.lineWidth === t.lineWidth && e.spacing === t.spacing && e.isInteractive === t.isInteractive && e.hoverColor === t.hoverColor && e.rows === t.rows && e.cols === t.cols);
+i.displayName = "BackgroundGrid";
+//#endregion
+export { i as BackgroundGrid };

package/dist/LoginCard-BKq_s4ZT.js

@@ -0,0 +1,47 @@
+"use client";
+import { t as e } from "./LoginForm-54dtpOlx.js";
+import { t } from "./card-oIl95-_C.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 = {
+	header: "_header_s7k8g_1",
+	title: "_title_s7k8g_7",
+	subtitle: "_subtitle_s7k8g_14",
+	formWrapper: "_formWrapper_s7k8g_20"
+}, c = r(() => import("./PendingApprovalCard-BnteoK24.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", {}),
+		children: /* @__PURE__ */ a(c, {
+			logo: r,
+			siteName: l,
+			workspaceId: u.workspace_id || "",
+			gatingOptions: h || null
+		})
+	}) : /* @__PURE__ */ o(t, {
+		logo: r,
+		siteName: l,
+		maxWidth: "sm",
+		children: [!d && /* @__PURE__ */ o("div", {
+			className: s.header,
+			children: [/* @__PURE__ */ a("h1", {
+				className: s.title,
+				children: "Sign in to continue"
+			}), l && /* @__PURE__ */ o("p", {
+				className: s.subtitle,
+				children: ["You need to sign in to access this page on ", /* @__PURE__ */ a("strong", { children: l })]
+			})]
+		}), /* @__PURE__ */ a("div", {
+			className: s.formWrapper,
+			children: /* @__PURE__ */ a(e, {
+				oAuthTitle: l || "Studio",
+				page: u,
+				magicLinkSent: d,
+				setMagicLinkSent: f,
+				onPendingApproval: () => m(!0)
+			})
+		})]
+	});
+};
+//#endregion
+export { l as default };