@verbb/formie-browser 1.0.7 → 1.0.9

package/dist/chunks/{summary-D3AjxpYN.js → summary-Dks0gXS3.js}

@@ -5,29 +5,33 @@ import { t as r } from "./async-nPFRNQ06.js";
 import { t as i } from "./styles-BfoIZwJp.js";
 import { r as a, t as o } from "./shared-Bx9s0i0P.js";
 //#region src/css/theme/fields/_summary.css?inline
-var s = "@layer formie-theme{.formie-summary-container{padding:var(--formie-summary-padding);border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm)}.formie-summary-heading{color:var(--formie-color-heading)}.formie-summary-blocks{gap:var(--formie-gap-summary);display:grid}.formie-summary-blocks[data-formie-loading=true]{min-height:calc(var(--formie-loading-size) + var(--formie-space-4));position:relative}.formie-summary-blocks[data-formie-loading=true]>*{opacity:0;pointer-events:none}.formie-summary-blocks[data-formie-loading=true]:before{content:\"\";background:var(--formie-color-bg);border-radius:inherit;z-index:1;display:block;position:absolute;inset:0}.formie-summary-blocks[data-formie-loading=true]:after{width:var(--formie-loading-size);height:var(--formie-loading-size);content:\"\";border:var(--formie-loading-border-width) solid var(--formie-loading-color);border-radius:var(--formie-radius-full);z-index:2;animation:formie-loading-spin var(--formie-loading-speed) linear infinite;border-top-color:#0000;border-right-color:#0000;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}", c = "[data-formie-summary-blocks]", l = "[data-formie-summary-container]", u = "formie/fields/get-summary-html", d = "summary", f = e("fields", "summary");
-i(d, [s]);
-function p() {
+var s = "@layer formie-theme{.formie-summary-container{padding:var(--formie-summary-padding);border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm)}.formie-summary-heading{color:var(--formie-color-heading)}.formie-summary-blocks{gap:var(--formie-gap-summary);display:grid}.formie-summary-blocks[data-formie-loading=true]{min-height:calc(var(--formie-loading-size) + var(--formie-space-4));position:relative}.formie-summary-blocks[data-formie-loading=true]>*{opacity:0;pointer-events:none}.formie-summary-blocks[data-formie-loading=true]:before{content:\"\";background:var(--formie-color-bg);border-radius:inherit;z-index:1;display:block;position:absolute;inset:0}.formie-summary-blocks[data-formie-loading=true]:after{width:var(--formie-loading-size);height:var(--formie-loading-size);content:\"\";border:var(--formie-loading-border-width) solid var(--formie-loading-color);border-radius:var(--formie-radius-full);z-index:2;animation:formie-loading-spin var(--formie-loading-speed) linear infinite;border-top-color:#0000;border-right-color:#0000;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}", c = "[data-formie-summary-blocks]", l = "[data-formie-summary-container]", u = "formie/fields/get-summary-html", d = "data-formie-theme-config", f = "data-formie-frontend-theme", p = "summary", m = e("fields", "summary");
+i(p, [s]);
+function h() {
 	let e = new URL(window.location.href);
 	return e.hash = "", e.toString();
 }
-function m(e) {
-	return { accessToken: e.querySelector("[data-formie-summary-token]")?.value?.trim() || null };
+function g(e, t) {
+	return {
+		accessToken: e.querySelector("[data-formie-summary-token]")?.value?.trim() || null,
+		themeConfig: t.getAttribute(d)?.trim() || null,
+		frontendTheme: t.getAttribute(f)?.trim() || null
+	};
 }
-async function h(e, t, r) {
+async function _(e, t, r) {
 	if (!t.accessToken) throw Error("Summary field requires an access token.");
 	let i = new FormData(e);
-	return i.set("action", u), i.set("accessToken", t.accessToken), n(p(), {
+	return i.set("action", u), i.set("accessToken", t.accessToken), t.themeConfig && i.set("themeConfig", t.themeConfig), t.frontendTheme && i.set("frontendTheme", t.frontendTheme), n(h(), {
 		method: "POST",
 		body: i,
 		signal: r,
 		headers: { Accept: "text/html" }
 	});
 }
-function g(e, n) {
+function v(e, n) {
 	let i = e.closest("form");
-	if (!(i instanceof HTMLFormElement)) return f.warn("Missing form ancestor; skipping field."), () => {};
-	let a = !1, s = !0, u = !1, p = 0, g = 0, _ = null, v = () => {
+	if (!(i instanceof HTMLFormElement)) return m.warn("Missing form ancestor; skipping field."), () => {};
+	let a = !1, s = !0, u = !1, d = 0, f = 0, h = null, v = () => {
 		let t = e.querySelector(c);
 		return t instanceof HTMLElement ? t : null;
 	}, y = () => {
@@ -43,72 +47,72 @@ function g(e, n) {
 			n.removeAttribute("data-formie-loading"), n.removeAttribute("aria-busy"), t(n, i, "loading", !1);
 		}
 	};
-	b(!!m(e).accessToken);
+	b(!!g(e, i).accessToken);
 	let x = () => {
-		!u || a && !s || (f.log("Queueing fetch."), S());
+		!u || a && !s || (m.log("Queueing fetch."), S());
 	}, S = r(async () => {
-		let t = m(e);
+		let t = g(e, i);
 		if (!v() || !t.accessToken) {
-			f.warn("Missing state for fetch.", t), b(!1);
+			m.warn("Missing state for fetch.", t), b(!1);
 			return;
 		}
-		g += 1;
-		let n = g, r = p;
-		_?.abort(), _ = new AbortController(), b(!0);
+		f += 1;
+		let n = f, r = d;
+		h?.abort(), h = new AbortController(), b(!0);
 		try {
-			let c = await h(i, t, _.signal);
-			if (n !== g) return;
-			let u = y(), m = document.createElement("template");
-			m.innerHTML = c.trim();
-			let v = m.content.querySelector(l);
-			u && v instanceof HTMLElement ? u.replaceWith(v) : u && (u.innerHTML = c), a = !0, s = p !== r, f.log("Fetch complete.", {
+			let c = await _(i, t, h.signal);
+			if (n !== f) return;
+			let u = y(), g = document.createElement("template");
+			g.innerHTML = c.trim();
+			let v = g.content.querySelector(l);
+			u && v instanceof HTMLElement ? u.replaceWith(v) : u && (u.innerHTML = c), a = !0, s = d !== r, m.log("Fetch complete.", {
 				isDirty: s,
-				dirtyVersion: p,
+				dirtyVersion: d,
 				requestVersion: n
-			}), o(e, d, "fetch-summary", {
+			}), o(e, p, "fetch-summary", {
 				summary: e,
 				html: c
 			});
 		} catch (e) {
 			if (e instanceof DOMException && e.name === "AbortError") {
-				f.log("Fetch aborted.");
+				m.log("Fetch aborted.");
 				return;
 			}
 			console.error("[formie] Failed to load summary field HTML.", e);
 		} finally {
-			n === g && (b(!1), _ = null, s && x());
+			n === f && (b(!1), h = null, s && x());
 		}
 	}, 300), C = (t) => {
 		let n = t?.target;
-		n instanceof Node && e.contains(n) || (s = !0, p += 1, f.log("Marked dirty.", { dirtyVersion: p }));
+		n instanceof Node && e.contains(n) || (s = !0, d += 1, m.log("Marked dirty.", { dirtyVersion: d }));
 	}, w = (e) => {
 		C(e), x();
 	}, T = () => {
-		s = !0, f.log("Submit result received; refreshing."), x();
+		s = !0, m.log("Submit result received; refreshing."), x();
 	}, E = () => {
-		s = !0, f.log("Page navigation received; refreshing."), x();
+		s = !0, m.log("Page navigation received; refreshing."), x();
 	}, D = new IntersectionObserver((t) => {
-		u = !!t[0]?.isIntersecting, u && (f.log("Field became visible."), o(e, d, "field-visible", { summary: e }), x());
+		u = !!t[0]?.isIntersecting, u && (m.log("Field became visible."), o(e, p, "field-visible", { summary: e }), x());
 	}, {
 		root: i,
 		rootMargin: "50px"
 	});
 	return D.observe(e), i.addEventListener("input", w), i.addEventListener("change", w), n.addEventListener("formie:page:navigate:after", E), n.addEventListener("formie:submit:result", T), () => {
-		_?.abort(), D.disconnect(), i.removeEventListener("input", w), i.removeEventListener("change", w), n.removeEventListener("formie:page:navigate:after", E), n.removeEventListener("formie:submit:result", T), f.log("Field destroyed.");
+		h?.abort(), D.disconnect(), i.removeEventListener("input", w), i.removeEventListener("change", w), n.removeEventListener("formie:page:navigate:after", E), n.removeEventListener("formie:submit:result", T), m.log("Field destroyed.");
 	};
 }
-var _ = {
-	id: d,
+var y = {
+	id: p,
 	kind: "field",
 	match: (e) => !!e.target.querySelector(c),
 	setup: async (e) => {
-		let t = a(e).map((t) => g(t, e.root));
-		return f.log("Module setup.", { fieldCount: t.length }), await e.emit("formie:module:summary:init", { count: t.length }), { destroy: () => {
+		let t = a(e).map((t) => v(t, e.root));
+		return m.log("Module setup.", { fieldCount: t.length }), await e.emit("formie:module:summary:init", { count: t.length }), { destroy: () => {
 			t.forEach((e) => {
 				e();
-			}), f.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:summary:destroy", {});
+			}), m.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:summary:destroy", {});
 		} };
 	}
 };
 //#endregion
-export { _ as summaryModule };
+export { y as summaryModule };

package/dist/chunks/survey-likert-DkE6bR7B.js

@@ -0,0 +1,20 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { t } from "./styles-BfoIZwJp.js";
+import { t as n } from "./_survey-presentations-RbSqcQph.js";
+//#region src/js/modules/fields/survey-likert.ts
+var r = "[data-formie-likert-field-layout]", i = "survey-likert", a = e("fields", "survey-likert");
+t(i, [n]);
+var o = {
+	id: i,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(r) || !!e.target.querySelector(r)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(r) ? [e.target] : Array.from(e.target.querySelectorAll(r)).filter((e) => e instanceof HTMLElement);
+		return a.log("Module setup.", { fieldCount: t.length }), await e.emit("formie:module:survey-likert:init", { count: t.length }), { destroy: () => {
+			a.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:survey-likert:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { o as surveyLikertModule };

package/dist/chunks/survey-rank-DN6x4IZM.js

@@ -0,0 +1,127 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { t } from "./styles-BfoIZwJp.js";
+import { t as n } from "./shared-Bx9s0i0P.js";
+import { t as r } from "./_survey-presentations-RbSqcQph.js";
+//#region src/js/modules/fields/survey-rank.ts
+var i = "[data-formie-survey-rank]", a = "[data-formie-survey-rank-list]", o = "[data-formie-survey-rank-item]", s = "[data-formie-rank-handle]", c = "formie-rank-placeholder", l = .42, u = "survey-rank", d = e("fields", "survey-rank");
+t(u, [r]);
+function f(e) {
+	e.querySelectorAll(o).forEach((e, t) => {
+		e instanceof HTMLElement && e.querySelectorAll("input[data-formie-rank-input]").forEach((e) => {
+			e instanceof HTMLInputElement && (e.dataset.formieRankOrder = String(t));
+		});
+	});
+}
+function p(e) {
+	return Array.from(e.querySelectorAll(o)).filter((e) => e instanceof HTMLElement);
+}
+function m(e, t) {
+	return Array.from(e.children).indexOf(t);
+}
+function h(e, t, n) {
+	return Array.from(e.children).filter((e) => e instanceof HTMLElement && e !== t && e !== n);
+}
+function g(e, t) {
+	return Math.max(0, Math.min(e.bottom, t.bottom) - Math.max(e.top, t.top));
+}
+function _(e) {
+	let t = e.getBoundingClientRect();
+	return t.top + t.height / 2;
+}
+function v(e, t, n, r) {
+	let i = e.getBoundingClientRect(), a = _(e), o = h(t, n, e);
+	for (let e = 0; e < o.length; e += 1) {
+		let t = o[e].getBoundingClientRect(), n = t.top + t.height * l;
+		if (g(i, t) / t.height >= l) return r ? Math.min(e + 1, o.length) : e;
+		if (a < n) return e;
+	}
+	return o.length;
+}
+function y(e, t, n, r) {
+	let i = h(e, t, n)[r] ?? null;
+	if (i) {
+		e.insertBefore(t, i);
+		return;
+	}
+	e.appendChild(t);
+}
+function b(e, t) {
+	let n = document.createElement("li");
+	return n.className = c, n.setAttribute("data-formie-rank-placeholder", "true"), n.setAttribute("aria-hidden", "true"), n.style.height = `${t.offsetHeight}px`, e.insertBefore(n, t), n;
+}
+function x(e) {
+	return {
+		position: e.style.position,
+		left: e.style.left,
+		top: e.style.top,
+		width: e.style.width,
+		zIndex: e.style.zIndex,
+		pointerEvents: e.style.pointerEvents,
+		margin: e.style.margin
+	};
+}
+function S(e, t) {
+	e.style.position = "fixed", e.style.left = `${t.left}px`, e.style.top = `${t.top}px`, e.style.width = `${t.width}px`, e.style.zIndex = "1000", e.style.pointerEvents = "none", e.style.margin = "0";
+}
+function C(e, t, n) {
+	e.style.left = `${t.clientX - n.x}px`, e.style.top = `${t.clientY - n.y}px`;
+}
+function w(e, t) {
+	e.style.position = t.position, e.style.left = t.left, e.style.top = t.top, e.style.width = t.width, e.style.zIndex = t.zIndex, e.style.pointerEvents = t.pointerEvents, e.style.margin = t.margin;
+}
+function T(e) {
+	let t = e.querySelector(a);
+	if (!(t instanceof HTMLElement)) return d.warn("Missing rank list; skipping field."), () => {};
+	let r = null, i = null, o = null, c = null, l = null, h = null, g = null, T = null, E = null, D = !1, O = [], k = () => {
+		if (r && i ? (t.insertBefore(r, i), i.remove()) : i && i.remove(), r && o && (w(r, o), r.removeAttribute("data-formie-rank-dragging")), l && h !== null) try {
+			l.releasePointerCapture(h);
+		} catch {}
+		r = null, i = null, o = null, c = null, l = null, h = null, g = null, T = null, E = null, t.removeAttribute("data-formie-rank-sorting"), D && (f(t), n(e, u, "reorder", { rankField: e })), D = !1;
+	}, A = (e) => {
+		if (!r || !i || !c || e.pointerId !== h) return;
+		e.preventDefault(), C(r, e, c);
+		let n = _(r), a = E === null || n >= E;
+		E = n;
+		let o = v(r, t, i, a);
+		o !== g && (g = o, y(t, i, r, o));
+	}, j = (e) => {
+		e.pointerId === h && (document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", j), document.removeEventListener("pointercancel", j), i && T !== null && (D = m(t, i) !== T), k());
+	};
+	return p(t).forEach((e) => {
+		if (!e.querySelector(s)) return;
+		let n = (n) => {
+			if (n.button !== 0 || n.target instanceof HTMLInputElement) return;
+			n.preventDefault();
+			let a = e.getBoundingClientRect();
+			r = e, l = e, h = n.pointerId, c = {
+				x: n.clientX - a.left,
+				y: n.clientY - a.top
+			}, o = x(e), i = b(t, e), T = m(t, i), D = !1, S(e, a), e.setAttribute("data-formie-rank-dragging", "true"), t.setAttribute("data-formie-rank-sorting", "true"), e.setPointerCapture(n.pointerId), E = _(e), g = v(e, t, i, !0), document.addEventListener("pointermove", A), document.addEventListener("pointerup", j), document.addEventListener("pointercancel", j);
+		};
+		e.addEventListener("pointerdown", n), O.push(() => {
+			e.removeEventListener("pointerdown", n);
+		});
+	}), f(t), () => {
+		document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", j), document.removeEventListener("pointercancel", j), O.forEach((e) => {
+			e();
+		}), k();
+	};
+}
+var E = {
+	id: u,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(i) || !!e.target.querySelector(i)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(i) ? [e.target] : Array.from(e.target.querySelectorAll(i)).filter((e) => e instanceof HTMLElement);
+		d.log("Module setup.", { fieldCount: t.length });
+		let n = t.map((e) => T(e));
+		return await e.emit("formie:module:survey-rank:init", { count: t.length }), { destroy: () => {
+			n.forEach((e) => {
+				e();
+			}), d.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:survey-rank:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { E as surveyRankModule };

package/dist/chunks/survey-rating-BnsNL9U5.js

@@ -0,0 +1,88 @@
+import { t as e } from "./debug-BV0DvdHx.js";
+import { t } from "./styles-BfoIZwJp.js";
+import { t as n } from "./shared-Bx9s0i0P.js";
+import { t as r } from "./_survey-presentations-RbSqcQph.js";
+//#region src/js/modules/fields/survey-rating.ts
+var i = "[data-formie-survey-rating]", a = "[data-formie-survey-rating-stars]", o = "[data-formie-rating-option]", s = "input[data-formie-rating-input]", c = "data-formie-rating-pressed-while-checked", l = "survey-rating", u = e("fields", "survey-rating");
+t(l, [r]);
+function d(e) {
+	return Array.from(e.querySelectorAll(s)).filter((e) => e instanceof HTMLInputElement);
+}
+function f(e) {
+	let t = d(e).findIndex((e) => e.checked);
+	if (t >= 0) {
+		e.setAttribute("data-formie-rating-value", String(t + 1));
+		return;
+	}
+	e.removeAttribute("data-formie-rating-value");
+}
+function p(e) {
+	let t = e.querySelector(a);
+	if (!(t instanceof HTMLElement)) return u.warn("Missing rating stars container; skipping field."), () => {};
+	let r = [], i = () => {
+		t.removeAttribute("data-formie-rating-hover");
+	}, p = (e) => {
+		let n = Array.from(t.querySelectorAll(o)).indexOf(e);
+		n >= 0 && t.setAttribute("data-formie-rating-hover", String(n + 1));
+	};
+	return t.querySelectorAll(o).forEach((e) => {
+		if (!(e instanceof HTMLElement)) return;
+		let t = e.querySelector(s), n = () => {
+			if (t instanceof HTMLInputElement) {
+				if (t.checked) {
+					t.setAttribute(c, "true");
+					return;
+				}
+				t.removeAttribute(c);
+			}
+		}, i = () => {
+			p(e);
+		};
+		e.addEventListener("pointerdown", n), e.addEventListener("mouseenter", i), r.push(() => {
+			e.removeEventListener("pointerdown", n), e.removeEventListener("mouseenter", i);
+		});
+	}), t.addEventListener("mouseleave", i), r.push(() => {
+		t.removeEventListener("mouseleave", i);
+	}), d(t).forEach((i) => {
+		let a = (r) => {
+			if (i.getAttribute(c) !== "true") {
+				f(t), n(e, l, "change", {
+					ratingField: e,
+					value: i.checked ? i.value : ""
+				});
+				return;
+			}
+			r.preventDefault(), d(t).forEach((e) => {
+				e.checked = !1, e.removeAttribute(c);
+			}), f(t), n(e, l, "change", {
+				ratingField: e,
+				value: ""
+			});
+		};
+		i.addEventListener("click", a), r.push(() => {
+			i.removeEventListener("click", a), i.removeAttribute(c);
+		});
+	}), f(t), () => {
+		r.forEach((e) => {
+			e();
+		}), i(), t.removeAttribute("data-formie-rating-value");
+	};
+}
+var m = {
+	id: l,
+	kind: "field",
+	match: (e) => e.target instanceof HTMLElement && (e.target.matches(i) || !!e.target.querySelector(i)),
+	setup: async (e) => {
+		if (!(e.target instanceof HTMLElement)) return;
+		let t = e.target.matches(i) ? [e.target] : Array.from(e.target.querySelectorAll(i)).filter((e) => e instanceof HTMLElement);
+		u.log("Module setup.", { fieldCount: t.length });
+		let n = t.map((e) => p(e));
+		return await e.emit("formie:module:survey-rating:init", { count: t.length }), { destroy: () => {
+			n.forEach((e) => {
+				e();
+			}), u.log("Module destroy.", { fieldCount: t.length }), e.emit("formie:module:survey-rating:destroy", {});
+		} };
+	}
+};
+//#endregion
+export { m as surveyRatingModule };

package/dist/chunks/{table-C-lkQN6I.js → table-CAjCJHrL.js}

@@ -2,7 +2,7 @@ import { n as e } from "./async-nPFRNQ06.js";
 import { t } from "./styles-BfoIZwJp.js";
 import { a as n, o as r, t as i } from "./shared-Bx9s0i0P.js";
 //#region src/css/theme/fields/_table.css?inline
-var a = "@layer formie-theme{.formie-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}.formie-table{width:var(--formie-table-width);margin-bottom:var(--formie-table-margin-bottom);border-collapse:var(--formie-table-border-collapse)}.formie-table th{text-align:var(--formie-table-th-text-align);font-size:var(--formie-table-th-font-size);font-weight:var(--formie-table-th-font-weight);color:var(--formie-table-th-color,var(--formie-gray-500))}.formie-table th,.formie-table td{padding:var(--formie-table-row-padding);vertical-align:top}.formie-table th:first-child,.formie-table td:first-child{padding-left:0}.formie-table th:last-child,.formie-table td:last-child{padding-right:0}.formie-table [data-col-remove]{width:calc(var(--formie-button-icon-button-size) + (var(--formie-table-row-padding) * 2));min-width:calc(var(--formie-button-icon-button-size) + (var(--formie-table-row-padding) * 2));white-space:nowrap;text-align:center;vertical-align:middle}.formie-table [data-formie-table-column-type=checkbox]{text-align:center;vertical-align:middle}.formie-table [data-formie-table-column-type=checkbox] .formie-checkbox-option{width:100%;min-height:var(--formie-check-size);justify-content:center;align-items:center;margin:0;display:flex}.formie-table [data-formie-table-column-type=checkbox] .formie-checkbox-option-label{width:var(--formie-check-size);min-width:var(--formie-check-size);height:var(--formie-check-size);margin:0 auto;padding-left:0;font-size:0;line-height:0;display:block}.formie-table [data-formie-table-column-type=checkbox] .formie-checkbox-option-label:before{position:static}.formie-table-color-input{min-width:4rem;padding:var(--formie-space-1)}.formie-table-multiline-input{min-height:calc(var(--formie-control-height) + var(--formie-space-2))}.formie-table-remove-button{vertical-align:middle;display:inline-flex}.formie-button.formie-table-add-button{width:auto;max-width:100%;padding-left:var(--formie-table-add-button-padding-left);justify-content:center;justify-self:start;align-items:center;display:inline-flex;position:relative}.formie-button.formie-table-add-button:before{content:\"\";width:var(--formie-table-add-button-width);height:var(--formie-table-add-button-height);left:var(--formie-table-add-button-left);-webkit-mask-image:var(--formie-table-add-button-icon-mask);-webkit-mask-image:var(--formie-table-add-button-icon-mask);mask-image:var(--formie-table-add-button-icon-mask);background-color:currentColor;display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}", o = "[data-formie-table-field-layout]", s = "[data-formie-table]", c = "[data-formie-table-body]", l = "[data-formie-table-row]", u = "[data-formie-table-add]", d = "[data-formie-table-remove]", f = "data-formie-template-id", p = "data-formie-table-row-id", m = "table";
+var a = "@layer formie-theme{.formie-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow:auto hidden}.formie-table{width:var(--formie-table-width);margin-bottom:var(--formie-table-margin-bottom);border-collapse:var(--formie-table-border-collapse)}.formie-table th{text-align:var(--formie-table-th-text-align);font-size:var(--formie-table-th-font-size);font-weight:var(--formie-table-th-font-weight);color:var(--formie-table-th-color,var(--formie-color-text-muted))}.formie-table th,.formie-table td{padding:var(--formie-table-row-padding);vertical-align:top}.formie-table th:first-child,.formie-table td:first-child{padding-left:0}.formie-table th:last-child,.formie-table td:last-child{padding-right:0}.formie-table [data-col-remove]{width:calc(var(--formie-button-icon-button-size) + (var(--formie-table-row-padding) * 2));min-width:calc(var(--formie-button-icon-button-size) + (var(--formie-table-row-padding) * 2));white-space:nowrap;text-align:center;vertical-align:middle}.formie-table [data-formie-table-column-type=checkbox]{text-align:center;vertical-align:middle}.formie-table [data-formie-table-column-type=checkbox] .formie-checkbox-option{width:100%;min-height:var(--formie-check-size);justify-content:center;align-items:center;margin:0;display:flex}.formie-table [data-formie-table-column-type=checkbox] .formie-checkbox-option-label{width:var(--formie-check-size);min-width:var(--formie-check-size);height:var(--formie-check-size);margin:0 auto;padding-left:0;font-size:0;line-height:0;display:block}.formie-table [data-formie-table-column-type=checkbox] .formie-checkbox-option-label:before{position:static}.formie-table-color-input{min-width:4rem;padding:var(--formie-space-1)}.formie-table-multiline-input{min-height:calc(var(--formie-control-height) + var(--formie-space-2))}.formie-table-remove-button{vertical-align:middle;display:inline-flex}.formie-button.formie-table-add-button{width:auto;max-width:100%;padding-left:var(--formie-table-add-button-padding-left);justify-content:center;justify-self:start;align-items:center;display:inline-flex;position:relative}.formie-button.formie-table-add-button:before{content:\"\";width:var(--formie-table-add-button-width);height:var(--formie-table-add-button-height);left:var(--formie-table-add-button-left);-webkit-mask-image:var(--formie-table-add-button-icon-mask);-webkit-mask-image:var(--formie-table-add-button-icon-mask);mask-image:var(--formie-table-add-button-icon-mask);background-color:currentColor;display:block;position:absolute;top:50%;transform:translateY(-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}}", o = "[data-formie-table-field-layout]", s = "[data-formie-table]", c = "[data-formie-table-body]", l = "[data-formie-table-row]", u = "[data-formie-table-add]", d = "[data-formie-table-remove]", f = "data-formie-template-id", p = "data-formie-table-row-id", m = "table";
 t(m, [a]);
 function h(e, t) {
 	return n(e, t);

package/dist/chunks/{upload-manager-BpqWSHmU.js → upload-manager-W-QDgxKD.js}

@@ -2081,7 +2081,7 @@ var Be = {
 		}
 		this.uppy.removeUploader(this.#o);
 	}
-}, He = "@layer formie-theme{.formie-upload-manager{gap:var(--formie-gap-field);flex-direction:column;display:flex}.formie-upload-manager-dropzone{justify-content:center;align-items:center;gap:var(--formie-space-2);padding:var(--formie-space-4);min-height:calc(var(--formie-control-height) * 3);border:var(--formie-border-width) dashed var(--formie-color-border);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface-subtle);color:var(--formie-color-text);text-align:center;cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.formie-upload-manager-dropzone:hover,.formie-upload-manager-dropzone.formie-upload-manager-dropzone-active{border-color:var(--formie-color-focus-ring);background:var(--formie-color-surface-muted)}.formie-upload-manager-dropzone:focus{outline:0}.formie-upload-manager-dropzone:focus-visible{box-shadow:0 0 0 var(--formie-focus-ring-width) var(--formie-color-focus-ring)}.formie-field-has-error .formie-upload-manager-dropzone{border-color:var(--formie-color-danger)}.formie-upload-manager-prompt{font-size:var(--formie-font-size-sm);color:var(--formie-color-text-muted);margin:0}.formie-upload-manager-list{gap:var(--formie-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.formie-upload-manager-item{align-items:center;gap:var(--formie-space-2);padding:var(--formie-space-2) var(--formie-space-3);border:var(--formie-border-width) solid var(--formie-color-border);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface);grid-template-columns:minmax(0,1fr) minmax(6.5rem,8rem) auto;display:grid}.formie-upload-manager-item.is-error{border-color:var(--formie-color-danger)}.formie-upload-manager-item.is-complete .formie-upload-manager-progress{opacity:0;visibility:hidden;pointer-events:none}.formie-upload-manager-filename{text-overflow:ellipsis;white-space:nowrap;font-size:var(--formie-font-size-sm);overflow:hidden}.formie-upload-manager-progress{justify-content:center;gap:var(--formie-space-1);min-height:var(--formie-button-icon-button-size);opacity:1;visibility:visible;flex-direction:column;align-self:center;transition:opacity .2s,visibility .2s;display:flex}.formie-upload-manager-progress-track{border-radius:var(--formie-radius-full);background:var(--formie-color-surface-muted);height:.375rem;position:relative;overflow:hidden}.formie-upload-manager-progress-bar{border-radius:inherit;background:var(--formie-color-primary);width:0;height:100%;transition:width .18s ease-out,background-color .2s}.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-bar{background:var(--formie-color-success,var(--formie-color-primary));width:100%!important}.formie-upload-manager-item.is-uploading:not(.is-upload-complete) .formie-upload-manager-progress-track[data-indeterminate=true] .formie-upload-manager-progress-bar,.formie-upload-manager-item.is-preparing .formie-upload-manager-progress-bar,.formie-upload-manager-item.is-processing .formie-upload-manager-progress-bar{width:35%;animation:1.1s ease-in-out infinite formie-upload-manager-progress-indeterminate}.formie-upload-manager-item.is-processing .formie-upload-manager-progress-bar{opacity:.85}.formie-upload-manager-item.is-processing .formie-upload-manager-progress-label{color:var(--formie-color-text)}@keyframes formie-upload-manager-progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.formie-upload-manager-progress-label{font-size:var(--formie-font-size-xs);color:var(--formie-color-text-muted);text-align:center;white-space:nowrap;line-height:1.2}.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-label{color:var(--formie-color-success,var(--formie-color-primary));font-weight:var(--formie-font-weight-medium)}.formie-upload-manager-error{font-size:var(--formie-font-size-xs);color:var(--formie-color-danger);grid-column:1/-1}.formie-upload-manager-browse-button{margin-top:var(--formie-space-1)}.formie-upload-manager-actions{align-items:center;gap:var(--formie-space-2);flex-shrink:0;align-self:center;display:flex}.formie-upload-manager-sort-controls{border-radius:var(--formie-radius-sm);background:0 0;flex-direction:row;align-items:center;gap:.0625rem;padding:0;display:inline-flex}.formie-upload-manager-sort-controls[hidden]{display:none}.formie-upload-manager-sort-button,.formie-upload-manager-action-button{border-radius:var(--formie-radius-sm);width:1.375rem;height:1.375rem;color:var(--formie-color-text-muted);cursor:pointer;text-indent:-9999px;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:0;line-height:0;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex;position:relative;overflow:hidden}.formie-upload-manager-sort-button{width:1.375rem;height:1.375rem}.formie-upload-manager-sort-button:hover:not(:disabled),.formie-upload-manager-action-button:hover{background:var(--formie-color-surface-muted);color:var(--formie-color-text)}.formie-upload-manager-sort-button:focus-visible,.formie-upload-manager-action-button:focus-visible{box-shadow:0 0 0 var(--formie-focus-ring-width) var(--formie-color-focus-ring);outline:0}.formie-upload-manager-sort-button:disabled{opacity:.28;cursor:not-allowed}.formie-upload-manager-sort-button:after,.formie-upload-manager-action-button:after{content:\"\";background-color:currentColor;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.formie-upload-manager-sort-button[data-formie-icon=arrow-up]{--formie-upload-manager-icon-mask:var(--formie-icon-mask-arrow-up)}.formie-upload-manager-sort-button[data-formie-icon=arrow-down]{--formie-upload-manager-icon-mask:var(--formie-icon-mask-arrow-down)}.formie-upload-manager-action-button[data-formie-icon=close]{--formie-upload-manager-icon-mask:var(--formie-icon-mask-close)}.formie-upload-manager-sort-button:after{width:.75rem;height:.75rem;-webkit-mask-image:var(--formie-upload-manager-icon-mask);-webkit-mask-image:var(--formie-upload-manager-icon-mask);mask-image:var(--formie-upload-manager-icon-mask)}.formie-upload-manager-action-button:after{width:.825rem;height:.825rem;-webkit-mask-image:var(--formie-upload-manager-icon-mask);-webkit-mask-image:var(--formie-upload-manager-icon-mask);mask-image:var(--formie-upload-manager-icon-mask)}.formie-upload-manager-remove-button{flex-shrink:0}}", z = "[data-formie-upload-manager-root]", B = "[data-formie-upload-manager]", Ue = "[data-formie-upload-manager-browse]", We = "[data-formie-upload-manager-input]", V = "[data-formie-upload-manager-status]", Ge = "[data-formie-upload-manager-list]", Ke = "[data-formie-upload-manager-sort-controls]", qe = "[data-formie-upload-manager-sort=\"up\"]", Je = "[data-formie-upload-manager-sort=\"down\"]", H = "data-formie-file-upload-anchor", Ye = "data-formie-file-upload-asset-id", Xe = n("reset"), Ze = r("repeater", "init-row"), Qe = "upload-manager", $e = "upload-manager", et = ["uploadManagerRequired", "uploadManagerFileLimit"], tt = 900, nt = 95, rt = 12e4, U = i("fields", "upload-manager");
+}, He = "@layer formie-theme{.formie-upload-manager{gap:var(--formie-gap-field);flex-direction:column;display:flex}.formie-upload-manager-dropzone{justify-content:center;align-items:center;gap:var(--formie-space-2);padding:var(--formie-space-4);min-height:calc(var(--formie-control-height) * 3);border:var(--formie-border-width) dashed var(--formie-color-border-control);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface-subtle);color:var(--formie-color-text);text-align:center;cursor:pointer;flex-direction:column;transition:border-color .15s,background-color .15s,box-shadow .15s;display:flex}.formie-upload-manager-dropzone:hover,.formie-upload-manager-dropzone.formie-upload-manager-dropzone-active{border-color:var(--formie-color-focus-ring);background:var(--formie-color-surface-muted)}.formie-upload-manager-dropzone:focus{outline:0}.formie-upload-manager-dropzone:focus-visible{box-shadow:0 0 0 var(--formie-focus-ring-width) var(--formie-color-focus-ring)}.formie-field-has-error .formie-upload-manager-dropzone{border-color:var(--formie-color-danger)}.formie-upload-manager-prompt{font-size:var(--formie-font-size-sm);color:var(--formie-color-text-muted);margin:0}.formie-upload-manager-list{gap:var(--formie-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.formie-upload-manager-item{align-items:center;gap:var(--formie-space-2);padding:var(--formie-space-2) var(--formie-space-3);border:var(--formie-border-width) solid var(--formie-color-border-control);border-radius:var(--formie-radius-sm);background:var(--formie-color-surface);grid-template-columns:minmax(0,1fr) minmax(6.5rem,8rem) auto;display:grid}.formie-upload-manager-item.is-error{border-color:var(--formie-color-danger)}.formie-upload-manager-item.is-complete .formie-upload-manager-progress{opacity:0;visibility:hidden;pointer-events:none}.formie-upload-manager-filename{text-overflow:ellipsis;white-space:nowrap;font-size:var(--formie-font-size-sm);overflow:hidden}.formie-upload-manager-progress{justify-content:center;gap:var(--formie-space-1);min-height:var(--formie-button-icon-button-size);opacity:1;visibility:visible;flex-direction:column;align-self:center;transition:opacity .2s,visibility .2s;display:flex}.formie-upload-manager-progress-track{border-radius:var(--formie-radius-full);background:var(--formie-color-surface-muted);height:.375rem;position:relative;overflow:hidden}.formie-upload-manager-progress-bar{border-radius:inherit;background:var(--formie-color-primary);width:0;height:100%;transition:width .18s ease-out,background-color .2s}.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-bar{background:var(--formie-color-success,var(--formie-color-primary));width:100%!important}.formie-upload-manager-item.is-uploading:not(.is-upload-complete) .formie-upload-manager-progress-track[data-indeterminate=true] .formie-upload-manager-progress-bar,.formie-upload-manager-item.is-preparing .formie-upload-manager-progress-bar,.formie-upload-manager-item.is-processing .formie-upload-manager-progress-bar{width:35%;animation:1.1s ease-in-out infinite formie-upload-manager-progress-indeterminate}.formie-upload-manager-item.is-processing .formie-upload-manager-progress-bar{opacity:.85}.formie-upload-manager-item.is-processing .formie-upload-manager-progress-label{color:var(--formie-color-text)}@keyframes formie-upload-manager-progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.formie-upload-manager-progress-label{font-size:var(--formie-font-size-xs);color:var(--formie-color-text-muted);text-align:center;white-space:nowrap;line-height:1.2}.formie-upload-manager-item.is-upload-complete .formie-upload-manager-progress-label{color:var(--formie-color-success-dark,var(--formie-color-primary));font-weight:var(--formie-font-weight-medium)}.formie-upload-manager-error{font-size:var(--formie-font-size-xs);color:var(--formie-color-danger);grid-column:1/-1}.formie-upload-manager-browse-button{margin-top:var(--formie-space-1)}.formie-upload-manager-actions{align-items:center;gap:var(--formie-space-2);flex-shrink:0;align-self:center;display:flex}.formie-upload-manager-sort-controls{border-radius:var(--formie-radius-sm);background:0 0;flex-direction:row;align-items:center;gap:.0625rem;padding:0;display:inline-flex}.formie-upload-manager-sort-controls[hidden]{display:none}.formie-upload-manager-sort-button,.formie-upload-manager-action-button{border-radius:var(--formie-radius-sm);width:1.375rem;height:1.375rem;color:var(--formie-color-text-muted);cursor:pointer;text-indent:-9999px;white-space:nowrap;background:0 0;border:0;justify-content:center;align-items:center;padding:0;font-size:0;line-height:0;transition:background-color .15s,color .15s,opacity .15s;display:inline-flex;position:relative;overflow:hidden}.formie-upload-manager-sort-button{width:1.375rem;height:1.375rem}.formie-upload-manager-sort-button:hover:not(:disabled),.formie-upload-manager-action-button:hover{background:var(--formie-color-surface-muted);color:var(--formie-color-text)}.formie-upload-manager-sort-button:focus-visible,.formie-upload-manager-action-button:focus-visible{box-shadow:0 0 0 var(--formie-focus-ring-width) var(--formie-color-focus-ring);outline:0}.formie-upload-manager-sort-button:disabled{opacity:.28;cursor:not-allowed}.formie-upload-manager-sort-button:after,.formie-upload-manager-action-button:after{content:\"\";background-color:currentColor;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.formie-upload-manager-sort-button[data-formie-icon=arrow-up]{--formie-upload-manager-icon-mask:var(--formie-icon-mask-arrow-up)}.formie-upload-manager-sort-button[data-formie-icon=arrow-down]{--formie-upload-manager-icon-mask:var(--formie-icon-mask-arrow-down)}.formie-upload-manager-action-button[data-formie-icon=close]{--formie-upload-manager-icon-mask:var(--formie-icon-mask-close)}.formie-upload-manager-sort-button:after{width:.75rem;height:.75rem;-webkit-mask-image:var(--formie-upload-manager-icon-mask);-webkit-mask-image:var(--formie-upload-manager-icon-mask);mask-image:var(--formie-upload-manager-icon-mask)}.formie-upload-manager-action-button:after{width:.825rem;height:.825rem;-webkit-mask-image:var(--formie-upload-manager-icon-mask);-webkit-mask-image:var(--formie-upload-manager-icon-mask);mask-image:var(--formie-upload-manager-icon-mask)}.formie-upload-manager-remove-button{flex-shrink:0}}", z = "[data-formie-upload-manager-root]", B = "[data-formie-upload-manager]", Ue = "[data-formie-upload-manager-browse]", We = "[data-formie-upload-manager-input]", V = "[data-formie-upload-manager-status]", Ge = "[data-formie-upload-manager-list]", Ke = "[data-formie-upload-manager-sort-controls]", qe = "[data-formie-upload-manager-sort=\"up\"]", Je = "[data-formie-upload-manager-sort=\"down\"]", H = "data-formie-file-upload-anchor", Ye = "data-formie-file-upload-asset-id", Xe = n("reset"), Ze = r("repeater", "init-row"), Qe = "upload-manager", $e = "upload-manager", et = ["uploadManagerRequired", "uploadManagerFileLimit"], tt = 900, nt = 95, rt = 12e4, U = i("fields", "upload-manager");
 o(Qe, [He]);
 function W(e) {
 	return !!e && typeof e == "object" && !Array.isArray(e);

package/dist/css/formie-theme.css

@@ -15,6 +15,7 @@
 @import "./theme/fields/_select.css";
 @import "./theme/fields/_combobox.css";
 @import "./theme/fields/_check-radio.css";
+@import "./theme/fields/_survey-presentations.css";
 @import "./theme/fields/_address.css";
 @import "./theme/fields/_address-state.css";
 @import "./theme/integrations/_payment-modal.css";

package/dist/css/theme/_tokens.css

@@ -52,6 +52,8 @@
         --formie-neutral-200: #e2e8f0;
         --formie-neutral-300: #cbd5e1;
         --formie-neutral-400: #94a3b8;
+        /* Lightest slate step that meets ~3:1 non-text contrast on white (WCAG 1.4.11). */
+        --formie-neutral-450: #8796ac;
         --formie-neutral-500: #64748b;
         --formie-neutral-600: #475569;
         --formie-neutral-700: #334155;
@@ -101,16 +103,19 @@
         --formie-color-surface-subtle: var(--formie-neutral-50);
         --formie-color-surface-muted: var(--formie-neutral-100);
         --formie-color-text: var(--formie-neutral-700);
-        --formie-color-text-muted: var(--formie-neutral-500);
+        --formie-color-text-muted: var(--formie-neutral-600);
         --formie-color-heading: var(--formie-neutral-900);
+        /* Structural chrome: tabs, groups, dividers. */
         --formie-color-border: var(--formie-neutral-300);
+        /* Interactive controls: inputs, selects, checkboxes. Border-only; use focus ring for interaction contrast. */
+        --formie-color-border-control: var(--formie-neutral-400);
         --formie-color-border-soft: var(--formie-neutral-200);
         --formie-color-primary: var(--formie-primary-400);
         --formie-color-primary-hover: var(--formie-primary-500);
         --formie-color-primary-border: var(--formie-primary-500);
         --formie-color-primary-soft: var(--formie-primary-100);
         --formie-color-focus-ring: var(--formie-primary-300);
-        --formie-color-danger: var(--formie-danger-500);
+        --formie-color-danger: var(--formie-danger-600);
         --formie-color-danger-soft: var(--formie-danger-50);
         --formie-color-danger-dark: var(--formie-danger-900);
         --formie-color-success: var(--formie-success-500);
@@ -158,8 +163,8 @@
         --formie-button-icon-border-radius: var(--formie-radius-full);
         --formie-button-icon-background: var(--formie-neutral-100);
         --formie-button-icon-background-hover: var(--formie-neutral-200);
-        --formie-button-icon-border: var(--formie-border-width) solid var(--formie-neutral-300);
-        --formie-button-icon-border-hover: var(--formie-border-width) solid var(--formie-neutral-400);
+        --formie-button-icon-border: var(--formie-border-width) solid var(--formie-color-border-control);
+        --formie-button-icon-border-hover: var(--formie-border-width) solid var(--formie-neutral-450);
         --formie-button-icon-color: var(--formie-neutral-950);
         --formie-button-opacity-disabled: 0.7;
         --formie-button-shadow-focus: 0 0 0 3px var(--formie-color-border-soft);
@@ -273,7 +278,7 @@
         --formie-signature-width: 100%;
         --formie-signature-height: 8rem;
         --formie-signature-background: var(--formie-color-surface-subtle);
-        --formie-signature-border: 1px solid var(--formie-color-border);
+        --formie-signature-border: 1px solid var(--formie-color-border-control);
         --formie-signature-border-radius: var(--formie-radius-sm);
 
         --formie-signature-remove-button-top: 0;

package/dist/css/theme/fields/_check-radio.css

@@ -51,7 +51,7 @@
         height: var(--formie-check-size);
         content: "";
         cursor: pointer;
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         background-color: var(--formie-check-label-background-color);
         background-repeat: no-repeat;
         background-position: center center;

package/dist/css/theme/fields/_combobox.css

@@ -32,7 +32,7 @@
     overflow: hidden;
     z-index: 1;
     width: 100%;
-    border: var(--formie-border-width) solid var(--formie-color-border);
+    border: var(--formie-border-width) solid var(--formie-color-border-control);
     border-radius: var(--formie-radius-sm);
     background-color: var(--formie-color-surface);
     background-image: none;

package/dist/css/theme/fields/_file.css

@@ -12,7 +12,7 @@
         margin-inline-end: var(--formie-space-2);
         padding: calc(var(--formie-control-padding-y) - 1px) var(--formie-space-2);
         min-height: calc(var(--formie-control-height) - (var(--formie-space-1) * 2));
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         border-radius: calc(var(--formie-radius-sm) - 1px);
         background: var(--formie-color-surface-subtle);
         color: var(--formie-color-heading);
@@ -26,7 +26,7 @@
 
     .formie-file-input:hover::file-selector-button,
     .formie-file-input:hover::-webkit-file-upload-button {
-        border-color: color-mix(in srgb, var(--formie-color-border) 70%, var(--formie-color-heading) 30%);
+        border-color: color-mix(in srgb, var(--formie-color-border-control) 70%, var(--formie-color-heading) 30%);
         background: var(--formie-color-surface-muted);
     }
 
@@ -47,7 +47,7 @@
     .formie-file-summary {
         padding: var(--formie-file-summary-padding);
         gap: var(--formie-gap-file-summary);
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         border-radius: var(--formie-radius-sm);
     }
 

package/dist/css/theme/fields/_input.css

@@ -2,7 +2,7 @@
 
     .formie-input,
     .formie-textarea {
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         border-radius: var(--formie-radius-sm);
         background: var(--formie-color-surface);
         transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;

package/dist/css/theme/fields/_repeater.css

@@ -9,7 +9,7 @@
         display: grid;
         gap: var(--formie-space-4);
         padding: var(--formie-space-4);
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         border-radius: var(--formie-radius-md);
         transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;
     }

package/dist/css/theme/fields/_rich-text.css

@@ -1,6 +1,6 @@
 @layer formie-theme {
     .formie-rich-text {
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         border-radius: var(--formie-radius-sm);
         background: var(--formie-color-surface);
         box-sizing: border-box;

package/dist/css/theme/fields/_select.css

@@ -1,6 +1,6 @@
 @layer formie-theme {
     .formie-select {
-        border: var(--formie-border-width) solid var(--formie-color-border);
+        border: var(--formie-border-width) solid var(--formie-color-border-control);
         border-radius: var(--formie-radius-sm);
         background: var(--formie-color-surface);
         transition: border-color 150ms ease, box-shadow 150ms ease, background-color 150ms ease;