@levo-so/site-runtime 0.2.0 → 0.2.2

package/ThemeProvider-Cm2jJC7a.js

@@ -0,0 +1,381 @@
+import { FieldInterfaces as e } from "@levo-so/core";
+import { createContext as t, useContext as n, useEffect as r, useMemo as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { isValidPhoneNumber as c } from "react-phone-number-input";
+import * as l from "yup";
+import { c as u } from "react/compiler-runtime";
+import d, { clsx as f } from "clsx";
+import { createRuntimeFn as p } from "@vanilla-extract/recipes/createRuntimeFn";
+import { Separator as m } from "@base-ui/react/separator";
+//#region ../../libraries/levocn/dist/styles/reset.cssm.js
+var h = "_1er5g5a0", g = "_1ompjs11", _ = "_1d7f2b80", v = (e) => {
+	let t = u(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 = d(_, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o("label", {
+		"data-slot": "label",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+};
+//#endregion
+//#region ../../libraries/react-collection/dist/components/collectionLabel/CollectionLabel.js
+function y(e) {
+	let t = u(6), { label: n, isRequired: r, htmlFor: i } = e;
+	if (!n) return null;
+	let a;
+	t[0] === r ? a = t[1] : (a = r && /* @__PURE__ */ o("span", {
+		className: "_1ompjs10",
+		children: "*"
+	}), t[0] = r, t[1] = a);
+	let c;
+	return t[2] !== i || t[3] !== n || t[4] !== a ? (c = /* @__PURE__ */ s(v, {
+		htmlFor: i,
+		className: g,
+		children: [n, a]
+	}), t[2] = i, t[3] = n, t[4] = a, t[5] = c) : c = t[5], c;
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/utils/getFieldValidations.js
+var b = (t, n) => {
+	let r = (t?.label || t?.key || "")?.replace(/_/g, " ");
+	if (r?.endsWith("Id") && (r = r?.replace("Id", "")), r.includes(".")) {
+		let [e] = r.split(".");
+		e && (r = e);
+	}
+	let i = (e) => {
+		let n = e;
+		return t.max !== void 0 && t.max !== null && t.max !== "" && (n = n.max(Number(t.max), `The ${r} value is too large (max ${t.max})`)), t.min !== void 0 && t.min !== null && t.min !== "" && (n = n.min(Number(t.min), `The ${r} value is too small (min ${t.min})`)), n;
+	}, a;
+	switch (t.field_interface) {
+		case e.NumberWidget:
+			a = i(l.number());
+			break;
+		case e.ArrayWidget:
+			a = i(l.array().typeError("The field must be an array"));
+			break;
+		case e.RecordWidget:
+			a = l.object();
+			break;
+		case e.EmailWidget:
+			a = i(l.string().email("The email address is not valid"));
+			break;
+		case e.PhoneWidget:
+			a = i(l.string().test("phone", "The phone number has incorrect format", (e) => {
+				if (e) try {
+					return c(e);
+				} catch {
+					return !1;
+				}
+				return !0;
+			}));
+			break;
+		case e.URLWidget:
+			a = i(l.string().matches(/^(?:https?:\/\/)?(?:[a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+(?:\.[a-zA-Z]{2,})+(?:\/[^\s?#]*)?(?:\?[^\s]*)?$/, "The URL is not valid"));
+			break;
+		case e.ImageUploadWidget:
+		case e.FileUploadWidget:
+		case e.GeocoderWidget:
+			a = l.object();
+			break;
+		case e.MultiImageUploadWidget:
+		case e.MultiFileUploadWidget:
+		case e.MultiGeocoderWidget:
+			a = l.array().of(l.object());
+			break;
+		case e.JSONWidget:
+		case e.DropdownWidget:
+			a = l.string();
+			break;
+		case e.MultiTextWidget:
+		case e.MultiDropdownWidget:
+		case e.CheckboxWidget:
+			a = l.array().of(l.string());
+			break;
+		case e.ToggleCheckboxWidget:
+			a = l.boolean();
+			break;
+		case e.CollectionWidget:
+			a = t.options.current_have_many_connected ? l.array() : l.object();
+			break;
+		default:
+			a = i(l.string());
+			break;
+	}
+	if (t.options?.validationsPresets && Array.isArray(t.options.validationsPresets)) {
+		let n = t.options.validationsPresets;
+		(t.field_interface === e.TextWidget || t.field_interface === e.TextareaWidget) && (n.includes("exclude_special_chars") && (a = a.matches(/^[a-zA-Z0-9\s]*$/, "Special characters are not allowed")), n.includes("exclude_numbers") && (a = a.matches(/^[^0-9]*$/, "Numbers are not allowed")));
+	}
+	return {
+		required: {
+			value: !!t?.required,
+			message: `The ${r} field is required`
+		},
+		validate: (e) => {
+			if (t?.options?.disableValidation || e === "" || e == null) return !0;
+			try {
+				return a.validateSync(e), n ? n(e) : !0;
+			} catch (e) {
+				return e instanceof l.ValidationError ? e.message : !0;
+			}
+		}
+	};
+}, x = p({
+	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: []
+}), S = (e) => {
+	let t = u(14), n, r, i, a, s;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4], s = t[5]) : ({className: n, variant: s, size: i, type: a, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a, t[5] = s);
+	let c = a === void 0 ? "button" : a, l;
+	t[6] !== n || t[7] !== i || t[8] !== s ? (l = d(x({
+		variant: s,
+		size: i
+	}), n), t[6] = n, t[7] = i, t[8] = s, t[9] = l) : l = t[9];
+	let f;
+	return t[10] !== r || t[11] !== l || t[12] !== c ? (f = /* @__PURE__ */ o("button", {
+		"data-slot": "button",
+		type: c,
+		className: l,
+		...r
+	}), t[10] = r, t[11] = l, t[12] = c, t[13] = f) : f = t[13], f;
+}, C = p({
+	defaultClassName: "_11sljvf3",
+	variantClassNames: { orientation: {
+		vertical: "_11sljvf4",
+		horizontal: "_11sljvf5"
+	} },
+	defaultVariants: { orientation: "vertical" },
+	compoundVariants: []
+}), w = "_11sljvf9", T = "_11sljvfc", E = "_11sljvfd", D = p({
+	defaultClassName: "d292um0",
+	variantClassNames: { orientation: {
+		horizontal: "d292um1",
+		vertical: "d292um2"
+	} },
+	defaultVariants: {},
+	compoundVariants: []
+});
+//#endregion
+//#region ../../libraries/levocn/dist/ui/separator/Separator.js
+function O(e) {
+	let t = u(11), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, orientation: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let a = i === void 0 ? "horizontal" : i, s;
+	t[4] !== n || t[5] !== a ? (s = d(D({ orientation: a }), n), t[4] = n, t[5] = a, t[6] = s) : s = t[6];
+	let c;
+	return t[7] !== a || t[8] !== r || t[9] !== s ? (c = /* @__PURE__ */ o(m, {
+		"data-slot": "separator",
+		orientation: a,
+		className: s,
+		...r
+	}), t[7] = a, t[8] = r, t[9] = s, t[10] = c) : c = t[10], c;
+}
+//#endregion
+//#region ../../libraries/levocn/dist/ui/field/Field.js
+function k(e) {
+	let t = u(11), n, r, i;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3]) : ({className: n, orientation: i, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i);
+	let a = i === void 0 ? "vertical" : i, s;
+	t[4] !== n || t[5] !== a ? (s = f(C({ orientation: a }), n), t[4] = n, t[5] = a, t[6] = s) : s = t[6];
+	let c;
+	return t[7] !== a || t[8] !== r || t[9] !== s ? (c = /* @__PURE__ */ o("div", {
+		role: "group",
+		"data-slot": "field",
+		"data-orientation": a,
+		className: s,
+		...r
+	}), t[7] = a, t[8] = r, t[9] = s, t[10] = c) : c = t[10], c;
+}
+function A(e) {
+	let t = u(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(w, n), t[3] = n, t[4] = i);
+	let a;
+	return t[5] !== r || t[6] !== i ? (a = /* @__PURE__ */ o("p", {
+		"data-slot": "field-description",
+		className: i,
+		...r
+	}), t[5] = r, t[6] = i, t[7] = a) : a = t[7], a;
+}
+function j(e) {
+	let t = u(15), n, r, i, a;
+	t[0] === e ? (n = t[1], r = t[2], i = t[3], a = t[4]) : ({className: r, children: n, errors: i, ...a} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = a);
+	let s;
+	bb0: {
+		if (n) {
+			s = n;
+			break bb0;
+		}
+		if (!i?.length) {
+			s = null;
+			break bb0;
+		}
+		let e;
+		t[5] === i ? e = t[6] : (e = [...new Map(i.map(N)).values()], t[5] = i, t[6] = e);
+		let r = e;
+		if (r.length === 1) {
+			s = r[0]?.message;
+			break bb0;
+		}
+		let a;
+		t[7] === r ? a = t[8] : (a = /* @__PURE__ */ o("ul", {
+			className: E,
+			children: r.map(M)
+		}), t[7] = r, t[8] = a), s = a;
+	}
+	let c = s;
+	if (!c) return null;
+	let l;
+	t[9] === r ? l = t[10] : (l = f(T, r), t[9] = r, t[10] = l);
+	let d;
+	return t[11] !== c || t[12] !== a || t[13] !== l ? (d = /* @__PURE__ */ o("div", {
+		role: "alert",
+		"data-slot": "field-error",
+		className: l,
+		...a,
+		children: c
+	}), t[11] = c, t[12] = a, t[13] = l, t[14] = d) : d = t[14], d;
+}
+function M(e, t) {
+	return e?.message && /* @__PURE__ */ o("li", { children: e.message }, t);
+}
+function N(e) {
+	return [e?.message, e];
+}
+//#endregion
+//#region ../../libraries/react-collection/dist/components/collectionField/CollectionField.js
+function P(e) {
+	let t = u(21), { label: n, error: r, helperText: i, topHelperText: a, isRequired: c, readOnly: l, htmlFor: f, className: p, children: m, ref: h } = e, g = l && "_1ompjs14", _;
+	t[0] !== p || t[1] !== g ? (_ = d(g, p), t[0] = p, t[1] = g, t[2] = _) : _ = t[2];
+	let v;
+	t[3] !== f || t[4] !== c || t[5] !== n ? (v = /* @__PURE__ */ o(y, {
+		label: n,
+		isRequired: c,
+		htmlFor: f
+	}), t[3] = f, t[4] = c, t[5] = n, t[6] = v) : v = t[6];
+	let b;
+	t[7] === a ? b = t[8] : (b = !!a && /* @__PURE__ */ o(A, {
+		className: "_1ompjs12",
+		children: a
+	}), t[7] = a, t[8] = b);
+	let x;
+	t[9] === r ? x = t[10] : (x = !!r && /* @__PURE__ */ o(j, {
+		className: "_1ompjs13",
+		children: r
+	}), t[9] = r, t[10] = x);
+	let S;
+	t[11] === i ? S = t[12] : (S = !!i && /* @__PURE__ */ o(A, {
+		className: "_1ompjs12",
+		children: i
+	}), t[11] = i, t[12] = S);
+	let C;
+	return t[13] !== m || t[14] !== h || t[15] !== _ || t[16] !== v || t[17] !== b || t[18] !== x || t[19] !== S ? (C = /* @__PURE__ */ s(k, {
+		ref: h,
+		orientation: "vertical",
+		className: _,
+		children: [
+			v,
+			b,
+			m,
+			x,
+			S
+		]
+	}), t[13] = m, t[14] = h, t[15] = _, t[16] = v, t[17] = b, t[18] = x, t[19] = S, t[20] = C) : C = t[20], C;
+}
+//#endregion
+//#region ../../libraries/levocn/dist/providers/ThemeProvider.js
+var F = /* @__PURE__ */ new Set(), I = {}, L = t(null), R = () => {
+	let e = u(1), t = n(L);
+	if (!t) {
+		let t;
+		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
+			portalRef: { current: null },
+			classes: F,
+			overrides: I
+		}, e[0] = t) : t = e[0], t;
+	}
+	return t;
+}, z = ({ children: e, cssReset: t, className: s, style: c, portalToThemeRoot: l, ...u }) => {
+	let f = n(L), p = a(null), m = !f && t !== !1 ? h : "", g = f?.classes ?? F, _ = f?.overrides ?? I, v = i(() => {
+		let e = s ? s.split(/\s+/).filter(Boolean) : [], t = new Set(g);
+		for (let n of e) t.add(n);
+		return {
+			portalRef: p,
+			classes: t,
+			overrides: {
+				..._,
+				...c
+			}
+		};
+	}, [
+		g,
+		s,
+		_,
+		c
+	]);
+	r(() => {
+		if (l) return;
+		let e = document.createElement("div");
+		return document.body.appendChild(e), p.current = e, () => {
+			document.body.removeChild(e), p.current = null;
+		};
+	}, [l]), r(() => {
+		if (l) return;
+		let e = p.current;
+		if (!e) return;
+		e.className = d(m, ...v.classes), e.style.cssText = "";
+		let t = {
+			display: "contents",
+			...v.overrides
+		};
+		for (let [n, r] of Object.entries(t)) r != null && e.style.setProperty(n, String(r));
+	}, [
+		v.classes,
+		v.overrides,
+		m,
+		l
+	]);
+	let y = d(m, ...s ? s.split(/\s+/).filter((e) => e && !g.has(e)) : []);
+	return /* @__PURE__ */ o(L.Provider, {
+		value: v,
+		children: /* @__PURE__ */ o("div", {
+			...l ? { ref: p } : {},
+			...y ? { className: y } : {},
+			style: {
+				display: "contents",
+				...c
+			},
+			...u,
+			children: e
+		})
+	});
+};
+//#endregion
+export { S as a, y as c, O as i, v as l, z as n, x as o, P as r, b as s, R as t };

package/Tooltip-Bx-BfR7T.js

@@ -0,0 +1,78 @@
+import { o as e, t } from "./ThemeProvider-Cm2jJC7a.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 = "_1bi3v3x0", d = "_3zwjqd0", f = "_3zwjqd1", p = "_3zwjqd2", m = (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;
+}, h = (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;
+}, g = (t) => {
+	let r = a(12), i, c, l, u;
+	r[0] === t ? (i = r[1], c = r[2], l = r[3], u = r[4]) : ({className: i, variant: u, size: l, ...c} = t, r[0] = t, 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(e({
+		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;
+}, _ = (e) => {
+	let i = a(24), c, l, u, m, h, g, _;
+	i[0] === e ? (c = i[1], l = i[2], u = i[3], m = i[4], h = i[5], g = i[6], _ = i[7]) : ({className: l, side: m, sideOffset: h, align: g, alignOffset: _, children: c, ...u} = e, i[0] = e, i[1] = c, i[2] = l, i[3] = u, 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 } = t(), C;
+	i[8] === l ? C = i[9] : (C = o(d, l), i[8] = l, i[9] = C);
+	let w;
+	i[10] === Symbol.for("react.memo_cache_sentinel") ? (w = /* @__PURE__ */ n(s.Arrow, { className: f }), i[10] = w) : w = i[10];
+	let T;
+	i[11] !== c || i[12] !== u || i[13] !== C ? (T = /* @__PURE__ */ r(s.Popup, {
+		"data-slot": "tooltip-content",
+		className: C,
+		...u,
+		children: [c, w]
+	}), i[11] = c, i[12] = u, 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: p,
+		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 { u as a, m as i, g as n, l as o, _ as r, h as t };