@object-ui/plugin-detail 3.1.5 → 3.3.1

package/dist/{MasterDetailField-I1A9oEGC.js → MasterDetailField-BF6_-X3A.js}

@@ -1,10 +1,11 @@
-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 { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { Nt as t, U as n, X as r, an as i, dt as a, q as o } from "./src-DyUKLvMN.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 = () => {
+var l = /* @__PURE__ */ e({ MasterDetailField: () => u });
+function u({ value: e, onChange: l, field: u, readonly: d, className: f, ...p }) {
+	let m = e || [], h = u || p.schema, g = () => {
 		let e = {
 			id: `new-${Date.now()}`,
 			label: "New Related Record"
@@ -16,7 +17,7 @@ function u({ value: r, onChange: l, field: u, readonly: d, className: f, ...p })
 		console.log("View detail:", e);
 	};
 	return d ? /* @__PURE__ */ c("div", {
-		className: o("space-y-2", f),
+		className: i("space-y-2", f),
 		children: [m.length === 0 ? /* @__PURE__ */ s("span", {
 			className: "text-sm text-muted-foreground",
 			children: "No related records"
@@ -25,7 +26,7 @@ function u({ value: r, onChange: l, field: u, readonly: d, className: f, ...p })
 			children: [/* @__PURE__ */ s("span", {
 				className: "text-sm",
 				children: e.label
-			}), /* @__PURE__ */ s(n, {
+			}), /* @__PURE__ */ s(o, {
 				type: "button",
 				variant: "ghost",
 				size: "sm",
@@ -41,49 +42,49 @@ function u({ value: r, onChange: l, field: u, readonly: d, className: f, ...p })
 			]
 		})]
 	}) : /* @__PURE__ */ c("div", {
-		className: o("space-y-3", f),
+		className: i("space-y-3", f),
 		children: [/* @__PURE__ */ c("div", {
 			className: "space-y-2",
-			children: [m.map((r) => /* @__PURE__ */ c("div", {
+			children: [m.map((e) => /* @__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, {
+					children: [/* @__PURE__ */ s(n, {
 						variant: "outline",
-						children: r.id
+						children: e.id
 					}), /* @__PURE__ */ s("span", {
 						className: "text-sm flex-1",
-						children: r.label
+						children: e.label
 					})]
 				}), /* @__PURE__ */ c("div", {
 					className: "flex items-center gap-1",
-					children: [/* @__PURE__ */ s(n, {
+					children: [/* @__PURE__ */ s(o, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
-						onClick: () => v(r),
+						onClick: () => v(e),
 						children: /* @__PURE__ */ s(t, { className: "w-4 h-4" })
-					}), /* @__PURE__ */ s(n, {
+					}), /* @__PURE__ */ s(o, {
 						type: "button",
 						variant: "ghost",
 						size: "sm",
-						onClick: () => _(r.id),
+						onClick: () => _(e.id),
 						disabled: p.disabled,
-						children: /* @__PURE__ */ s(e, { className: "w-4 h-4" })
+						children: /* @__PURE__ */ s(r, { className: "w-4 h-4" })
 					})]
 				})]
-			}, r.id)), m.length === 0 && /* @__PURE__ */ s("div", {
+			}, e.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, {
+		}), /* @__PURE__ */ c(o, {
 			type: "button",
 			variant: "outline",
 			className: "w-full",
 			onClick: g,
 			disabled: p.disabled,
 			children: [
-				/* @__PURE__ */ s(i, { className: "w-4 h-4 mr-2" }),
+				/* @__PURE__ */ s(a, { className: "w-4 h-4 mr-2" }),
 				"Add ",
 				h?.label || "Record"
 			]

package/dist/NumberField-Dj2rYmrS.js

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

package/dist/ObjectField-BymIojwd.js

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

package/dist/{PasswordField-DBtluGJ1.js → PasswordField-ED_Xgqz-.js}

@@ -1,9 +1,10 @@
-import { D as e, Ft as t, Pt as n, Z as r, hn as i } from "./src-CXr1-vVl.js";
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { Mt as t, O as n, jt as r, q as i } from "./src-DyUKLvMN.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 }) {
+var c = /* @__PURE__ */ e({ PasswordField: () => l });
+function l({ value: e, 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",
@@ -12,22 +13,22 @@ function l({ value: i, onChange: c, field: l, readonly: u, className: d, ...f })
 	let { inputType: g, ..._ } = f;
 	return /* @__PURE__ */ s("div", {
 		className: "relative",
-		children: [/* @__PURE__ */ o(e, {
+		children: [/* @__PURE__ */ o(n, {
 			..._,
 			type: p ? "text" : "password",
-			value: i || "",
+			value: e || "",
 			onChange: (e) => c(e.target.value),
 			placeholder: h?.placeholder,
 			disabled: u || _.disabled,
 			className: `pr-10 ${d || ""}`
-		}), /* @__PURE__ */ o(r, {
+		}), /* @__PURE__ */ o(i, {
 			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" })
+			children: o(p ? t : r, { className: "size-4 text-gray-500" })
 		})]
 	});
 }

package/dist/PercentField-D-JKOxKC.js

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

package/dist/PhoneField-DSCaGYq7.js

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

package/dist/QRCodeField-CtcOUapi.js

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

package/dist/{RatingField-B_Mnr63i.js → RatingField-BDnyQFWy.js}

@@ -1,4 +1,5 @@
-import { hn as e, rt as t, un as n } from "./src-CXr1-vVl.js";
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { an as t, et as n } from "./src-DyUKLvMN.js";
 import r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region ../fields/src/widgets/RatingField.tsx
@@ -6,8 +7,8 @@ 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: t("flex items-center gap-1", l),
+		children: [Array.from({ length: d }, (e, t) => /* @__PURE__ */ i(n, { className: `w-5 h-5 ${t < f ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ a("span", {
 			className: "ml-2 text-sm text-muted-foreground",
 			children: [
 				f,
@@ -16,16 +17,16 @@ function s({ value: e, onChange: o, field: s, readonly: c, className: l, ...u })
 			]
 		})]
 	}) : /* @__PURE__ */ a("div", {
-		className: n("flex items-center gap-1", l),
-		children: [Array.from({ length: d }, (e, n) => /* @__PURE__ */ i("button", {
+		className: t("flex items-center gap-1", l),
+		children: [Array.from({ length: d }, (e, t) => /* @__PURE__ */ i("button", {
 			type: "button",
-			onClick: () => o(n + 1),
-			onMouseEnter: () => m(n + 1),
+			onClick: () => o(t + 1),
+			onMouseEnter: () => m(t + 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", {
+			children: /* @__PURE__ */ i(n, { className: `w-5 h-5 transition-colors ${t < h ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
+		}, t)), /* @__PURE__ */ a("span", {
 			className: "ml-2 text-sm text-muted-foreground",
 			children: [
 				f,

package/dist/RichTextField-CH6LVZQA.js

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

package/dist/SelectField-DE4dpkMV.js

@@ -0,0 +1,36 @@
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { C as t, S as n, b as r, t as i, w as a, x as o } from "./src-DyUKLvMN.js";
+import { t as s } from "./useFieldTranslation-BRgjC1oq.js";
+import "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region ../fields/src/widgets/SelectField.tsx
+var u = /* @__PURE__ */ e({ SelectField: () => d });
+function d({ value: e, onChange: u, field: d, readonly: f, ...p }) {
+	let m = d || p.schema, h = m?.options || [], { t: g } = s();
+	if (f) {
+		let t = h.find((t) => t.value === e)?.label || e;
+		return t ? /* @__PURE__ */ c("span", {
+			className: "text-sm",
+			children: t
+		}) : /* @__PURE__ */ c(i, {});
+	}
+	return /* @__PURE__ */ l(r, {
+		...p,
+		value: e,
+		onValueChange: u,
+		disabled: f || p.disabled,
+		children: [/* @__PURE__ */ c(t, {
+			className: p.className,
+			id: p.id,
+			children: /* @__PURE__ */ c(a, { placeholder: m?.placeholder || g("common.selectOption") })
+		}), /* @__PURE__ */ c(o, {
+			position: "popper",
+			children: h.map((e) => /* @__PURE__ */ c(n, {
+				value: e.value,
+				children: e.label
+			}, e.value))
+		})]
+	});
+}
+//#endregion
+export { u as t };

package/dist/{SignatureField-CddhEK9u.js → SignatureField-B1wh3f5A.js}

@@ -1,21 +1,22 @@
-import { Lt as e, Z as t, hn as n } from "./src-CXr1-vVl.js";
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { Pt as t, q as n } from "./src-DyUKLvMN.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);
+var c = /* @__PURE__ */ e({ SignatureField: () => l });
+function l({ value: e, onChange: c, readonly: l }) {
+	let u = a(null), [d, f] = r.useState(!1), [p, m] = r.useState(!e);
 	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;
+		if (e && u.current) {
+			let t = u.current.getContext("2d");
+			if (t) {
+				let n = new Image();
+				n.onload = () => {
+					t.drawImage(n, 0, 0), m(!1);
+				}, n.src = e;
 			}
 		}
-	}, [n]);
+	}, [e]);
 	let h = (e) => {
 		if (l) return;
 		f(!0), m(!1);
@@ -39,15 +40,15 @@ function l({ value: n, onChange: c, readonly: l }) {
 		let e = u.current;
 		e && c(e.toDataURL("image/png"));
 	};
-	return l && n ? /* @__PURE__ */ o("div", {
+	return l && e ? /* @__PURE__ */ o("div", {
 		className: "border rounded p-2 bg-white",
 		children: /* @__PURE__ */ o("img", {
-			src: n,
+			src: e,
 			alt: "Signature",
 			loading: "lazy",
 			className: "max-w-full h-auto"
 		})
-	}) : l && !n ? /* @__PURE__ */ o("span", {
+	}) : l && !e ? /* @__PURE__ */ o("span", {
 		className: "text-sm text-muted-foreground",
 		children: "No signature"
 	}) : /* @__PURE__ */ s("div", {
@@ -72,7 +73,7 @@ function l({ value: n, onChange: c, readonly: l }) {
 			children: [/* @__PURE__ */ o("p", {
 				className: "text-xs text-muted-foreground",
 				children: p ? "Sign above" : "Signature captured"
-			}), /* @__PURE__ */ s(t, {
+			}), /* @__PURE__ */ s(n, {
 				type: "button",
 				variant: "outline",
 				size: "sm",
@@ -83,7 +84,7 @@ function l({ value: n, onChange: c, readonly: l }) {
 					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"]
+				children: [/* @__PURE__ */ o(t, { className: "w-4 h-4 mr-2" }), "Clear"]
 			})]
 		})]
 	});

package/dist/{SliderField-Df5hMzNc.js → SliderField-zoTCKh9n.js}

@@ -1,4 +1,5 @@
-import { hn as e, p as t } from "./src-CXr1-vVl.js";
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { m as t } from "./src-DyUKLvMN.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region ../fields/src/widgets/SliderField.tsx

package/dist/SummaryField-BeBVT6VN.js

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

package/dist/TextAreaField-rfUGrRxh.js

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

package/dist/TextField-C_yM7ATQ.js

@@ -0,0 +1,30 @@
+import { n as e } from "./rolldown-runtime-DnwLefa7.js";
+import { O as t, n, t as r } from "./src-DyUKLvMN.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region ../fields/src/widgets/TextField.tsx
+var a = /* @__PURE__ */ e({ TextField: () => o });
+function o({ value: e, onChange: a, field: o, readonly: s, ...c }) {
+	let l = o || c.schema;
+	if (s) return /* @__PURE__ */ i("span", {
+		className: "text-sm",
+		children: e || /* @__PURE__ */ i(r, {})
+	});
+	let u = l?.rows, { inputType: d, ...f } = c;
+	return u && u > 1 ? /* @__PURE__ */ i(n, {
+		...f,
+		value: e || "",
+		onChange: (e) => a(e.target.value),
+		placeholder: l?.placeholder,
+		disabled: s || f.disabled
+	}) : /* @__PURE__ */ i(t, {
+		...f,
+		type: l?.type === "password" ? "password" : "text",
+		value: e || "",
+		onChange: (e) => a(e.target.value),
+		placeholder: l?.placeholder,
+		disabled: s || f.disabled
+	});
+}
+//#endregion
+export { a as t };