@palmyit/elements 0.1.3 → 0.1.8

package/dist/definitions.js

@@ -0,0 +1,1743 @@
+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 f = d.string().trim().min(1);
+function p(e) {
+	return 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 && 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 w(e, { defaults: t, typeAttribute: n } = {}) {
+	return [
+		{
+			key: "backgroundType",
+			...n ? { attribute: n } : {},
+			value: d.enum(["color", "gradient"]),
+			defaultValue: t?.backgroundType,
+			label: "Background type"
+		},
+		{
+			key: "backgroundColor",
+			variable: `${e}-background-color`,
+			value: C,
+			defaultValue: t?.backgroundColor,
+			label: "Background color"
+		},
+		{
+			key: "backgroundGradient",
+			variable: `${e}-background-image`,
+			value: Ve,
+			defaultValue: t?.backgroundGradient,
+			label: "Background gradient"
+		}
+	];
+}
+// src/schema/device/devices.ts
+var T = [
+	{
+		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
+		}
+	}
+], He = T.map(({ portrait: e, icon: t, name: n }) => ({
+	...e,
+	icon: t,
+	label: n
+}));
+function Ue(e) {
+	return T.find((t) => t.portrait.width === e || t.landscape?.width === e) ?? T[0];
+}
+function We(e) {
+	return Ue(e).landscape?.width === e ? "landscape" : "portrait";
+}
+// src/schema/deviceVisibility.ts
+var E = {
+	Desktop: "showOnDesktop",
+	Tablet: "showOnTablet",
+	Mobile: "showOnMobile"
+}, Ge = {
+	Tablet: "showOnTabletLandscape",
+	Mobile: "showOnMobileLandscape"
+}, Ke = [...Object.values(E), ...Object.values(Ge)], qe = T.flatMap(({ name: e, landscape: t }) => t ? [{
+	device: e,
+	orientation: "portrait"
+}, {
+	device: e,
+	orientation: "landscape"
+}] : [{
+	device: e,
+	orientation: "portrait"
+}]);
+function Je(e, t) {
+	return (t === "landscape" ? Ge[e] : void 0) ?? E[e];
+}
+function D(e, t, n = "portrait") {
+	let r = e[Je(t, n)];
+	return r === void 0 ? e[E[t]] !== !1 : r;
+}
+function Ye(e) {
+	return qe.filter(({ device: t, orientation: n }) => D(e, t, n)).length;
+}
+// src/schema/styleItems.ts
+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 Qe(e) {
+	let t = {};
+	for (let n of e) n.defaultValue !== void 0 && (t[n.key] = n.defaultValue);
+	return t;
+}
+function $e(e, t) {
+	return Ze.find((n) => JSON.stringify(e[n]) !== JSON.stringify(t[n]));
+}
+function et(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 = $e(e, t);
+	if (r) return {
+		field: r,
+		message: `Style "${e.key}" ${r} does not match the element configuration`
+	};
+}
+function O(e) {
+	return nt(e, () => Qe(e));
+}
+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) {
+				r.addIssue({
+					code: "custom",
+					path: [t, 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";
+				r.addIssue({
+					code: "custom",
+					path: [t, "value"],
+					message: e
+				});
+			}
+		}), i;
+	});
+}
+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 k(e, t = "") {
+	return Object.fromEntries(e.flatMap(({ key: e, label: n }) => n === void 0 ? [] : [[`${t}${e}`, n]]));
+}
+function A(e, t) {
+	return at({
+		...Qe(t),
+		...e
+	}, t);
+}
+function it(e, t) {
+	return at(e ?? {}, t);
+}
+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 j = [
+	{
+		prop: "tabletStyle",
+		device: "Tablet"
+	},
+	{
+		prop: "mobileStyle",
+		device: "Mobile"
+	},
+	{
+		prop: "tabletLandscapeStyle",
+		device: "Landscape tablet"
+	},
+	{
+		prop: "mobileLandscapeStyle",
+		device: "Landscape mobile"
+	}
+], 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"
+}, 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 lt(e, t, n) {
+	return Object.fromEntries(Object.entries(e).filter(([e]) => t.has(e) === n));
+}
+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 !a.success || !o.success ? d.NEVER : {
+			...a.data,
+			...dt(o.data)
+		};
+	});
+}
+function dt(e) {
+	return Object.fromEntries(Object.entries(e).filter(([, e]) => !ft(e)));
+}
+function ft(e) {
+	return e === void 0 || typeof e == "object" && !!e && Object.keys(e).length === 0;
+}
+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 mt(e, t) {
+	return Object.fromEntries(j.flatMap(({ prop: n }) => {
+		let r = it(e[n], t);
+		return r.length > 0 ? [[n, r]] : [];
+	}));
+}
+function ht(e) {
+	return `${e.charAt(0).toLowerCase()}${e.slice(1)}`;
+}
+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 M(e, t) {
+	return {
+		...e,
+		attributes: ut(e.attributes, ct(t)),
+		toDocumentAttributes: (n) => ({
+			...e.toDocumentAttributes(n),
+			...pt(n),
+			...t ? mt(n, t) : {}
+		}),
+		history: {
+			summary: e.history.summary,
+			attributes: {
+				...e.history.attributes,
+				...ot,
+				...t ? gt(t) : {}
+			}
+		}
+	};
+}
+// src/schema/addressSchema.ts
+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);
+		return t === "https:" || t === "http:";
+	} catch {
+		return !1;
+	}
+}
+var N = d.string().trim().min(1, _t).refine(vt, _t), yt = ["_self", "_blank"], P = {
+	href: "",
+	target: "_self",
+	description: ""
+}, 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 L({ href: e, target: t, description: n }) {
+	return e === "" ? {} : {
+		href: e,
+		...t === P.target ? {} : { target: t },
+		...n === "" ? {} : { description: n }
+	};
+}
+// 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 R = [
+	[
+		"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 St(e) {
+	let t = `--palmyit-${e}`, n = {
+		key: "gridColumns",
+		variable: `${t}-grid-template-columns`,
+		value: d.union([
+			d.literal(2),
+			d.literal(3),
+			d.literal(4)
+		]),
+		label: "Grid columns"
+	};
+	return [
+		{
+			key: "layout",
+			variable: `${t}-display`,
+			attribute: "data-layout",
+			value: d.enum([
+				"block",
+				"flex",
+				"grid"
+			]),
+			defaultValue: "block",
+			label: "Layout"
+		},
+		n,
+		...Ct(e)
+	];
+}
+function Ct(e) {
+	let t = `--palmyit-${e}`;
+	return [
+		{
+			key: "flexDirection",
+			variable: `${t}-flex-direction`,
+			value: d.enum(he),
+			defaultValue: g.flexDirection,
+			label: "Direction"
+		},
+		{
+			key: "flexWrap",
+			variable: `${t}-flex-wrap`,
+			value: d.enum(ge),
+			defaultValue: g.flexWrap,
+			label: "Wrap"
+		},
+		{
+			key: "justifyContent",
+			variable: `${t}-justify-content`,
+			value: d.enum(_e),
+			defaultValue: g.justifyContent,
+			label: "Justify"
+		},
+		{
+			key: "alignItems",
+			variable: `${t}-align-items`,
+			value: d.enum(ve),
+			defaultValue: g.alignItems,
+			label: "Align items"
+		},
+		{
+			key: "alignContent",
+			variable: `${t}-align-content`,
+			value: d.enum(ye),
+			defaultValue: g.alignContent,
+			label: "Align content"
+		},
+		{
+			key: "rowGap",
+			variable: `${t}-row-gap`,
+			value: S,
+			defaultValue: g.rowGap,
+			label: "Row gap"
+		},
+		{
+			key: "columnGap",
+			variable: `${t}-column-gap`,
+			value: S,
+			defaultValue: g.columnGap,
+			label: "Column gap"
+		}
+	];
+}
+function wt(e, t) {
+	let n = `--palmyit-${e}`;
+	return [
+		{
+			key: "overflow",
+			variables: {
+				x: `${n}-overflow-x`,
+				y: `${n}-overflow-y`
+			},
+			value: d.enum(["show", "hide"]),
+			defaultValue: t.overflow,
+			label: "Overflowing contents"
+		},
+		{
+			key: "overflowHorizontal",
+			variable: `${n}-overflow-x`,
+			value: d.boolean(),
+			defaultValue: t.overflowHorizontal,
+			label: "Horizontal overflow"
+		},
+		{
+			key: "overflowVertical",
+			variable: `${n}-overflow-y`,
+			value: d.boolean(),
+			defaultValue: t.overflowVertical,
+			label: "Vertical overflow"
+		}
+	];
+}
+function Tt(e, t) {
+	return R.map(([n, r, i]) => ({
+		key: n,
+		variable: `--palmyit-${e}-${r}`,
+		value: S,
+		defaultValue: t[n],
+		label: i
+	}));
+}
+function Et(e, t) {
+	let n = `--palmyit-${e}`;
+	return [
+		{
+			key: "borderWidth",
+			variable: `${n}-border-width`,
+			value: Pe,
+			defaultValue: t.borderWidth,
+			label: "Border width"
+		},
+		{
+			key: "borderStyle",
+			variable: `${n}-border-style`,
+			value: d.enum(h),
+			defaultValue: t.borderStyle,
+			label: "Border style"
+		},
+		{
+			key: "borderColor",
+			variable: `${n}-border-color`,
+			value: C,
+			defaultValue: t.borderColor,
+			label: "Border color"
+		}
+	];
+}
+function Dt(e, t) {
+	return [
+		...St(e),
+		...wt(e, t),
+		...Tt(e, t),
+		...Et(e, t),
+		...w(`--palmyit-${e}`, { defaults: t })
+	];
+}
+function Ot(e, t) {
+	return O(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 kt = /^MdOutline[A-Z0-9]/, At = "";
+function z(e) {
+	return kt.test(e);
+}
+function jt(e) {
+	return e.replace(/^MdOutline/, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2");
+}
+// src/elements/button/definition.ts
+var Mt = {
+	name: "Button",
+	startIcon: "",
+	endIcon: "",
+	...P,
+	style: {}
+}, 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 B = "--palmyit-button", V = [
+	...w(B, { typeAttribute: "data-background" }),
+	{
+		key: "borderWidth",
+		variable: `${B}-border-width`,
+		value: Pe,
+		label: "Border width"
+	},
+	{
+		key: "borderStyle",
+		variable: `${B}-border-style`,
+		value: d.enum(h),
+		label: "Border style"
+	},
+	{
+		key: "borderColor",
+		variable: `${B}-border-color`,
+		value: C,
+		label: "Border color"
+	},
+	...R.map(([e, t, n]) => ({
+		key: e,
+		variable: `${B}-${t}`,
+		value: S,
+		label: n
+	})),
+	{
+		key: "textColor",
+		variable: `${B}-text-color`,
+		value: C,
+		label: "Text color"
+	},
+	{
+		key: "textFont",
+		variable: `${B}-font-family`,
+		value: d.string().refine(xt, "Expected a Google Fonts family name"),
+		label: "Font"
+	},
+	{
+		key: "textSize",
+		variable: `${B}-font-size`,
+		value: Fe,
+		label: "Text size"
+	},
+	{
+		key: "iconGap",
+		variable: `${B}-gap`,
+		value: S,
+		label: "Icon gap"
+	}
+], Ft = M(p({
+	type: "PButton",
+	label: "Button",
+	allowedChildren: [],
+	templates: [],
+	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,
+		...Pt("startIcon", n),
+		...Pt("endIcon", r),
+		...L({
+			href: i,
+			target: a,
+			description: o
+		}),
+		style: A(s, V)
+	}),
+	history: {
+		summary: ({ name: e }) => e,
+		attributes: {
+			name: "Label",
+			startIcon: "Start icon",
+			endIcon: "End icon",
+			...I,
+			...k(V, "style.")
+		}
+	}
+}), V), H = {
+	label: "Checkbox",
+	checked: !1
+}, It = M(p({
+	type: "PCheckbox",
+	label: "Checkbox input",
+	allowedChildren: [],
+	templates: [],
+	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,
+		label: t,
+		checked: n
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			checked: "Checked"
+		}
+	}
+}));
+// src/schema/layoutElementConfiguration.ts
+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: A(t, o)
+		}),
+		history: {
+			summary: () => t,
+			attributes: k(o, "style.")
+		}
+	}), o);
+}
+// src/schema/layoutChildren.ts
+var W = [
+	"PContainer",
+	"PButton",
+	"PText",
+	"PRichText",
+	"PImage",
+	"PVideo",
+	"PList",
+	"PIcon",
+	"PDivider",
+	"PTable",
+	"PTextField",
+	"PTextArea",
+	"PCheckbox",
+	"PRadio",
+	"PSelect"
+], Lt = { ...g }, Rt = U({
+	type: "PContainer",
+	label: "Container",
+	kind: "container",
+	defaultStyle: Lt,
+	allowedChildren: W,
+	templates: []
+}), zt = [
+	"1",
+	"2",
+	"3",
+	"4"
+], Bt = { size: "4" }, Vt = M(p({
+	type: "PDivider",
+	label: "Divider",
+	allowedChildren: [],
+	templates: [],
+	attributes: d.strictObject({
+		id: f,
+		size: d.enum(zt).default(Bt.size)
+	}),
+	toDocumentAttributes: ({ id: e, size: t }) => ({
+		id: e,
+		size: t
+	}),
+	history: {
+		summary: () => "",
+		attributes: { size: "Width" }
+	}
+})), G = {
+	icon: "MdOutlineStarBorder",
+	label: "Icon",
+	...P
+}, Ht = M(p({
+	type: "PIcon",
+	label: "Icon",
+	allowedChildren: [],
+	templates: [],
+	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"
+	}),
+	toDocumentAttributes: ({ id: e, icon: t, label: n, href: r, target: i, description: a }) => ({
+		id: e,
+		icon: t,
+		label: n,
+		...L({
+			href: r,
+			target: i,
+			description: a
+		})
+	}),
+	history: {
+		summary: ({ icon: e, label: t }) => t || jt(e),
+		attributes: {
+			icon: "Icon",
+			label: "Description",
+			...I
+		}
+	}
+})), Ut = [
+	"width",
+	"height",
+	"minWidth",
+	"minHeight",
+	"maxWidth",
+	"maxHeight"
+], Wt = [
+	"borderRadiusTopLeft",
+	"borderRadiusTopRight",
+	"borderRadiusBottomRight",
+	"borderRadiusBottomLeft"
+], Gt = [...Ut, ...Wt], Kt = {
+	src: "/image-placeholder.svg",
+	alt: "Image",
+	style: {},
+	...P
+}, K = "--palmyit-image";
+function qt(e) {
+	return R.filter(([t]) => e.includes(t)).map(([e, t, n]) => ({
+		key: e,
+		variable: `${K}-${t}`,
+		value: S,
+		label: n
+	}));
+}
+var q = [
+	...qt(Ut),
+	...w(K, { typeAttribute: "data-background" }),
+	{
+		key: "borderWidth",
+		variable: `${K}-border-width`,
+		value: Pe,
+		label: "Border width"
+	},
+	{
+		key: "borderStyle",
+		variable: `${K}-border-style`,
+		value: d.enum(h),
+		label: "Border style"
+	},
+	{
+		key: "borderColor",
+		variable: `${K}-border-color`,
+		value: C,
+		label: "Border color"
+	},
+	...qt(Wt)
+], Jt = M(p({
+	type: "PImage",
+	label: "Image",
+	allowedChildren: [],
+	templates: [],
+	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"
+	}),
+	toDocumentAttributes: ({ id: e, src: t, alt: n, style: r, href: i, target: a, description: o }) => ({
+		id: e,
+		src: t,
+		alt: n,
+		style: A(r, q),
+		...L({
+			href: i,
+			target: a,
+			description: o
+		})
+	}),
+	history: {
+		summary: ({ alt: e }) => e,
+		attributes: {
+			src: "Image address",
+			alt: "Description",
+			...I,
+			...k(q, "style.")
+		}
+	}
+}), q);
+// src/schema/textItems.ts
+function J(e, t) {
+	return d.array(d.strictObject({ text: d.string().trim().min(1, t) })).min(1, e);
+}
+function Y(e) {
+	return e.map(({ text: e }) => ({ text: e }));
+}
+// src/elements/list/definition.ts
+var Yt = { items: [
+	{ text: "First item" },
+	{ text: "Second item" },
+	{ text: "Third item" }
+] }, Xt = M(p({
+	type: "PList",
+	label: "List",
+	allowedChildren: [],
+	templates: [],
+	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: Y(t)
+	}),
+	history: {
+		summary: ({ items: e }) => e[0]?.text ?? "",
+		attributes: { items: "Items" }
+	}
+})), Zt = /^\/([a-z0-9]+(-[a-z0-9]+)*)?$/, X = {
+	backgroundColor: {
+		name: "white",
+		opacity: 100
+	},
+	textColor: {
+		name: "slate-900",
+		opacity: 100
+	},
+	textSize: "sm"
+}, Z = [
+	{
+		key: "backgroundColor",
+		variable: "--palmyit-page-background-color",
+		value: C,
+		defaultValue: X.backgroundColor,
+		label: "Background color"
+	},
+	{
+		key: "textColor",
+		variable: "--palmyit-page-text-color",
+		value: C,
+		defaultValue: X.textColor,
+		label: "Text color"
+	},
+	{
+		key: "textSize",
+		variable: "--palmyit-page-font-size",
+		value: Fe,
+		defaultValue: X.textSize,
+		label: "Text size"
+	}
+], Qt = Z.map(({ key: e }) => e), $t = p({
+	type: "PPage",
+	label: "Page",
+	allowedChildren: ["PSection"],
+	templates: [],
+	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,
+		title: n,
+		...r
+	})),
+	toDocumentAttributes: ({ pageId: e, url: t, title: n, ...r }) => ({
+		id: e,
+		url: t,
+		title: n,
+		style: A(r, Z)
+	}),
+	history: {
+		summary: ({ title: e, url: t }) => e || t,
+		attributes: {
+			title: "Title",
+			url: "URL",
+			...k(Z)
+		}
+	}
+}), en = {
+	legend: "Choose one",
+	options: [{ text: "Option 1" }, { text: "Option 2" }]
+}, tn = M(p({
+	type: "PRadio",
+	label: "Radio input",
+	allowedChildren: [],
+	templates: [],
+	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: Y(n)
+	}),
+	history: {
+		summary: ({ legend: e }) => e,
+		attributes: {
+			legend: "Question",
+			options: "Options"
+		}
+	}
+})), nn = { ...g }, rn = U({
+	type: "PSection",
+	label: "Section",
+	kind: "section",
+	defaultStyle: nn,
+	allowedChildren: W,
+	templates: []
+}), an = {
+	label: "Select",
+	options: [{ text: "Option 1" }, { text: "Option 2" }]
+}, on = M(p({
+	type: "PSelect",
+	label: "Select",
+	allowedChildren: [],
+	templates: [],
+	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: Y(n)
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			options: "Options"
+		}
+	}
+})), sn = {
+	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 cn(e, t) {
+	return t.map(({ cells: t }) => ({ cells: Array.from({ length: e }, (e, n) => t[n] ?? "") }));
+}
+var ln = d.strictObject({ cells: d.array(d.string()) }), un = M(p({
+	type: "PTable",
+	label: "Table",
+	allowedChildren: [],
+	templates: [],
+	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({
+				code: "custom",
+				path: [
+					"rows",
+					r,
+					"cells"
+				],
+				message: "Give each row one cell per column"
+			});
+		});
+	}),
+	toDocumentAttributes: ({ id: e, headers: t, rows: n }) => ({
+		id: e,
+		headers: Y(t),
+		rows: n.map(({ cells: e }) => ({ cells: [...e] }))
+	}),
+	history: {
+		summary: ({ headers: e }) => e[0]?.text ?? "",
+		attributes: {
+			headers: "Column headings",
+			rows: "Rows"
+		}
+	}
+})), dn = /<[^>]*>/g;
+function fn(e) {
+	let t = e.trim();
+	return t.includes("<") ? t : `<p>${t}</p>`;
+}
+function pn(e) {
+	return e.replace(dn, " ").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&").replace(/\s+/g, " ").trim();
+}
+// 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: 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: fn(t)
+	}),
+	history: {
+		summary: ({ text: e }) => pn(e),
+		attributes: { text: "Text" }
+	}
+})), gn = [
+	"normal",
+	"italic",
+	"oblique"
+], _n = [
+	"none",
+	"underline",
+	"overline",
+	"line-through"
+], vn = [
+	"left",
+	"center",
+	"right",
+	"justify"
+], yn = [
+	"none",
+	"capitalize",
+	"uppercase",
+	"lowercase"
+], bn = [
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"700",
+	"800",
+	"900"
+], xn = {
+	text: "Text",
+	...P,
+	style: {}
+}, Sn = "--palmyit-text";
+function Cn(e) {
+	return [
+		{
+			key: "textFont",
+			variable: `${e}-font-family`,
+			value: d.string().refine(xt, "Expected a Google Fonts family name"),
+			label: "Font family"
+		},
+		{
+			key: "fontStyle",
+			variable: `${e}-font-style`,
+			value: d.enum(gn),
+			label: "Text style"
+		},
+		{
+			key: "textSize",
+			variable: `${e}-font-size`,
+			value: Fe,
+			label: "Text size"
+		},
+		{
+			key: "textColor",
+			variable: `${e}-color`,
+			value: C,
+			label: "Text color"
+		},
+		{
+			key: "lineHeight",
+			variable: `${e}-line-height`,
+			value: Ie,
+			label: "Height"
+		},
+		{
+			key: "letterSpacing",
+			variable: `${e}-letter-spacing`,
+			value: Le,
+			label: "Letter spacing"
+		},
+		{
+			key: "wordSpacing",
+			variable: `${e}-word-spacing`,
+			value: S,
+			label: "Word spacing"
+		},
+		{
+			key: "textDecoration",
+			variable: `${e}-text-decoration`,
+			value: d.enum(_n),
+			label: "Text decoration"
+		},
+		{
+			key: "textAlign",
+			variable: `${e}-text-align`,
+			value: d.enum(vn),
+			label: "Text align"
+		},
+		{
+			key: "textTransform",
+			variable: `${e}-text-transform`,
+			value: d.enum(yn),
+			label: "Text transform"
+		},
+		{
+			key: "fontWeight",
+			variable: `${e}-font-weight`,
+			value: d.enum(bn),
+			label: "Text weight"
+		}
+	];
+}
+var Q = Cn(Sn), wn = M(p({
+	type: "PText",
+	label: "Text",
+	allowedChildren: [],
+	templates: [],
+	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,
+		...L({
+			href: n,
+			target: r,
+			description: i
+		}),
+		style: A(a, Q)
+	}),
+	history: {
+		summary: ({ text: e }) => e,
+		attributes: {
+			text: "Text",
+			...I,
+			...k(Q, "style.")
+		}
+	}
+}), Q), Tn = {
+	label: "Text area",
+	placeholder: ""
+}, En = M(p({
+	type: "PTextArea",
+	label: "Text area",
+	allowedChildren: [],
+	templates: [],
+	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,
+		label: t,
+		placeholder: n
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			placeholder: "Placeholder"
+		}
+	}
+})), Dn = {
+	label: "Text field",
+	placeholder: ""
+}, On = M(p({
+	type: "PTextField",
+	label: "Text field",
+	allowedChildren: [],
+	templates: [],
+	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,
+		label: t,
+		placeholder: n
+	}),
+	history: {
+		summary: ({ label: e }) => e,
+		attributes: {
+			label: "Label",
+			placeholder: "Placeholder"
+		}
+	}
+})), kn = {
+	src: "",
+	title: "Video"
+}, An = M(p({
+	type: "PVideo",
+	label: "Video",
+	allowedChildren: [],
+	templates: [],
+	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,
+		src: t,
+		title: n
+	}),
+	history: {
+		summary: ({ title: e }) => e,
+		attributes: {
+			src: "Video address",
+			title: "Title"
+		}
+	}
+})), $ = {
+	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 jn(e) {
+	return typeof e == "string" && Object.hasOwn($, e);
+}
+// src/schema/elementTemplates.ts
+function Mn(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
+}
+function Nn(e) {
+	try {
+		let t = JSON.parse(e);
+		return Mn(t) ? t : void 0;
+	} catch {
+		return;
+	}
+}
+function Pn(e) {
+	return Array.isArray(e) ? e : [];
+}
+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 In(e, t) {
+	let n = {
+		...e,
+		...t,
+		id: e.id
+	};
+	return "style" in t && (n.style = Fn(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 = Rn(e, r);
+		if (!t.ok) return t;
+		n.push(t.item);
+	}
+	return {
+		ok: !0,
+		content: n
+	};
+}
+function Rn(e, t) {
+	if (!Mn(t)) return {
+		ok: !1,
+		message: "Expected an element object"
+	};
+	let n = t.type;
+	if (!jn(n)) return {
+		ok: !1,
+		message: `Unknown element type "${String(n)}"`
+	};
+	if (!$[e].allowedChildren.includes(n)) return {
+		ok: !1,
+		message: `${n} is not allowed inside ${e}`
+	};
+	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`
+	};
+	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 zn(e, t, n) {
+	let r = (e) => ({
+		ok: !1,
+		message: `Template "${n.name}": ${e}`
+	}), 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(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);
+	return u.ok ? {
+		ok: !0,
+		props: l.data,
+		content: u.content
+	} : r(u.message);
+}
+// src/schema/Fields/ColorField/color-value.ts
+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 Un(e) {
+	let t = e.hex.toUpperCase();
+	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 Wn(e) {
+	let t = e.trim().toUpperCase();
+	return Bn.test(t) ? {
+		hex: t,
+		opacity: 100
+	} : Vn.test(t) ? {
+		hex: t.slice(0, 7),
+		opacity: Hn(Number.parseInt(t.slice(7, 9), 16) / 255 * 100)
+	} : null;
+}
+// src/schema/device/deviceStyle.ts
+var Gn = {
+	Desktop: {
+		portrait: "style",
+		landscape: "style"
+	},
+	Tablet: {
+		portrait: "tabletStyle",
+		landscape: "tabletLandscapeStyle"
+	},
+	Mobile: {
+		portrait: "mobileStyle",
+		landscape: "mobileLandscapeStyle"
+	}
+};
+function Kn(e, t = "portrait") {
+	return Gn[e][t];
+}
+function qn(e, t, n = "portrait") {
+	let r = Kn(t, n);
+	return r === "style" ? {} : e[r] ?? {};
+}
+function Jn(e, t) {
+	return JSON.stringify(e) === JSON.stringify(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" ? qn(e, t, "landscape") : {};
+	return {
+		...e.style,
+		...qn(e, t, "portrait"),
+		...r
+	};
+}
+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 };