@declarion/react 0.65.1 → 0.66.1

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

@@ -0,0 +1,35 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { Pill as t } from "../../../primitives/Pill.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/statusPill.tsx
+var r = /* @__PURE__ */ new Set([
+	"indigo",
+	"emerald",
+	"amber",
+	"rose",
+	"sky",
+	"violet",
+	"slate",
+	"teal"
+]);
+function i(e) {
+	return e && r.has(e) ? e : "slate";
+}
+var a = (r) => {
+	let { entity: a, t: o } = r, s = /* @__PURE__ */ new Map();
+	if (a?.status_groups) for (let e of Object.values(a.status_groups)) for (let t of e.statuses) s.set(t.code, {
+		tone: i(t.color),
+		label: o(t.name) || t.code
+	});
+	return (r) => {
+		if (r == null || r === "") return "—";
+		let i = e(r), a = s.get(i);
+		return /* @__PURE__ */ n(t, {
+			tone: a?.tone ?? "slate",
+			size: "xs",
+			children: a?.label ?? i
+		});
+	};
+};
+//#endregion
+export { a as statusPillFactory };

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

@@ -0,0 +1,44 @@
+import { Pill as e } from "../../../primitives/Pill.js";
+import { Chip as t } from "../../../primitives/Chip.js";
+import { parseLangMap as n } from "../../langMap.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/tagList.tsx
+var i = /* @__PURE__ */ new Set([
+	"indigo",
+	"emerald",
+	"amber",
+	"rose",
+	"sky",
+	"violet",
+	"slate",
+	"teal"
+]);
+function a(e) {
+	return e && i.has(e) ? e : null;
+}
+var o = (i) => {
+	let { field: o, t: s } = i, c = /* @__PURE__ */ new Map();
+	if (o.display?.value_map) for (let [e, t] of Object.entries(o.display.value_map)) c.set(e, {
+		label: t.label && s(t.label) || e,
+		tone: a(t.color)
+	});
+	let l = o.type === "multilang_array";
+	return (i) => !Array.isArray(i) || i.length === 0 ? "—" : /* @__PURE__ */ r("span", {
+		style: {
+			display: "inline-flex",
+			gap: 4,
+			flexWrap: "wrap"
+		},
+		children: i.map((i, a) => {
+			if (l) return /* @__PURE__ */ r(t, { children: s(n(i)) || "—" }, a);
+			let o = String(i), u = c.get(o);
+			return u?.tone ? /* @__PURE__ */ r(e, {
+				tone: u.tone,
+				size: "xs",
+				children: u.label
+			}, `${o}-${a}`) : /* @__PURE__ */ r(t, { children: u?.label ?? o }, `${o}-${a}`);
+		})
+	});
+};
+//#endregion
+export { o as tagListFactory };

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

@@ -0,0 +1,5 @@
+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);
+//#endregion
+export { t as textFactory };

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

@@ -0,0 +1,18 @@
+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);
+};
+//#endregion
+export { i as timeAgoFactory, a as timestampFullFactory };

package/dist-lib/components/fields/cells/factories/url-helpers.js

@@ -0,0 +1,49 @@
+//#region src/components/fields/cells/factories/url-helpers.ts
+var e = /^(https?|ftps?|ssh|mailto|tel):/i, t = /^(info|name|tech|site|cloud|online|store|shop|blog|space|world|link|live|page|zone|life|team|work|host|land|news|wiki|mobi|coop|aero|asia)$/i;
+function n(e) {
+	return /^[a-z]{2,3}$/i.test(e) || t.test(e);
+}
+function r(e) {
+	if (!e.includes(".")) return !1;
+	let t = e.split(".");
+	if (t.length < 3) return !0;
+	let r = t[0].toLowerCase();
+	return /^(com|org|net|edu|gov)$/.test(r) ? !1 : !/^(io|app|dev)$/.test(r) || n(t[t.length - 1]);
+}
+function i(t) {
+	if (e.test(t)) return t;
+	let n = t.match(/^([a-z][a-z0-9+.-]*):/i);
+	if (n) {
+		let e = n[1], i = t.slice(n[0].length);
+		if (/^\d+([/?#]|$)/.test(i) && r(e)) {
+			let e = parseInt(i, 10);
+			if (e >= 1 && e <= 65535) return `https://${t}`;
+		}
+		return e.toLowerCase() === "localhost" ? `https://${t}` : null;
+	}
+	return `https://${t}`;
+}
+function a(e) {
+	try {
+		return new URL(e).hostname.replace(/^www\./i, "") || null;
+	} catch {
+		return null;
+	}
+}
+function o(e, t) {
+	if (t !== "linkedin.com") return null;
+	try {
+		let t = new URL(e).pathname.match(/^\/(in|company|school)\/([^/]+)/i);
+		if (t) return `${t[1].toLowerCase()}/${decodeURIComponent(t[2])}`;
+	} catch {}
+	return null;
+}
+function s(e) {
+	try {
+		return new URL(e), !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+export { t as LONG_TLD, s as isValidUrl, o as linkedinLabel, r as looksLikeHostname, i as normalizeUrl, a as parseDomain };

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

@@ -0,0 +1,45 @@
+import { coerceDisplayString as e } from "../../../../lib/display-value.js";
+import { Icon as t } from "../../../primitives/Icons.js";
+import { EMPTY_CELL as n } from "./emptyCell.js";
+import { isValidUrl as r, linkedinLabel as i, normalizeUrl as a, parseDomain as o } from "./url-helpers.js";
+import { HostIcon as s } from "./host-icons.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/fields/cells/factories/url.tsx
+var u = {
+	display: "inline-flex",
+	alignItems: "center",
+	gap: 4,
+	fontSize: 12.5,
+	color: "var(--accent-text)",
+	textDecoration: "none"
+}, d = { fontSize: 12.5 }, f = (f) => {
+	let p = f.field.display?.favicon_source ?? "google";
+	return (f) => {
+		let m = f == null ? "" : e(f);
+		if (!m) return n;
+		let h = a(m);
+		if (h == null || !r(h)) return /* @__PURE__ */ c("span", {
+			style: d,
+			children: m
+		});
+		let g = o(h), _ = i(h, g ?? "") ?? g ?? m;
+		return /* @__PURE__ */ l("a", {
+			href: h,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			title: m,
+			className: "mono",
+			style: u,
+			children: [
+				/* @__PURE__ */ c(s, {
+					domain: g,
+					source: p
+				}),
+				_,
+				/* @__PURE__ */ c(t.external, { size: 11 })
+			]
+		});
+	};
+};
+//#endregion
+export { f as urlFactory };

package/dist-lib/components/fields/cells/registry.js

@@ -0,0 +1,58 @@
+import { textFactory as e } from "./factories/text.js";
+import { boolPillFactory as t } from "./factories/boolPill.js";
+import { badgeFactory as n } from "./factories/badge.js";
+import { statusPillFactory as r } from "./factories/statusPill.js";
+import { tagListFactory as i } from "./factories/tagList.js";
+import { dateFactory as a, timeFactory as o } from "./factories/date.js";
+import { timeAgoFactory as s, timestampFullFactory as c } from "./factories/timestamp.js";
+import { nextRunFactory as l } from "./factories/nextRun.js";
+import { moneyFactory as u } from "./factories/money.js";
+import { refLinkFactory as d } from "./factories/refLink.js";
+import { urlFactory as f } from "./factories/url.js";
+import { emailFactory as p } from "./factories/email.js";
+import { phoneFactory as m } from "./factories/phone.js";
+import { numberFactory as h } from "./factories/number.js";
+import { codeFactory as g } from "./factories/code.js";
+import { linkFactory as _ } from "./factories/link.js";
+import { jsonFactory as v } from "./factories/json.js";
+import { markdownFactory as y } from "./factories/markdown.js";
+import { passwordMaskFactory as b } from "./factories/passwordMask.js";
+import { richTextPreviewFactory as x } from "./factories/richTextPreview.js";
+import { multilangInlineFactory as S } from "./factories/multilangInline.js";
+import { fileReferenceFactory as C } from "./factories/fileReference.js";
+//#region src/components/fields/cells/registry.ts
+var w = {
+	text: e,
+	bool_pill: t,
+	badge: n,
+	status_pill: r,
+	tag_list: i,
+	time_ago: s,
+	timestamp_full: c,
+	date: a,
+	time: o,
+	next_run: l,
+	money: u,
+	ref_link: d,
+	file_ref: C,
+	url: f,
+	email: p,
+	phone: m,
+	number: h,
+	percent: h,
+	code: g,
+	link: _,
+	json: v,
+	markdown: y,
+	password_mask: b,
+	rich_text_preview: x,
+	multilang_inline: S
+};
+Object.keys(w).sort();
+function T(e) {
+	let t = e.field.display?.widget ?? "text", n = w[t];
+	if (!n) throw Error(`resolveCellRenderer: no factory registered for widget "${t}" (field "${e.fieldName}"). The engine must stamp a smart default at YAML-load time; an unknown widget here indicates an out-of-sync allow-list.`);
+	return n(e);
+}
+//#endregion
+export { T as resolveCellRenderer };

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

@@ -0,0 +1,80 @@
+import { FIELD_TYPES as e } from "../../types/fieldType.js";
+import { StringField as t } from "./StringField.js";
+import { TextField as n } from "./TextField.js";
+import { EnumField as r } from "./EnumField.js";
+import { EmailField as i } from "./EmailField.js";
+import { UrlField as a } from "./UrlField.js";
+import { PhoneField as o } from "./PhoneField.js";
+import { TimestampField as s } from "./TimestampField.js";
+import { BoolField as c } from "./BoolField.js";
+import { NumberField as l } from "./NumberField.js";
+import { RefField as u } from "./RefField.js";
+import { JsonField as d } from "./JsonField.js";
+import { MultilangField as f } from "./MultilangField.js";
+import { MultilangTextField as p } from "./MultilangTextField.js";
+import { MultilangArrayField as m } from "./MultilangArrayField.js";
+import { SecretField as h } from "./SecretField.js";
+import { PasswordField as g } from "./PasswordField.js";
+import { StringArrayField as _ } from "./StringArrayField.js";
+import { IntArrayField as v } from "./IntArrayField.js";
+import { RichTextField as y } from "./RichTextField.js";
+import { FileReferenceField as b } from "./FileReferenceField.js";
+import { resolveCellRenderer as x } from "./cells/registry.js";
+import { StructureField as S } from "./StructureField.js";
+import { jsx as C } from "react/jsx-runtime";
+//#region src/components/fields/index.tsx
+var w = {
+	string: t,
+	text: n,
+	rich_text: y,
+	int: l,
+	float: l,
+	decimal: l,
+	bool: c,
+	timestamp: s,
+	date: s,
+	time: s,
+	enum: r,
+	email: i,
+	url: a,
+	phone: o,
+	uuid: t,
+	bytes: t,
+	ref: u,
+	file_ref: b,
+	json: d,
+	tags: t,
+	string_array: _,
+	int_array: v,
+	uuid_array: _,
+	multilang: f,
+	multilang_text: p,
+	multilang_array: m,
+	structure: S,
+	secret: h,
+	password: g
+};
+for (let t of e) if (!w[t]) throw Error(`editRegistry: missing entry for FieldType "${t}". The FieldType union and editRegistry must cover every field type the server declares.`);
+function T(e) {
+	if (e.field.type === "json" && e.field.structure) return /* @__PURE__ */ C(S, { ...e });
+	if (e.mode === "edit") {
+		let t = w[e.field.type];
+		if (!t) throw Error(`renderField: no edit-mode renderer for FieldType "${e.field.type}" (field "${e.fieldName}"). editRegistry must be total over FieldType; check types/fieldType.ts and components/fields/index.tsx.`);
+		return /* @__PURE__ */ C(t, { ...e });
+	}
+	if (!e.field.display?.widget) throw Error(`renderField: display mode requires a non-empty field.display.widget (field "${e.fieldName}", type "${e.field.type}"). The engine must stamp a smart default; an empty widget here means the field bypassed ResolveDefaultWidgets.`);
+	return x({
+		field: e.field,
+		fieldName: e.fieldName,
+		surface: e.surface ?? "detail",
+		entity: e.entity,
+		entityCode: e.entityCode,
+		entities: e.entities,
+		screens: e.screens,
+		refs: e.refs,
+		t: e.t,
+		detailScreen: e.detailScreen
+	})(e.value, e.record ?? {});
+}
+//#endregion
+export { w as editRegistry, T as renderField };

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

@@ -0,0 +1,6 @@
+//#region src/components/fields/langMap.ts
+function e(e) {
+	return e == null ? {} : typeof e == "object" && !Array.isArray(e) ? e : typeof e == "string" ? { en: e } : {};
+}
+//#endregion
+export { e as parseLangMap };

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

@@ -0,0 +1,7 @@
+//#region src/components/fields/secretValue.ts
+var e = "[SET]";
+function t(e) {
+	return e === "[SET]" || typeof e == "string" && e !== "";
+}
+//#endregion
+export { e as SECRET_SENTINEL, t as holdsSecret };

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

@@ -0,0 +1,11 @@
+import { ImageWidget as e } from "./ImageWidget.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/file-widgets/CircleImage.tsx
+function n(n) {
+	return /* @__PURE__ */ t(e, {
+		...n,
+		visual: { shape: "circle" }
+	});
+}
+//#endregion
+export { n as CircleImage };

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

@@ -0,0 +1,277 @@
+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";
+//#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", {
+		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
+	});
+}
+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(() => () => {
+		R.current && R.current.abort();
+	}, []), d(() => {
+		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");
+			return;
+		}
+		N(null), z.current = !1, k("uploading"), j({
+			loaded: 0,
+			total: e.size,
+			pct: 0
+		});
+		let i = new AbortController();
+		R.current = i;
+		try {
+			let t = await te({
+				file: e,
+				entityCode: v.entityCode,
+				fieldCode: T ?? b,
+				slotCode: E,
+				signal: i.signal,
+				onProgress: j
+			});
+			if (z.current) {
+				r(t.id).catch(() => {}), H(t.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
+			};
+			S?.(y.mode === "array" ? [n] : n);
+		} catch (e) {
+			if (e instanceof n && e.code === "ABORTED") return;
+			N(ee(W, G, e)), k("error"), j(null);
+		}
+	}, [
+		G,
+		W,
+		y.accepts,
+		y.max_size_bytes,
+		y.mode,
+		b,
+		D,
+		U,
+		S,
+		v.entityCode,
+		V,
+		H,
+		T,
+		E
+	]), Y = u(() => {
+		w || B.current?.click();
+	}, [w]), X = u((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);
+	}, [
+		D,
+		y.mode,
+		U,
+		S,
+		H
+	]), ce = u(() => {
+		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(() => {
+		if (!D) {
+			F(!1);
+			return;
+		}
+		let e = I.trim();
+		if (F(!1), !e || e === D.filename) {
+			L(D.filename);
+			return;
+		}
+		let t = {
+			...D,
+			filename: e
+		};
+		S?.(y.mode === "array" ? [t] : t);
+	}, [
+		I,
+		D,
+		S,
+		y.mode
+	]), $ = C === "display";
+	return !D && O !== "uploading" ? /* @__PURE__ */ g("div", {
+		"data-testid": `file-widget-${b}`,
+		className: "flex items-center gap-3 rounded-md border border-dashed border-border bg-surface p-3",
+		children: [
+			/* @__PURE__ */ h(_, {}),
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-col gap-1",
+				children: [/* @__PURE__ */ h("span", {
+					className: "text-sm text-foreground",
+					children: W(y.display?.placeholder) || W("file.document.empty", "No document attached")
+				}), !$ && /* @__PURE__ */ h("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,
+					disabled: w,
+					"data-testid": "upload",
+					children: W("file.document.upload", "Upload")
+				})]
+			}),
+			!$ && /* @__PURE__ */ h("input", {
+				ref: B,
+				type: "file",
+				accept: q || void 0,
+				onChange: X,
+				style: { display: "none" },
+				"data-testid": `file-input-${b}`
+			}),
+			O === "error" && M && /* @__PURE__ */ h("div", {
+				className: "ml-auto text-xs text-destructive",
+				role: "alert",
+				children: /* @__PURE__ */ h(o, { failure: M })
+			})
+		]
+	}) : /* @__PURE__ */ g("div", {
+		"data-testid": `file-widget-${b}`,
+		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", {
+				className: "flex min-w-0 flex-1 flex-col gap-1",
+				children: [
+					P && D ? /* @__PURE__ */ h("input", {
+						type: "text",
+						className: "rounded-sm border border-border bg-card px-1 py-0.5 text-sm text-foreground",
+						value: I,
+						autoFocus: !0,
+						onChange: (e) => L(e.target.value),
+						onBlur: Q,
+						onKeyDown: (e) => {
+							e.key === "Enter" ? Q() : e.key === "Escape" && (F(!1), L(D.filename));
+						},
+						"data-testid": "filename-input"
+					}) : /* @__PURE__ */ h("button", {
+						type: "button",
+						className: "truncate text-left text-sm font-medium text-foreground hover:underline",
+						onClick: () => !$ && D && F(!0),
+						disabled: $ || w || !D,
+						title: D?.filename,
+						"data-testid": "filename",
+						children: D?.filename ?? W("file.document.uploading", "Uploading…")
+					}),
+					/* @__PURE__ */ g("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, {
+								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", {
+								"data-testid": "version-badge",
+								children: W("file.document.version", "v{number}", { number: D.version.number })
+							})
+						]
+					}),
+					O === "uploading" && /* @__PURE__ */ h("div", {
+						className: "text-xs text-muted-foreground",
+						role: "progressbar",
+						"aria-valuenow": A?.pct ?? 0,
+						"aria-valuemin": 0,
+						"aria-valuemax": 100,
+						"data-testid": "upload-progress",
+						children: W("file.upload.progress", "Uploading {pct}%", { pct: A?.pct ?? 0 })
+					}),
+					O === "error" && M && /* @__PURE__ */ h("div", {
+						className: "text-xs text-destructive",
+						role: "alert",
+						children: /* @__PURE__ */ h(o, { failure: M })
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "flex flex-none items-center gap-1",
+				children: [D && O !== "uploading" && /* @__PURE__ */ g(m, { children: [
+					/* @__PURE__ */ h("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", {
+						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,
+						disabled: !Z,
+						title: Z ? void 0 : W("file.document.preview_images_only", "Preview is available only for images and PDFs"),
+						"data-testid": "preview",
+						children: W("file.document.preview", "Preview")
+					}),
+					!$ && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("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", {
+						type: "button",
+						className: "rounded-sm border border-border bg-card px-2 py-1 text-xs text-destructive hover:bg-surface-2",
+						onClick: se,
+						disabled: w,
+						"data-testid": "remove",
+						children: W("file.remove", "Remove")
+					})] })
+				] }), O === "uploading" && /* @__PURE__ */ h("button", {
+					type: "button",
+					className: "rounded-sm border border-border bg-card px-2 py-1 text-xs",
+					onClick: ce,
+					"data-testid": "cancel-upload",
+					children: W("file.upload.cancel", "Cancel")
+				})]
+			}),
+			!$ && /* @__PURE__ */ h("input", {
+				ref: B,
+				type: "file",
+				accept: q || void 0,
+				onChange: X,
+				style: { display: "none" },
+				"data-testid": `file-input-${b}`
+			})
+		]
+	});
+}
+function oe(e) {
+	let t = new Date(e);
+	return isNaN(t.getTime()) ? e : t.toISOString().slice(0, 10);
+}
+//#endregion
+export { v as DocumentCard };