@object-ui/plugin-aggrid 3.1.3 → 3.1.4

package/dist/ColorField-B-YAFXdz.js

@@ -0,0 +1,37 @@
+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/ColorField.tsx
+var r = /* @__PURE__ */ e({ ColorField: () => a }), i = t();
+function a({ value: e, onChange: t, field: r, readonly: a, ...o }) {
+	let s = r || o.schema;
+	return a ? /* @__PURE__ */ (0, i.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, i.jsx)("div", {
+			className: "w-6 h-6 rounded border border-input",
+			style: { backgroundColor: e || "#000000" }
+		}), /* @__PURE__ */ (0, i.jsx)("span", {
+			className: "text-sm",
+			children: e || "-"
+		})]
+	}) : /* @__PURE__ */ (0, i.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, i.jsx)("input", {
+			type: "color",
+			value: e || "#000000",
+			onChange: (e) => t(e.target.value),
+			disabled: a || o.disabled,
+			className: "w-10 h-10 rounded border border-input cursor-pointer"
+		}), /* @__PURE__ */ (0, i.jsx)(n, {
+			type: "text",
+			value: e || "",
+			onChange: (e) => t(e.target.value),
+			placeholder: s?.placeholder || "#000000",
+			disabled: a || o.disabled,
+			className: o.className,
+			pattern: "^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$"
+		})]
+	});
+}
+//#endregion
+export { r as n, a as t };

package/dist/CurrencyField-Bu80a-sI.js

@@ -0,0 +1,51 @@
+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/CurrencyField.tsx
+var r = /* @__PURE__ */ e({ CurrencyField: () => o }), i = t();
+function a(e, t = "USD") {
+	try {
+		return new Intl.NumberFormat("en-US", {
+			style: "currency",
+			currency: t
+		}).format(e);
+	} catch {
+		return `${t} ${e.toFixed(2)}`;
+	}
+}
+function o({ value: e, onChange: t, field: r, readonly: o, errorMessage: s, className: c, ...l }) {
+	let u = r || l.schema, d = u?.currency || "USD", f = u?.precision ?? 2;
+	if (o) return e == null ? /* @__PURE__ */ (0, i.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	}) : /* @__PURE__ */ (0, i.jsx)("span", {
+		className: "text-sm font-medium tabular-nums",
+		children: a(Number(e), d)
+	});
+	let p = (e) => {
+		let n = parseFloat(e.target.value);
+		isNaN(n) || t(parseFloat(n.toFixed(f)));
+	};
+	return /* @__PURE__ */ (0, i.jsxs)("div", {
+		className: "relative",
+		children: [/* @__PURE__ */ (0, i.jsx)("span", {
+			className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-gray-500",
+			children: d === "USD" ? "$" : d
+		}), /* @__PURE__ */ (0, i.jsx)(n, {
+			...l,
+			type: "number",
+			value: e ?? "",
+			onChange: (e) => {
+				t(e.target.value === "" ? null : parseFloat(e.target.value));
+			},
+			onBlur: p,
+			placeholder: u?.placeholder || "0.00",
+			disabled: o || l.disabled,
+			className: `pl-8 ${c || ""}`,
+			step: (10 ** -f).toFixed(f),
+			"aria-invalid": !!s
+		})]
+	});
+}
+//#endregion
+export { r as n, o as t };

package/dist/DateField-CV-NpLbM.js

@@ -0,0 +1,21 @@
+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/DateField.tsx
+var r = /* @__PURE__ */ e({ DateField: () => a }), i = t();
+function a({ value: e, onChange: t, field: r, readonly: a, ...o }) {
+	if (a) return /* @__PURE__ */ (0, i.jsx)("span", {
+		className: "text-sm",
+		children: e ? new Date(e).toLocaleDateString() : "-"
+	});
+	let { inputType: s, ...c } = o;
+	return /* @__PURE__ */ (0, i.jsx)(n, {
+		...c,
+		type: "date",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: a || c.disabled
+	});
+}
+//#endregion
+export { r as n, a as t };

package/dist/DateTimeField--YTsgTjw.js

@@ -0,0 +1,32 @@
+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/DateTimeField.tsx
+var r = /* @__PURE__ */ e({ DateTimeField: () => a }), i = t();
+function a({ value: e, onChange: t, field: r, readonly: a, ...o }) {
+	if (a) {
+		if (!e) return /* @__PURE__ */ (0, i.jsx)("span", {
+			className: "text-sm",
+			children: "-"
+		});
+		let t = new Date(e);
+		return /* @__PURE__ */ (0, i.jsxs)("span", {
+			className: "text-sm",
+			children: [
+				t.toLocaleDateString(),
+				" ",
+				t.toLocaleTimeString()
+			]
+		});
+	}
+	let { inputType: s, ...c } = o;
+	return /* @__PURE__ */ (0, i.jsx)(n, {
+		...c,
+		type: "datetime-local",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		disabled: a || c.disabled
+	});
+}
+//#endregion
+export { r as n, a as t };

package/dist/EmailField-B-3fWJsH.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/EmailField.tsx
+var r = /* @__PURE__ */ e({ EmailField: () => 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: `mailto:${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: "email",
+		value: e || "",
+		onChange: (e) => t(e.target.value),
+		placeholder: c?.placeholder || "email@example.com",
+		disabled: a || u.disabled,
+		"aria-invalid": !!o
+	});
+}
+//#endregion
+export { r as n, a as t };

package/dist/FileField-DxxdESfc.js

@@ -0,0 +1,160 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as n } from "./createLucideIcon-CWx7zIL1.js";
+import { t as r } from "./image-Cm7ExMY2.js";
+import { t as i } from "./upload-B1x-ueFd.js";
+import { t as a } from "./x-Bwhzfvtg.js";
+import { useCallback as o, useRef as s, useState as c } from "react";
+import { Button as l } from "@object-ui/components";
+var u = n("file", [["path", {
+	d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+	key: "1oefj6"
+}], ["path", {
+	d: "M14 2v5a1 1 0 0 0 1 1h5",
+	key: "wfsgrz"
+}]]), d = /* @__PURE__ */ e({ FileField: () => p }), f = t();
+function p({ value: e, onChange: t, field: n, readonly: d, ...p }) {
+	let m = s(null), h = n || p.schema, g = h?.multiple || !1, _ = h?.accept ? h.accept.join(",") : void 0, v = h?.maxSize, [y, b] = c(!1), [x, S] = c([]), C = e ? Array.isArray(e) ? e : [e] : [], w = o((e) => {
+		if (e.length === 0) return;
+		let n = [], r = e.filter((e) => {
+			if (v && e.size > v) {
+				let t = (v / (1024 * 1024)).toFixed(1);
+				return n.push(`"${e.name}" exceeds max size (${t} MB)`), !1;
+			}
+			return !0;
+		});
+		if (S(n), r.length === 0) return;
+		let i = r.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		t(g ? [...C, ...i] : i[0]);
+	}, [
+		C,
+		g,
+		t,
+		v
+	]), T = o((e) => {
+		e.preventDefault(), e.stopPropagation(), b(!0);
+	}, []), E = o((e) => {
+		e.preventDefault(), e.stopPropagation(), b(!1);
+	}, []), D = o((e) => {
+		e.preventDefault(), e.stopPropagation(), b(!1);
+		let t = Array.from(e.dataTransfer.files);
+		if (_) {
+			let e = _.split(",").map((e) => e.trim().toLowerCase());
+			w(t.filter((t) => {
+				let n = t.name.split("."), r = n.length > 1 ? "." + n.pop()?.toLowerCase() : "";
+				return e.some((e) => e === t.type || r && e === r || e.endsWith("/*") && t.type.startsWith(e.replace("/*", "/")));
+			}));
+		} else w(t);
+	}, [_, w]);
+	if (d) return e ? /* @__PURE__ */ (0, f.jsx)("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, f.jsx)("span", {
+			className: "text-sm truncate max-w-xs",
+			children: e.name || e.original_name || "File"
+		}, t))
+	}) : /* @__PURE__ */ (0, f.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let O = (e) => {
+		w(Array.from(e.target.files || []));
+	}, k = (e) => {
+		if (g) {
+			let n = C.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	}, A = (e) => (e.mime_type || "").startsWith("image/");
+	return /* @__PURE__ */ (0, f.jsxs)("div", {
+		className: p.className,
+		children: [/* @__PURE__ */ (0, f.jsx)("input", {
+			ref: m,
+			type: "file",
+			multiple: g,
+			accept: _,
+			onChange: O,
+			className: "hidden"
+		}), /* @__PURE__ */ (0, f.jsxs)("div", {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ (0, f.jsxs)("div", {
+					onDragOver: T,
+					onDragLeave: E,
+					onDrop: D,
+					onClick: () => m.current?.click(),
+					className: `
+            flex flex-col items-center justify-center gap-2 p-6 
+            border-2 border-dashed rounded-lg cursor-pointer
+            transition-colors duration-200
+            ${y ? "border-primary bg-primary/5 text-primary" : "border-muted-foreground/25 hover:border-primary/50 text-muted-foreground hover:text-foreground"}
+          `,
+					role: "button",
+					tabIndex: 0,
+					onKeyDown: (e) => {
+						(e.key === "Enter" || e.key === " ") && (e.preventDefault(), m.current?.click());
+					},
+					children: [/* @__PURE__ */ (0, f.jsx)(i, { className: `size-8 ${y ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ (0, f.jsxs)("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ (0, f.jsx)("p", {
+							className: "text-sm font-medium",
+							children: y ? "Drop files here" : "Drag & drop files here"
+						}), /* @__PURE__ */ (0, f.jsx)("p", {
+							className: "text-xs text-muted-foreground mt-1",
+							children: "or click to browse"
+						})]
+					})]
+				}),
+				x.length > 0 && /* @__PURE__ */ (0, f.jsx)("div", {
+					className: "space-y-0.5",
+					children: x.map((e, t) => /* @__PURE__ */ (0, f.jsx)("p", {
+						className: "text-xs text-destructive",
+						children: e
+					}, t))
+				}),
+				C.length > 0 && /* @__PURE__ */ (0, f.jsx)("div", {
+					className: "space-y-1",
+					children: C.map((e, t) => /* @__PURE__ */ (0, f.jsxs)("div", {
+						className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
+						children: [/* @__PURE__ */ (0, f.jsxs)("div", {
+							className: "flex items-center gap-2 flex-1 min-w-0",
+							children: [
+								A(e) && e.url ? /* @__PURE__ */ (0, f.jsx)("img", {
+									src: e.url,
+									alt: e.name,
+									className: "size-8 object-cover rounded flex-shrink-0"
+								}) : A(e) ? /* @__PURE__ */ (0, f.jsx)(r, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ (0, f.jsx)(u, { className: "size-4 text-muted-foreground flex-shrink-0" }),
+								/* @__PURE__ */ (0, f.jsx)("span", {
+									className: "text-sm truncate",
+									children: e.name || e.original_name || "File"
+								}),
+								e.size && /* @__PURE__ */ (0, f.jsxs)("span", {
+									className: "text-xs text-muted-foreground",
+									children: [
+										"(",
+										(e.size / 1024).toFixed(1),
+										" KB)"
+									]
+								})
+							]
+						}), /* @__PURE__ */ (0, f.jsx)(l, {
+							type: "button",
+							variant: "ghost",
+							size: "sm",
+							onClick: (e) => {
+								e.stopPropagation(), k(t);
+							},
+							className: "h-6 w-6 p-0",
+							children: /* @__PURE__ */ (0, f.jsx)(a, { className: "size-3" })
+						})]
+					}, t))
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { d as t };

package/dist/FormulaField-MQXJZOep.js

@@ -0,0 +1,13 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import "react";
+//#region ../fields/src/widgets/FormulaField.tsx
+var n = /* @__PURE__ */ e({ FormulaField: () => i }), r = t();
+function i({ value: e, field: t, ...n }) {
+	let i = (t || n.schema)?.return_type || "text", a = "-";
+	return e != null && (a = i === "number" || i === "currency" ? typeof e == "number" ? e.toFixed(2) : String(e) : i === "boolean" ? e ? "Yes" : "No" : i === "date" ? new Date(e).toLocaleDateString() : String(e)), /* @__PURE__ */ (0, r.jsx)("span", {
+		className: `text-sm font-mono text-gray-700 ${n.className || ""}`,
+		children: a
+	});
+}
+//#endregion
+export { n as t };

package/dist/GeolocationField-BzKgcWLN.js

@@ -0,0 +1,156 @@
+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, Label as o } from "@object-ui/components";
+var s = n("crosshair", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["line", {
+		x1: "22",
+		x2: "18",
+		y1: "12",
+		y2: "12",
+		key: "l9bcsi"
+	}],
+	["line", {
+		x1: "6",
+		x2: "2",
+		y1: "12",
+		y2: "12",
+		key: "13hhkx"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "6",
+		y2: "2",
+		key: "10w3f3"
+	}],
+	["line", {
+		x1: "12",
+		x2: "12",
+		y1: "22",
+		y2: "18",
+		key: "15g9kq"
+	}]
+]), c = n("map-pin", [["path", {
+	d: "M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0",
+	key: "1r0f0z"
+}], ["circle", {
+	cx: "12",
+	cy: "10",
+	r: "3",
+	key: "ilqhr7"
+}]]), l = /* @__PURE__ */ e({ GeolocationField: () => d }), u = t();
+function d({ value: e, onChange: t, field: n, readonly: l, ...d }) {
+	let [f, p] = r.useState(!1), m = e || {}, h = (e, n) => {
+		t({
+			...m,
+			[e]: n ? Number(n) : void 0
+		});
+	}, g = () => {
+		if (!navigator.geolocation) {
+			console.error("Geolocation is not supported by this browser");
+			return;
+		}
+		p(!0), navigator.geolocation.getCurrentPosition((e) => {
+			t({
+				latitude: e.coords.latitude,
+				longitude: e.coords.longitude,
+				accuracy: e.coords.accuracy
+			}), p(!1);
+		}, (e) => {
+			console.error("Error getting location:", e.message), p(!1);
+		}, {
+			enableHighAccuracy: !0,
+			timeout: 5e3,
+			maximumAge: 0
+		});
+	}, _ = (e) => !e.latitude || !e.longitude ? "-" : `${e.latitude.toFixed(6)}, ${e.longitude.toFixed(6)}`, v = () => {
+		if (!m.latitude || !m.longitude) return;
+		let e = `https://www.google.com/maps?q=${m.latitude},${m.longitude}`;
+		window.open(e, "_blank");
+	};
+	return l ? /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [
+			/* @__PURE__ */ (0, u.jsx)(c, { className: "w-4 h-4 text-muted-foreground" }),
+			/* @__PURE__ */ (0, u.jsx)("span", {
+				className: "text-sm",
+				children: _(m)
+			}),
+			m.latitude && m.longitude && /* @__PURE__ */ (0, u.jsx)(i, {
+				type: "button",
+				variant: "link",
+				size: "sm",
+				onClick: v,
+				className: "p-0 h-auto",
+				children: "View on map"
+			})
+		]
+	}) : /* @__PURE__ */ (0, u.jsxs)("div", {
+		className: "space-y-3",
+		children: [
+			/* @__PURE__ */ (0, u.jsxs)("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ (0, u.jsxs)(i, {
+					type: "button",
+					variant: "outline",
+					size: "sm",
+					onClick: g,
+					disabled: l || f,
+					children: [/* @__PURE__ */ (0, u.jsx)(s, { className: "w-4 h-4 mr-2" }), f ? "Getting location..." : "Use Current Location"]
+				}), m.latitude && m.longitude && /* @__PURE__ */ (0, u.jsxs)(i, {
+					type: "button",
+					variant: "link",
+					size: "sm",
+					onClick: v,
+					children: [/* @__PURE__ */ (0, u.jsx)(c, { className: "w-4 h-4 mr-2" }), "View on map"]
+				})]
+			}),
+			/* @__PURE__ */ (0, u.jsxs)("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ (0, u.jsxs)("div", { children: [/* @__PURE__ */ (0, u.jsx)(o, {
+					htmlFor: "latitude",
+					className: "text-xs",
+					children: "Latitude"
+				}), /* @__PURE__ */ (0, u.jsx)(a, {
+					id: "latitude",
+					type: "number",
+					value: m.latitude ?? "",
+					onChange: (e) => h("latitude", e.target.value),
+					placeholder: "37.7749",
+					disabled: l || d.disabled,
+					step: "any",
+					className: d.className
+				})] }), /* @__PURE__ */ (0, u.jsxs)("div", { children: [/* @__PURE__ */ (0, u.jsx)(o, {
+					htmlFor: "longitude",
+					className: "text-xs",
+					children: "Longitude"
+				}), /* @__PURE__ */ (0, u.jsx)(a, {
+					id: "longitude",
+					type: "number",
+					value: m.longitude ?? "",
+					onChange: (e) => h("longitude", e.target.value),
+					placeholder: "-122.4194",
+					disabled: l || d.disabled,
+					step: "any"
+				})] })]
+			}),
+			m.accuracy && /* @__PURE__ */ (0, u.jsxs)("p", {
+				className: "text-xs text-muted-foreground",
+				children: [
+					"Accuracy: ±",
+					m.accuracy.toFixed(0),
+					"m"
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { l as t };

package/dist/GridField-DHsGo9l2.js

@@ -0,0 +1,51 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import "react";
+import { cn as n } from "@object-ui/components";
+//#region ../fields/src/widgets/GridField.tsx
+var r = /* @__PURE__ */ e({ GridField: () => a }), i = t();
+function a({ value: e, field: t, readonly: r, ...a }) {
+	let o = (t || a.schema)?.columns || [];
+	return !e || !Array.isArray(e) ? /* @__PURE__ */ (0, i.jsx)("span", {
+		className: "text-sm text-muted-foreground",
+		children: "-"
+	}) : r ? /* @__PURE__ */ (0, i.jsx)("div", {
+		className: n("text-sm", a.className),
+		children: /* @__PURE__ */ (0, i.jsxs)("span", {
+			className: "text-foreground",
+			children: [e.length, " rows"]
+		})
+	}) : /* @__PURE__ */ (0, i.jsxs)("div", {
+		className: n("border border-border rounded-lg overflow-hidden", a.className),
+		children: [/* @__PURE__ */ (0, i.jsx)("div", {
+			className: "overflow-auto max-h-60",
+			children: /* @__PURE__ */ (0, i.jsxs)("table", {
+				className: "w-full text-sm",
+				children: [/* @__PURE__ */ (0, i.jsx)("thead", {
+					className: "bg-muted border-b border-border",
+					children: /* @__PURE__ */ (0, i.jsx)("tr", { children: o.map((e, t) => /* @__PURE__ */ (0, i.jsx)("th", {
+						className: "px-3 py-2 text-left text-xs font-medium text-muted-foreground",
+						children: e.label || e.name
+					}, t)) })
+				}), /* @__PURE__ */ (0, i.jsx)("tbody", {
+					className: "divide-y divide-border",
+					children: e.slice(0, 5).map((e, t) => /* @__PURE__ */ (0, i.jsx)("tr", {
+						className: "hover:bg-muted/50 transition-colors",
+						children: o.map((t, n) => /* @__PURE__ */ (0, i.jsx)("td", {
+							className: "px-3 py-2 text-foreground",
+							children: e[t.name] == null ? "-" : String(e[t.name])
+						}, n))
+					}, t))
+				})]
+			})
+		}), e.length > 5 && /* @__PURE__ */ (0, i.jsxs)("div", {
+			className: "bg-muted px-3 py-2 text-xs text-muted-foreground border-t border-border",
+			children: [
+				"Showing 5 of ",
+				e.length,
+				" rows"
+			]
+		})]
+	});
+}
+//#endregion
+export { r as t };

package/dist/ImageField-DK7sUV6b.js

@@ -0,0 +1,77 @@
+import { r as e, t } from "./jsx-runtime-CGDkM_Jn.js";
+import { t as n } from "./image-Cm7ExMY2.js";
+import { t as r } from "./x-Bwhzfvtg.js";
+import { useRef as i } from "react";
+import { Button as a } from "@object-ui/components";
+//#region ../fields/src/widgets/ImageField.tsx
+var o = /* @__PURE__ */ e({ ImageField: () => c }), s = t();
+function c({ value: e, onChange: t, field: o, readonly: c, ...l }) {
+	let u = i(null), d = o || l.schema, f = d?.multiple || !1, p = d?.accept ? d.accept.join(",") : "image/*";
+	if (c) return e ? /* @__PURE__ */ (0, s.jsx)("div", {
+		className: "flex flex-wrap gap-2",
+		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, s.jsx)("img", {
+			src: e.url || "",
+			alt: e.name || `Image ${t + 1}`,
+			className: "size-20 rounded-md object-cover border border-gray-200"
+		}, t))
+	}) : /* @__PURE__ */ (0, s.jsx)("span", {
+		className: "text-sm",
+		children: "-"
+	});
+	let m = e ? Array.isArray(e) ? e : [e] : [], h = (e) => {
+		let n = Array.from(e.target.files || []);
+		if (n.length === 0) return;
+		let r = n.map((e) => ({
+			name: e.name,
+			original_name: e.name,
+			size: e.size,
+			mime_type: e.type,
+			url: URL.createObjectURL(e)
+		}));
+		t(f ? [...m, ...r] : r[0]);
+	}, g = (e) => {
+		if (f) {
+			let n = m.filter((t, n) => n !== e);
+			t(n.length > 0 ? n : null);
+		} else t(null);
+	};
+	return /* @__PURE__ */ (0, s.jsxs)("div", {
+		className: l.className,
+		children: [/* @__PURE__ */ (0, s.jsx)("input", {
+			ref: u,
+			type: "file",
+			multiple: f,
+			accept: p,
+			onChange: h,
+			className: "hidden"
+		}), /* @__PURE__ */ (0, s.jsxs)("div", {
+			className: "space-y-2",
+			children: [m.length > 0 && /* @__PURE__ */ (0, s.jsx)("div", {
+				className: "grid grid-cols-4 gap-2",
+				children: m.map((e, t) => /* @__PURE__ */ (0, s.jsxs)("div", {
+					className: "relative group",
+					children: [/* @__PURE__ */ (0, s.jsx)("img", {
+						src: e.url || "",
+						alt: e.name || `Image ${t + 1}`,
+						className: "size-20 rounded-md object-cover border border-gray-200"
+					}), /* @__PURE__ */ (0, s.jsx)(a, {
+						type: "button",
+						variant: "destructive",
+						size: "sm",
+						onClick: () => g(t),
+						className: "absolute top-1 right-1 h-6 w-6 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+						children: /* @__PURE__ */ (0, s.jsx)(r, { className: "size-3" })
+					})]
+				}, t))
+			}), /* @__PURE__ */ (0, s.jsxs)(a, {
+				type: "button",
+				variant: "outline",
+				onClick: () => u.current?.click(),
+				className: "w-full",
+				children: [/* @__PURE__ */ (0, s.jsx)(n, { className: "size-4 mr-2" }), m.length > 0 ? "Add More Images" : "Upload Image"]
+			})]
+		})]
+	});
+}
+//#endregion
+export { o as n, c as t };

package/dist/LocationField-DSvhU9Dz.js

@@ -0,0 +1,35 @@
+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/LocationField.tsx
+var r = /* @__PURE__ */ e({ LocationField: () => a }), i = t();
+function a({ value: e, onChange: t, field: r, readonly: a, ...o }) {
+	let s = r || o.schema, c = e && typeof e == "object" ? `${e.latitude || 0}, ${e.longitude || 0}` : "";
+	return a ? /* @__PURE__ */ (0, i.jsx)("span", {
+		className: "text-sm",
+		children: c || "-"
+	}) : /* @__PURE__ */ (0, i.jsx)(n, {
+		type: "text",
+		value: c,
+		onChange: (e) => {
+			let n = e.target.value;
+			if (!n.trim()) {
+				t(null);
+				return;
+			}
+			let r = n.split(",").map((e) => e.trim());
+			if (r.length === 2) {
+				let e = parseFloat(r[0]), n = parseFloat(r[1]);
+				!isNaN(e) && !isNaN(n) && t({
+					latitude: e,
+					longitude: n
+				});
+			}
+		},
+		placeholder: s?.placeholder || "latitude, longitude",
+		disabled: a || o.disabled,
+		className: o.className
+	});
+}
+//#endregion
+export { r as t };