@declarion/react 0.87.0 → 0.89.0

package/dist-lib/components/fields/TimestampField.js

@@ -1,71 +1,76 @@
 import { coerceDisplayString as e } from "../../lib/display-value.js";
-import { civilDateAsLocal as t, formatWireDateTime as n } from "../../lib/timestamp.js";
-import { specialValueMarker as r, specialValueMarkerCode as i } from "../../types/schema.js";
-import { Btn as a } from "../primitives/Btn.js";
-import { DateInput as o, TextInput as s } from "../primitives/Fields.js";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { civilDateAsLocal as t, editorWallClock as n, editorWireValue as r } from "../../lib/timestamp.js";
+import { specialValueMarker as i, specialValueMarkerCode as a } from "../../types/schema.js";
+import { useSchema as o } from "../../hooks/useSchema.js";
+import { Btn as s } from "../primitives/Btn.js";
+import { DateInput as c, TextInput as l } from "../primitives/Fields.js";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/fields/TimestampField.tsx
-var d = /^\d{4}-\d{2}-\d{2}[T ]\d{2}:\d{2}/;
-function f(e) {
-	if (!d.test(e)) return "";
-	let t = e.match(/([+-]\d{2}:\d{2})$/), n = new Date(e);
-	if (isNaN(n.getTime())) return "";
-	if (!t && !e.endsWith("Z")) return e.slice(0, 16).replace(" ", "T");
-	let r = 0;
-	if (t) {
-		let e = t[1].charAt(0) === "+" ? 1 : -1, n = parseInt(t[1].substring(1, 3), 10), i = parseInt(t[1].substring(4, 6), 10);
-		r = e * (n * 60 + i) * 60 * 1e3;
-	}
-	return new Date(n.getTime() + r).toISOString().slice(0, 16);
-}
 function p(e) {
-	if (!d.test(e)) return "";
-	let t = new Date(e);
-	if (isNaN(t.getTime())) return "";
-	let n = (e) => String(e).padStart(2, "0");
-	return `${t.getFullYear()}-${n(t.getMonth() + 1)}-${n(t.getDate())}T${n(t.getHours())}:${n(t.getMinutes())}`;
-}
-function m(e) {
 	let t = /^(\d{2}:\d{2})(?::(\d{2}))?/.exec(e);
 	return t ? t[2] && t[2] !== "00" ? `${t[1]}:${t[2]}` : t[1] : "";
 }
-function h({ field: d, fieldName: h, value: g, onChange: _, fieldId: v, t: y }) {
-	let b = !!d.timezone, x = i(g), S = d.special_values ?? [], C = g && x === null ? e(g) : "", w = S.length > 0 && /* @__PURE__ */ l("div", {
+function m({ field: u, fieldName: f, entityCode: m, value: g, onChange: _, fieldId: v, t: y }) {
+	let { data: b } = o(), x = {
+		zone: y.timeZone,
+		declared: !!(u.timezone || m && b?.entities[m]?.default_timezone)
+	}, S = a(g), C = u.special_values ?? [], w = g && S === null ? e(g) : "", T = C.length > 0 && /* @__PURE__ */ d("div", {
 		role: "group",
-		"aria-label": h,
+		"aria-label": f,
 		style: {
 			display: "flex",
 			flexWrap: "wrap",
-			gap: 6,
-			marginBottom: 6
+			gap: 6
 		},
-		children: S.map((e) => /* @__PURE__ */ l(a, {
+		children: C.map((e) => /* @__PURE__ */ d(s, {
 			size: "xs",
-			active: x === e.code,
-			"aria-pressed": x === e.code,
-			onClick: () => _?.(x === e.code ? null : r(e.code)),
+			active: S === e.code,
+			"aria-pressed": S === e.code,
+			onClick: () => _?.(S === e.code ? null : i(e.code)),
 			children: y(e.label) || e.code
 		}, e.code))
 	});
-	if (d.type === "time") return /* @__PURE__ */ u(c, { children: [w, /* @__PURE__ */ l(s, {
-		id: v,
-		name: h,
-		"aria-required": d.required || void 0,
-		type: "time",
-		value: C ? m(C) : "",
-		onChange: (e) => _?.(e || null)
-	})] });
-	let T = d.type === "date" ? "date" : "datetime", E = C ? T === "date" ? t(C) ? C : "" : b ? f(C) : p(C) : null;
-	return /* @__PURE__ */ u(c, { children: [w, /* @__PURE__ */ l(o, {
-		kind: T,
-		id: v,
-		name: h,
-		ariaRequired: d.required,
-		value: E,
-		onChange: (e, t) => {
-			e === null ? _?.(t.trim() === "" ? null : t) : _?.(T === "date" || b ? e : n(new Date(e)));
-		}
-	})] });
+	if (u.type === "time") return /* @__PURE__ */ d(h, {
+		buttons: T,
+		children: /* @__PURE__ */ d(l, {
+			id: v,
+			name: f,
+			"aria-required": u.required || void 0,
+			type: "time",
+			value: w ? p(w) : "",
+			onChange: (e) => _?.(e || null)
+		})
+	});
+	let E = u.type === "date" ? "date" : "datetime", D = w ? E === "date" ? t(w) ? w : "" : n(w, x) : null;
+	return /* @__PURE__ */ d(h, {
+		buttons: T,
+		children: /* @__PURE__ */ d(c, {
+			kind: E,
+			id: v,
+			name: f,
+			ariaRequired: u.required,
+			value: D,
+			onChange: (e, t) => {
+				e === null ? _?.(t.trim() === "" ? null : t) : _?.(E === "date" ? e : r(e, x));
+			}
+		})
+	});
+}
+function h({ buttons: e, children: t }) {
+	return e ? /* @__PURE__ */ f("div", {
+		style: {
+			display: "flex",
+			alignItems: "center",
+			gap: 6
+		},
+		children: [/* @__PURE__ */ d("div", {
+			style: {
+				flex: 1,
+				minWidth: 0
+			},
+			children: t
+		}), e]
+	}) : /* @__PURE__ */ d(u, { children: t });
 }
 //#endregion
-export { h as TimestampField };
+export { m as TimestampField };

package/dist-lib/components/fields/cells/factories/money.js

@@ -1,26 +1,20 @@
 import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { formatMoneyText as t } from "../../../../lib/money-text.js";
 //#region src/components/fields/cells/factories/money.ts
-var t = (t) => {
-	let { field: a, t: o } = t, s = a.display?.currency || "USD", c = a.display?.currency_field, l = r(a.display?.currency_display), u = i(typeof a.scale == "number" ? a.scale : 2, 0, 6), d = /* @__PURE__ */ new Map();
-	return (t, r = {}) => {
-		if (t == null || t === "") return "—";
-		let i = typeof t == "number" ? t : Number(t);
-		if (!Number.isFinite(i)) return e(t);
-		let a = c ? r[c] : void 0, f = typeof a == "string" && a !== "" ? a : s, p = `${o.language}:${f}:${l}:${u}`, m = d.get(p);
-		return m || (m = new Intl.NumberFormat(o.language, {
-			style: "currency",
-			currency: f,
-			currencyDisplay: l,
-			maximumFractionDigits: Math.max(u, n(o.language, f))
-		}), d.set(p, m)), m.format(i);
+var n = (n) => {
+	let { field: i, t: a } = n, o = i.display?.currency || "USD", s = i.display?.currency_field, c = r(i.display?.currency_display);
+	return (n, r = {}) => {
+		if (n == null || n === "") return "—";
+		let i = typeof n == "number" ? n : Number(n);
+		if (!Number.isFinite(i)) return e(n);
+		let l = s ? r[s] : void 0, u = typeof l == "string" && l !== "" ? l : o;
+		return t(typeof n == "string" ? n : i, {
+			language: a.language,
+			currency: u,
+			currencyDisplay: c
+		});
 	};
 };
-function n(e, t) {
-	return new Intl.NumberFormat(e, {
-		style: "currency",
-		currency: t
-	}).resolvedOptions().maximumFractionDigits ?? 2;
-}
 function r(e) {
 	switch (e) {
 		case "narrow_symbol": return "narrowSymbol";
@@ -30,8 +24,5 @@ function r(e) {
 		default: return "code";
 	}
 }
-function i(e, t, n) {
-	return e < t ? t : e > n ? n : e;
-}
 //#endregion
-export { t as moneyFactory };
+export { n as moneyFactory };

package/dist-lib/components/fields/cells/factories/nextRun.js

@@ -16,7 +16,7 @@ var u = ({ t: o }) => (s) => {
 	if (s == null || s === "") return "—";
 	let c = typeof s == "string" ? s : e(s), u = new Date(c);
 	if (isNaN(u.getTime())) return c;
-	let d = t(c), f = Date.now() - u.getTime();
+	let d = t(c, { zone: o.timeZone }), f = Date.now() - u.getTime();
 	if (f <= 0) {
 		let e = l(f, o.language);
 		return /* @__PURE__ */ r("span", {

package/dist-lib/components/fields/cells/factories/text.js

@@ -1,5 +1,20 @@
 import { coerceDisplayString as e } from "../../../../lib/display-value.js";
-//#region src/components/fields/cells/factories/text.ts
-var t = () => (t) => t == null || t === "" ? "—" : e(t);
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/text.tsx
+var n = {
+	whiteSpace: "pre-wrap",
+	overflowWrap: "anywhere",
+	margin: 0
+}, r = (r) => {
+	let i = r.field?.type === "text" && r.surface !== "list";
+	return (r) => {
+		if (r == null || r === "") return "—";
+		let a = e(r);
+		return i && a.includes("\n") ? /* @__PURE__ */ t("p", {
+			style: n,
+			children: a
+		}) : a;
+	};
+};
 //#endregion
-export { t as textFactory };
+export { r as textFactory };

package/dist-lib/components/fields/cells/factories/timestamp.js

@@ -2,17 +2,29 @@ import { coerceDisplayString as e } from "../../../../lib/display-value.js";
 import { formatOffsetTimestamp as t, formatRelativeOrAbsolute as n } from "../../../../lib/timestamp.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/fields/cells/factories/timestamp.tsx
-var i = ({ t }) => (i) => {
-	if (i == null || i === "") return "—";
-	let a = typeof i == "string" ? i : e(i), { text: o, absolute: s } = n(t.language, a);
-	return /* @__PURE__ */ r("span", {
-		title: s,
-		children: o
-	});
-}, a = () => (n) => {
-	if (n == null || n === "") return "—";
-	let r = typeof n == "string" ? n : e(n);
-	return t(r);
+function i({ field: e, entity: t, t: n }) {
+	return {
+		zone: n.timeZone,
+		declared: !!(e.timezone || t?.default_timezone)
+	};
+}
+var a = (t) => {
+	let a = i(t);
+	return (i) => {
+		if (i == null || i === "") return "—";
+		let o = typeof i == "string" ? i : e(i), { text: s, absolute: c } = n(t.t.language, o, void 0, a);
+		return /* @__PURE__ */ r("span", {
+			title: c,
+			children: s
+		});
+	};
+}, o = (n) => {
+	let r = i(n);
+	return (n) => {
+		if (n == null || n === "") return "—";
+		let i = typeof n == "string" ? n : e(n);
+		return t(i, r);
+	};
 };
 //#endregion
-export { i as timeAgoFactory, a as timestampFullFactory };
+export { a as timeAgoFactory, o as timestampFullFactory };

package/dist-lib/components/file-widgets/DocumentCard.js

@@ -1,106 +1,108 @@
-import { pluralText as e } from "../../lib/language.js";
-import { useText as t } from "../../hooks/useText.js";
-import { UploadError as n, discardFile as r, formatBytes as i, uploadCheckFailure as a, uploadFailure as ee, uploadFile as te, validateClientSide as ne } from "./upload.js";
-import { UploadFailureText as o } from "./UploadFailureText.js";
-import { canPreviewFile as s, downloadFileURL as re, previewFileURL as c } from "./helpers.js";
-import { useDraftRegistration as ie } from "./draft-scope.js";
-import { useEmbedFileOpener as ae } from "./useEmbedFileSrc.js";
-import { singleFileFromValue as l } from "./value.js";
-import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import { formatCivilDateText as e } from "../../lib/date-text.js";
+import { displayDay as t } from "../../lib/timestamp.js";
+import { pluralText as n } from "../../lib/language.js";
+import { useText as r } from "../../hooks/useText.js";
+import { UploadError as i, discardFile as a, formatBytes as o, uploadCheckFailure as s, uploadFailure as ee, uploadFile as te, validateClientSide as ne } from "./upload.js";
+import { UploadFailureText as c } from "./UploadFailureText.js";
+import { canPreviewFile as l, downloadFileURL as u, previewFileURL as d } from "./helpers.js";
+import { useDraftRegistration as f } from "./draft-scope.js";
+import { useEmbedFileOpener as p } from "./useEmbedFileSrc.js";
+import { singleFileFromValue as re } from "./value.js";
+import { useCallback as m, useEffect as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region src/components/file-widgets/DocumentCard.tsx
-function _({ contentType: e }) {
-	let n = t(), r = e ? e.includes("pdf") ? "PDF" : e.includes("word") ? "DOC" : e.includes("sheet") || e.includes("excel") ? "XLS" : e.startsWith("image/") ? "IMG" : e.split("/")[1]?.slice(0, 4).toUpperCase() ?? n("file.document.type_other", "FILE") : n("file.document.type_other", "FILE");
-	return /* @__PURE__ */ h("div", {
+function x({ contentType: e }) {
+	let t = r(), n = e ? e.includes("pdf") ? "PDF" : e.includes("word") ? "DOC" : e.includes("sheet") || e.includes("excel") ? "XLS" : e.startsWith("image/") ? "IMG" : e.split("/")[1]?.slice(0, 4).toUpperCase() ?? t("file.document.type_other", "FILE") : t("file.document.type_other", "FILE");
+	return /* @__PURE__ */ y("div", {
 		className: "flex h-16 w-16 flex-none items-center justify-center rounded-md border border-border bg-surface-3 text-xs font-medium text-muted-foreground",
-		children: r
+		children: n
 	});
 }
-function v(v) {
-	let { field: y, fieldName: b, value: x, onChange: S, mode: C, disabled: w, uploadFieldCode: T, uploadSlotCode: E } = v, D = l(x), [O, k] = p("idle"), [A, j] = p(null), [M, N] = p(null), [P, F] = p(!1), [I, L] = p(D?.filename ?? ""), R = f(null), z = f(!1), B = f(null), { register: V, unregister: H, isDraft: U } = ie(), W = t(), G = t("errors"), { open: K } = ae();
-	d(() => () => {
+function S(e) {
+	let { field: t, fieldName: S, value: ae, onChange: C, mode: oe, disabled: w, uploadFieldCode: T, uploadSlotCode: E } = e, D = re(ae), [O, k] = _("idle"), [A, j] = _(null), [M, N] = _(null), [P, F] = _(!1), [I, L] = _(D?.filename ?? ""), R = g(null), z = g(!1), B = g(null), { register: V, unregister: H, isDraft: U } = f(), W = r(), G = r("errors"), { open: K } = p();
+	h(() => () => {
 		R.current && R.current.abort();
-	}, []), d(() => {
+	}, []), h(() => {
 		L(D?.filename ?? "");
 	}, [D?.filename]);
-	let q = (y.accepts ?? []).join(","), J = u(async (e) => {
-		let t = ne(e, y.accepts, y.max_size_bytes);
-		if (t) {
-			N(a(W, G, t)), k("error");
+	let q = (t.accepts ?? []).join(","), J = m(async (n) => {
+		let r = ne(n, t.accepts, t.max_size_bytes);
+		if (r) {
+			N(s(W, G, r)), k("error");
 			return;
 		}
 		N(null), z.current = !1, k("uploading"), j({
 			loaded: 0,
-			total: e.size,
+			total: n.size,
 			pct: 0
 		});
-		let i = new AbortController();
-		R.current = i;
+		let o = new AbortController();
+		R.current = o;
 		try {
-			let t = await te({
-				file: e,
-				entityCode: v.entityCode,
-				fieldCode: T ?? b,
+			let r = await te({
+				file: n,
+				entityCode: e.entityCode,
+				fieldCode: T ?? S,
 				slotCode: E,
-				signal: i.signal,
+				signal: o.signal,
 				onProgress: j
 			});
 			if (z.current) {
-				r(t.id).catch(() => {}), H(t.id);
+				a(r.id).catch(() => {}), H(r.id);
 				return;
 			}
-			D && U(D.id) && (r(D.id).catch(() => {}), H(D.id)), V(t.id, () => r(t.id)), k("idle"), j(null);
-			let n = {
-				id: t.id,
-				filename: t.filename,
-				content_type: t.content_type,
-				size_bytes: t.size_bytes,
-				sha256: t.sha256,
-				width: t.width,
-				height: t.height,
-				url: t.url,
-				metadata: t.metadata
+			D && U(D.id) && (a(D.id).catch(() => {}), H(D.id)), V(r.id, () => a(r.id)), k("idle"), j(null);
+			let i = {
+				id: r.id,
+				filename: r.filename,
+				content_type: r.content_type,
+				size_bytes: r.size_bytes,
+				sha256: r.sha256,
+				width: r.width,
+				height: r.height,
+				url: r.url,
+				metadata: r.metadata
 			};
-			S?.(y.mode === "array" ? [n] : n);
+			C?.(t.mode === "array" ? [i] : i);
 		} catch (e) {
-			if (e instanceof n && e.code === "ABORTED") return;
+			if (e instanceof i && e.code === "ABORTED") return;
 			N(ee(W, G, e)), k("error"), j(null);
 		}
 	}, [
 		G,
 		W,
-		y.accepts,
-		y.max_size_bytes,
-		y.mode,
-		b,
+		t.accepts,
+		t.max_size_bytes,
+		t.mode,
+		S,
 		D,
 		U,
-		S,
-		v.entityCode,
+		C,
+		e.entityCode,
 		V,
 		H,
 		T,
 		E
-	]), Y = u(() => {
+	]), Y = m(() => {
 		w || B.current?.click();
-	}, [w]), X = u((e) => {
+	}, [w]), X = m((e) => {
 		let t = e.target.files?.[0];
 		e.target.value = "", t && J(t);
-	}, [J]), se = u(() => {
-		D && U(D.id) && (r(D.id).catch(() => {}), H(D.id)), S?.(y.mode === "array" ? [] : null);
+	}, [J]), se = m(() => {
+		D && U(D.id) && (a(D.id).catch(() => {}), H(D.id)), C?.(t.mode === "array" ? [] : null);
 	}, [
 		D,
-		y.mode,
+		t.mode,
 		U,
-		S,
+		C,
 		H
-	]), ce = u(() => {
+	]), ce = m(() => {
 		O === "uploading" && R.current && (z.current = !0, R.current.abort(), R.current = null, k("idle"), j(null));
-	}, [O]), le = u(() => {
-		D && K(D.id, "download", re(D));
-	}, [D, K]), Z = D ? s(D) : !1, ue = u(() => {
-		D && s(D) && K(D.id, "preview", c(D));
-	}, [D, K]), Q = u(() => {
+	}, [O]), le = m(() => {
+		D && K(D.id, "download", u(D));
+	}, [D, K]), Z = D ? l(D) : !1, ue = m(() => {
+		D && l(D) && K(D.id, "preview", d(D));
+	}, [D, K]), Q = m(() => {
 		if (!D) {
 			F(!1);
 			return;
@@ -110,28 +112,28 @@ function v(v) {
 			L(D.filename);
 			return;
 		}
-		let t = {
+		let n = {
 			...D,
 			filename: e
 		};
-		S?.(y.mode === "array" ? [t] : t);
+		C?.(t.mode === "array" ? [n] : n);
 	}, [
 		I,
 		D,
-		S,
-		y.mode
-	]), $ = C === "display";
-	return !D && O !== "uploading" ? /* @__PURE__ */ g("div", {
-		"data-testid": `file-widget-${b}`,
+		C,
+		t.mode
+	]), $ = oe === "display";
+	return !D && O !== "uploading" ? /* @__PURE__ */ b("div", {
+		"data-testid": `file-widget-${S}`,
 		className: $ ? "flex items-center gap-3" : "flex items-center gap-3 rounded-md border border-dashed border-border bg-surface p-3",
 		children: [
-			/* @__PURE__ */ h(_, {}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ y(x, {}),
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-col gap-1",
-				children: [/* @__PURE__ */ h("span", {
+				children: [/* @__PURE__ */ y("span", {
 					className: "text-sm text-foreground",
-					children: W(y.display?.placeholder) || W("file.document.empty", "No document attached")
-				}), !$ && /* @__PURE__ */ h("button", {
+					children: W(t.display?.placeholder) || W("file.document.empty", "No document attached")
+				}), !$ && /* @__PURE__ */ y("button", {
 					type: "button",
 					className: "self-start rounded-sm border border-border bg-card px-2 py-1 text-xs text-foreground hover:bg-surface-2",
 					onClick: Y,
@@ -140,31 +142,31 @@ function v(v) {
 					children: W("file.document.upload", "Upload")
 				})]
 			}),
-			!$ && /* @__PURE__ */ h("input", {
+			!$ && /* @__PURE__ */ y("input", {
 				ref: B,
 				type: "file",
 				accept: q || void 0,
 				onChange: X,
 				style: { display: "none" },
-				"data-testid": `file-input-${b}`
+				"data-testid": `file-input-${S}`
 			}),
-			O === "error" && M && /* @__PURE__ */ h("div", {
+			O === "error" && M && /* @__PURE__ */ y("div", {
 				className: "ml-auto text-xs text-destructive",
 				role: "alert",
-				children: /* @__PURE__ */ h(o, { failure: M })
+				children: /* @__PURE__ */ y(c, { failure: M })
 			})
 		]
-	}) : /* @__PURE__ */ g("div", {
-		"data-testid": `file-widget-${b}`,
+	}) : /* @__PURE__ */ b("div", {
+		"data-testid": `file-widget-${S}`,
 		className: "flex items-center gap-3 rounded-md border border-border bg-surface p-3",
 		"aria-busy": O === "uploading" || void 0,
 		"aria-invalid": O === "error" || void 0,
 		children: [
-			/* @__PURE__ */ h(_, { contentType: D?.content_type }),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ y(x, { contentType: D?.content_type }),
+			/* @__PURE__ */ b("div", {
 				className: "flex min-w-0 flex-1 flex-col gap-1",
 				children: [
-					P && D ? /* @__PURE__ */ h("input", {
+					P && D ? /* @__PURE__ */ y("input", {
 						type: "text",
 						className: "rounded-sm border border-border bg-card px-1 py-0.5 text-sm text-foreground",
 						value: I,
@@ -175,7 +177,7 @@ function v(v) {
 							e.key === "Enter" ? Q() : e.key === "Escape" && (F(!1), L(D.filename));
 						},
 						"data-testid": "filename-input"
-					}) : /* @__PURE__ */ h("button", {
+					}) : /* @__PURE__ */ y("button", {
 						type: "button",
 						className: "truncate text-left text-sm font-medium text-foreground hover:underline",
 						onClick: () => !$ && D && F(!0),
@@ -184,23 +186,23 @@ function v(v) {
 						"data-testid": "filename",
 						children: D?.filename ?? W("file.document.uploading", "Uploading…")
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ b("div", {
 						className: "flex flex-wrap gap-2 text-xs text-muted-foreground",
 						children: [
-							D && /* @__PURE__ */ h("span", { children: i(D.size_bytes) }),
-							D?.page_count != null && /* @__PURE__ */ h("span", { children: e(W, "file.document.pages", D.page_count, {
+							D && /* @__PURE__ */ y("span", { children: o(D.size_bytes) }),
+							D?.page_count != null && /* @__PURE__ */ y("span", { children: n(W, "file.document.pages", D.page_count, {
 								one: "{count} page",
 								other: "{count} pages"
 							}) }),
-							D?.uploaded_at && /* @__PURE__ */ h("span", { children: oe(D.uploaded_at) }),
-							D?.uploaded_by && /* @__PURE__ */ h("span", { children: W("file.document.uploaded_by", "by {user}", { user: D.uploaded_by }) }),
-							D?.version?.number != null && /* @__PURE__ */ h("span", {
+							D?.uploaded_at && /* @__PURE__ */ y("span", { children: ie(D.uploaded_at, W.timeZone) }),
+							D?.uploaded_by && /* @__PURE__ */ y("span", { children: W("file.document.uploaded_by", "by {user}", { user: D.uploaded_by }) }),
+							D?.version?.number != null && /* @__PURE__ */ y("span", {
 								"data-testid": "version-badge",
 								children: W("file.document.version", "v{number}", { number: D.version.number })
 							})
 						]
 					}),
-					O === "uploading" && /* @__PURE__ */ h("div", {
+					O === "uploading" && /* @__PURE__ */ y("div", {
 						className: "text-xs text-muted-foreground",
 						role: "progressbar",
 						"aria-valuenow": A?.pct ?? 0,
@@ -209,24 +211,24 @@ function v(v) {
 						"data-testid": "upload-progress",
 						children: W("file.upload.progress", "Uploading {pct}%", { pct: A?.pct ?? 0 })
 					}),
-					O === "error" && M && /* @__PURE__ */ h("div", {
+					O === "error" && M && /* @__PURE__ */ y("div", {
 						className: "text-xs text-destructive",
 						role: "alert",
-						children: /* @__PURE__ */ h(o, { failure: M })
+						children: /* @__PURE__ */ y(c, { failure: M })
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex flex-none items-center gap-1",
-				children: [D && O !== "uploading" && /* @__PURE__ */ g(m, { children: [
-					/* @__PURE__ */ h("button", {
+				children: [D && O !== "uploading" && /* @__PURE__ */ b(v, { children: [
+					/* @__PURE__ */ y("button", {
 						type: "button",
 						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-foreground hover:bg-surface-2",
 						onClick: le,
 						"data-testid": "download",
 						children: W("file.download", "Download")
 					}),
-					/* @__PURE__ */ h("button", {
+					/* @__PURE__ */ y("button", {
 						type: "button",
 						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-foreground hover:bg-surface-2 disabled:cursor-not-allowed disabled:opacity-50",
 						onClick: ue,
@@ -235,14 +237,14 @@ function v(v) {
 						"data-testid": "preview",
 						children: W("file.document.preview", "Preview")
 					}),
-					!$ && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
+					!$ && /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
 						type: "button",
 						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-foreground hover:bg-surface-2",
 						onClick: Y,
 						disabled: w,
 						"data-testid": "replace",
 						children: W("file.document.replace", "Replace")
-					}), /* @__PURE__ */ h("button", {
+					}), /* @__PURE__ */ y("button", {
 						type: "button",
 						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-destructive hover:bg-surface-2",
 						onClick: se,
@@ -250,7 +252,7 @@ function v(v) {
 						"data-testid": "remove",
 						children: W("file.remove", "Remove")
 					})] })
-				] }), O === "uploading" && /* @__PURE__ */ h("button", {
+				] }), O === "uploading" && /* @__PURE__ */ y("button", {
 					type: "button",
 					className: "rounded-sm border border-border bg-card px-2 py-1 text-xs",
 					onClick: ce,
@@ -258,20 +260,20 @@ function v(v) {
 					children: W("file.upload.cancel", "Cancel")
 				})]
 			}),
-			!$ && /* @__PURE__ */ h("input", {
+			!$ && /* @__PURE__ */ y("input", {
 				ref: B,
 				type: "file",
 				accept: q || void 0,
 				onChange: X,
 				style: { display: "none" },
-				"data-testid": `file-input-${b}`
+				"data-testid": `file-input-${S}`
 			})
 		]
 	});
 }
-function oe(e) {
-	let t = new Date(e);
-	return isNaN(t.getTime()) ? e : t.toISOString().slice(0, 10);
+function ie(n, r) {
+	let i = t(n, { zone: r });
+	return i ? e(i) ?? i : n;
 }
 //#endregion
-export { v as DocumentCard };
+export { S as DocumentCard };