@object-ui/plugin-aggrid 3.1.2 → 3.1.4

package/dist/ObjectField-FzUYlu-m.js

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

package/dist/PasswordField-d6E-vKBI.js

@@ -0,0 +1,60 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as n } from "./createLucideIcon-CWx7zIL1.js";
+import { useState as r } from "react";
+import { Button as i, Input as a } from "@object-ui/components";
+var o = n("eye-off", [
+	["path", {
+		d: "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49",
+		key: "ct8e1f"
+	}],
+	["path", {
+		d: "M14.084 14.158a3 3 0 0 1-4.242-4.242",
+		key: "151rxh"
+	}],
+	["path", {
+		d: "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143",
+		key: "13bj9a"
+	}],
+	["path", {
+		d: "m2 2 20 20",
+		key: "1ooewy"
+	}]
+]), s = n("eye", [["path", {
+	d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0",
+	key: "1nclc0"
+}], ["circle", {
+	cx: "12",
+	cy: "12",
+	r: "3",
+	key: "1v7zrd"
+}]]), c = /* @__PURE__ */ e({ PasswordField: () => u }), l = t();
+function u({ value: e, onChange: t, field: n, readonly: c, className: u, ...d }) {
+	let [f, p] = r(!1), m = n || d.schema;
+	if (c) return /* @__PURE__ */ (0, l.jsx)("span", {
+		className: "text-sm",
+		children: "••••••••"
+	});
+	let { inputType: h, ...g } = d;
+	return /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, l.jsx)(a, {
+			...g,
+			type: f ? "text" : "password",
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: m?.placeholder,
+			disabled: c || g.disabled,
+			className: `pr-10 ${u || ""}`
+		}), /* @__PURE__ */ (0, l.jsx)(i, {
+			type: "button",
+			variant: "ghost",
+			size: "sm",
+			className: "absolute right-0 top-0 h-full px-3 py-2 hover:bg-transparent",
+			onClick: () => p(!f),
+			tabIndex: -1,
+			children: f ? /* @__PURE__ */ (0, l.jsx)(o, { className: "size-4 text-gray-500" }) : /* @__PURE__ */ (0, l.jsx)(s, { className: "size-4 text-gray-500" })
+		})]
+	});
+}
+//#endregion
+export { c as n, u as t };

package/dist/PercentField-D2_kMuC_.js

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

package/dist/PhoneField-DOaMivd6.js

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

package/dist/QRCodeField-BIQhc73N.js

@@ -0,0 +1,144 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as n } from "./createLucideIcon-CWx7zIL1.js";
+import r from "react";
+import { Button as i, Input as a } from "@object-ui/components";
+var o = n("copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]), s = n("qr-code", [
+	["rect", {
+		width: "5",
+		height: "5",
+		x: "3",
+		y: "3",
+		rx: "1",
+		key: "1tu5fj"
+	}],
+	["rect", {
+		width: "5",
+		height: "5",
+		x: "16",
+		y: "3",
+		rx: "1",
+		key: "1v8r4q"
+	}],
+	["rect", {
+		width: "5",
+		height: "5",
+		x: "3",
+		y: "16",
+		rx: "1",
+		key: "1x03jg"
+	}],
+	["path", {
+		d: "M21 16h-3a2 2 0 0 0-2 2v3",
+		key: "177gqh"
+	}],
+	["path", {
+		d: "M21 21v.01",
+		key: "ents32"
+	}],
+	["path", {
+		d: "M12 7v3a2 2 0 0 1-2 2H7",
+		key: "8crl2c"
+	}],
+	["path", {
+		d: "M3 12h.01",
+		key: "nlz23k"
+	}],
+	["path", {
+		d: "M12 3h.01",
+		key: "n36tog"
+	}],
+	["path", {
+		d: "M12 16v.01",
+		key: "133mhm"
+	}],
+	["path", {
+		d: "M16 12h1",
+		key: "1slzba"
+	}],
+	["path", {
+		d: "M21 12v.01",
+		key: "1lwtk9"
+	}],
+	["path", {
+		d: "M12 21v-1",
+		key: "1880an"
+	}]
+]), c = /* @__PURE__ */ e({ QRCodeField: () => u }), l = t();
+function u({ value: e, onChange: t, field: n, readonly: c, ...u }) {
+	let [d, f] = r.useState(!1), p = n || u.schema;
+	return c ? /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ (0, l.jsx)("span", {
+			className: "text-sm flex-1 truncate",
+			children: e || "-"
+		}), e && /* @__PURE__ */ (0, l.jsxs)(i, {
+			type: "button",
+			variant: "outline",
+			size: "sm",
+			onClick: () => f(!d),
+			children: [
+				/* @__PURE__ */ (0, l.jsx)(s, { className: "w-4 h-4 mr-2" }),
+				d ? "Hide" : "Show",
+				" QR"
+			]
+		})]
+	}) : /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, l.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, l.jsx)(a, {
+					type: "text",
+					value: e || "",
+					onChange: (e) => t(e.target.value),
+					placeholder: p?.placeholder || "Enter text for QR code",
+					disabled: c || u.disabled,
+					className: u.className
+				}), e && /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [/* @__PURE__ */ (0, l.jsx)(i, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => {
+						e && navigator.clipboard.writeText(e);
+					},
+					children: /* @__PURE__ */ (0, l.jsx)(o, { className: "w-4 h-4" })
+				}), /* @__PURE__ */ (0, l.jsx)(i, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: () => f(!d),
+					children: /* @__PURE__ */ (0, l.jsx)(s, { className: "w-4 h-4" })
+				})] })]
+			}),
+			d && e && /* @__PURE__ */ (0, l.jsx)("div", {
+				className: "border rounded p-4 bg-white flex justify-center",
+				children: /* @__PURE__ */ (0, l.jsx)("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__ */ (0, l.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"QR code contains: ",
+					e.length,
+					" characters"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { o as n, c as t };

package/dist/RatingField-BKAGmlzh.js

@@ -0,0 +1,42 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as n } from "./createLucideIcon-CWx7zIL1.js";
+import r from "react";
+import { cn as i } from "@object-ui/components";
+var a = n("star", [["path", {
+	d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z",
+	key: "r04s7s"
+}]]), o = /* @__PURE__ */ e({ RatingField: () => c }), s = t();
+function c({ value: e, onChange: t, field: n, readonly: o, className: c, ...l }) {
+	let u = (n || l.schema)?.max ?? 5, d = e ?? 0, [f, p] = r.useState(null), m = f === null ? d : f;
+	return o ? /* @__PURE__ */ (0, s.jsxs)("div", {
+		className: i("flex items-center gap-1", c),
+		children: [Array.from({ length: u }, (e, t) => /* @__PURE__ */ (0, s.jsx)(a, { className: `w-5 h-5 ${t < d ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` }, t)), /* @__PURE__ */ (0, s.jsxs)("span", {
+			className: "ml-2 text-sm text-muted-foreground",
+			children: [
+				d,
+				" / ",
+				u
+			]
+		})]
+	}) : /* @__PURE__ */ (0, s.jsxs)("div", {
+		className: i("flex items-center gap-1", c),
+		children: [Array.from({ length: u }, (e, n) => /* @__PURE__ */ (0, s.jsx)("button", {
+			type: "button",
+			onClick: () => t(n + 1),
+			onMouseEnter: () => p(n + 1),
+			onMouseLeave: () => p(null),
+			className: "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 rounded",
+			disabled: o || l.disabled,
+			children: /* @__PURE__ */ (0, s.jsx)(a, { className: `w-5 h-5 transition-colors ${n < m ? "fill-yellow-400 text-yellow-400 hover:fill-yellow-500 hover:text-yellow-500" : "text-muted-foreground hover:text-yellow-400"}` })
+		}, n)), /* @__PURE__ */ (0, s.jsxs)("span", {
+			className: "ml-2 text-sm text-muted-foreground",
+			children: [
+				d,
+				" / ",
+				u
+			]
+		})]
+	});
+}
+//#endregion
+export { o as n, c as t };

package/dist/RichTextField-D4FIV9V8.js

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

package/dist/SelectField-C2gtlnLZ.js

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

package/dist/SignatureField-fFEb0h_C.js

@@ -0,0 +1,98 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as n } from "./createLucideIcon-CWx7zIL1.js";
+import r, { useEffect as i, useRef as a } from "react";
+import { Button as o } from "@object-ui/components";
+var s = n("eraser", [["path", {
+	d: "M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21",
+	key: "g5wo59"
+}], ["path", {
+	d: "m5.082 11.09 8.828 8.828",
+	key: "1wx5vj"
+}]]), c = /* @__PURE__ */ e({ SignatureField: () => u }), l = t();
+function u({ value: e, onChange: t, readonly: n }) {
+	let c = a(null), [u, d] = r.useState(!1), [f, p] = r.useState(!e);
+	i(() => {
+		if (e && c.current) {
+			let t = c.current.getContext("2d");
+			if (t) {
+				let n = new Image();
+				n.onload = () => {
+					t.drawImage(n, 0, 0), p(!1);
+				}, n.src = e;
+			}
+		}
+	}, [e]);
+	let m = (e) => {
+		if (n) return;
+		d(!0), p(!1);
+		let t = c.current;
+		if (!t) return;
+		let r = t.getContext("2d");
+		if (!r) return;
+		let i = t.getBoundingClientRect(), a = "touches" in e ? e.touches[0].clientX - i.left : e.clientX - i.left, o = "touches" in e ? e.touches[0].clientY - i.top : e.clientY - i.top;
+		r.beginPath(), r.moveTo(a, o);
+	}, h = (e) => {
+		if (!u || n) return;
+		let t = c.current;
+		if (!t) return;
+		let r = t.getContext("2d");
+		if (!r) return;
+		let i = t.getBoundingClientRect(), a = "touches" in e ? e.touches[0].clientX - i.left : e.clientX - i.left, o = "touches" in e ? e.touches[0].clientY - i.top : e.clientY - i.top;
+		r.lineTo(a, o), r.strokeStyle = "#000", r.lineWidth = 2, r.lineCap = "round", r.lineJoin = "round", r.stroke();
+	}, g = () => {
+		if (!u) return;
+		d(!1);
+		let e = c.current;
+		e && t(e.toDataURL("image/png"));
+	};
+	return n && e ? /* @__PURE__ */ (0, l.jsx)("div", {
+		className: "border rounded p-2 bg-white",
+		children: /* @__PURE__ */ (0, l.jsx)("img", {
+			src: e,
+			alt: "Signature",
+			loading: "lazy",
+			className: "max-w-full h-auto"
+		})
+	}) : n && !e ? /* @__PURE__ */ (0, l.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: "No signature"
+	}) : /* @__PURE__ */ (0, l.jsxs)("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ (0, l.jsx)("div", {
+			className: "border rounded bg-white",
+			children: /* @__PURE__ */ (0, l.jsx)("canvas", {
+				ref: c,
+				width: 400,
+				height: 200,
+				className: "w-full touch-none cursor-crosshair",
+				onMouseDown: m,
+				onMouseMove: h,
+				onMouseUp: g,
+				onMouseLeave: g,
+				onTouchStart: m,
+				onTouchMove: h,
+				onTouchEnd: g
+			})
+		}), /* @__PURE__ */ (0, l.jsxs)("div", {
+			className: "flex justify-between items-center",
+			children: [/* @__PURE__ */ (0, l.jsx)("p", {
+				className: "text-xs text-muted-foreground",
+				children: f ? "Sign above" : "Signature captured"
+			}), /* @__PURE__ */ (0, l.jsxs)(o, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: () => {
+					let e = c.current;
+					if (!e) return;
+					let n = e.getContext("2d");
+					n && (n.clearRect(0, 0, e.width, e.height), p(!0), t(""));
+				},
+				disabled: n || f,
+				children: [/* @__PURE__ */ (0, l.jsx)(s, { className: "w-4 h-4 mr-2" }), "Clear"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { c as t };

package/dist/SliderField-BlAlK3g2.js

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

package/dist/SummaryField-Dy2Kkj6M.js

@@ -0,0 +1,18 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import "react";
+//#region ../fields/src/widgets/SummaryField.tsx
+var n = /* @__PURE__ */ e({ SummaryField: () => i }), r = t();
+function i({ value: e, field: t, ...n }) {
+	let i = (t || n.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__ */ (0, r.jsx)("span", {
+		className: `text-sm font-medium tabular-nums text-gray-700 ${n.className || ""}`,
+		children: a
+	});
+}
+//#endregion
+export { n as t };

package/dist/TextAreaField-BCUkjKTc.js

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

package/dist/TextField-XWOnbUrk.js

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