@levo-so/studio 0.1.98 → 0.1.100

package/{getFieldValidations-qVzuq6mv.js → getFieldValidations-DZnDgNI0.js}

@@ -3,111 +3,75 @@ import { jsx as a } from "react/jsx-runtime";
 import { FieldInterfaces as o } from "@levo-so/core";
 import { c as s } from "react/compiler-runtime";
 import c from "clsx";
-import { createRuntimeFn as l } from "@vanilla-extract/recipes/createRuntimeFn";
-import { isValidPhoneNumber as u } from "react-phone-number-input";
-import * as d from "yup";
+import { isValidPhoneNumber as l } from "react-phone-number-input";
+import * as u from "yup";
 //#region ../../libraries/levocn/dist/styles/reset.cssm.js
-var f = "_1er5g5a0", p = /* @__PURE__ */ new Set(), m = {}, h = e(null), g = () => {
-	let e = s(1), n = t(h);
+var d = "_1er5g5a0", f = /* @__PURE__ */ new Set(), p = {}, m = e(null), h = () => {
+	let e = s(1), n = t(m);
 	if (!n) {
 		let t;
 		return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = {
 			portalRef: { current: null },
-			classes: p,
-			overrides: m
+			classes: f,
+			overrides: p
 		}, e[0] = t) : t = e[0], t;
 	}
 	return n;
-}, _ = ({ children: e, cssReset: o, className: s, style: l, ...u }) => {
-	let d = t(h), g = i(null), _ = !d && o !== !1 ? f : "", v = d?.classes ?? p, y = d?.overrides ?? m, b = r(() => {
-		let e = s ? s.split(/\s+/).filter(Boolean) : [], t = new Set(v);
+}, g = ({ children: e, cssReset: o, className: s, style: l, portalToThemeRoot: u, ...h }) => {
+	let g = t(m), _ = i(null), v = !g && o !== !1 ? d : "", y = g?.classes ?? f, b = g?.overrides ?? p, x = r(() => {
+		let e = s ? s.split(/\s+/).filter(Boolean) : [], t = new Set(y);
 		for (let n of e) t.add(n);
 		return {
-			portalRef: g,
+			portalRef: _,
 			classes: t,
 			overrides: {
-				...y,
+				...b,
 				...l
 			}
 		};
 	}, [
-		v,
-		s,
 		y,
+		s,
+		b,
 		l
 	]);
 	n(() => {
+		if (u) return;
 		let e = document.createElement("div");
-		return document.body.appendChild(e), g.current = e, () => {
-			document.body.removeChild(e), g.current = null;
+		return document.body.appendChild(e), _.current = e, () => {
+			document.body.removeChild(e), _.current = null;
 		};
-	}, []), n(() => {
-		let e = g.current;
-		e && (e.className = c(_, ...b.classes), Object.assign(e.style, {
+	}, [u]), n(() => {
+		if (u) return;
+		let e = _.current;
+		if (!e) return;
+		e.className = c(v, ...x.classes), e.style.cssText = "";
+		let t = {
 			display: "contents",
-			...b.overrides
-		}));
+			...x.overrides
+		};
+		for (let [n, r] of Object.entries(t)) r != null && e.style.setProperty(n, String(r));
 	}, [
-		b.classes,
-		b.overrides,
-		_
+		x.classes,
+		x.overrides,
+		v,
+		u
 	]);
-	let x = c(_, ...s ? s.split(/\s+/).filter((e) => e && !v.has(e)) : []);
-	return /* @__PURE__ */ a(h.Provider, {
-		value: b,
+	let S = c(v, ...s ? s.split(/\s+/).filter((e) => e && !y.has(e)) : []);
+	return /* @__PURE__ */ a(m.Provider, {
+		value: x,
 		children: /* @__PURE__ */ a("div", {
-			className: x,
+			...u ? { ref: _ } : {},
+			...S ? { className: S } : {},
 			style: {
 				display: "contents",
 				...l
 			},
-			...u,
+			...h,
 			children: e
 		})
 	});
-}, v = l({
-	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: []
-}), y = (e) => {
-	let t = s(14), n, r, i, o, l;
-	t[0] === e ? (n = t[1], r = t[2], i = t[3], o = t[4], l = t[5]) : ({className: n, variant: l, size: i, type: o, ...r} = e, t[0] = e, t[1] = n, t[2] = r, t[3] = i, t[4] = o, t[5] = l);
-	let u = o === void 0 ? "button" : o, d;
-	t[6] !== n || t[7] !== i || t[8] !== l ? (d = c(v({
-		variant: l,
-		size: i
-	}), n), t[6] = n, t[7] = i, t[8] = l, t[9] = d) : d = t[9];
-	let f;
-	return t[10] !== r || t[11] !== d || t[12] !== u ? (f = /* @__PURE__ */ a("button", {
-		"data-slot": "button",
-		type: u,
-		className: d,
-		...r
-	}), t[10] = r, t[11] = d, t[12] = u, t[13] = f) : f = t[13], f;
-}, b = (e, t) => {
+}, _ = (e, t) => {
 	let n = (e?.label || e?.key || "")?.replace(/_/g, " ");
 	if (n?.endsWith("Id") && (n = n?.replace("Id", "")), n.includes(".")) {
 		let [e] = n.split(".");
@@ -119,21 +83,21 @@ var f = "_1er5g5a0", p = /* @__PURE__ */ new Set(), m = {}, h = e(null), g = ()
 	}, i;
 	switch (e.field_interface) {
 		case o.NumberWidget:
-			i = r(d.number());
+			i = r(u.number());
 			break;
 		case o.ArrayWidget:
-			i = r(d.array().typeError("The field must be an array"));
+			i = r(u.array().typeError("The field must be an array"));
 			break;
 		case o.RecordWidget:
-			i = d.object();
+			i = u.object();
 			break;
 		case o.EmailWidget:
-			i = r(d.string().email("The email address is not valid"));
+			i = r(u.string().email("The email address is not valid"));
 			break;
 		case o.PhoneWidget:
-			i = r(d.string().test("phone", "The phone number has incorrect format", (e) => {
+			i = r(u.string().test("phone", "The phone number has incorrect format", (e) => {
 				if (e) try {
-					return u(e);
+					return l(e);
 				} catch {
 					return !1;
 				}
@@ -141,35 +105,35 @@ var f = "_1er5g5a0", p = /* @__PURE__ */ new Set(), m = {}, h = e(null), g = ()
 			}));
 			break;
 		case o.URLWidget:
-			i = r(d.string().matches(/^(?:https?:\/\/)?(?:[a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+(?:\.[a-zA-Z]{2,})+(?:\/[^\s?#]*)?(?:\?[^\s]*)?$/, "The URL is not valid"));
+			i = r(u.string().matches(/^(?:https?:\/\/)?(?:[a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+(?:\.[a-zA-Z]{2,})+(?:\/[^\s?#]*)?(?:\?[^\s]*)?$/, "The URL is not valid"));
 			break;
 		case o.ImageUploadWidget:
 		case o.FileUploadWidget:
 		case o.GeocoderWidget:
-			i = d.object();
+			i = u.object();
 			break;
 		case o.MultiImageUploadWidget:
 		case o.MultiFileUploadWidget:
 		case o.MultiGeocoderWidget:
-			i = d.array().of(d.object());
+			i = u.array().of(u.object());
 			break;
 		case o.JSONWidget:
 		case o.DropdownWidget:
-			i = d.string();
+			i = u.string();
 			break;
 		case o.MultiTextWidget:
 		case o.MultiDropdownWidget:
 		case o.CheckboxWidget:
-			i = d.array().of(d.string());
+			i = u.array().of(u.string());
 			break;
 		case o.ToggleCheckboxWidget:
-			i = d.boolean();
+			i = u.boolean();
 			break;
 		case o.CollectionWidget:
-			i = e.options.current_have_many_connected ? d.array() : d.object();
+			i = e.options.current_have_many_connected ? u.array() : u.object();
 			break;
 		default:
-			i = r(d.string());
+			i = r(u.string());
 			break;
 	}
 	if (e.options?.validationsPresets && Array.isArray(e.options.validationsPresets)) {
@@ -186,10 +150,10 @@ var f = "_1er5g5a0", p = /* @__PURE__ */ new Set(), m = {}, h = e(null), g = ()
 			try {
 				return i.validateSync(n), t ? t(n) : !0;
 			} catch (e) {
-				return e instanceof d.ValidationError ? e.message : !0;
+				return e instanceof u.ValidationError ? e.message : !0;
 			}
 		}
 	};
 };
 //#endregion
-export { _ as a, g as i, y as n, v as r, b as t };
+export { h as n, g as r, _ as t };

package/index.d.ts

@@ -161,7 +161,7 @@ declare interface BaseAccordionTriggerProps extends BaseElementProps, Omit<React
 }
 
 export declare const BaseBlogContent: {
-    ({ className, content, config, styles, elementKey, generatedClassName, ref, ...rest }: BaseBlogContentProps): JSX.Element | null;
+    ({ className, content, config, styles, elementKey, generatedClassName, ref, ...rest }: BaseBlogContentProps): JSX.Element;
     displayName: string;
 };
 
@@ -260,8 +260,7 @@ export declare type BlockComponent = ComponentType<ILevoBlockBaseProps<any>> | L
 /** Full context value exposed via useBlockContext — includes derived fields */
 declare type BlockContextType = BlockProviderInput & {
     setParsedBlockData?: React.Dispatch<React.SetStateAction<IBlockInstance | undefined>>;
-    /** @deprecated Use `renderMode` for precise context checks. Derived from `renderMode` for backwards compatibility. */
-    isBuilder: boolean;
+    isStudio: boolean;
 };
 
 export declare const BlockProvider: React.FC<{
@@ -541,6 +540,10 @@ declare type DeepConfig<T> = T extends Array<infer U> ? IFieldConfig & {
     [x: string]: IFieldConfig;
 } : IFieldConfig;
 
+declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};
+
 declare type DeepStyles<T> = T extends Array<infer U> ? IStyles & {
     [index: number]: DeepStyles<U>;
 } : T extends object ? {
@@ -1056,6 +1059,29 @@ export declare interface ICategoryFilterProps {
     className?: string;
 }
 
+declare interface ICollectionTheme {
+    form: {
+        maxWidth: string;
+        gap: string;
+        borderRadius: string;
+        labelFontSize: string;
+        helpFontSize: string;
+    };
+    input: {
+        fontSize: string;
+        height: string;
+        borderRadius: string;
+    };
+    checkbox: {
+        labelFontSize: string;
+    };
+    button: {
+        fontSize: string;
+        padding: string;
+        borderRadius: string;
+    };
+}
+
 declare interface ICommentsRestrictionOverlayProps {
     communityName?: string;
     className?: string;
@@ -1201,6 +1227,8 @@ export declare interface IFieldConfig {
         after?: string;
     };
     custom_fields?: Record<string, unknown>;
+    /** Theme overrides passed to self-themed child libraries (RTE, Collection Forms, etc.). */
+    theme?: DeepPartial<ITheme_2 & IRteTheme & ICollectionTheme>;
 }
 
 /**
@@ -1626,6 +1654,14 @@ declare type IPreviewDevice = "desktop" | "tablet" | "mobile";
  */
 export declare type IRenderMode = "live" | "studio.page" | "studio.block";
 
+declare interface IRteTheme {
+    baseSpacing: string;
+    /** Background color for text selection and highlighted nodes. */
+    highlight: string;
+    /** Foreground (text) color for selected/highlighted content. */
+    highlightForeground: string;
+}
+
 /**
  * Type guard to check if a method is alternate (OAuth)
  */
@@ -1910,6 +1946,61 @@ export declare interface ITheme {
     [x: string]: unknown;
 }
 
+declare interface ITheme_2 {
+    colors: {
+        text: string;
+        heading: string;
+        primary: string;
+        primaryForeground: string;
+        accent: string;
+        accentForeground: string;
+        border: string;
+        background: string;
+        foreground: string;
+        card: string;
+        cardForeground: string;
+        popover: string;
+        popoverForeground: string;
+        secondary: string;
+        secondaryForeground: string;
+        muted: string;
+        mutedForeground: string;
+        destructive: string;
+        input: string;
+        inputForeground: string;
+        ring: string;
+    };
+    radius: string;
+    radiusScale: {
+        sm: string;
+        base: string;
+        md: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        full: string;
+    };
+    baseFontSize: string;
+    fonts: {
+        body: string;
+        heading: string;
+    };
+    shadow: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        inner: string;
+    };
+}
+
 /**
  * Container for all component themes in the system
  *