@palmyit/elements 0.1.7 → 0.1.8

package/dist/definitions.js

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