@dtkt/protoform 0.0.0-stage → 0.1.0

package/dist/protoform-DmMJ7LSw.js

@@ -0,0 +1,835 @@
+import { E as e, M as t, T as n, W as r, a as i, d as a, f as o, g as s, h as c, i as l, k as u, l as d, m as f, o as p, p as m, s as h, v as g, w as _, x as v, y as ee } from "./context-DSrebuNf.js";
+import { t as te } from "./ui-DGND0oTu.js";
+import { createElement as ne, useEffect as y, useId as b, useState as x, useSyncExternalStore as S } from "react";
+import { ScalarType as C, create as w, equals as re, fromJson as ie, toJson as ae } from "@bufbuild/protobuf";
+import { anyPack as T, anyUnpack as oe, timestampNow as se } from "@bufbuild/protobuf/wkt";
+import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
+// lib/components/enum.tsx
+var ce = 4;
+function k({ desc: e, value: t, onValue: n, compact: r, ...a }) {
+	let o = i(), s = e.values.map((t) => ({
+		value: String(t.number),
+		label: v(e, t.number)
+	}));
+	t in e.value || s.push({
+		value: String(t),
+		label: String(t)
+	});
+	let c = {
+		...a,
+		value: String(t),
+		options: s,
+		onChange: (e) => n(Number(e))
+	};
+	return !r && s.length <= ce ? /* @__PURE__ */ D(o.RadioGroup, { ...c }) : /* @__PURE__ */ D(o.Select, { ...c });
+}
+function le({ field: e, mode: t, id: n, describedBy: r, invalid: i }) {
+	return /* @__PURE__ */ D(k, {
+		desc: e.desc.enum,
+		value: e.get(),
+		onValue: (t) => e.set(t),
+		id: n,
+		name: e.desc.localName,
+		describedBy: r,
+		invalid: i,
+		readOnly: t === "view",
+		required: e.elem.required
+	});
+}
+// lib/wellknown.ts
+var A = "google.protobuf.", ue = /* @__PURE__ */ new Set([
+	`${A}Timestamp`,
+	`${A}Duration`,
+	`${A}FieldMask`
+]), j = /* @__PURE__ */ new Set([
+	`${A}Struct`,
+	`${A}Value`,
+	`${A}ListValue`
+]), de = new Set([
+	"DoubleValue",
+	"FloatValue",
+	"Int64Value",
+	"UInt64Value",
+	"Int32Value",
+	"UInt32Value",
+	"BoolValue",
+	"StringValue",
+	"BytesValue"
+].map((e) => A + e)), fe = `${A}Any`;
+function M(e) {
+	return ue.has(e);
+}
+function N(e) {
+	return j.has(e);
+}
+function P(e) {
+	return ue.has(e) || j.has(e) || de.has(e);
+}
+// lib/components/hooks.ts
+function pe(e) {
+	return S(e.store.subscribe, e.store.snapshot), e;
+}
+function F(e, t) {
+	let [n, r] = x(), i = e;
+	if (n) {
+		let r = t(n.text);
+		(r === void 0 ? n.base === e : r === e) && (i = n.text);
+	}
+	return {
+		text: i,
+		setText: (t) => r({
+			text: t,
+			base: e
+		}),
+		reset: () => r(void 0)
+	};
+}
+// lib/components/scalar.tsx
+function I({ scalar: e, value: t, onValue: n, store: r, errorPath: a, multiline: o, ...l }) {
+	let u = i(), d = (t) => s(e) && (t === 0 || t === 0n) ? "" : f(e, t), p = F(d(t), (t) => {
+		let n = g(e, t);
+		return n.ok ? d(n.value) : void 0;
+	});
+	if (y(() => () => r.setLocalError(a, void 0), [r, a]), e === C.BOOL) return /* @__PURE__ */ D(u.Checkbox, {
+		variant: "switch",
+		id: l.id,
+		name: l.name,
+		checked: t,
+		readOnly: l.readOnly,
+		invalid: l.invalid,
+		describedBy: l.describedBy,
+		"aria-label": l["aria-label"],
+		onChange: (e) => r.setLocalError(a, n(e) ?? void 0)
+	});
+	let m = (t) => {
+		p.setText(t);
+		let i = g(e, t);
+		i.ok ? r.setLocalError(a, n(i.value) ?? void 0) : r.setLocalError(a, i.error);
+	}, h = () => {
+		r.localError(a) === void 0 && p.reset();
+	}, _ = l.invalid || r.localError(a) !== void 0, v = s(e) || e === C.BYTES;
+	return o && (e === C.STRING || e === C.BYTES) ? /* @__PURE__ */ D(u.TextArea, {
+		...l,
+		invalid: _,
+		value: p.text,
+		mono: v,
+		onChange: m,
+		onBlur: h
+	}) : /* @__PURE__ */ D(u.TextInput, {
+		...l,
+		invalid: _,
+		value: p.text,
+		mono: v,
+		placeholder: l.placeholder ?? (s(e) ? "0" : void 0),
+		inputMode: c(e) ? "numeric" : s(e) ? "decimal" : "text",
+		onChange: m,
+		onBlur: h
+	});
+}
+function L({ field: e, mode: t, id: n, describedBy: r, invalid: i, multiline: a }) {
+	return /* @__PURE__ */ D(I, {
+		scalar: e.desc.scalar,
+		value: e.get(),
+		onValue: (t) => e.set(t),
+		store: e.parent.store,
+		errorPath: e.path,
+		id: n,
+		name: e.desc.localName,
+		describedBy: r,
+		invalid: i,
+		readOnly: t === "view",
+		required: e.elem.required,
+		multiline: a
+	});
+}
+// lib/components/wkt.tsx
+var R = "google.protobuf.";
+function z(e) {
+	let t = e.message.value.desc.typeName;
+	return M(t) ? /* @__PURE__ */ D(B, {
+		...e,
+		format: "text"
+	}) : N(t) ? /* @__PURE__ */ D(B, {
+		...e,
+		format: "json"
+	}) : /* @__PURE__ */ D(he, { ...e });
+}
+var me = {
+	[`${R}Timestamp`]: "2024-01-31T12:00:00Z",
+	[`${R}Duration`]: "1.5s",
+	[`${R}FieldMask`]: "foo,bar.baz"
+};
+function B({ message: e, mode: t, id: r, describedBy: a, invalid: o, format: s, "aria-label": c }) {
+	let l = i(), u = p(), d = e.value.desc, f = e.store, m = (e) => e instanceof n ? !e.isSet() : re(d, e.get(), w(d)), h = (e) => {
+		let t = ae(d, e);
+		return typeof t == "string" && s === "text" ? t : JSON.stringify(t, null, 2);
+	}, g = (e) => ie(d, s === "text" ? e : JSON.parse(e)), _ = F(m(e) ? "" : h(e.get()), (e) => {
+		if (e.trim() === "") return "";
+		try {
+			return h(g(e));
+		} catch {
+			return;
+		}
+	});
+	y(() => () => f.setLocalError(e.path, void 0), [f, e.path]);
+	let v = {
+		id: r,
+		describedBy: a,
+		"aria-label": c,
+		invalid: o || f.localError(e.path) !== void 0,
+		readOnly: t === "view",
+		value: _.text,
+		mono: !0,
+		placeholder: me[d.typeName],
+		onChange: (t) => {
+			if (_.setText(t), t.trim() === "") e.clear(), f.setLocalError(e.path, void 0);
+			else try {
+				e.set(g(t)), e instanceof n && e.ensure(), f.setLocalError(e.path, void 0);
+			} catch (t) {
+				f.setLocalError(e.path, t instanceof Error ? t.message : String(t));
+			}
+		},
+		onBlur: () => {
+			f.localError(e.path) === void 0 && _.reset();
+		}
+	};
+	if (s === "json") return /* @__PURE__ */ D(l.TextArea, {
+		...v,
+		rows: 6
+	});
+	let ee = d.typeName === `${R}Timestamp` && t !== "view";
+	return /* @__PURE__ */ D(l.Row, {
+		actions: ee && /* @__PURE__ */ D(l.Button, {
+			size: "sm",
+			variant: "secondary",
+			onClick: () => {
+				e.set(se()), e instanceof n && e.ensure(), f.setLocalError(e.path, void 0), _.reset();
+			},
+			children: u.now
+		}),
+		children: /* @__PURE__ */ D(l.TextInput, { ...v })
+	});
+}
+function he({ message: e, mode: t, id: n, describedBy: r, invalid: i, "aria-label": a }) {
+	let o = e.fields()[0];
+	return /* @__PURE__ */ D(I, {
+		scalar: o.desc.scalar,
+		value: o.get(),
+		onValue: (e) => o.set(e),
+		store: e.store,
+		errorPath: o.path,
+		id: n,
+		describedBy: r,
+		invalid: i,
+		readOnly: t === "view",
+		"aria-label": a
+	});
+}
+function V({ message: e, mode: t, depth: n = 0 }) {
+	let a = r(), o = i(), s = p(), c = e.get(), l = c.typeUrl.slice(c.typeUrl.lastIndexOf("/") + 1), u = l ? a.registry.getMessage(l) : void 0, d = /* @__PURE__ */ new Set();
+	for (let e of a.registry) e.kind === "message" && a.anyTypeFilter(e.typeName) && d.add(e.typeName);
+	l && d.add(l);
+	let f = [...d].sort().map((e) => ({
+		value: e,
+		label: e
+	})), m = (t) => {
+		let n = a.registry.getMessage(t);
+		n && (T(n, w(n), c), e.notify());
+	}, h;
+	if (u) {
+		let t = new _(u, oe(c, u) ?? w(u), {
+			owner: e,
+			path: `${e.path}[${l}]`,
+			onChange: () => T(u, t.get(), c)
+		});
+		h = t;
+	}
+	return /* @__PURE__ */ O(o.Stack, { children: [/* @__PURE__ */ D(o.Select, {
+		"aria-label": s.selectType,
+		placeholder: s.selectType,
+		value: l,
+		options: f,
+		readOnly: t === "view",
+		onChange: m
+	}), h && /* @__PURE__ */ D(H, {
+		message: h,
+		mode: t,
+		depth: n
+	})] });
+}
+// lib/components/message.tsx
+function H({ message: e, mode: t, depth: n = 0, ...r }) {
+	let i = e.value.desc.typeName;
+	return P(i) ? /* @__PURE__ */ D(z, {
+		message: e,
+		mode: t,
+		...r
+	}) : i === "google.protobuf.Any" ? /* @__PURE__ */ D(V, {
+		message: e,
+		mode: t,
+		depth: n
+	}) : /* @__PURE__ */ D(Z, {
+		fields: e.fields(),
+		mode: t,
+		depth: n
+	});
+}
+function U({ field: e, mode: t, depth: n = 0, id: r, describedBy: a, invalid: o }) {
+	let s = i(), c = p();
+	if (P(e.value.desc.typeName)) return /* @__PURE__ */ D(H, {
+		message: e,
+		mode: t,
+		id: r,
+		describedBy: a,
+		invalid: o
+	});
+	let l = e.isSet(), u = e.elem.title(), d;
+	return t !== "view" && (d = l ? /* @__PURE__ */ D(s.Button, {
+		variant: "ghost",
+		size: "sm",
+		"aria-label": `${c.clear} ${u}`,
+		onClick: () => e.clear(),
+		children: c.clear
+	}) : /* @__PURE__ */ D(s.Button, {
+		variant: "secondary",
+		size: "sm",
+		"aria-label": `${c.edit} ${u}`,
+		onClick: () => e.ensure(),
+		children: c.edit
+	})), /* @__PURE__ */ D($, {
+		field: e,
+		id: r,
+		depth: n,
+		actions: d,
+		collapsible: l && n > 0,
+		children: l ? /* @__PURE__ */ D(H, {
+			message: e,
+			mode: t,
+			depth: n + 1
+		}) : /* @__PURE__ */ D("p", {
+			"data-pf": "empty",
+			children: c.notSet
+		})
+	});
+}
+// lib/components/list.tsx
+function W({ field: e, index: t, readOnly: n }) {
+	let r = i(), a = p();
+	if (n) return null;
+	let o = t + 1;
+	return /* @__PURE__ */ O(E, { children: [
+		/* @__PURE__ */ D(r.Button, {
+			variant: "ghost",
+			size: "sm",
+			"aria-label": a.moveItemUp(o),
+			disabled: t === 0,
+			onClick: () => e.move(t, t - 1),
+			children: "↑"
+		}),
+		/* @__PURE__ */ D(r.Button, {
+			variant: "ghost",
+			size: "sm",
+			"aria-label": a.moveItemDown(o),
+			disabled: t === e.size - 1,
+			onClick: () => e.move(t, t + 1),
+			children: "↓"
+		}),
+		/* @__PURE__ */ D(r.Button, {
+			variant: "ghost",
+			size: "sm",
+			"aria-label": a.removeItem(o),
+			onClick: () => e.removeAt(t),
+			children: "✕"
+		})
+	] });
+}
+function G(e, t) {
+	return `${e.path}[${t}]`;
+}
+function ge({ field: e, index: t, readOnly: n, value: r }) {
+	let a = i(), o = p(), s = b(), c = e.parent.errorMessagesAt(G(e, t)), l = {
+		describedBy: c.length > 0 ? `${s}-errors` : void 0,
+		invalid: c.length > 0,
+		readOnly: n,
+		"aria-label": o.item(t + 1)
+	}, u;
+	switch (e.desc.listKind) {
+		case "scalar":
+			u = /* @__PURE__ */ D(I, {
+				...l,
+				scalar: e.desc.scalar,
+				value: r,
+				onValue: (n) => e.setAt(t, n),
+				store: e.parent.store,
+				errorPath: G(e, t)
+			});
+			break;
+		case "enum":
+			u = /* @__PURE__ */ D(k, {
+				...l,
+				compact: !0,
+				desc: e.desc.enum,
+				value: r,
+				onValue: (n) => e.setAt(t, n)
+			});
+			break;
+		default: return null;
+	}
+	return /* @__PURE__ */ D(a.Row, {
+		id: s,
+		errors: c,
+		actions: /* @__PURE__ */ D(W, {
+			field: e,
+			index: t,
+			readOnly: n
+		}),
+		children: u
+	});
+}
+function _e({ field: e, index: t, readOnly: n, item: r, depth: a, mode: o }) {
+	let s = i(), c = p(), l = b(), u = /* @__PURE__ */ D(W, {
+		field: e,
+		index: t,
+		readOnly: n
+	}), d = c.item(t + 1), f = e.parent.errorMessagesAt(G(e, t));
+	return P(r.value.desc.typeName) ? /* @__PURE__ */ D(s.Row, {
+		id: l,
+		errors: f,
+		actions: u,
+		children: /* @__PURE__ */ D(H, {
+			message: r,
+			mode: o,
+			"aria-label": d,
+			describedBy: f.length > 0 ? `${l}-errors` : void 0,
+			invalid: f.length > 0
+		})
+	}) : /* @__PURE__ */ D(s.Section, {
+		id: l,
+		title: d,
+		errors: f,
+		depth: a,
+		actions: u,
+		collapsible: !0,
+		children: /* @__PURE__ */ D(H, {
+			message: r,
+			mode: o,
+			depth: a + 1
+		})
+	});
+}
+function K({ field: e, mode: t, depth: n = 0, id: r }) {
+	let a = i(), o = p(), s = t === "view", c;
+	c = e.desc.listKind === "message" ? e.messages().map((r, i) => /* @__PURE__ */ D(_e, {
+		field: e,
+		index: i,
+		readOnly: s,
+		item: r,
+		depth: n + 1,
+		mode: t
+	}, i)) : e.items().map((t, n) => /* @__PURE__ */ D(ge, {
+		field: e,
+		index: n,
+		readOnly: s,
+		value: t
+	}, n));
+	let l = s ? void 0 : /* @__PURE__ */ D(a.Button, {
+		variant: "secondary",
+		size: "sm",
+		"aria-label": `${o.addItem}: ${e.elem.title()}`,
+		onClick: () => e.add(),
+		children: o.addItem
+	});
+	return /* @__PURE__ */ D($, {
+		field: e,
+		id: r,
+		depth: n,
+		actions: l,
+		children: c.length === 0 ? /* @__PURE__ */ D("p", {
+			"data-pf": "empty",
+			children: o.noItems
+		}) : /* @__PURE__ */ D(a.Stack, { children: c })
+	});
+}
+// lib/components/map.tsx
+function q({ field: e, entryKey: t, readOnly: n }) {
+	let r = i(), a = p();
+	return n ? null : /* @__PURE__ */ D(r.Button, {
+		variant: "ghost",
+		size: "sm",
+		"aria-label": a.removeEntry(e.formatKey(t)),
+		onClick: () => e.delete(t),
+		children: "✕"
+	});
+}
+function J() {
+	return /* @__PURE__ */ D("span", {
+		"data-pf": "separator",
+		"aria-hidden": "true",
+		children: "="
+	});
+}
+function ve({ field: e, value: t, onValue: n, store: r, errorPath: i, ...a }) {
+	switch (e.desc.mapKind) {
+		case "enum": return /* @__PURE__ */ D(k, {
+			...a,
+			compact: !0,
+			desc: e.desc.enum,
+			value: t,
+			onValue: n
+		});
+		case "scalar": return /* @__PURE__ */ D(I, {
+			...a,
+			scalar: e.desc.scalar,
+			value: t,
+			onValue: (e) => n(e),
+			store: r,
+			errorPath: i
+		});
+		default: return null;
+	}
+}
+function ye({ field: e, entryKey: t, readOnly: n, value: r }) {
+	let a = i(), o = p(), s = b(), c = e.formatKey(t), l = u(e.path, t), d = e.parent.errorMessagesAt(l);
+	return /* @__PURE__ */ O(a.Row, {
+		id: s,
+		errors: d,
+		actions: /* @__PURE__ */ D(q, {
+			field: e,
+			entryKey: t,
+			readOnly: n
+		}),
+		children: [
+			/* @__PURE__ */ D(a.TextInput, {
+				value: c,
+				readOnly: !0,
+				mono: !0,
+				"aria-label": o.entryKey(c),
+				onChange: () => {}
+			}),
+			/* @__PURE__ */ D(J, {}),
+			/* @__PURE__ */ D(ve, {
+				field: e,
+				value: r,
+				onValue: (n) => e.setValue(t, n),
+				store: e.parent.store,
+				errorPath: l,
+				readOnly: n,
+				invalid: d.length > 0,
+				describedBy: d.length > 0 ? `${s}-errors` : void 0,
+				"aria-label": o.entryValue(c)
+			})
+		]
+	});
+}
+function be({ field: e, entryKey: t, readOnly: n, item: r, depth: a, mode: o }) {
+	let s = i(), c = p(), l = b(), d = e.formatKey(t), f = e.parent.errorMessagesAt(u(e.path, t)), m = /* @__PURE__ */ D(q, {
+		field: e,
+		entryKey: t,
+		readOnly: n
+	});
+	return P(r.value.desc.typeName) ? /* @__PURE__ */ O(s.Row, {
+		id: l,
+		errors: f,
+		actions: m,
+		children: [
+			/* @__PURE__ */ D(s.TextInput, {
+				value: d,
+				readOnly: !0,
+				mono: !0,
+				"aria-label": c.entryKey(d),
+				onChange: () => {}
+			}),
+			/* @__PURE__ */ D(J, {}),
+			/* @__PURE__ */ D(H, {
+				message: r,
+				mode: o,
+				"aria-label": c.entryValue(d),
+				describedBy: f.length > 0 ? `${l}-errors` : void 0,
+				invalid: f.length > 0
+			})
+		]
+	}) : /* @__PURE__ */ D(s.Section, {
+		id: l,
+		title: c.entry(d),
+		errors: f,
+		depth: a,
+		actions: m,
+		collapsible: !0,
+		children: /* @__PURE__ */ D(H, {
+			message: r,
+			mode: o,
+			depth: a + 1
+		})
+	});
+}
+function xe({ field: t }) {
+	let n = i(), r = p(), a = b(), o = t.desc.mapKind !== "message", [s, c] = x(""), [l, u] = x(), [d, f] = x(() => t.zeroValue()), [m] = x(() => new e());
+	S(m.subscribe, m.snapshot);
+	let h = m.localError("value"), g = [l, h].filter((e) => e !== void 0), _ = s !== "" && !m.hasLocalErrors(), v = () => {
+		if (_) try {
+			t.add(t.parseKey(s), o ? d : void 0) ? (c(""), u(void 0), f(t.zeroValue())) : u(r.duplicateKey);
+		} catch (e) {
+			u(e instanceof Error ? e.message : String(e));
+		}
+	};
+	return /* @__PURE__ */ O(n.Row, {
+		id: a,
+		errors: g,
+		actions: /* @__PURE__ */ D(n.Button, {
+			variant: "secondary",
+			size: "sm",
+			"aria-label": r.addEntry,
+			disabled: !_,
+			onClick: v,
+			children: r.addEntry
+		}),
+		children: [/* @__PURE__ */ D(n.TextInput, {
+			value: s,
+			mono: !0,
+			invalid: l !== void 0,
+			describedBy: g.length > 0 ? `${a}-errors` : void 0,
+			placeholder: r.key,
+			"aria-label": r.key,
+			onChange: (e) => {
+				c(e), u(void 0);
+			},
+			onEnter: v
+		}), o && /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D(J, {}), /* @__PURE__ */ D(ve, {
+			field: t,
+			value: d,
+			onValue: (e) => f(e),
+			store: m,
+			errorPath: "value",
+			readOnly: !1,
+			invalid: h !== void 0,
+			onEnter: v,
+			placeholder: r.value,
+			"aria-label": r.value
+		})] })]
+	});
+}
+function Se({ field: e, mode: t, depth: n = 0, id: r }) {
+	let a = i(), o = p(), s = t === "view", c;
+	return c = e.desc.mapKind === "message" ? e.messages().map(([r, i]) => /* @__PURE__ */ D(be, {
+		field: e,
+		entryKey: r,
+		readOnly: s,
+		item: i,
+		depth: n + 1,
+		mode: t
+	}, e.formatKey(r))) : e.entries().map(([t, n]) => /* @__PURE__ */ D(ye, {
+		field: e,
+		entryKey: t,
+		readOnly: s,
+		value: n
+	}, e.formatKey(t))), /* @__PURE__ */ O($, {
+		field: e,
+		id: r,
+		depth: n,
+		children: [c.length === 0 && s && /* @__PURE__ */ D("p", {
+			"data-pf": "empty",
+			children: o.noItems
+		}), (c.length > 0 || !s) && /* @__PURE__ */ O(a.Stack, { children: [c, !s && /* @__PURE__ */ D(xe, { field: e })] })]
+	});
+}
+// lib/components/oneof.tsx
+function Ce({ field: e, mode: n, depth: r = 0, id: a }) {
+	let o = i(), s = p(), c = b(), l = e.active(), u = [{
+		value: "",
+		label: s.selectCase
+	}, ...e.oneOf.fields.map((e) => ({
+		value: e.name,
+		label: t(e).title()
+	}))];
+	return /* @__PURE__ */ D($, {
+		field: e,
+		id: a,
+		depth: r,
+		children: /* @__PURE__ */ O(o.Stack, { children: [/* @__PURE__ */ D(o.Select, {
+			id: c,
+			"aria-label": e.elem.title(),
+			value: l?.desc.name ?? "",
+			options: u,
+			readOnly: n === "view",
+			onChange: (t) => e.select(t || void 0)
+		}), l && /* @__PURE__ */ D(Q, {
+			field: l,
+			mode: n,
+			depth: r + 1
+		}, l.path)] })
+	});
+}
+// lib/components/field.tsx
+function Y(e) {
+	let t = h(), n = l(t, e.field);
+	return n ? ne(n, e) : /* @__PURE__ */ D(X, { ...e });
+}
+function X(e) {
+	let { field: t } = e;
+	if (t instanceof d) return /* @__PURE__ */ D(Ce, {
+		...e,
+		field: t
+	});
+	if (t instanceof o) return /* @__PURE__ */ D(K, {
+		...e,
+		field: t
+	});
+	if (t instanceof a) return /* @__PURE__ */ D(Se, {
+		...e,
+		field: t
+	});
+	if (t instanceof n) return /* @__PURE__ */ D(U, {
+		...e,
+		field: t
+	});
+	if (t instanceof ee) return /* @__PURE__ */ D(le, {
+		...e,
+		field: t
+	});
+	if (t instanceof m) {
+		let n = t.elem.type(), r = t.desc.scalar;
+		return n.case === "confirm" ? /* @__PURE__ */ D(we, {
+			...e,
+			field: t
+		}) : n.case === "file" && (r === C.BYTES || r === C.STRING) ? /* @__PURE__ */ D(Te, {
+			...e,
+			field: t
+		}) : /* @__PURE__ */ D(L, {
+			...e,
+			field: t,
+			multiline: n.case === "input" && !!n.value.multilineText
+		});
+	}
+	return null;
+}
+function we({ field: e, mode: t, id: n, describedBy: r, invalid: a }) {
+	let o = i(), s = e.elem.type();
+	if (s.case !== "confirm") return null;
+	let c = e.desc.scalar === C.BOOL, l = c ? e.get() === !0 : e.toString() === s.value.approve;
+	return /* @__PURE__ */ D(o.Checkbox, {
+		id: n,
+		name: e.desc.localName,
+		checked: l,
+		readOnly: t === "view",
+		invalid: a,
+		describedBy: r,
+		onChange: (t) => {
+			c ? e.set(t) : e.parse(t ? s.value.approve : s.value.decline);
+		}
+	});
+}
+function Te({ field: e, mode: t, id: n, describedBy: r, invalid: a }) {
+	let o = i(), [s, c] = x(), l = e.elem.type(), u = async (t) => {
+		c(t?.name), t ? e.desc.scalar === C.BYTES ? e.set(new Uint8Array(await t.arrayBuffer())) : e.set(await t.text()) : e.parse("");
+	};
+	return /* @__PURE__ */ D(o.FileInput, {
+		id: n,
+		name: e.desc.localName,
+		accept: l.case === "file" ? l.value.allowedTypes : void 0,
+		fileName: s,
+		readOnly: t === "view",
+		invalid: a,
+		describedBy: r,
+		onFile: (e) => void u(e)
+	});
+}
+// lib/components/frame.ts
+function Ee(e) {
+	return e instanceof d || e instanceof o || e instanceof a ? "section" : e instanceof n ? P(e.value.desc.typeName) ? "field" : "section" : "field";
+}
+// lib/components/group.tsx
+function Z({ fields: e, mode: t, depth: n = 0 }) {
+	let r = i();
+	return /* @__PURE__ */ D(r.Stack, { children: e.filter((e) => !e.elem.hidden).map((e) => /* @__PURE__ */ D(Q, {
+		field: e,
+		mode: t,
+		depth: n
+	}, e.path)) });
+}
+function Q({ field: e, mode: t, depth: n = 0 }) {
+	let r = h(), { kit: i } = r, a = b(), o = l(r, e);
+	if (!(o ? (o.frame ?? "field") === "field" : Ee(e) === "field")) return /* @__PURE__ */ D(Y, {
+		field: e,
+		mode: t,
+		depth: n,
+		id: a
+	});
+	let s = e.errorMessages(), c = e.elem.documented, u = [c ? `${a}-description` : void 0, s.length > 0 ? `${a}-errors` : void 0].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ D(i.Field, {
+		id: a,
+		label: e.elem.title(),
+		description: c || void 0,
+		errors: s,
+		required: e.elem.required,
+		children: /* @__PURE__ */ D(Y, {
+			field: e,
+			mode: t,
+			depth: n,
+			id: a,
+			describedBy: u,
+			invalid: s.length > 0
+		})
+	});
+}
+function $({ field: e, depth: t = 0, id: n, actions: r, collapsible: a, children: o }) {
+	let s = i(), c = b();
+	return /* @__PURE__ */ D(s.Section, {
+		id: n ?? c,
+		title: e.elem.title(),
+		description: e.elem.documented || void 0,
+		errors: e.errorMessages(),
+		depth: t,
+		actions: r,
+		collapsible: a,
+		children: o
+	});
+}
+// lib/components/protoform.tsx
+function De({ kit: e, renderers: t, resolve: n, messages: r, ...i }) {
+	return /* @__PURE__ */ D(te, {
+		kit: e,
+		renderers: t,
+		resolve: n,
+		messages: r,
+		children: /* @__PURE__ */ D(ke, { ...i })
+	});
+}
+function Oe(e) {
+	return e.fields().filter((e) => e.elem.hidden).flatMap((e) => e.errorMessages().map((t) => `${e.elem.title()}: ${t}`));
+}
+function ke({ message: e, mode: t, validateOn: n = "submit", children: a, onSubmit: o, onInvalid: s }) {
+	let c = r(), l = i(), { store: u } = e;
+	S(u.subscribe, u.snapshot);
+	let d = S(u.subscribe, u.dataSnapshot);
+	y(() => {
+		(u.submitted || n === "load" || n === "change" && d > 0) && e.validate(c.validator);
+	}, [
+		u,
+		e,
+		c,
+		n,
+		d
+	]);
+	let f = (t) => {
+		t.preventDefault(), u.markSubmitted(), e.validate(c.validator).kind === "valid" && !u.hasLocalErrors() ? o?.(t) : s?.();
+	}, p = [...Oe(e), ...e.errorMessages()];
+	return /* @__PURE__ */ O(l.Form, {
+		onSubmit: f,
+		children: [
+			p.length > 0 && /* @__PURE__ */ D("ul", {
+				"data-pf": "form-errors",
+				role: "alert",
+				children: p.map((e) => /* @__PURE__ */ D("li", { children: e }, e))
+			}),
+			/* @__PURE__ */ D(Z, {
+				fields: e.fields(),
+				mode: t
+			}),
+			a && /* @__PURE__ */ D("div", {
+				"data-pf": "actions",
+				children: a
+			})
+		]
+	});
+}
+export { le as C, M as S, F as _, Ee as a, P as b, Ce as c, U as d, H as f, I as g, L as h, $ as i, Se as l, z as m, Z as n, X as o, V as p, Q as r, Y as s, De as t, K as u, pe as v, k as w, N as x, fe as y };