@object-ui/plugin-aggrid 4.0.3 → 4.0.4

package/dist/FileField-DtvoWRK-.js

@@ -1,214 +0,0 @@
-import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
-import { t } from "./jsx-runtime-CXSCp6pT.js";
-import { t as n } from "./createLucideIcon-BtZxPlua.js";
-import { n as r, t as i } from "./dist-BcXWTU-8.js";
-import { t as a } from "./loader-circle-Cxg-xF4u.js";
-import { t as o } from "./upload-DWhfIa3Y.js";
-import { t as s } from "./x-BDi_yYx9.js";
-import { useCallback as c, useRef as l, useState as u } from "react";
-import { Button as d, EmptyValue as f } from "@object-ui/components";
-var p = n("camera", [["path", {
-	d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
-	key: "18u6gg"
-}], ["circle", {
-	cx: "12",
-	cy: "13",
-	r: "3",
-	key: "1vg3eu"
-}]]), m = 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"
-}]]), h = /* @__PURE__ */ e({ FileField: () => _ }), g = t();
-function _({ value: e, onChange: t, field: n, readonly: h, ..._ }) {
-	let v = l(null), y = l(null), b = n || _.schema, x = b?.multiple || !1, S = b?.accept ? b.accept.join(",") : void 0, C = b?.maxSize, w = b?.capture ?? null, T = !S || S.split(",").some((e) => e.trim().startsWith("image/") || e.trim() === "image/*" || e.trim().startsWith(".jp") || e.trim().startsWith(".png") || e.trim().startsWith(".gif") || e.trim().startsWith(".webp")), E = typeof navigator < "u" && (navigator.maxTouchPoints > 0 || /Mobi|Android/i.test(navigator.userAgent)), D = w === !1 ? !1 : w ?? (T && E ? "environment" : null), [O, k] = u(!1), [A, j] = u([]), { upload: M } = i(), [N, P] = u({}), [F, I] = u(!1), L = e ? Array.isArray(e) ? e : [e] : [], R = c(async (e) => {
-		if (e.length === 0) return;
-		let n = [], r = e.filter((e) => {
-			if (C && e.size > C) {
-				let t = (C / (1024 * 1024)).toFixed(1);
-				return n.push(`"${e.name}" exceeds max size (${t} MB)`), !1;
-			}
-			return !0;
-		});
-		if (j(n), r.length !== 0) {
-			I(!0);
-			try {
-				let e = (await Promise.all(r.map(async (e) => {
-					try {
-						let t = await M(e, { onProgress: (t) => P((n) => ({
-							...n,
-							[e.name]: t
-						})) });
-						return {
-							name: t.name,
-							original_name: e.name,
-							size: t.size,
-							mime_type: t.mimeType,
-							url: t.url
-						};
-					} catch (t) {
-						return n.push(`Failed to upload "${e.name}": ${t.message}`), j([...n]), null;
-					}
-				}))).filter(Boolean);
-				if (e.length === 0) return;
-				t(x ? [...L, ...e] : e[0]);
-			} finally {
-				I(!1), P({});
-			}
-		}
-	}, [
-		L,
-		x,
-		t,
-		C,
-		M
-	]), z = c((e) => {
-		e.preventDefault(), e.stopPropagation(), k(!0);
-	}, []), B = c((e) => {
-		e.preventDefault(), e.stopPropagation(), k(!1);
-	}, []), V = c((e) => {
-		e.preventDefault(), e.stopPropagation(), k(!1);
-		let t = Array.from(e.dataTransfer.files);
-		if (S) {
-			let e = S.split(",").map((e) => e.trim().toLowerCase());
-			R(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 R(t);
-	}, [S, R]);
-	if (h) return e ? /* @__PURE__ */ (0, g.jsx)("div", {
-		className: "flex flex-wrap gap-2",
-		children: (Array.isArray(e) ? e : [e]).map((e, t) => /* @__PURE__ */ (0, g.jsx)("span", {
-			className: "text-sm truncate max-w-xs",
-			children: e.name || e.original_name || "File"
-		}, t))
-	}) : /* @__PURE__ */ (0, g.jsx)(f, {});
-	let H = (e) => {
-		R(Array.from(e.target.files || []));
-	}, U = (e) => {
-		if (x) {
-			let n = L.filter((t, n) => n !== e);
-			t(n.length > 0 ? n : null);
-		} else t(null);
-	}, W = (e) => (e.mime_type || "").startsWith("image/");
-	return /* @__PURE__ */ (0, g.jsxs)("div", {
-		className: _.className,
-		children: [
-			/* @__PURE__ */ (0, g.jsx)("input", {
-				ref: v,
-				type: "file",
-				multiple: x,
-				accept: S,
-				onChange: H,
-				className: "hidden"
-			}),
-			D && /* @__PURE__ */ (0, g.jsx)("input", {
-				ref: y,
-				type: "file",
-				accept: "image/*",
-				capture: D,
-				onChange: H,
-				className: "hidden",
-				"aria-label": "Camera capture",
-				"data-testid": "file-field-camera-input"
-			}),
-			/* @__PURE__ */ (0, g.jsxs)("div", {
-				className: "space-y-2",
-				children: [
-					/* @__PURE__ */ (0, g.jsxs)("div", {
-						onDragOver: z,
-						onDragLeave: B,
-						onDrop: V,
-						onClick: () => v.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
-            ${O ? "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(), v.current?.click());
-						},
-						children: [/* @__PURE__ */ (0, g.jsx)(o, { className: `size-8 ${O ? "text-primary" : "text-muted-foreground"}` }), /* @__PURE__ */ (0, g.jsxs)("div", {
-							className: "text-center",
-							children: [/* @__PURE__ */ (0, g.jsx)("p", {
-								className: "text-sm font-medium",
-								children: O ? "Drop files here" : "Drag & drop files here"
-							}), /* @__PURE__ */ (0, g.jsxs)("p", {
-								className: "text-xs text-muted-foreground mt-1",
-								children: ["or click to browse", D ? " • use the camera button below" : ""]
-							})]
-						})]
-					}),
-					D && /* @__PURE__ */ (0, g.jsxs)(d, {
-						type: "button",
-						variant: "outline",
-						size: "sm",
-						className: "w-full",
-						onClick: (e) => {
-							e.stopPropagation(), y.current?.click();
-						},
-						"data-testid": "file-field-camera-button",
-						children: [/* @__PURE__ */ (0, g.jsx)(p, { className: "size-4 mr-2" }), D === "user" ? "Take selfie" : "Take photo"]
-					}),
-					F && /* @__PURE__ */ (0, g.jsxs)("div", {
-						className: "flex items-center gap-2 text-xs text-muted-foreground",
-						"data-testid": "file-field-uploading",
-						children: [/* @__PURE__ */ (0, g.jsx)(a, { className: "size-3 animate-spin" }), /* @__PURE__ */ (0, g.jsxs)("span", { children: ["Uploading…", Object.keys(N).length > 0 && ` (${Math.round(Object.values(N).reduce((e, t) => e + t, 0) / Object.keys(N).length * 100)}%)`] })]
-					}),
-					A.length > 0 && /* @__PURE__ */ (0, g.jsx)("div", {
-						className: "space-y-0.5",
-						children: A.map((e, t) => /* @__PURE__ */ (0, g.jsx)("p", {
-							className: "text-xs text-destructive",
-							children: e
-						}, t))
-					}),
-					L.length > 0 && /* @__PURE__ */ (0, g.jsx)("div", {
-						className: "space-y-1",
-						children: L.map((e, t) => /* @__PURE__ */ (0, g.jsxs)("div", {
-							className: "flex items-center justify-between gap-2 p-2 bg-muted/50 rounded-md border",
-							children: [/* @__PURE__ */ (0, g.jsxs)("div", {
-								className: "flex items-center gap-2 flex-1 min-w-0",
-								children: [
-									W(e) && e.url ? /* @__PURE__ */ (0, g.jsx)("img", {
-										src: e.url,
-										alt: e.name,
-										className: "size-8 object-cover rounded flex-shrink-0"
-									}) : W(e) ? /* @__PURE__ */ (0, g.jsx)(r, { className: "size-4 text-muted-foreground flex-shrink-0" }) : /* @__PURE__ */ (0, g.jsx)(m, { className: "size-4 text-muted-foreground flex-shrink-0" }),
-									/* @__PURE__ */ (0, g.jsx)("span", {
-										className: "text-sm truncate",
-										children: e.name || e.original_name || "File"
-									}),
-									e.size && /* @__PURE__ */ (0, g.jsxs)("span", {
-										className: "text-xs text-muted-foreground",
-										children: [
-											"(",
-											(e.size / 1024).toFixed(1),
-											" KB)"
-										]
-									})
-								]
-							}), /* @__PURE__ */ (0, g.jsx)(d, {
-								type: "button",
-								variant: "ghost",
-								size: "sm",
-								onClick: (e) => {
-									e.stopPropagation(), U(t);
-								},
-								className: "h-6 w-6 p-0",
-								children: /* @__PURE__ */ (0, g.jsx)(s, { className: "size-3" })
-							})]
-						}, t))
-					})
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { h as t };

package/dist/FormulaField-DF6-4u2b.js

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

package/dist/GeolocationField-CyzG2dqR.js

@@ -1,161 +0,0 @@
-import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
-import { t } from "./jsx-runtime-CXSCp6pT.js";
-import { t as n } from "./createLucideIcon-BtZxPlua.js";
-import r from "react";
-import { Button as i, EmptyValue as a, Input as o, Label as s } from "@object-ui/components";
-var c = 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"
-	}]
-]), l = 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"
-}]]), u = /* @__PURE__ */ e({ GeolocationField: () => f }), d = t();
-function f({ value: e, onChange: t, field: n, readonly: u, ...f }) {
-	let [p, m] = r.useState(!1), h = e || {}, g = (e, n) => {
-		t({
-			...h,
-			[e]: n ? Number(n) : void 0
-		});
-	}, _ = () => {
-		if (!navigator.geolocation) {
-			console.error("Geolocation is not supported by this browser");
-			return;
-		}
-		m(!0), navigator.geolocation.getCurrentPosition((e) => {
-			t({
-				latitude: e.coords.latitude,
-				longitude: e.coords.longitude,
-				accuracy: e.coords.accuracy
-			}), m(!1);
-		}, (e) => {
-			console.error("Error getting location:", e.message), m(!1);
-		}, {
-			enableHighAccuracy: !0,
-			timeout: 5e3,
-			maximumAge: 0
-		});
-	}, v = (e) => !e.latitude || !e.longitude ? "" : `${e.latitude.toFixed(6)}, ${e.longitude.toFixed(6)}`, y = () => {
-		if (!h.latitude || !h.longitude) return;
-		let e = `https://www.google.com/maps?q=${h.latitude},${h.longitude}`;
-		window.open(e, "_blank");
-	};
-	if (u) {
-		let e = v(h);
-		return /* @__PURE__ */ (0, d.jsxs)("div", {
-			className: "flex items-center gap-2",
-			children: [
-				/* @__PURE__ */ (0, d.jsx)(l, { className: "w-4 h-4 text-muted-foreground" }),
-				e ? /* @__PURE__ */ (0, d.jsx)("span", {
-					className: "text-sm",
-					children: e
-				}) : /* @__PURE__ */ (0, d.jsx)(a, {}),
-				h.latitude && h.longitude && /* @__PURE__ */ (0, d.jsx)(i, {
-					type: "button",
-					variant: "link",
-					size: "sm",
-					onClick: y,
-					className: "p-0 h-auto",
-					children: "View on map"
-				})
-			]
-		});
-	}
-	return /* @__PURE__ */ (0, d.jsxs)("div", {
-		className: "space-y-3",
-		children: [
-			/* @__PURE__ */ (0, d.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ (0, d.jsxs)(i, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					onClick: _,
-					disabled: u || p,
-					children: [/* @__PURE__ */ (0, d.jsx)(c, { className: "w-4 h-4 mr-2" }), p ? "Getting location..." : "Use Current Location"]
-				}), h.latitude && h.longitude && /* @__PURE__ */ (0, d.jsxs)(i, {
-					type: "button",
-					variant: "link",
-					size: "sm",
-					onClick: y,
-					children: [/* @__PURE__ */ (0, d.jsx)(l, { className: "w-4 h-4 mr-2" }), "View on map"]
-				})]
-			}),
-			/* @__PURE__ */ (0, d.jsxs)("div", {
-				className: "grid grid-cols-2 gap-3",
-				children: [/* @__PURE__ */ (0, d.jsxs)("div", { children: [/* @__PURE__ */ (0, d.jsx)(s, {
-					htmlFor: "latitude",
-					className: "text-xs",
-					children: "Latitude"
-				}), /* @__PURE__ */ (0, d.jsx)(o, {
-					id: "latitude",
-					type: "number",
-					value: h.latitude ?? "",
-					onChange: (e) => g("latitude", e.target.value),
-					placeholder: "37.7749",
-					disabled: u || f.disabled,
-					step: "any",
-					className: f.className
-				})] }), /* @__PURE__ */ (0, d.jsxs)("div", { children: [/* @__PURE__ */ (0, d.jsx)(s, {
-					htmlFor: "longitude",
-					className: "text-xs",
-					children: "Longitude"
-				}), /* @__PURE__ */ (0, d.jsx)(o, {
-					id: "longitude",
-					type: "number",
-					value: h.longitude ?? "",
-					onChange: (e) => g("longitude", e.target.value),
-					placeholder: "-122.4194",
-					disabled: u || f.disabled,
-					step: "any"
-				})] })]
-			}),
-			h.accuracy && /* @__PURE__ */ (0, d.jsxs)("p", {
-				className: "text-xs text-muted-foreground",
-				children: [
-					"Accuracy: ±",
-					h.accuracy.toFixed(0),
-					"m"
-				]
-			})
-		]
-	});
-}
-//#endregion
-export { u as t };

package/dist/GridField-BFlgbp8W.js

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

package/dist/ImageCropperDialog-BFlbM7vO.js

@@ -1,153 +0,0 @@
-import { n as e } from "./rolldown-runtime-CkxV0rQ3.js";
-import { t } from "./jsx-runtime-CXSCp6pT.js";
-import { t as n } from "./createLucideIcon-BtZxPlua.js";
-import { t as r } from "./crop-2wjrXKXD.js";
-import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
-import { Button as c, Dialog as l, DialogContent as u, DialogDescription as d, DialogFooter as f, DialogHeader as p, DialogTitle as m } from "@object-ui/components";
-var h = n("rotate-cw", [["path", {
-	d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8",
-	key: "1p45f6"
-}], ["path", {
-	d: "M21 3v5h-5",
-	key: "1q7to0"
-}]]), g = /* @__PURE__ */ e({ ImageCropperDialog: () => v }), _ = t(), v = ({ open: e, onOpenChange: t, src: n, outputType: g = "image/png", outputName: v = "cropped.png", onConfirm: y }) => {
-	let b = o(null), x = o(null), [S, C] = s(0), [w, T] = s({
-		x: 0,
-		y: 0,
-		width: 100,
-		height: 100
-	}), [E, D] = s(null), [O, k] = s(!1);
-	a(() => {
-		if (!e || !n) return;
-		k(!1);
-		let t = new Image();
-		t.crossOrigin = "anonymous", t.onload = () => {
-			x.current = t;
-			let e = t.naturalWidth * .8, n = t.naturalHeight * .8;
-			T({
-				x: (t.naturalWidth - e) / 2,
-				y: (t.naturalHeight - n) / 2,
-				width: e,
-				height: n
-			}), C(0), k(!0);
-		}, t.onerror = () => k(!1), t.src = n;
-	}, [e, n]), a(() => {
-		if (!O || !x.current || !b.current) return;
-		let e = x.current, t = b.current, n = t.getContext("2d");
-		if (!n) return;
-		let r = 480 / e.naturalWidth, i = e.naturalHeight * r;
-		t.width = 480, t.height = i, n.clearRect(0, 0, 480, i), n.save(), n.translate(480 / 2, i / 2), n.rotate(S * Math.PI / 180);
-		let a = S % 180 == 0 ? 480 : i, o = S % 180 == 0 ? i : 480;
-		n.drawImage(e, -a / 2, -o / 2, a, o), n.restore();
-		let s = w.x * r, c = w.y * r, l = w.width * r, u = w.height * r;
-		n.fillStyle = "rgba(0,0,0,0.45)", n.fillRect(0, 0, 480, c), n.fillRect(0, c + u, 480, i - c - u), n.fillRect(0, c, s, u), n.fillRect(s + l, c, 480 - s - l, u), n.strokeStyle = "#3b82f6", n.lineWidth = 2, n.strokeRect(s, c, l, u);
-	}, [
-		O,
-		w,
-		S
-	]);
-	let A = i((e) => {
-		if (!x.current || !b.current) return;
-		let t = b.current.getBoundingClientRect(), n = x.current.naturalWidth / t.width;
-		D({
-			ox: (e.clientX - t.left) * n,
-			oy: (e.clientY - t.top) * n,
-			cx: w.x,
-			cy: w.y
-		}), e.target.setPointerCapture(e.pointerId);
-	}, [w]), j = i((e) => {
-		if (!E || !x.current || !b.current) return;
-		let t = b.current.getBoundingClientRect(), n = x.current.naturalWidth / t.width, r = (e.clientX - t.left) * n - E.ox, i = (e.clientY - t.top) * n - E.oy, a = Math.max(0, Math.min(E.cx + r, x.current.naturalWidth - w.width)), o = Math.max(0, Math.min(E.cy + i, x.current.naturalHeight - w.height));
-		T((e) => ({
-			...e,
-			x: a,
-			y: o
-		}));
-	}, [
-		E,
-		w.width,
-		w.height
-	]), M = i(() => D(null), []), N = i(() => C((e) => (e + 90) % 360), []), P = i(async () => {
-		if (!x.current) return;
-		let e = x.current, n = document.createElement("canvas"), r = w.width, i = w.height;
-		n.width = S % 180 == 0 ? r : i, n.height = S % 180 == 0 ? i : r;
-		let a = n.getContext("2d");
-		if (!a) return;
-		a.save(), a.translate(n.width / 2, n.height / 2), a.rotate(S * Math.PI / 180), a.drawImage(e, w.x, w.y, r, i, -r / 2, -i / 2, r, i), a.restore();
-		let o = await new Promise((e) => n.toBlob(e, g));
-		o && (y(o, v), t(!1));
-	}, [
-		w,
-		S,
-		v,
-		g,
-		y,
-		t
-	]);
-	return /* @__PURE__ */ (0, _.jsx)(l, {
-		open: e,
-		onOpenChange: t,
-		children: /* @__PURE__ */ (0, _.jsxs)(u, {
-			className: "max-w-xl",
-			children: [
-				/* @__PURE__ */ (0, _.jsxs)(p, { children: [/* @__PURE__ */ (0, _.jsx)(m, { children: "Crop & rotate image" }), /* @__PURE__ */ (0, _.jsx)(d, { children: "Drag the highlighted box to reposition the crop. Use the rotate button to spin the image in 90° increments." })] }),
-				/* @__PURE__ */ (0, _.jsxs)("div", {
-					className: "flex flex-col items-center gap-3",
-					children: [O ? /* @__PURE__ */ (0, _.jsx)("canvas", {
-						ref: b,
-						"data-testid": "image-cropper-canvas",
-						role: "img",
-						"aria-label": "Image crop preview",
-						className: "border rounded-md cursor-move touch-none max-w-full",
-						onPointerDown: A,
-						onPointerMove: j,
-						onPointerUp: M,
-						onPointerCancel: M
-					}) : /* @__PURE__ */ (0, _.jsx)("div", {
-						className: "flex h-[270px] w-full items-center justify-center text-sm text-muted-foreground",
-						children: "Loading image…"
-					}), /* @__PURE__ */ (0, _.jsxs)("div", {
-						className: "flex w-full items-center justify-between text-xs text-muted-foreground",
-						children: [/* @__PURE__ */ (0, _.jsxs)("span", { children: [
-							"Crop: ",
-							Math.round(w.width),
-							" × ",
-							Math.round(w.height),
-							" px"
-						] }), /* @__PURE__ */ (0, _.jsxs)("span", { children: [
-							"Rotation: ",
-							S,
-							"°"
-						] })]
-					})]
-				}),
-				/* @__PURE__ */ (0, _.jsxs)(f, {
-					className: "flex justify-between sm:justify-between",
-					children: [/* @__PURE__ */ (0, _.jsxs)(c, {
-						type: "button",
-						variant: "outline",
-						onClick: N,
-						"data-testid": "image-cropper-rotate",
-						children: [/* @__PURE__ */ (0, _.jsx)(h, { className: "size-4 mr-2" }), "Rotate 90°"]
-					}), /* @__PURE__ */ (0, _.jsxs)("div", {
-						className: "flex gap-2",
-						children: [/* @__PURE__ */ (0, _.jsx)(c, {
-							type: "button",
-							variant: "ghost",
-							onClick: () => t(!1),
-							children: "Cancel"
-						}), /* @__PURE__ */ (0, _.jsxs)(c, {
-							type: "button",
-							onClick: P,
-							disabled: !O,
-							"data-testid": "image-cropper-confirm",
-							children: [/* @__PURE__ */ (0, _.jsx)(r, { className: "size-4 mr-2" }), "Apply crop"]
-						})]
-					})]
-				})
-			]
-		})
-	});
-};
-//#endregion
-export { g as t };