@palmyit/elements 0.0.0-stage → 0.1.7

package/dist/definitions.js

@@ -0,0 +1,1737 @@
+import { z as e } from "zod";
+// src/schema/elementConfiguration.ts
+var t = e.string().trim().min(1);
+function n(e) {
+	return e;
+}
+var r = /^[#0-9a-z%.,\s()-]+$/i, i = /url|var|image|expression|attr/i;
+function a(e) {
+	let t = e.trim();
+	return t !== "" && t.length <= 200 && r.test(t) && !i.test(t);
+}
+function o(e) {
+	if (a(e.value)) return `${e.kind}-gradient(${e.value.trim()})`;
+}
+// src/schema/backgroundStyleDefinitions.ts
+var s = e.strictObject({
+	hex: e.string().regex(/^#[0-9A-Fa-f]{6}$/, "Expected a #RRGGBB color"),
+	opacity: e.number().int().min(0).max(100)
+}), c = e.strictObject({
+	kind: e.enum(["linear", "radial"]),
+	value: e.string().refine(a, "Expected gradient arguments such as 135deg, #2563EB, #7C3AED")
+});
+function l(t, { defaults: n, typeAttribute: r } = {}) {
+	return [
+		{
+			key: "backgroundType",
+			...r ? { attribute: r } : {},
+			value: e.enum(["color", "gradient"]),
+			defaultValue: n?.backgroundType,
+			label: "Background type"
+		},
+		{
+			key: "backgroundColor",
+			variable: `${t}-background-color`,
+			value: s,
+			defaultValue: n?.backgroundColor,
+			label: "Background color"
+		},
+		{
+			key: "backgroundGradient",
+			variable: `${t}-background-image`,
+			value: c,
+			defaultValue: n?.backgroundGradient,
+			label: "Background gradient"
+		}
+	];
+}
+// src/schema/device/devices.ts
+var u = [
+	{
+		name: "Desktop",
+		icon: "Monitor",
+		portrait: {
+			width: 1280,
+			height: "auto"
+		}
+	},
+	{
+		name: "Tablet",
+		icon: "Tablet",
+		portrait: {
+			width: 768,
+			height: "auto"
+		},
+		landscape: {
+			width: 1024,
+			height: 768
+		}
+	},
+	{
+		name: "Mobile",
+		icon: "Smartphone",
+		portrait: {
+			width: 360,
+			height: "auto"
+		},
+		landscape: {
+			width: 640,
+			height: 360
+		}
+	}
+], ee = u.map(({ portrait: e, icon: t, name: n }) => ({
+	...e,
+	icon: t,
+	label: n
+}));
+function te(e) {
+	return u.find((t) => t.portrait.width === e || t.landscape?.width === e) ?? u[0];
+}
+function ne(e) {
+	return te(e).landscape?.width === e ? "landscape" : "portrait";
+}
+// src/schema/deviceVisibility.ts
+var d = {
+	Desktop: "showOnDesktop",
+	Tablet: "showOnTablet",
+	Mobile: "showOnMobile"
+}, f = {
+	Tablet: "showOnTabletLandscape",
+	Mobile: "showOnMobileLandscape"
+}, re = [...Object.values(d), ...Object.values(f)], p = u.flatMap(({ name: e, landscape: t }) => t ? [{
+	device: e,
+	orientation: "portrait"
+}, {
+	device: e,
+	orientation: "landscape"
+}] : [{
+	device: e,
+	orientation: "portrait"
+}]);
+function m(e, t) {
+	return (t === "landscape" ? f[e] : void 0) ?? d[e];
+}
+function h(e, t, n = "portrait") {
+	let r = e[m(t, n)];
+	return r === void 0 ? e[d[t]] !== !1 : r;
+}
+function ie(e) {
+	return p.filter(({ device: t, orientation: n }) => h(e, t, n)).length;
+}
+// src/schema/styleItems.ts
+var ae = e.strictObject({
+	key: e.string(),
+	variable: e.string().optional(),
+	variables: e.record(e.string(), e.string()).optional(),
+	attribute: e.string().optional(),
+	value: e.unknown()
+}), oe = [
+	"variable",
+	"variables",
+	"attribute"
+];
+function se(e) {
+	let t = {};
+	for (let n of e) n.defaultValue !== void 0 && (t[n.key] = n.defaultValue);
+	return t;
+}
+function ce(e, t) {
+	return oe.find((n) => JSON.stringify(e[n]) !== JSON.stringify(t[n]));
+}
+function le(e, t, n) {
+	if (!t) return {
+		field: "key",
+		message: `Unknown style key "${e.key}"`
+	};
+	if (n.has(e.key)) return {
+		field: "key",
+		message: `Style key "${e.key}" appears twice`
+	};
+	let r = ce(e, t);
+	if (r) return {
+		field: r,
+		message: `Style "${e.key}" ${r} does not match the element configuration`
+	};
+}
+function g(e) {
+	return de(e, () => se(e));
+}
+function ue(e) {
+	return de(e, () => ({}));
+}
+function de(t, n) {
+	let r = new Map(t.map((e) => [e.key, e]));
+	return e.array(ae).default([]).transform((e, t) => {
+		let i = n(), a = /* @__PURE__ */ new Set();
+		return e.forEach((e, n) => {
+			let o = r.get(e.key), s = le(e, o, a);
+			if (s || !o) {
+				t.addIssue({
+					code: "custom",
+					path: [n, s?.field ?? "key"],
+					message: s?.message ?? ""
+				});
+				return;
+			}
+			a.add(e.key);
+			let c = o.value.safeParse(e.value);
+			if (c.success) i[e.key] = c.data;
+			else {
+				let e = c.error.issues[0]?.message ?? "Invalid value";
+				t.addIssue({
+					code: "custom",
+					path: [n, "value"],
+					message: e
+				});
+			}
+		}), i;
+	});
+}
+function fe(e, t) {
+	let n = Object.fromEntries(oe.filter((t) => e[t] !== void 0).map((t) => [t, e[t]]));
+	return {
+		key: e.key,
+		...n,
+		value: t
+	};
+}
+function _(e, t = "") {
+	return Object.fromEntries(e.flatMap(({ key: e, label: n }) => n === void 0 ? [] : [[`${t}${e}`, n]]));
+}
+function v(e, t) {
+	return me({
+		...se(t),
+		...e
+	}, t);
+}
+function pe(e, t) {
+	return me(e ?? {}, t);
+}
+function me(e, t) {
+	return t.filter((t) => e[t.key] !== void 0).map((t) => fe(t, e[t.key]));
+}
+// src/schema/deviceSettings.ts
+var y = [
+	{
+		prop: "tabletStyle",
+		device: "Tablet"
+	},
+	{
+		prop: "mobileStyle",
+		device: "Mobile"
+	},
+	{
+		prop: "tabletLandscapeStyle",
+		device: "Landscape tablet"
+	},
+	{
+		prop: "mobileLandscapeStyle",
+		device: "Landscape mobile"
+	}
+], he = {
+	showOnDesktop: "Show on desktop",
+	showOnTablet: "Show on portrait tablet",
+	showOnTabletLandscape: "Show on landscape tablet",
+	showOnMobile: "Show on portrait mobile",
+	showOnMobileLandscape: "Show on landscape mobile"
+}, ge = Object.fromEntries(re.map((t) => [t, e.boolean().optional()]));
+function _e(t) {
+	let n = t ? Object.fromEntries(y.map(({ prop: e }) => [e, ue(t).optional()])) : {};
+	return e.strictObject({
+		...ge,
+		...n
+	}).refine((e) => ie(e) > 0, {
+		path: ["showOnDesktop"],
+		message: "Show the element on at least one device"
+	});
+}
+function ve(e, t, n) {
+	return Object.fromEntries(Object.entries(e).filter(([e]) => t.has(e) === n));
+}
+function ye(t, n) {
+	let r = new Set(Object.keys(n.shape));
+	return e.record(e.string(), e.unknown()).transform((i, a) => {
+		let o = t.safeParse(ve(i, r, !1)), s = n.safeParse(ve(i, r, !0));
+		for (let e of [...o.error?.issues ?? [], ...s.error?.issues ?? []]) a.addIssue({
+			code: "custom",
+			path: e.path,
+			message: e.message
+		});
+		return !o.success || !s.success ? e.NEVER : {
+			...o.data,
+			...be(s.data)
+		};
+	});
+}
+function be(e) {
+	return Object.fromEntries(Object.entries(e).filter(([, e]) => !xe(e)));
+}
+function xe(e) {
+	return e === void 0 || typeof e == "object" && !!e && Object.keys(e).length === 0;
+}
+function Se(e) {
+	return Object.fromEntries(p.flatMap(({ device: t, orientation: n }) => {
+		let r = h(e, t, n);
+		return (n === "portrait" ? !r : r !== h(e, t, "portrait")) ? [[m(t, n), r]] : [];
+	}));
+}
+function Ce(e, t) {
+	return Object.fromEntries(y.flatMap(({ prop: n }) => {
+		let r = pe(e[n], t);
+		return r.length > 0 ? [[n, r]] : [];
+	}));
+}
+function we(e) {
+	return `${e.charAt(0).toLowerCase()}${e.slice(1)}`;
+}
+function Te(e) {
+	return Object.fromEntries(y.flatMap(({ prop: t, device: n }) => Object.entries(_(e, `${t}.`)).map(([e, t]) => [e, `${n} ${we(t)}`])));
+}
+function b(e, t) {
+	return {
+		...e,
+		attributes: ye(e.attributes, _e(t)),
+		toDocumentAttributes: (n) => ({
+			...e.toDocumentAttributes(n),
+			...Se(n),
+			...t ? Ce(n, t) : {}
+		}),
+		history: {
+			summary: e.history.summary,
+			attributes: {
+				...e.history.attributes,
+				...he,
+				...t ? Te(t) : {}
+			}
+		}
+	};
+}
+// src/schema/addressSchema.ts
+var Ee = "Enter an https:// address or a path that starts with /";
+function De(e) {
+	if (e.startsWith("/")) return !e.startsWith("//") && !e.startsWith("/\\");
+	try {
+		let { protocol: t } = new URL(e);
+		return t === "https:" || t === "http:";
+	} catch {
+		return !1;
+	}
+}
+var x = e.string().trim().min(1, Ee).refine(De, Ee), Oe = ["_self", "_blank"], S = {
+	href: "",
+	target: "_self",
+	description: ""
+}, C = {
+	href: e.string().trim().pipe(e.union([e.literal(""), x])).default(S.href),
+	target: e.enum(Oe).default(S.target),
+	description: e.string().trim().default(S.description)
+}, w = {
+	href: "Link address",
+	target: "Link target",
+	description: "Link description"
+};
+function T({ href: e, target: t, description: n }) {
+	return e === "" ? {} : {
+		href: e,
+		...t === S.target ? {} : { target: t },
+		...n === "" ? {} : { description: n }
+	};
+}
+// src/schema/PRichText/richTextMarks.ts
+var ke = /^[A-Za-z0-9][A-Za-z0-9 ]*$/;
+function E(e) {
+	return typeof e == "string" && ke.test(e);
+}
+// src/schema/style/page-styles.ts
+var Ae = /^#[0-9A-Fa-f]{6}$/;
+function je(e) {
+	return Ae.test(e) ? [
+		Number.parseInt(e.slice(1, 3), 16),
+		Number.parseInt(e.slice(3, 5), 16),
+		Number.parseInt(e.slice(5, 7), 16)
+	] : null;
+}
+function D(e) {
+	let t = je(e.hex);
+	if (!t || !Number.isFinite(e.opacity)) return;
+	if (e.opacity === 100) return e.hex.toUpperCase();
+	let n = Math.min(100, Math.max(0, e.opacity)) / 100, [r, i, a] = t;
+	return `rgba(${r}, ${i}, ${a}, ${n})`;
+}
+function Me(e) {
+	if (!(!Number.isFinite(e) || e <= 0)) return `${e}px`;
+}
+// src/schema/style/backgroundStyle.ts
+function Ne(e) {
+	if (e.backgroundType === "gradient") return "transparent";
+	if (e.backgroundColor) return D(e.backgroundColor);
+}
+function Pe(e) {
+	if (e.backgroundType !== "gradient") return "none";
+	if (e.backgroundGradient) return o(e.backgroundGradient);
+}
+function Fe(e, t) {
+	return e.backgroundType ? {
+		[`${t}-background-color`]: Ne(e),
+		[`${t}-background-image`]: Pe(e)
+	} : {};
+}
+// src/schema/style/elementStyle.ts
+var O = [
+	"none",
+	"solid",
+	"dashed",
+	"dotted",
+	"double"
+], Ie = [
+	"row",
+	"column",
+	"row-reverse",
+	"column-reverse"
+], Le = [
+	"nowrap",
+	"wrap",
+	"wrap-reverse"
+], k = [
+	"flex-start",
+	"center",
+	"flex-end",
+	"space-between",
+	"space-around",
+	"space-evenly"
+], Re = [
+	"stretch",
+	"flex-start",
+	"center",
+	"flex-end",
+	"baseline"
+], ze = ["stretch", ...k], A = {
+	layout: "block",
+	flexDirection: "row",
+	flexWrap: "nowrap",
+	justifyContent: "flex-start",
+	alignItems: "stretch",
+	alignContent: "stretch",
+	rowGap: "0",
+	columnGap: "0",
+	backgroundType: "color",
+	backgroundColor: {
+		hex: "#FFFFFF",
+		opacity: 0
+	},
+	backgroundGradient: {
+		kind: "linear",
+		value: "135deg, #2563EB, #7C3AED"
+	},
+	overflow: "show",
+	overflowVertical: !0,
+	overflowHorizontal: !0,
+	width: "auto",
+	height: "auto",
+	minWidth: "auto",
+	minHeight: "auto",
+	maxWidth: "auto",
+	maxHeight: "auto",
+	paddingTop: "auto",
+	paddingBottom: "auto",
+	paddingLeft: "auto",
+	paddingRight: "auto",
+	marginTop: "0",
+	marginBottom: "0",
+	marginLeft: "0",
+	marginRight: "0",
+	borderRadiusTopLeft: "0",
+	borderRadiusTopRight: "0",
+	borderRadiusBottomRight: "0",
+	borderRadiusBottomLeft: "0",
+	borderWidth: "0",
+	borderStyle: "solid",
+	borderColor: {
+		hex: "#000000",
+		opacity: 100
+	}
+}, Be = /^(auto|0|-?\d+(\.\d+)?(px|rem|em|%))$/i, Ve = /^(0|\d+(\.\d+)?(px|rem|em))$/i;
+function j(e) {
+	let t = e.trim();
+	if (Be.test(t)) return t;
+}
+function M(e) {
+	let t = j(e);
+	if (t != null) return t.toLowerCase() === "auto" ? "0" : t;
+}
+function N(e) {
+	let t = j(e);
+	return t?.toLowerCase() === "auto" ? "none" : t;
+}
+function He(e) {
+	let t = e.trim();
+	return Ve.test(t) ? t : void 0;
+}
+function Ue(e, t) {
+	return e === "hide" ? "hidden" : t ? "auto" : "hidden";
+}
+var We = [
+	"marginTop",
+	"marginBottom",
+	"marginLeft",
+	"marginRight"
+];
+function Ge(e) {
+	return e.trim().toLowerCase() === "auto";
+}
+function P(e, t) {
+	return We.every((t) => Ge(e[t])) ? "0" : j(e[t]);
+}
+function Ke(e) {
+	return e.layout !== "grid" || e.gridColumns == null ? "none" : `repeat(${e.gridColumns}, minmax(0, 1fr))`;
+}
+function qe(e, t) {
+	let n = {
+		...A,
+		...e
+	}, r = `--palmyit-${t}`;
+	return {
+		[`${r}-display`]: n.layout,
+		[`${r}-grid-template-columns`]: Ke(n),
+		[`${r}-flex-direction`]: n.flexDirection,
+		[`${r}-flex-wrap`]: n.flexWrap,
+		[`${r}-justify-content`]: n.justifyContent,
+		[`${r}-align-items`]: n.alignItems,
+		[`${r}-align-content`]: n.alignContent,
+		[`${r}-row-gap`]: M(n.rowGap),
+		[`${r}-column-gap`]: M(n.columnGap),
+		[`${r}-overflow-x`]: Ue(n.overflow, n.overflowHorizontal),
+		[`${r}-overflow-y`]: Ue(n.overflow, n.overflowVertical),
+		[`${r}-width`]: j(n.width),
+		[`${r}-height`]: j(n.height),
+		[`${r}-min-width`]: j(n.minWidth),
+		[`${r}-min-height`]: j(n.minHeight),
+		[`${r}-max-width`]: N(n.maxWidth),
+		[`${r}-max-height`]: N(n.maxHeight),
+		[`${r}-padding-top`]: M(n.paddingTop),
+		[`${r}-padding-bottom`]: M(n.paddingBottom),
+		[`${r}-padding-left`]: M(n.paddingLeft),
+		[`${r}-padding-right`]: M(n.paddingRight),
+		[`${r}-margin-top`]: P(n, "marginTop"),
+		[`${r}-margin-bottom`]: P(n, "marginBottom"),
+		[`${r}-margin-left`]: P(n, "marginLeft"),
+		[`${r}-margin-right`]: P(n, "marginRight"),
+		[`${r}-border-top-left-radius`]: M(n.borderRadiusTopLeft),
+		[`${r}-border-top-right-radius`]: M(n.borderRadiusTopRight),
+		[`${r}-border-bottom-right-radius`]: M(n.borderRadiusBottomRight),
+		[`${r}-border-bottom-left-radius`]: M(n.borderRadiusBottomLeft),
+		[`${r}-border-width`]: He(n.borderWidth),
+		[`${r}-border-style`]: n.borderStyle,
+		[`${r}-border-color`]: D(n.borderColor),
+		...Fe(n, r)
+	};
+}
+// src/schema/elementStyleDefinitions.ts
+var F = e.string().trim().regex(Be, "Expected auto, 0, or a px, rem, em, or % length"), I = [
+	[
+		"width",
+		"width",
+		"Width"
+	],
+	[
+		"height",
+		"height",
+		"Height"
+	],
+	[
+		"minWidth",
+		"min-width",
+		"Min width"
+	],
+	[
+		"minHeight",
+		"min-height",
+		"Min height"
+	],
+	[
+		"maxWidth",
+		"max-width",
+		"Max width"
+	],
+	[
+		"maxHeight",
+		"max-height",
+		"Max height"
+	],
+	[
+		"paddingTop",
+		"padding-top",
+		"Padding top"
+	],
+	[
+		"paddingBottom",
+		"padding-bottom",
+		"Padding bottom"
+	],
+	[
+		"paddingLeft",
+		"padding-left",
+		"Padding left"
+	],
+	[
+		"paddingRight",
+		"padding-right",
+		"Padding right"
+	],
+	[
+		"marginTop",
+		"margin-top",
+		"Margin top"
+	],
+	[
+		"marginBottom",
+		"margin-bottom",
+		"Margin bottom"
+	],
+	[
+		"marginLeft",
+		"margin-left",
+		"Margin left"
+	],
+	[
+		"marginRight",
+		"margin-right",
+		"Margin right"
+	],
+	[
+		"borderRadiusTopLeft",
+		"border-top-left-radius",
+		"Radius top left"
+	],
+	[
+		"borderRadiusTopRight",
+		"border-top-right-radius",
+		"Radius top right"
+	],
+	[
+		"borderRadiusBottomRight",
+		"border-bottom-right-radius",
+		"Radius bottom right"
+	],
+	[
+		"borderRadiusBottomLeft",
+		"border-bottom-left-radius",
+		"Radius bottom left"
+	]
+];
+function Je(t) {
+	let n = `--palmyit-${t}`, r = {
+		key: "gridColumns",
+		variable: `${n}-grid-template-columns`,
+		value: e.union([
+			e.literal(2),
+			e.literal(3),
+			e.literal(4)
+		]),
+		label: "Grid columns"
+	};
+	return [
+		{
+			key: "layout",
+			variable: `${n}-display`,
+			attribute: "data-layout",
+			value: e.enum([
+				"block",
+				"flex",
+				"grid"
+			]),
+			defaultValue: "block",
+			label: "Layout"
+		},
+		r,
+		...Ye(t)
+	];
+}
+function Ye(t) {
+	let n = `--palmyit-${t}`;
+	return [
+		{
+			key: "flexDirection",
+			variable: `${n}-flex-direction`,
+			value: e.enum(Ie),
+			defaultValue: A.flexDirection,
+			label: "Direction"
+		},
+		{
+			key: "flexWrap",
+			variable: `${n}-flex-wrap`,
+			value: e.enum(Le),
+			defaultValue: A.flexWrap,
+			label: "Wrap"
+		},
+		{
+			key: "justifyContent",
+			variable: `${n}-justify-content`,
+			value: e.enum(k),
+			defaultValue: A.justifyContent,
+			label: "Justify"
+		},
+		{
+			key: "alignItems",
+			variable: `${n}-align-items`,
+			value: e.enum(Re),
+			defaultValue: A.alignItems,
+			label: "Align items"
+		},
+		{
+			key: "alignContent",
+			variable: `${n}-align-content`,
+			value: e.enum(ze),
+			defaultValue: A.alignContent,
+			label: "Align content"
+		},
+		{
+			key: "rowGap",
+			variable: `${n}-row-gap`,
+			value: F,
+			defaultValue: A.rowGap,
+			label: "Row gap"
+		},
+		{
+			key: "columnGap",
+			variable: `${n}-column-gap`,
+			value: F,
+			defaultValue: A.columnGap,
+			label: "Column gap"
+		}
+	];
+}
+function Xe(t, n) {
+	let r = `--palmyit-${t}`;
+	return [
+		{
+			key: "overflow",
+			variables: {
+				x: `${r}-overflow-x`,
+				y: `${r}-overflow-y`
+			},
+			value: e.enum(["show", "hide"]),
+			defaultValue: n.overflow,
+			label: "Overflowing contents"
+		},
+		{
+			key: "overflowHorizontal",
+			variable: `${r}-overflow-x`,
+			value: e.boolean(),
+			defaultValue: n.overflowHorizontal,
+			label: "Horizontal overflow"
+		},
+		{
+			key: "overflowVertical",
+			variable: `${r}-overflow-y`,
+			value: e.boolean(),
+			defaultValue: n.overflowVertical,
+			label: "Vertical overflow"
+		}
+	];
+}
+function Ze(e, t) {
+	return I.map(([n, r, i]) => ({
+		key: n,
+		variable: `--palmyit-${e}-${r}`,
+		value: F,
+		defaultValue: t[n],
+		label: i
+	}));
+}
+function Qe(t, n) {
+	let r = `--palmyit-${t}`;
+	return [
+		{
+			key: "borderWidth",
+			variable: `${r}-border-width`,
+			value: F,
+			defaultValue: n.borderWidth,
+			label: "Border width"
+		},
+		{
+			key: "borderStyle",
+			variable: `${r}-border-style`,
+			value: e.enum(O),
+			defaultValue: n.borderStyle,
+			label: "Border style"
+		},
+		{
+			key: "borderColor",
+			variable: `${r}-border-color`,
+			value: s,
+			defaultValue: n.borderColor,
+			label: "Border color"
+		}
+	];
+}
+function $e(e, t) {
+	return [
+		...Je(e),
+		...Xe(e, t),
+		...Ze(e, t),
+		...Qe(e, t),
+		...l(`--palmyit-${e}`, { defaults: t })
+	];
+}
+function et(e, t) {
+	return g(e).transform((e) => ({
+		...t,
+		...e
+	})).superRefine((e, t) => {
+		e.layout === "grid" && e.gridColumns == null && t.addIssue({
+			code: "custom",
+			path: ["gridColumns"],
+			message: "A grid layout needs 2, 3, or 4 columns"
+		});
+	});
+}
+// src/schema/Fields/IconPicker/iconCatalog.ts
+var tt = /^MdOutline[A-Z0-9]/, nt = "";
+function L(e) {
+	return tt.test(e);
+}
+function rt(e) {
+	return e.replace(/^MdOutline/, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+}
+// src/schema/PButton/pButton.definition.ts
+var it = {
+	name: "Button",
+	startIcon: "",
+	endIcon: "",
+	...S,
+	style: {}
+}, at = e.string().refine((e) => e === "" || L(e), "Expected an outlined Material icon name such as MdOutlineHome").default("");
+function ot(e, t) {
+	return t === "" ? {} : { [e]: t };
+}
+var R = "--palmyit-button", z = [
+	...l(R, { typeAttribute: "data-background" }),
+	{
+		key: "borderWidth",
+		variable: `${R}-border-width`,
+		value: F,
+		label: "Border width"
+	},
+	{
+		key: "borderStyle",
+		variable: `${R}-border-style`,
+		value: e.enum(O),
+		label: "Border style"
+	},
+	{
+		key: "borderColor",
+		variable: `${R}-border-color`,
+		value: s,
+		label: "Border color"
+	},
+	...I.map(([e, t, n]) => ({
+		key: e,
+		variable: `${R}-${t}`,
+		value: F,
+		label: n
+	})),
+	{
+		key: "textColor",
+		variable: `${R}-text-color`,
+		value: s,
+		label: "Text color"
+	},
+	{
+		key: "textFont",
+		variable: `${R}-font-family`,
+		value: e.string().refine(E, "Expected a Google Fonts family name"),
+		label: "Font"
+	},
+	{
+		key: "textSize",
+		variable: `${R}-font-size`,
+		value: F,
+		label: "Text size"
+	},
+	{
+		key: "iconGap",
+		variable: `${R}-gap`,
+		value: F,
+		label: "Icon gap"
+	}
+], st = b(n({
+	type: "PButton",
+	label: "Button",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		name: e.string().trim().min(1, "Enter a button label").default(it.name),
+		startIcon: at,
+		endIcon: at,
+		...C,
+		style: g(z).transform((e) => e)
+	}),
+	toDocumentAttributes: ({ id: e, name: t, startIcon: n, endIcon: r, href: i, target: a, description: o, style: s }) => ({
+		id: e,
+		name: t,
+		...ot("startIcon", n),
+		...ot("endIcon", r),
+		...T({
+			href: i,
+			target: a,
+			description: o
+		}),
+		style: v(s, z)
+	}),
+	history: {
+		summary: ({ name: e }) => e,
+		attributes: {
+			name: "Label",
+			startIcon: "Start icon",
+			endIcon: "End icon",
+			...w,
+			..._(z, "style.")
+		}
+	}
+}), z), B = {
+	label: "Checkbox",
+	checked: !1
+}, ct = b(n({
+	type: "PCheckbox",
+	label: "Checkbox input",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		label: e.string().trim().min(1, "Enter a label").default(B.label),
+		checked: e.boolean().default(B.checked)
+	}),
+	toDocumentAttributes: ({ id: e, label: t, checked: n }) => ({
+		id: e,
+		label: t,
+		checked: n
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			checked: "Checked"
+		}
+	}
+}));
+// src/schema/layoutElementConfiguration.ts
+function V({ type: r, label: i, kind: a, defaultStyle: o, allowedChildren: s, templates: c }) {
+	let l = $e(a, o);
+	return b(n({
+		type: r,
+		label: i,
+		allowedChildren: s,
+		templates: c,
+		attributes: e.strictObject({
+			id: t,
+			style: et(l, o)
+		}),
+		toDocumentAttributes: ({ id: e, style: t }) => ({
+			id: e,
+			style: v(t, l)
+		}),
+		history: {
+			summary: () => i,
+			attributes: _(l, "style.")
+		}
+	}), l);
+}
+// src/schema/layoutChildren.ts
+var H = [
+	"PContainer",
+	"PButton",
+	"PText",
+	"PRichText",
+	"PImage",
+	"PVideo",
+	"PList",
+	"PIcon",
+	"PDivider",
+	"PTable",
+	"PTextField",
+	"PTextArea",
+	"PCheckbox",
+	"PRadio",
+	"PSelect"
+], lt = { ...A }, ut = V({
+	type: "PContainer",
+	label: "Container",
+	kind: "container",
+	defaultStyle: lt,
+	allowedChildren: H,
+	templates: []
+}), dt = [
+	"1",
+	"2",
+	"3",
+	"4"
+], ft = { size: "4" }, pt = b(n({
+	type: "PDivider",
+	label: "Divider",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		size: e.enum(dt).default(ft.size)
+	}),
+	toDocumentAttributes: ({ id: e, size: t }) => ({
+		id: e,
+		size: t
+	}),
+	history: {
+		summary: () => "",
+		attributes: { size: "Width" }
+	}
+})), U = {
+	icon: "MdOutlineStarBorder",
+	label: "Icon",
+	...S
+}, mt = b(n({
+	type: "PIcon",
+	label: "Icon",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		icon: e.string().refine(L, "Choose an outlined Material icon such as MdOutlineHome").default(U.icon),
+		label: e.string().trim().default(U.label),
+		...C
+	}).refine(({ href: e, label: t }) => e === "" || t !== "", {
+		path: ["label"],
+		message: "Describe a linked icon so the link has a name"
+	}),
+	toDocumentAttributes: ({ id: e, icon: t, label: n, href: r, target: i, description: a }) => ({
+		id: e,
+		icon: t,
+		label: n,
+		...T({
+			href: r,
+			target: i,
+			description: a
+		})
+	}),
+	history: {
+		summary: ({ icon: e, label: t }) => t || rt(e),
+		attributes: {
+			icon: "Icon",
+			label: "Description",
+			...w
+		}
+	}
+})), ht = [
+	"width",
+	"height",
+	"minWidth",
+	"minHeight",
+	"maxWidth",
+	"maxHeight"
+], gt = [
+	"borderRadiusTopLeft",
+	"borderRadiusTopRight",
+	"borderRadiusBottomRight",
+	"borderRadiusBottomLeft"
+], _t = [...ht, ...gt], W = {
+	src: "/image-placeholder.svg",
+	alt: "Image",
+	style: {},
+	...S
+}, G = "--palmyit-image";
+function vt(e) {
+	return I.filter(([t]) => e.includes(t)).map(([e, t, n]) => ({
+		key: e,
+		variable: `${G}-${t}`,
+		value: F,
+		label: n
+	}));
+}
+var K = [
+	...vt(ht),
+	...l(G, { typeAttribute: "data-background" }),
+	{
+		key: "borderWidth",
+		variable: `${G}-border-width`,
+		value: F,
+		label: "Border width"
+	},
+	{
+		key: "borderStyle",
+		variable: `${G}-border-style`,
+		value: e.enum(O),
+		label: "Border style"
+	},
+	{
+		key: "borderColor",
+		variable: `${G}-border-color`,
+		value: s,
+		label: "Border color"
+	},
+	...vt(gt)
+], yt = b(n({
+	type: "PImage",
+	label: "Image",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		src: x.default(W.src),
+		alt: e.string().trim().default(W.alt),
+		style: g(K).transform((e) => e),
+		...C
+	}).refine(({ href: e, alt: t }) => e === "" || t !== "", {
+		path: ["alt"],
+		message: "Describe a linked image so the link has a name"
+	}),
+	toDocumentAttributes: ({ id: e, src: t, alt: n, style: r, href: i, target: a, description: o }) => ({
+		id: e,
+		src: t,
+		alt: n,
+		style: v(r, K),
+		...T({
+			href: i,
+			target: a,
+			description: o
+		})
+	}),
+	history: {
+		summary: ({ alt: e }) => e,
+		attributes: {
+			src: "Image address",
+			alt: "Description",
+			...w,
+			..._(K, "style.")
+		}
+	}
+}), K);
+// src/schema/textItems.ts
+function q(t, n) {
+	return e.array(e.strictObject({ text: e.string().trim().min(1, n) })).min(1, t);
+}
+function J(e) {
+	return e.map(({ text: e }) => ({ text: e }));
+}
+// src/schema/PList/pList.definition.ts
+var bt = { items: [
+	{ text: "First item" },
+	{ text: "Second item" },
+	{ text: "Third item" }
+] }, xt = b(n({
+	type: "PList",
+	label: "List",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		items: q("Add a list item", "Enter item text").default(bt.items)
+	}),
+	toDocumentAttributes: ({ id: e, items: t }) => ({
+		id: e,
+		items: J(t)
+	}),
+	history: {
+		summary: ({ items: e }) => e[0]?.text ?? "",
+		attributes: { items: "Items" }
+	}
+})), St = /^\/([a-z0-9]+(-[a-z0-9]+)*)?$/, Ct = e.strictObject({
+	hex: e.string().regex(/^#[0-9A-Fa-f]{6}$/, "Expected a #RRGGBB color"),
+	opacity: e.number().int().min(0).max(100)
+}), Y = {
+	backgroundColor: {
+		hex: "#FFFFFF",
+		opacity: 100
+	},
+	textColor: {
+		hex: "#0F172A",
+		opacity: 100
+	},
+	textSize: 14
+}, X = [
+	{
+		key: "backgroundColor",
+		variable: "--palmyit-page-background-color",
+		value: Ct,
+		defaultValue: Y.backgroundColor,
+		label: "Background color"
+	},
+	{
+		key: "textColor",
+		variable: "--palmyit-page-text-color",
+		value: Ct,
+		defaultValue: Y.textColor,
+		label: "Text color"
+	},
+	{
+		key: "textSize",
+		variable: "--palmyit-page-font-size",
+		value: e.number().min(1).max(200),
+		defaultValue: Y.textSize,
+		label: "Text size"
+	}
+], wt = X.map(({ key: e }) => e), Tt = n({
+	type: "PPage",
+	label: "Page",
+	allowedChildren: ["PSection"],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		url: e.string().regex(St, "Expected / or a lowercase path such as /about-us"),
+		title: e.string().default(""),
+		style: g(X)
+	}).transform(({ id: e, url: t, title: n, style: r }) => ({
+		pageId: e,
+		url: t,
+		title: n,
+		...r
+	})),
+	toDocumentAttributes: ({ pageId: e, url: t, title: n, ...r }) => ({
+		id: e,
+		url: t,
+		title: n,
+		style: v(r, X)
+	}),
+	history: {
+		summary: ({ title: e, url: t }) => e || t,
+		attributes: {
+			title: "Title",
+			url: "URL",
+			..._(X)
+		}
+	}
+}), Et = {
+	legend: "Choose one",
+	options: [{ text: "Option 1" }, { text: "Option 2" }]
+}, Dt = b(n({
+	type: "PRadio",
+	label: "Radio input",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		legend: e.string().trim().min(1, "Enter a question").default(Et.legend),
+		options: q("Add an option", "Enter option text").default(Et.options)
+	}),
+	toDocumentAttributes: ({ id: e, legend: t, options: n }) => ({
+		id: e,
+		legend: t,
+		options: J(n)
+	}),
+	history: {
+		summary: ({ legend: e }) => e,
+		attributes: {
+			legend: "Question",
+			options: "Options"
+		}
+	}
+})), Ot = { ...A }, kt = V({
+	type: "PSection",
+	label: "Section",
+	kind: "section",
+	defaultStyle: Ot,
+	allowedChildren: H,
+	templates: []
+}), At = {
+	label: "Select",
+	options: [{ text: "Option 1" }, { text: "Option 2" }]
+}, jt = b(n({
+	type: "PSelect",
+	label: "Select",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		label: e.string().trim().min(1, "Enter a label").default(At.label),
+		options: q("Add an option", "Enter option text").default(At.options)
+	}),
+	toDocumentAttributes: ({ id: e, label: t, options: n }) => ({
+		id: e,
+		label: t,
+		options: J(n)
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			options: "Options"
+		}
+	}
+})), Mt = {
+	headers: [
+		{ text: "Column 1" },
+		{ text: "Column 2" },
+		{ text: "Column 3" }
+	],
+	rows: [{ cells: [
+		"Cell 1",
+		"Cell 2",
+		"Cell 3"
+	] }, { cells: [
+		"Cell 4",
+		"Cell 5",
+		"Cell 6"
+	] }]
+};
+function Nt(e, t) {
+	return t.map(({ cells: t }) => ({ cells: Array.from({ length: e }, (e, n) => t[n] ?? "") }));
+}
+var Pt = e.strictObject({ cells: e.array(e.string()) }), Ft = b(n({
+	type: "PTable",
+	label: "Table",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		headers: q("Add a column", "Enter a column heading").default(Mt.headers),
+		rows: e.array(Pt).default(Mt.rows)
+	}).superRefine(({ headers: e, rows: t }, n) => {
+		t.forEach(({ cells: t }, r) => {
+			t.length !== e.length && n.addIssue({
+				code: "custom",
+				path: [
+					"rows",
+					r,
+					"cells"
+				],
+				message: "Give each row one cell per column"
+			});
+		});
+	}),
+	toDocumentAttributes: ({ id: e, headers: t, rows: n }) => ({
+		id: e,
+		headers: J(t),
+		rows: n.map(({ cells: e }) => ({ cells: [...e] }))
+	}),
+	history: {
+		summary: ({ headers: e }) => e[0]?.text ?? "",
+		attributes: {
+			headers: "Column headings",
+			rows: "Rows"
+		}
+	}
+})), It = /<[^>]*>/g;
+function Lt(e) {
+	let t = e.trim();
+	return t.includes("<") ? t : `<p>${t}</p>`;
+}
+function Rt(e) {
+	return e.replace(It, " ").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim();
+}
+// src/schema/PRichText/pRichText.definition.ts
+var zt = { text: "<p>Add your main text here. Double-click to edit and customize your content to make it selectable.</p>" }, Bt = b(n({
+	type: "PRichText",
+	label: "Rich text",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		text: e.string().transform(Lt).refine((e) => Rt(e).trim().length > 0, "Enter text").default(zt.text)
+	}),
+	toDocumentAttributes: ({ id: e, text: t }) => ({
+		id: e,
+		text: Lt(t)
+	}),
+	history: {
+		summary: ({ text: e }) => Rt(e),
+		attributes: { text: "Text" }
+	}
+})), Vt = [
+	"normal",
+	"italic",
+	"oblique"
+], Ht = [
+	"none",
+	"underline",
+	"overline",
+	"line-through"
+], Ut = [
+	"left",
+	"center",
+	"right",
+	"justify"
+], Wt = [
+	"none",
+	"capitalize",
+	"uppercase",
+	"lowercase"
+], Gt = [
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"700",
+	"800",
+	"900"
+], Kt = {
+	text: "Text",
+	...S,
+	style: {}
+}, qt = "--palmyit-text";
+function Jt(t) {
+	return [
+		{
+			key: "textFont",
+			variable: `${t}-font-family`,
+			value: e.string().refine(E, "Expected a Google Fonts family name"),
+			label: "Font family"
+		},
+		{
+			key: "fontStyle",
+			variable: `${t}-font-style`,
+			value: e.enum(Vt),
+			label: "Text style"
+		},
+		{
+			key: "textSize",
+			variable: `${t}-font-size`,
+			value: F,
+			label: "Text size"
+		},
+		{
+			key: "textColor",
+			variable: `${t}-color`,
+			value: s,
+			label: "Text color"
+		},
+		{
+			key: "lineHeight",
+			variable: `${t}-line-height`,
+			value: F,
+			label: "Height"
+		},
+		{
+			key: "letterSpacing",
+			variable: `${t}-letter-spacing`,
+			value: F,
+			label: "Letter spacing"
+		},
+		{
+			key: "wordSpacing",
+			variable: `${t}-word-spacing`,
+			value: F,
+			label: "Word spacing"
+		},
+		{
+			key: "textDecoration",
+			variable: `${t}-text-decoration`,
+			value: e.enum(Ht),
+			label: "Text decoration"
+		},
+		{
+			key: "textAlign",
+			variable: `${t}-text-align`,
+			value: e.enum(Ut),
+			label: "Text align"
+		},
+		{
+			key: "textTransform",
+			variable: `${t}-text-transform`,
+			value: e.enum(Wt),
+			label: "Text transform"
+		},
+		{
+			key: "fontWeight",
+			variable: `${t}-font-weight`,
+			value: e.enum(Gt),
+			label: "Text weight"
+		}
+	];
+}
+var Z = Jt(qt), Yt = b(n({
+	type: "PText",
+	label: "Text",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		text: e.string().trim().min(1, "Enter text").default(Kt.text),
+		...C,
+		style: g(Z).transform((e) => e)
+	}),
+	toDocumentAttributes: ({ id: e, text: t, href: n, target: r, description: i, style: a }) => ({
+		id: e,
+		text: t,
+		...T({
+			href: n,
+			target: r,
+			description: i
+		}),
+		style: v(a, Z)
+	}),
+	history: {
+		summary: ({ text: e }) => e,
+		attributes: {
+			text: "Text",
+			...w,
+			..._(Z, "style.")
+		}
+	}
+}), Z), Xt = {
+	label: "Text area",
+	placeholder: ""
+}, Zt = b(n({
+	type: "PTextArea",
+	label: "Text area",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		label: e.string().trim().min(1, "Enter a label").default(Xt.label),
+		placeholder: e.string().default(Xt.placeholder)
+	}),
+	toDocumentAttributes: ({ id: e, label: t, placeholder: n }) => ({
+		id: e,
+		label: t,
+		placeholder: n
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			placeholder: "Placeholder"
+		}
+	}
+})), Qt = {
+	label: "Text field",
+	placeholder: ""
+}, $t = b(n({
+	type: "PTextField",
+	label: "Text field",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		label: e.string().trim().min(1, "Enter a label").default(Qt.label),
+		placeholder: e.string().default(Qt.placeholder)
+	}),
+	toDocumentAttributes: ({ id: e, label: t, placeholder: n }) => ({
+		id: e,
+		label: t,
+		placeholder: n
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			placeholder: "Placeholder"
+		}
+	}
+})), en = {
+	src: "",
+	title: "Video"
+}, tn = b(n({
+	type: "PVideo",
+	label: "Video",
+	allowedChildren: [],
+	templates: [],
+	attributes: e.strictObject({
+		id: t,
+		src: e.union([e.literal(""), x]).default(en.src),
+		title: e.string().trim().min(1, "Enter a video title").default(en.title)
+	}),
+	toDocumentAttributes: ({ id: e, src: t, title: n }) => ({
+		id: e,
+		src: t,
+		title: n
+	}),
+	history: {
+		summary: ({ title: e }) => e,
+		attributes: {
+			src: "Video address",
+			title: "Title"
+		}
+	}
+})), Q = {
+	PPage: Tt,
+	PSection: kt,
+	PContainer: ut,
+	PButton: st,
+	PText: Yt,
+	PRichText: Bt,
+	PImage: yt,
+	PVideo: tn,
+	PList: xt,
+	PIcon: mt,
+	PDivider: pt,
+	PTextField: $t,
+	PTextArea: Zt,
+	PCheckbox: ct,
+	PRadio: Dt,
+	PSelect: jt,
+	PTable: Ft
+};
+function nn(e) {
+	return typeof e == "string" && Object.hasOwn(Q, e);
+}
+// src/schema/elementTemplates.ts
+function rn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function an(e) {
+	try {
+		let t = JSON.parse(e);
+		return rn(t) ? t : void 0;
+	} catch {
+		return;
+	}
+}
+function on(e) {
+	return Array.isArray(e) ? e : [];
+}
+function sn(e, t) {
+	let n = new Map(on(e).map((e) => [e.key, e]));
+	for (let e of on(t)) n.set(e.key, {
+		...n.get(e.key),
+		...e
+	});
+	return [...n.values()];
+}
+function cn(e, t) {
+	let n = {
+		...e,
+		...t,
+		id: e.id
+	};
+	return "style" in t && (n.style = sn(e.style, t.style)), n;
+}
+function ln(e, t) {
+	if (!Array.isArray(t)) return {
+		ok: !1,
+		message: "Expected a list of children"
+	};
+	let n = [];
+	for (let r of t) {
+		let t = un(e, r);
+		if (!t.ok) return t;
+		n.push(t.item);
+	}
+	return {
+		ok: !0,
+		content: n
+	};
+}
+function un(e, t) {
+	if (!rn(t)) return {
+		ok: !1,
+		message: "Expected an element object"
+	};
+	let n = t.type;
+	if (!nn(n)) return {
+		ok: !1,
+		message: `Unknown element type "${String(n)}"`
+	};
+	if (!Q[e].allowedChildren.includes(n)) return {
+		ok: !1,
+		message: `${n} is not allowed inside ${e}`
+	};
+	let { children: r, type: i, ...a } = t, o = Q[n];
+	if (r !== void 0 && o.allowedChildren.length === 0) return {
+		ok: !1,
+		message: `${n} cannot have children`
+	};
+	let s = o.attributes.safeParse(a);
+	if (!s.success) return {
+		ok: !1,
+		message: s.error.issues[0]?.message ?? "Invalid template"
+	};
+	let c = { ...s.data };
+	if (o.allowedChildren.length === 0) return {
+		ok: !0,
+		item: {
+			type: n,
+			props: c
+		}
+	};
+	let l = r === void 0 ? {
+		ok: !0,
+		content: []
+	} : ln(n, r);
+	return l.ok ? {
+		ok: !0,
+		item: {
+			type: n,
+			props: {
+				...c,
+				content: l.content
+			}
+		}
+	} : l;
+}
+function dn(e, t, n) {
+	let r = (e) => ({
+		ok: !1,
+		message: `Template "${n.name}": ${e}`
+	}), i = an(n.shortcode);
+	if (!i) return r("Expected a JSON object");
+	let { children: a, type: o, ...s } = i, c = e.toDocumentAttributes(t), l = e.attributes.safeParse(cn(c, s));
+	if (!l.success) return r(l.error.issues[0]?.message ?? "Invalid template");
+	if (a === void 0) return {
+		ok: !0,
+		props: l.data
+	};
+	let u = ln(e.type, a);
+	return u.ok ? {
+		ok: !0,
+		props: l.data,
+		content: u.content
+	} : r(u.message);
+}
+// src/schema/Fields/ColorField/color-value.ts
+var fn = /^#[0-9A-Fa-f]{6}$/, pn = /^#[0-9A-Fa-f]{8}$/;
+function mn(e) {
+	return Math.min(100, Math.max(0, Math.round(e)));
+}
+function hn(e) {
+	let t = e.hex.toUpperCase();
+	if (!fn.test(t)) return "#000000FF";
+	let n = mn(e.opacity);
+	return `${t}${Math.round(n / 100 * 255).toString(16).padStart(2, "0").toUpperCase()}`;
+}
+function gn(e) {
+	let t = e.trim().toUpperCase();
+	return fn.test(t) ? {
+		hex: t,
+		opacity: 100
+	} : pn.test(t) ? {
+		hex: t.slice(0, 7),
+		opacity: mn(Number.parseInt(t.slice(7, 9), 16) / 255 * 100)
+	} : null;
+}
+// src/schema/device/deviceStyle.ts
+var _n = {
+	Desktop: {
+		portrait: "style",
+		landscape: "style"
+	},
+	Tablet: {
+		portrait: "tabletStyle",
+		landscape: "tabletLandscapeStyle"
+	},
+	Mobile: {
+		portrait: "mobileStyle",
+		landscape: "mobileLandscapeStyle"
+	}
+};
+function vn(e, t = "portrait") {
+	return _n[e][t];
+}
+function $(e, t, n = "portrait") {
+	let r = vn(t, n);
+	return r === "style" ? {} : e[r] ?? {};
+}
+function yn(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function bn(e, t) {
+	return Object.fromEntries(Object.entries(t).filter(([t, n]) => n !== void 0 && !yn(n, e[t])));
+}
+function xn(e, t, n = "portrait") {
+	let r = n === "landscape" ? $(e, t, "landscape") : {};
+	return {
+		...e.style,
+		...$(e, t, "portrait"),
+		...r
+	};
+}
+export { O as BORDER_LINE_STYLES, p as DEVICE_CHOICES, ze as FLEX_ALIGN_CONTENTS, Re as FLEX_ALIGN_ITEMS, Ie as FLEX_DIRECTIONS, k as FLEX_JUSTIFY_CONTENTS, Le as FLEX_WRAPS, Vt as FONT_STYLES, Gt as FONT_WEIGHTS, _t as IMAGE_LENGTH_KEYS, G as IMAGE_PREFIX, f as LANDSCAPE_VISIBILITY_PROP_BY_DEVICE, Be as LENGTH_PATTERN, nt as NO_ICON, Ut as TEXT_ALIGNS, Ht as TEXT_DECORATIONS, qt as TEXT_PREFIX, Wt as TEXT_TRANSFORMS, re as VISIBILITY_PROPS, d as VISIBILITY_PROP_BY_DEVICE, x as addressSchema, dn as applyElementTemplate, l as backgroundStyleDefinitions, Fe as backgroundStyleToCssVariables, u as builderDevices, ee as builderViewports, bn as changedStyle, s as colorValue, D as colorValueToCss, it as defaultButtonProps, B as defaultCheckboxProps, lt as defaultContainerStyle, ft as defaultDividerProps, A as defaultElementStyle, U as defaultIconProps, W as defaultImageProps, S as defaultLinkSettings, bt as defaultListProps, Y as defaultPageStyle, Et as defaultRadioProps, zt as defaultRichTextProps, Ot as defaultSectionStyle, At as defaultSelectProps, Mt as defaultTableProps, Xt as defaultTextAreaProps, Qt as defaultTextFieldProps, Kt as defaultTextProps, en as defaultVideoProps, n as defineElement, V as defineLayoutElement, te as deviceForWidth, $ as deviceOverride, vn as deviceStyleProp, t as elementIdSchema, Q as elementRegistry, $e as elementStyleDefinitions, et as elementStyleSchema, qe as elementStyleToCssVariables, Nt as fitRowsToHeaders, gn as fromHexAlpha, o as gradientToCss, nn as isElementType, E as isFontFamily, L as isOutlineIconName, a as isSafeGradientArgs, h as isShownOn, rt as labelForIcon, H as layoutChildren, I as lengthKeys, F as lengthValue, w as linkHistoryLabels, C as linkSettingsShape, Lt as normalizeRichText, ne as orientationForWidth, st as pButtonDefinition, ct as pCheckboxDefinition, ut as pContainerDefinition, pt as pDividerDefinition, mt as pIconDefinition, yt as pImageDefinition, xt as pListDefinition, Tt as pPageDefinition, Dt as pRadioDefinition, Bt as pRichTextDefinition, kt as pSectionDefinition, jt as pSelectDefinition, Ft as pTableDefinition, Zt as pTextAreaDefinition, Yt as pTextDefinition, $t as pTextFieldDefinition, tn as pVideoDefinition, wt as pageStyleKeys, xn as resolveDeviceStyle, Rt as richTextToPlainText, M as sanitizeAutoAsZero, He as sanitizeBorderWidth, j as sanitizeLength, N as sanitizeMaxLength, ie as shownDeviceCount, g as styleItemsSchema, _ as styleLabels, ue as styleOverrideItemsSchema, q as textItemsSchema, Me as textSizeToCss, Jt as textStyleDefinitions, hn as toHexAlpha, T as toLinkAttributes, v as toStyleItems, pe as toStyleOverrideItems, J as toTextItems, m as visibilityProp, b as withDeviceSettings };