@object-ui/plugin-detail 3.1.3 → 3.1.4

package/dist/MasterDetailField-I1A9oEGC.js

@@ -0,0 +1,94 @@
+import { $ as e, It as t, Z as n, hn as r, ht as i, q as a, un as o } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../fields/src/widgets/MasterDetailField.tsx
+var l = /* @__PURE__ */ r({ MasterDetailField: () => u });
+function u({ value: r, onChange: l, field: u, readonly: d, className: f, ...p }) {
+	let m = r || [], h = u || p.schema, g = () => {
+		let e = {
+			id: `new-${Date.now()}`,
+			label: "New Related Record"
+		};
+		l([...m, e]);
+	}, _ = (e) => {
+		l(m.filter((t) => t.id !== e));
+	}, v = (e) => {
+		console.log("View detail:", e);
+	};
+	return d ? /* @__PURE__ */ c("div", {
+		className: o("space-y-2", f),
+		children: [m.length === 0 ? /* @__PURE__ */ s("span", {
+			className: "text-sm text-muted-foreground",
+			children: "No related records"
+		}) : m.map((e) => /* @__PURE__ */ c("div", {
+			className: "flex items-center justify-between p-2 border rounded hover:bg-muted/50",
+			children: [/* @__PURE__ */ s("span", {
+				className: "text-sm",
+				children: e.label
+			}), /* @__PURE__ */ s(n, {
+				type: "button",
+				variant: "ghost",
+				size: "sm",
+				onClick: () => v(e),
+				children: /* @__PURE__ */ s(t, { className: "w-4 h-4" })
+			})]
+		}, e.id)), /* @__PURE__ */ c("p", {
+			className: "text-xs text-muted-foreground",
+			children: [
+				m.length,
+				" ",
+				m.length === 1 ? "record" : "records"
+			]
+		})]
+	}) : /* @__PURE__ */ c("div", {
+		className: o("space-y-3", f),
+		children: [/* @__PURE__ */ c("div", {
+			className: "space-y-2",
+			children: [m.map((r) => /* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between gap-2 p-2 border rounded hover:bg-muted/50",
+				children: [/* @__PURE__ */ c("div", {
+					className: "flex items-center gap-2 flex-1",
+					children: [/* @__PURE__ */ s(a, {
+						variant: "outline",
+						children: r.id
+					}), /* @__PURE__ */ s("span", {
+						className: "text-sm flex-1",
+						children: r.label
+					})]
+				}), /* @__PURE__ */ c("div", {
+					className: "flex items-center gap-1",
+					children: [/* @__PURE__ */ s(n, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: () => v(r),
+						children: /* @__PURE__ */ s(t, { className: "w-4 h-4" })
+					}), /* @__PURE__ */ s(n, {
+						type: "button",
+						variant: "ghost",
+						size: "sm",
+						onClick: () => _(r.id),
+						disabled: p.disabled,
+						children: /* @__PURE__ */ s(e, { className: "w-4 h-4" })
+					})]
+				})]
+			}, r.id)), m.length === 0 && /* @__PURE__ */ s("div", {
+				className: "text-sm text-muted-foreground text-center py-4 border border-dashed rounded bg-muted/20",
+				children: "No related records"
+			})]
+		}), /* @__PURE__ */ c(n, {
+			type: "button",
+			variant: "outline",
+			className: "w-full",
+			onClick: g,
+			disabled: p.disabled,
+			children: [
+				/* @__PURE__ */ s(i, { className: "w-4 h-4 mr-2" }),
+				"Add ",
+				h?.label || "Record"
+			]
+		})]
+	});
+}
+//#endregion
+export { l as t };

package/dist/NumberField-D_NucQlp.js

@@ -0,0 +1,26 @@
+import { D as e, hn as t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../fields/src/widgets/NumberField.tsx
+var r = /* @__PURE__ */ t({ NumberField: () => i });
+function i({ value: t, onChange: r, field: i, readonly: a, ...o }) {
+	if (a) return /* @__PURE__ */ n("span", {
+		className: "text-sm",
+		children: t ?? "-"
+	});
+	let s = i || o.schema, c = s?.precision, { inputType: l, ...u } = o;
+	return /* @__PURE__ */ n(e, {
+		...u,
+		type: "number",
+		value: t ?? "",
+		onChange: (e) => {
+			let t = e.target.value;
+			r(t === "" ? null : Number(t));
+		},
+		placeholder: s?.placeholder,
+		disabled: a || u.disabled,
+		step: c ? 10 ** -c : "any"
+	});
+}
+//#endregion
+export { r as t };

package/dist/ObjectField-CG-LaM65.js

@@ -0,0 +1,52 @@
+import { hn as e, t, un as n } from "./src-CXr1-vVl.js";
+import { useEffect as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region ../fields/src/widgets/ObjectField.tsx
+var s = /* @__PURE__ */ e({ ObjectField: () => c });
+function c({ value: e, onChange: s, field: c, readonly: l, ...u }) {
+	let d = c || u.schema, [f, p] = i(() => e == null ? "" : JSON.stringify(e, null, 2)), [m, h] = i(null);
+	return r(() => {
+		try {
+			if (e == null) {
+				p("");
+				return;
+			}
+			let t = f ? JSON.parse(f) : null;
+			JSON.stringify(t) !== JSON.stringify(e) && p(JSON.stringify(e, null, 2));
+		} catch {
+			p(JSON.stringify(e, null, 2));
+		}
+	}, [e, f]), l ? e ? /* @__PURE__ */ a("pre", {
+		className: n("text-xs bg-gray-50 p-2 rounded border border-gray-200 overflow-auto max-h-40", u.className),
+		children: JSON.stringify(e, null, 2)
+	}) : /* @__PURE__ */ a("span", {
+		className: "text-sm",
+		children: "-"
+	}) : /* @__PURE__ */ o("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ a(t, {
+			value: f,
+			onChange: (e) => {
+				let t = e.target.value;
+				if (p(t), h(null), !t.trim()) {
+					s(null);
+					return;
+				}
+				try {
+					s(JSON.parse(t));
+				} catch {
+					h("Invalid JSON");
+				}
+			},
+			placeholder: d?.placeholder || "{\n  \"key\": \"value\"\n}",
+			disabled: l || u.disabled,
+			className: n("font-mono text-xs", m ? "border-red-500 focus-visible:ring-red-500" : "", u.className),
+			rows: 6
+		}), m && /* @__PURE__ */ a("p", {
+			className: "text-xs text-red-500",
+			children: m
+		})]
+	});
+}
+//#endregion
+export { s as t };

package/dist/PasswordField-DBtluGJ1.js

@@ -0,0 +1,35 @@
+import { D as e, Ft as t, Pt as n, Z as r, hn as i } from "./src-CXr1-vVl.js";
+import { useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../fields/src/widgets/PasswordField.tsx
+var c = /* @__PURE__ */ i({ PasswordField: () => l });
+function l({ value: i, onChange: c, field: l, readonly: u, className: d, ...f }) {
+	let [p, m] = a(!1), h = l || f.schema;
+	if (u) return /* @__PURE__ */ o("span", {
+		className: "text-sm",
+		children: "••••••••"
+	});
+	let { inputType: g, ..._ } = f;
+	return /* @__PURE__ */ s("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ o(e, {
+			..._,
+			type: p ? "text" : "password",
+			value: i || "",
+			onChange: (e) => c(e.target.value),
+			placeholder: h?.placeholder,
+			disabled: u || _.disabled,
+			className: `pr-10 ${d || ""}`
+		}), /* @__PURE__ */ o(r, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+			onClick: () => m(!p),
+			tabIndex: -1,
+			children: o(p ? t : n, { className: "size-4 text-gray-500" })
+		})]
+	});
+}
+//#endregion
+export { c as t };

package/dist/PercentField-B6sO_J3i.js

@@ -0,0 +1,63 @@
+import { D as e, hn as t, p as n } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region ../fields/src/widgets/PercentField.tsx
+var a = /* @__PURE__ */ t({ PercentField: () => o });
+function o({ value: t, onChange: a, field: o, readonly: s, errorMessage: c, className: l, ...u }) {
+	let d = o || u.schema, f = d?.precision ?? 2;
+	if (s) return t == null ? /* @__PURE__ */ r("span", {
+		className: "text-sm",
+		children: "-"
+	}) : /* @__PURE__ */ i("span", {
+		className: "text-sm font-medium tabular-nums",
+		children: [(t * 100).toFixed(f), "%"]
+	});
+	let p = t == null ? "" : t * 100, m = t == null ? 0 : t * 100, h = (e) => {
+		if (e.target.value === "") {
+			a(null);
+			return;
+		}
+		let t = parseFloat(e.target.value);
+		a(isNaN(t) ? null : t / 100);
+	}, g = (e) => {
+		if (s || u.disabled) return;
+		if (!Array.isArray(e) || e.length === 0) {
+			a(null);
+			return;
+		}
+		let t = e[0];
+		a(typeof t == "number" ? t / 100 : null);
+	}, _ = 10 ** -f;
+	return /* @__PURE__ */ i("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ i("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ r(e, {
+				...u,
+				type: "number",
+				value: p,
+				onChange: h,
+				placeholder: d?.placeholder || "0",
+				disabled: s || u.disabled,
+				className: `pr-8 ${l || ""}`,
+				step: (10 ** -f).toFixed(f),
+				"aria-invalid": !!c
+			}), /* @__PURE__ */ r("span", {
+				className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
+				children: "%"
+			})]
+		}), /* @__PURE__ */ r(n, {
+			value: [m],
+			onValueChange: g,
+			min: 0,
+			max: 100,
+			step: _,
+			disabled: s || u.disabled,
+			className: "w-full",
+			"aria-label": "Percentage",
+			"data-testid": "percent-slider"
+		})]
+	});
+}
+//#endregion
+export { a as t };

package/dist/PhoneField-CcQAWwR6.js

@@ -0,0 +1,28 @@
+import { D as e, hn as t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region ../fields/src/widgets/PhoneField.tsx
+var r = /* @__PURE__ */ t({ PhoneField: () => i });
+function i({ value: t, onChange: r, field: i, readonly: a, errorMessage: o, ...s }) {
+	let c = i || s.schema;
+	if (a) return t ? /* @__PURE__ */ n("a", {
+		href: `tel:${t}`,
+		className: "text-sm text-blue-600 hover:text-blue-800 hover:underline",
+		children: t
+	}) : /* @__PURE__ */ n("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let { inputType: l, ...u } = s;
+	return /* @__PURE__ */ n(e, {
+		...u,
+		type: "tel",
+		value: t || "",
+		onChange: (e) => r(e.target.value),
+		placeholder: c?.placeholder || "(555) 123-4567",
+		disabled: a || u.disabled,
+		"aria-invalid": !!o
+	});
+}
+//#endregion
+export { r as t };

package/dist/QRCodeField-CEjWs-J5.js

@@ -0,0 +1,72 @@
+import { D as e, Vt as t, Z as n, hn as r, mt as i } from "./src-CXr1-vVl.js";
+import a from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region ../fields/src/widgets/QRCodeField.tsx
+var l = /* @__PURE__ */ r({ QRCodeField: () => u });
+function u({ value: r, onChange: l, field: u, readonly: d, ...f }) {
+	let [p, m] = a.useState(!1), h = u || f.schema;
+	return d ? /* @__PURE__ */ c("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ s("span", {
+			className: "text-sm flex-1 truncate",
+			children: r || "-"
+		}), r && /* @__PURE__ */ c(n, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: () => m(!p),
+			children: [
+				/* @__PURE__ */ s(i, { className: "w-4 h-4 mr-2" }),
+				p ? "Hide" : "Show",
+				" QR"
+			]
+		})]
+	}) : /* @__PURE__ */ c("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ s(e, {
+					type: "text",
+					value: r || "",
+					onChange: (e) => l(e.target.value),
+					placeholder: h?.placeholder || "Enter text for QR code",
+					disabled: d || f.disabled,
+					className: f.className
+				}), r && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(n, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => {
+						r && navigator.clipboard.writeText(r);
+					},
+					children: /* @__PURE__ */ s(t, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ s(n, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => m(!p),
+					children: /* @__PURE__ */ s(i, { className: "w-4 h-4" })
+				})] })]
+			}),
+			p && r && /* @__PURE__ */ s("div", {
+				className: "border rounded p-4 bg-white flex justify-center",
+				children: /* @__PURE__ */ s("img", {
+					src: ((e) => `https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=${encodeURIComponent(e)}`)(r),
+					alt: "QR Code",
+					className: "w-48 h-48"
+				})
+			}),
+			r && /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"QR code contains: ",
+					r.length,
+					" characters"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as t };

package/dist/RatingField-B_Mnr63i.js

@@ -0,0 +1,39 @@
+import { hn as e, rt as t, un as n } from "./src-CXr1-vVl.js";
+import r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region ../fields/src/widgets/RatingField.tsx
+var o = /* @__PURE__ */ e({ RatingField: () => s });
+function s({ value: e, onChange: o, field: s, readonly: c, className: l, ...u }) {
+	let d = (s || u.schema)?.max ?? 5, f = e ?? 0, [p, m] = r.useState(null), h = p === null ? f : p;
+	return c ? /* @__PURE__ */ a("div", {
+		className: n("flex items-center gap-1", l),
+		children: [Array.from({ length: d }, (e, n) => /* @__PURE__ */ i(t, { className: `w-5 h-5 ${n < f ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, n)), /* @__PURE__ */ a("span", {
+			className: "ml-2 text-sm text-muted-foreground",
+			children: [
+				f,
+				" / ",
+				d
+			]
+		})]
+	}) : /* @__PURE__ */ a("div", {
+		className: n("flex items-center gap-1", l),
+		children: [Array.from({ length: d }, (e, n) => /* @__PURE__ */ i("button", {
+			type: "button",
+			onClick: () => o(n + 1),
+			onMouseEnter: () => m(n + 1),
+			onMouseLeave: () => m(null),
+			className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
+			disabled: c || u.disabled,
+			children: /* @__PURE__ */ i(t, { className: `w-5 h-5 transition-colors ${n < h ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
+		}, n)), /* @__PURE__ */ a("span", {
+			className: "ml-2 text-sm text-muted-foreground",
+			children: [
+				f,
+				" / ",
+				d
+			]
+		})]
+	});
+}
+//#endregion
+export { o as t };

package/dist/RichTextField-qOEJl5Ai.js

@@ -0,0 +1,32 @@
+import { hn as e, t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../fields/src/widgets/RichTextField.tsx
+var i = /* @__PURE__ */ e({ RichTextField: () => a });
+function a({ value: e, onChange: i, field: a, readonly: o, errorMessage: s, ...c }) {
+	if (o) return /* @__PURE__ */ n("div", {
+		className: "text-sm prose prose-sm max-w-none",
+		children: e || "-"
+	});
+	let l = a || c.schema, u = l?.rows || 8;
+	return /* @__PURE__ */ r("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between text-xs text-gray-500",
+			children: [/* @__PURE__ */ r("span", { children: ["Format: ", l?.format || "markdown"] }), /* @__PURE__ */ n("span", {
+				className: "italic",
+				children: "Rich text editor (basic)"
+			})]
+		}), /* @__PURE__ */ n(t, {
+			value: e || "",
+			onChange: (e) => i(e.target.value),
+			placeholder: l?.placeholder || "Enter text...",
+			disabled: o || c.disabled,
+			rows: u,
+			className: `font-mono text-sm ${c.className || ""}`,
+			"aria-invalid": !!s
+		})]
+	});
+}
+//#endregion
+export { i as t };

package/dist/SelectField-C8hWu3gm.js

@@ -0,0 +1,30 @@
+import { C as e, S as t, b as n, hn as r, x as i, y as a } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../fields/src/widgets/SelectField.tsx
+var c = /* @__PURE__ */ r({ SelectField: () => l });
+function l({ value: r, onChange: c, field: l, readonly: u, ...d }) {
+	let f = l || d.schema, p = f?.options || [];
+	return u ? /* @__PURE__ */ o("span", {
+		className: "text-sm",
+		children: p.find((e) => e.value === r)?.label || r || "-"
+	}) : /* @__PURE__ */ s(a, {
+		...d,
+		value: r,
+		onValueChange: c,
+		disabled: u || d.disabled,
+		children: [/* @__PURE__ */ o(t, {
+			className: d.className,
+			id: d.id,
+			children: /* @__PURE__ */ o(e, { placeholder: f?.placeholder || "Select an option" })
+		}), /* @__PURE__ */ o(n, {
+			position: "popper",
+			children: p.map((e) => /* @__PURE__ */ o(i, {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		})]
+	});
+}
+//#endregion
+export { c as t };

package/dist/SignatureField-CddhEK9u.js

@@ -0,0 +1,92 @@
+import { Lt as e, Z as t, hn as n } from "./src-CXr1-vVl.js";
+import r, { useEffect as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region ../fields/src/widgets/SignatureField.tsx
+var c = /* @__PURE__ */ n({ SignatureField: () => l });
+function l({ value: n, onChange: c, readonly: l }) {
+	let u = a(null), [d, f] = r.useState(!1), [p, m] = r.useState(!n);
+	i(() => {
+		if (n && u.current) {
+			let e = u.current.getContext("2d");
+			if (e) {
+				let t = new Image();
+				t.onload = () => {
+					e.drawImage(t, 0, 0), m(!1);
+				}, t.src = n;
+			}
+		}
+	}, [n]);
+	let h = (e) => {
+		if (l) return;
+		f(!0), m(!1);
+		let t = u.current;
+		if (!t) return;
+		let n = t.getContext("2d");
+		if (!n) return;
+		let r = t.getBoundingClientRect(), i = "touches" in e ? e.touches[0].clientX - r.left : e.clientX - r.left, a = "touches" in e ? e.touches[0].clientY - r.top : e.clientY - r.top;
+		n.beginPath(), n.moveTo(i, a);
+	}, g = (e) => {
+		if (!d || l) return;
+		let t = u.current;
+		if (!t) return;
+		let n = t.getContext("2d");
+		if (!n) return;
+		let r = t.getBoundingClientRect(), i = "touches" in e ? e.touches[0].clientX - r.left : e.clientX - r.left, a = "touches" in e ? e.touches[0].clientY - r.top : e.clientY - r.top;
+		n.lineTo(i, a), n.strokeStyle = "#000", n.lineWidth = 2, n.lineCap = "round", n.lineJoin = "round", n.stroke();
+	}, _ = () => {
+		if (!d) return;
+		f(!1);
+		let e = u.current;
+		e && c(e.toDataURL("image/png"));
+	};
+	return l && n ? /* @__PURE__ */ o("div", {
+		className: "border rounded p-2 bg-white",
+		children: /* @__PURE__ */ o("img", {
+			src: n,
+			alt: "Signature",
+			loading: "lazy",
+			className: "max-w-full h-auto"
+		})
+	}) : l && !n ? /* @__PURE__ */ o("span", {
+		className: "text-sm text-muted-foreground",
+		children: "No signature"
+	}) : /* @__PURE__ */ s("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ o("div", {
+			className: "border rounded bg-white",
+			children: /* @__PURE__ */ o("canvas", {
+				ref: u,
+				width: 400,
+				height: 200,
+				className: "w-full touch-none cursor-crosshair",
+				onMouseDown: h,
+				onMouseMove: g,
+				onMouseUp: _,
+				onMouseLeave: _,
+				onTouchStart: h,
+				onTouchMove: g,
+				onTouchEnd: _
+			})
+		}), /* @__PURE__ */ s("div", {
+			className: "flex justify-between items-center",
+			children: [/* @__PURE__ */ o("p", {
+				className: "text-xs text-muted-foreground",
+				children: p ? "Sign above" : "Signature captured"
+			}), /* @__PURE__ */ s(t, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					let e = u.current;
+					if (!e) return;
+					let t = e.getContext("2d");
+					t && (t.clearRect(0, 0, e.width, e.height), m(!0), c(""));
+				},
+				disabled: l || p,
+				children: [/* @__PURE__ */ o(e, { className: "w-4 h-4 mr-2" }), "Clear"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { c as t };

package/dist/SliderField-Df5hMzNc.js

@@ -0,0 +1,34 @@
+import { hn as e, p as t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../fields/src/widgets/SliderField.tsx
+var i = /* @__PURE__ */ e({ SliderField: () => a });
+function a({ value: e, onChange: i, field: a, readonly: o, ...s }) {
+	let c = a || s.schema, l = c?.min ?? 0, u = c?.max ?? 100, d = c?.step ?? 1;
+	return o ? /* @__PURE__ */ r("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ n("span", {
+			className: "text-sm font-medium",
+			children: e ?? l
+		}), /* @__PURE__ */ r("span", {
+			className: "text-xs text-muted-foreground",
+			children: ["/ ", u]
+		})]
+	}) : /* @__PURE__ */ r("div", {
+		className: "flex items-center gap-4",
+		children: [/* @__PURE__ */ n(t, {
+			value: [e ?? l],
+			onValueChange: (e) => i(e[0]),
+			min: l,
+			max: u,
+			step: d,
+			disabled: o || s.disabled,
+			className: s.className
+		}), /* @__PURE__ */ n("span", {
+			className: "text-sm font-medium w-12 text-right",
+			children: e ?? l
+		})]
+	});
+}
+//#endregion
+export { i as t };

package/dist/SummaryField-DgiFm-Cr.js

@@ -0,0 +1,19 @@
+import { hn as e } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../fields/src/widgets/SummaryField.tsx
+var n = /* @__PURE__ */ e({ SummaryField: () => r });
+function r({ value: e, field: n, ...r }) {
+	let i = (n || r.schema)?.summary_type || "count", a = "-";
+	return e != null && (a = i === "count" ? String(e) : [
+		"sum",
+		"avg",
+		"min",
+		"max"
+	].includes(i) && typeof e == "number" ? e.toFixed(2) : String(e)), /* @__PURE__ */ t("span", {
+		className: `text-sm font-medium tabular-nums text-gray-700 ${r.className || ""}`,
+		children: a
+	});
+}
+//#endregion
+export { n as t };

package/dist/TextAreaField-DuriTqsD.js

@@ -0,0 +1,36 @@
+import { hn as e, t } from "./src-CXr1-vVl.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region ../fields/src/widgets/TextAreaField.tsx
+var i = /* @__PURE__ */ e({ TextAreaField: () => a });
+function a({ value: e, onChange: i, field: a, readonly: o, errorMessage: s, ...c }) {
+	if (o) return /* @__PURE__ */ n("div", {
+		className: "text-sm whitespace-pre-wrap",
+		children: e || "-"
+	});
+	let l = a || c.schema, u = l?.rows || 4, d = l?.max_length, { inputType: f, ...p } = c;
+	return /* @__PURE__ */ r("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ n(t, {
+			...p,
+			value: e || "",
+			onChange: (e) => i(e.target.value),
+			placeholder: l?.placeholder,
+			disabled: o || p.disabled,
+			rows: u,
+			maxLength: d,
+			"aria-invalid": !!s
+		}), d && /* @__PURE__ */ r("div", {
+			className: "absolute bottom-2 right-2 text-xs text-gray-400",
+			"aria-live": "polite",
+			"aria-label": `Character count: ${(e || "").length} of ${d}`,
+			children: [
+				(e || "").length,
+				"/",
+				d
+			]
+		})]
+	});
+}
+//#endregion
+export { i as t };