@slotted/react 0.1.0-beta.1 → 0.1.0-beta.3

package/dist/import-export-center-DpY2DGBZ.js

@@ -0,0 +1,813 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n, r } from "./i18n-DpW8lqJ1.js";
+import { n as i } from "./progress-indicator-DwvUSFFs.js";
+import { n as a } from "./icon-button-CCWkCDMs.js";
+import { n as o } from "./button-Db9f3Bxn.js";
+import { a as s, i as c, n as l, r as u } from "./tooltip-DbKTPe_i.js";
+import { i as d, t as f } from "./skeleton-2LSpg84Z.js";
+import { i as p, n as m, o as h, r as g, t as _ } from "./result-state-CZsQfdN4.js";
+import { a as ee, r as te, t as v } from "./tabs-DQ36APY-.js";
+import { A as y, O as ne, b, c as x, f as S, l as C, u as w, v as re } from "./table-Cipi2c5X.js";
+import { v as T } from "./toast-Bf3e0AgC.js";
+import { createControllable as ie } from "@slotted/core/state";
+import { createContext as ae, useCallback as E, useContext as oe, useEffect as D, useId as se, useImperativeHandle as ce, useLayoutEffect as le, useMemo as ue, useRef as O, useState as k } from "react";
+import { Fragment as de, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { importExportCenterMessages as fe } from "@slotted/core/i18n";
+import { fileKind as M, formatBytes as pe, splitName as me } from "@slotted/core/upload";
+import { getLiveAnnouncer as he } from "@slotted/core/live-announcer";
+import { activeJobCount as ge, fileAvailability as _e, filterJobs as ve, focusDestination as ye, hasDetails as be, isFinishedJob as xe, jobAnnouncement as Se, jobControls as Ce, jobGlyph as we, jobNotice as Te, jobOutcome as Ee, jobProgressText as De, jobStatusText as Oe, jobSummaryText as ke, jobTransition as Ae, remainingSeconds as je } from "@slotted/core/import-export-center";
+import { formatTimestamp as N } from "@slotted/core/timeline";
+//#region src/import-export-center/import-export-center-defaults.tsx
+var P = ae({
+	growing: "none",
+	level: "2",
+	size: "md",
+	timeFormat: "relative"
+});
+function Me() {
+	return oe(P);
+}
+function Ne({ children: e, ...t }) {
+	let n = Me();
+	return /* @__PURE__ */ A(P.Provider, {
+		value: {
+			growing: t.growing ?? n.growing,
+			level: t.level ?? n.level,
+			size: t.size ?? n.size,
+			timeFormat: t.timeFormat ?? n.timeFormat,
+			timeZone: t.timeZone ?? n.timeZone
+		},
+		children: e
+	});
+}
+//#endregion
+//#region src/import-export-center/import-export-center.tsx
+var F = {
+	pdf: "file-text",
+	document: "file-type",
+	spreadsheet: "file-spreadsheet",
+	presentation: "presentation",
+	image: "file-image",
+	video: "file-video",
+	audio: "file-audio",
+	archive: "file-archive",
+	other: "file"
+}, Pe = [
+	"job-title",
+	"download",
+	"retry",
+	"cancel",
+	"toggle",
+	"remove"
+], Fe = 3, Ie = 12, Le = {
+	day: "numeric",
+	month: "short",
+	hour: "2-digit",
+	minute: "2-digit"
+};
+function I(e, t) {
+	let n = !1;
+	return {
+		reason: e,
+		source: t,
+		get cancelled() {
+			return n;
+		},
+		cancel() {
+			n = !0;
+		}
+	};
+}
+function L(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+function R(e) {
+	return e != null && e !== !1;
+}
+function Re(e) {
+	return e.replace(/[^\w-]/g, (e) => `-${e.charCodeAt(0).toString(16)}-`);
+}
+function ze(e, t) {
+	return e.length === t.length && e.every((e, n) => e === t[n]);
+}
+function Be(e) {
+	let t = e.result ?? e.source;
+	return t === void 0 ? e.format === void 0 ? "other" : M({
+		name: `job.${e.format.toLowerCase()}`,
+		type: ""
+	}) : M({
+		name: t.name,
+		type: t.type ?? ""
+	});
+}
+function z({ name: e }) {
+	let { stem: t, extension: n } = me(e);
+	return /* @__PURE__ */ j("span", {
+		"data-part": "file-name",
+		dir: "auto",
+		children: [/* @__PURE__ */ A("span", {
+			"data-part": "name",
+			children: t
+		}), n === "" ? null : /* @__PURE__ */ A("span", {
+			"data-part": "extension",
+			children: n
+		})]
+	});
+}
+function B({ label: n, describedBy: r, onPress: i }) {
+	return /* @__PURE__ */ j(s, {
+		openOn: "hover",
+		side: "bottom",
+		children: [/* @__PURE__ */ A(c, {
+			"aria-describedby": r,
+			"aria-label": n,
+			"data-part": "remove",
+			onClick: i,
+			children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "x" }) })
+		}), /* @__PURE__ */ A(u, { children: /* @__PURE__ */ A(l, { children: n }) })]
+	});
+}
+function V({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy: c, describedBy: l, variant: u }) {
+	let d = (t) => {
+		let i = I(L(t), t);
+		e.onDownload?.({
+			key: n.key,
+			file: r
+		}, i), i.cancelled && t.preventDefault();
+	}, f = {
+		...s === void 0 ? {} : { id: s },
+		...c === void 0 ? {} : { "aria-labelledby": c },
+		...l === void 0 ? {} : { "aria-describedby": l }
+	};
+	return /* @__PURE__ */ A("span", {
+		"data-part": "download",
+		children: t.href === void 0 ? /* @__PURE__ */ A(a, {
+			...f,
+			onClick: d,
+			size: "sm",
+			tone: "secondary",
+			variant: u,
+			children: i
+		}) : /* @__PURE__ */ A(o, {
+			...f,
+			download: t.name,
+			href: t.href,
+			onClick: d,
+			size: "sm",
+			tone: "secondary",
+			variant: u,
+			children: i
+		})
+	});
+}
+function H(e, t) {
+	return N(e, {
+		absolute: Le,
+		format: "absolute",
+		locale: t.locale,
+		timeZone: t.timeZone
+	}).text;
+}
+function Ve(e, t) {
+	if (e.message !== void 0 && e.message !== "") return e.message;
+	let n = {
+		now: t.now,
+		timeZone: t.timeZone
+	}, r = e.result, i = _e(r, n);
+	return r === void 0 ? null : i === "denied" ? r.denied ?? null : r.expiresAt === void 0 ? null : i === "expired" ? t.t("expired", { date: H(r.expiresAt, t) }) : i === "expires" ? t.t("expires", { date: H(r.expiresAt, t) }) : null;
+}
+function He({ context: e, job: t }) {
+	let { t: n, locale: r } = e, i = e.ids(t.key), a = new Intl.NumberFormat(r), o = {
+		now: e.now,
+		timeZone: e.timeZone
+	}, s = t.counts ?? {}, c = [
+		"total",
+		"processed",
+		"created",
+		"updated",
+		"skipped",
+		"failed"
+	].filter((e) => typeof s[e] == "number"), l = [
+		["source", t.source],
+		["result", t.result],
+		["errors", t.errorsFile]
+	].filter((e) => e[1] !== void 0), u = t.errors ?? [], d = Math.max(t.errorCount ?? 0, u.length);
+	return /* @__PURE__ */ j("div", {
+		"aria-labelledby": i.toggle,
+		"data-part": "details",
+		id: i.details,
+		role: "region",
+		children: [
+			c.length > 0 ? /* @__PURE__ */ A("dl", {
+				"data-part": "counts",
+				children: c.map((e) => /* @__PURE__ */ j("div", {
+					"data-count": e,
+					children: [/* @__PURE__ */ A("dt", { children: n(`countLabels.${e}`) }), /* @__PURE__ */ A("dd", { children: a.format(s[e] ?? 0) })]
+				}, e))
+			}) : null,
+			l.length > 0 ? /* @__PURE__ */ A("ul", {
+				"data-part": "files",
+				children: l.map(([i, a]) => {
+					let s = _e(a, o), c = s === "denied" ? a.denied : a.expiresAt === void 0 ? void 0 : n(s === "expired" ? "expired" : "expires", { date: H(a.expiresAt, e) }), l = s === "available" || s === "expires";
+					return /* @__PURE__ */ j("li", {
+						"data-part": "file",
+						"data-availability": s,
+						children: [/* @__PURE__ */ j("span", {
+							"data-part": "meta",
+							children: [
+								/* @__PURE__ */ A("strong", { children: n(`fileLabels.${i}`) }),
+								/* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(z, { name: a.name }) }),
+								a.size === void 0 ? null : /* @__PURE__ */ A("span", { children: pe(a.size, r) }),
+								c === void 0 ? null : /* @__PURE__ */ A("span", { children: c })
+							]
+						}), l ? /* @__PURE__ */ A(V, {
+							context: e,
+							file: a,
+							job: t,
+							label: n("download"),
+							role: i,
+							variant: "ghost"
+						}) : null]
+					}, i);
+				})
+			}) : null,
+			u.length > 0 ? /* @__PURE__ */ j("div", {
+				"data-part": "errors",
+				children: [/* @__PURE__ */ A(y, {
+					columns: 4,
+					variant: "framed",
+					children: /* @__PURE__ */ j(ne, { children: [
+						/* @__PURE__ */ A(C, { children: n("errorsCaption") }),
+						/* @__PURE__ */ A(re, { children: /* @__PURE__ */ j(b, { children: [
+							/* @__PURE__ */ A(S, {
+								numeric: !0,
+								children: n("errorColumns.row")
+							}),
+							/* @__PURE__ */ A(S, { children: n("errorColumns.message") }),
+							/* @__PURE__ */ A(S, { children: n("errorColumns.column") }),
+							/* @__PURE__ */ A(S, { children: n("errorColumns.value") })
+						] }) }),
+						/* @__PURE__ */ A(x, { children: u.map((e, t) => /* @__PURE__ */ j(b, { children: [
+							/* @__PURE__ */ A(w, {
+								numeric: !0,
+								children: a.format(e.row)
+							}),
+							/* @__PURE__ */ A(w, { children: e.message }),
+							/* @__PURE__ */ A(w, { children: e.column ?? "" }),
+							/* @__PURE__ */ A(w, { children: e.value ?? "" })
+						] }, `${e.row}-${t}`)) })
+					] })
+				}), d > u.length ? /* @__PURE__ */ A("p", {
+					"data-part": "errors-note",
+					children: /* @__PURE__ */ A("span", { children: n("sample", {
+						shown: u.length,
+						total: d
+					}) })
+				}) : null]
+			}) : null
+		]
+	});
+}
+function Ue({ context: n, job: r }) {
+	let { t: o, locale: s } = n, c = n.ids(r.key), l = {
+		now: n.now,
+		timeZone: n.timeZone
+	}, u = Ee(r), d = Ce(r, l), f = n.expanded.has(r.key) && d.controls.includes("toggle"), p = we(r), m = r.direction === "export" ? r.result ?? r.source : r.source ?? r.result, h = r.status === "succeeded" || r.status === "failed" ? r.finishedAt ?? r.createdAt : r.createdAt, g = h === void 0 ? null : N(h, {
+		format: n.timeFormat,
+		locale: s,
+		now: n.now,
+		timeZone: n.timeZone
+	}), _ = r.status === "running" ? De(r, {
+		locale: s,
+		t: o,
+		remaining: n.remaining.get(r.key)
+	}) : [], ee = ke(r, {
+		locale: s,
+		t: o
+	}), te = Ve(r, n), v = n.renderJobActions?.(r), y = (e) => `${c.control(e)} ${c.title}`, ne = (e) => {
+		let t = I(L(e), e);
+		n.onOpen?.(r.key, t), t.cancelled && e.preventDefault();
+	}, b = (i) => {
+		switch (i) {
+			case "download": {
+				let e = d.download ?? "result", t = e === "errors" ? r.errorsFile : r.result;
+				return t === void 0 ? null : /* @__PURE__ */ A(V, {
+					context: n,
+					describedBy: c.status,
+					file: t,
+					id: c.control("download"),
+					job: r,
+					label: o(e === "errors" ? "downloadErrors" : "download"),
+					labelledBy: y("download"),
+					role: e,
+					variant: "outline"
+				}, i);
+			}
+			case "cancel":
+			case "retry": return /* @__PURE__ */ A("span", {
+				"data-part": i,
+				children: /* @__PURE__ */ A(a, {
+					"aria-describedby": c.status,
+					"aria-labelledby": y(i),
+					id: c.control(i),
+					onClick: (e) => (i === "cancel" ? n.onCancel : n.onRetry)?.(r.key, I(L(e), e)),
+					size: "sm",
+					tone: "secondary",
+					variant: "outline",
+					children: i === "cancel" ? o("cancel") : d.retry === "regenerate" ? o("regenerate") : o("retry")
+				})
+			}, i);
+			case "toggle": return /* @__PURE__ */ A("span", {
+				"data-part": "toggle",
+				...f ? { "data-expanded": "" } : {},
+				children: /* @__PURE__ */ A(a, {
+					"aria-controls": c.details,
+					"aria-expanded": f,
+					"aria-labelledby": `${c.toggle} ${c.title}`,
+					end: /* @__PURE__ */ A("span", {
+						"data-part": "chevron",
+						children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-down" }) })
+					}),
+					id: c.toggle,
+					onClick: (e) => n.onToggle(r.key, L(e), e),
+					size: "sm",
+					tone: "secondary",
+					variant: "ghost",
+					children: o("details")
+				})
+			}, i);
+			case "remove": return /* @__PURE__ */ A(B, {
+				describedBy: c.title,
+				label: o("remove"),
+				onPress: (e) => n.onRemove?.({ keys: [r.key] }, I(L(e), e))
+			}, i);
+			default: return null;
+		}
+	}, x = d.controls.filter((e) => e !== "remove");
+	return /* @__PURE__ */ j("li", {
+		"data-direction": r.direction,
+		"data-key": r.key,
+		"data-part": "job",
+		"data-status": r.status,
+		...u === null ? {} : { "data-outcome": u },
+		...d.expired ? { "data-expired": "" } : {},
+		...f ? { "data-expanded": "" } : {},
+		children: [
+			/* @__PURE__ */ A("span", {
+				"aria-hidden": "true",
+				"data-kind": Be(r),
+				"data-part": "visual",
+				children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: F[Be(r)] }) })
+			}),
+			/* @__PURE__ */ j("div", {
+				"data-part": "body",
+				children: [
+					/* @__PURE__ */ j("div", {
+						"data-part": "heading",
+						children: [r.href === void 0 ? /* @__PURE__ */ A("span", {
+							"data-part": "job-title",
+							id: c.title,
+							tabIndex: -1,
+							children: r.title
+						}) : /* @__PURE__ */ A("a", {
+							"data-part": "job-title",
+							href: r.href,
+							id: c.title,
+							onClick: ne,
+							children: r.title
+						}), /* @__PURE__ */ j("p", {
+							"data-part": "meta",
+							children: [
+								/* @__PURE__ */ A("span", { children: o(r.direction) }),
+								r.format === void 0 ? null : /* @__PURE__ */ A("span", { children: r.format }),
+								m === void 0 ? null : /* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(z, { name: m.name }) }),
+								m?.size === void 0 ? null : /* @__PURE__ */ A("span", { children: pe(m.size, s) }),
+								r.actor === void 0 ? null : /* @__PURE__ */ A("span", { children: r.actor }),
+								g === null ? null : /* @__PURE__ */ A("time", {
+									"data-part": "time",
+									dateTime: g.dateTime,
+									...g.title === null ? {} : { title: g.title },
+									children: g.text
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ j("div", {
+						"data-part": "status",
+						id: c.status,
+						children: [/* @__PURE__ */ A("span", {
+							"aria-hidden": "true",
+							"data-part": "mark",
+							children: p === "spinner" ? /* @__PURE__ */ A("span", { "data-ui": "spinner" }) : /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: p }) })
+						}), /* @__PURE__ */ j("span", {
+							"data-part": "status-label",
+							children: [/* @__PURE__ */ A("span", { children: Oe(r, o) }), r.stage === void 0 || r.stage === "" ? null : /* @__PURE__ */ A("span", {
+								"data-part": "stage",
+								title: r.stage,
+								children: r.stage
+							})]
+						})]
+					}),
+					r.status === "running" ? /* @__PURE__ */ j("div", {
+						"data-part": "progress",
+						children: [/* @__PURE__ */ A(i, {
+							"aria-labelledby": c.title,
+							delay: 0,
+							hideLabel: !0,
+							max: r.progress?.max ?? 100,
+							size: "sm",
+							tone: "accent",
+							value: r.progress?.value ?? null,
+							..._.length > 0 ? { valueText: _.join(", ") } : {}
+						}), _.length > 0 ? /* @__PURE__ */ A("span", {
+							"data-part": "progress-text",
+							children: _.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
+						}) : null]
+					}) : null,
+					ee.length > 0 ? /* @__PURE__ */ A("p", {
+						"data-part": "summary",
+						children: ee.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
+					}) : null,
+					te === null ? null : /* @__PURE__ */ A("p", {
+						"data-part": "message",
+						children: te
+					})
+				]
+			}),
+			x.length > 0 || R(v) || d.controls.includes("remove") ? /* @__PURE__ */ j("div", {
+				"data-part": "controls",
+				children: [
+					x.map(b),
+					R(v) ? /* @__PURE__ */ A("span", {
+						"data-part": "job-actions",
+						children: v
+					}) : null,
+					d.controls.includes("remove") ? b("remove") : null
+				]
+			}) : null,
+			f && be(r) ? /* @__PURE__ */ A(He, {
+				context: n,
+				job: r
+			}) : null
+		]
+	});
+}
+function We({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, defaultExpanded: s, defaultView: c, empty: l, expanded: u, footer: y, growing: ne, hasMore: b = !1, jobs: x, level: S, loading: C = !1, locale: w, messages: re, now: T, onCancel: ae, onDownload: oe, onExpandedChange: M, onLoadMore: pe, onOpen: me, onReload: _e, onRemove: be, onRetry: Ce, onViewChange: we, ref: Te, render: Ee, renderJobActions: De, size: Oe, status: ke = "ready", style: N, timeFormat: P, timeZone: Ne, view: F, views: Le, ...Be }) {
+	let z = Me(), B = `slotted-import-export-center-${se().replace(/[^\w-]/g, "")}`, V = `${B}-title`, H = `${B}-list`, Ve = ne ?? z.growing, He = S ?? z.level, We = n(), Ge = w ?? We, Ke = Oe ?? z.size, qe = P ?? z.timeFormat, Je = Ne ?? z.timeZone, U = r(fe, re), [Ye, Xe] = k(null), W = O(null), Ze = ue(() => Le ?? [
+		{
+			label: U("all"),
+			value: "all"
+		},
+		{
+			label: U("imports"),
+			value: "import"
+		},
+		{
+			label: U("exports"),
+			value: "export"
+		}
+	], [Le, U]), [Qe, $e] = k(c), G = F ?? Qe ?? Ze[0]?.value ?? "all", [K, et] = k(s ?? []), tt = u ?? K, q = O({
+		currentExpanded: tt,
+		currentView: G,
+		expanded: u,
+		onExpandedChange: M,
+		onViewChange: we,
+		view: F
+	});
+	q.current = {
+		currentExpanded: tt,
+		currentView: G,
+		expanded: u,
+		onExpandedChange: M,
+		onViewChange: we,
+		view: F
+	};
+	let nt = E((e, t, n) => {
+		if (e === q.current.currentView) return;
+		let r = !1, i = ie({
+			controlled: q.current.view,
+			initial: q.current.currentView,
+			onRequest: (e) => {
+				q.current.onViewChange?.(e.value, e), r = e.cancelled;
+			}
+		}).request(e, t, n);
+		!r && i && $e(e);
+	}, []), J = E((e, t, n) => {
+		if (ze(e, q.current.currentExpanded)) return !0;
+		let r = !1, i = ie({
+			controlled: q.current.expanded,
+			equals: ze,
+			initial: q.current.currentExpanded,
+			onRequest: (e) => {
+				q.current.onExpandedChange?.(e.value, e), r = e.cancelled;
+			}
+		}).request(e, t, n);
+		return !r && i && et(e), !r;
+	}, []), rt = E((e, t, n) => {
+		let r = q.current.currentExpanded;
+		J(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [J]);
+	D(() => {
+		if (u !== void 0) return;
+		let e = new Set(x.map((e) => e.key)), t = K.filter((t) => e.has(t));
+		t.length !== K.length && et(t);
+	}, [
+		x,
+		u,
+		K
+	]);
+	let it = O(null);
+	D(() => {
+		let e = it.current;
+		if (it.current = new Map(x.map((e) => [e.key, e])), e !== null) for (let t of x) {
+			let n = Ae(e.get(t.key), t);
+			n !== null && he().announce(Se(n, t, U));
+		}
+	}, [x]);
+	let Y = O(/* @__PURE__ */ new Map()), [at, ot] = k(/* @__PURE__ */ new Map());
+	D(() => {
+		let e = T ?? Date.now(), t = /* @__PURE__ */ new Map();
+		for (let n of x) {
+			if (n.status !== "running") {
+				Y.current.delete(n.key);
+				continue;
+			}
+			let r = n.progress?.value, i = n.progress?.max, a = Y.current.get(n.key) ?? [];
+			r !== void 0 && i !== void 0 && a.at(-1)?.value !== r && (a.push({
+				at: Date.now(),
+				max: i,
+				value: r
+			}), a.length > Ie && a.shift(), Y.current.set(n.key, a)), t.set(n.key, je(n, a, {
+				now: e,
+				timeZone: Je
+			}));
+		}
+		ot(t);
+	}, [
+		x,
+		T,
+		Je
+	]);
+	let X = O(null), st = (e) => {
+		let t = e.target, n = t.closest("[data-part=\"job\"]");
+		if (n === null || !W.current?.contains(n)) {
+			X.current = null;
+			return;
+		}
+		let r = [...W.current?.querySelectorAll(":scope > [data-part=\"job\"]") ?? []], i = "job-title";
+		for (let e = t; e !== null && e !== n; e = e.parentElement) {
+			let t = e.dataset.part;
+			if (t !== void 0 && Pe.includes(t)) {
+				i = t;
+				break;
+			}
+		}
+		X.current = {
+			element: t,
+			index: r.indexOf(n),
+			key: n.dataset.key ?? "",
+			part: i
+		};
+	}, ct = (e, t) => {
+		let n = (W.current?.querySelector(`:scope > [data-part="job"][data-key="${CSS.escape(e)}"]`))?.querySelector(`[data-part="${t}"]`), r = n == null ? null : n.matches("button, a, [tabindex]") ? n : n.querySelector("button, a");
+		return r !== null && (r.focus(), !0);
+	};
+	le(() => {
+		let e = X.current, t = W.current;
+		if (e === null || t === null || e.element.isConnected) return;
+		let n = t.ownerDocument.activeElement;
+		if (n !== null && n !== t.ownerDocument.body) return;
+		let r = [...t.querySelectorAll(":scope > [data-part=\"job\"][data-key]")].map((e) => ({
+			key: e.dataset.key ?? "",
+			parts: Pe.filter((t) => t !== "job-title" && e.querySelector(`[data-part="${t}"]`) !== null)
+		})), i = ye(e, r);
+		if (X.current = null, "list" in i) {
+			t.focus();
+			return;
+		}
+		ct(i.key, i.part);
+	});
+	let lt = O(null), ut = E((e) => {
+		if (!x.some((t) => t.key === e)) return;
+		let t = q.current.currentExpanded;
+		t.includes(e) || J([...t, e], "programmatic", void 0), lt.current = e;
+		let n = x.find((t) => t.key === e);
+		n !== void 0 && ve([n], q.current.currentView).length === 0 && nt("all", "programmatic", void 0);
+	}, [
+		x,
+		J,
+		nt
+	]);
+	le(() => {
+		let e = lt.current;
+		if (e === null) return;
+		lt.current = null;
+		let t = W.current?.querySelector(`:scope > [data-part="job"][data-key="${CSS.escape(e)}"]`);
+		t != null && (t.scrollIntoView?.({ block: "nearest" }), t.querySelector("[data-part=\"job-title\"]")?.focus({ preventScroll: !0 }));
+	});
+	let Z = ue(() => ve(x, G), [x, G]), dt = E(() => {
+		(W.current?.querySelector(":scope > [data-part=\"job\"] :is(a[data-part=\"job-title\"], [data-part=\"controls\"] button, [data-part=\"controls\"] a)") ?? W.current)?.focus();
+	}, []);
+	ce(Te, () => ({
+		get element() {
+			return Ye;
+		},
+		focus: dt,
+		reveal: ut
+	}), [
+		Ye,
+		dt,
+		ut
+	]);
+	let ft = E((e) => {
+		let t = `${B}-${Re(e)}`;
+		return {
+			control: (e) => `${t}-${e}`,
+			details: `${t}-details`,
+			status: `${t}-status`,
+			title: `${t}-title`,
+			toggle: `${t}-toggle`
+		};
+	}, [B]), pt = {
+		expanded: new Set(tt),
+		ids: ft,
+		locale: Ge,
+		now: T,
+		onCancel: ae,
+		onDownload: oe,
+		onOpen: me,
+		onRemove: be,
+		onRetry: Ce,
+		onToggle: rt,
+		remaining: at,
+		renderJobActions: De,
+		t: U,
+		timeFormat: qe,
+		timeZone: Je
+	}, mt = `h${He}`, ht = ge(x), gt = Z.filter((e) => xe(e) && e.removable !== !1), Q = C && Z.length === 0, $ = ke === "error", _t = !$ && !Q && Z.length === 0, vt = U(G === "import" ? "emptyImports" : G === "export" ? "emptyExports" : "empty"), yt = {
+		...Be,
+		...t === void 0 ? { "aria-labelledby": i ?? V } : { "aria-label": t },
+		children: /* @__PURE__ */ j(de, { children: [
+			/* @__PURE__ */ j("div", {
+				"data-part": "header",
+				children: [/* @__PURE__ */ j(mt, {
+					"data-part": "title",
+					id: V,
+					children: [U("title"), ht > 0 ? /* @__PURE__ */ j(de, { children: [" ", /* @__PURE__ */ A("span", {
+						"data-part": "count",
+						children: U("active", { count: ht })
+					})] }) : null]
+				}), gt.length > 0 || R(e) ? /* @__PURE__ */ j("div", {
+					"data-part": "tools",
+					children: [gt.length > 0 ? /* @__PURE__ */ A("span", {
+						"data-part": "clear",
+						children: /* @__PURE__ */ A(a, {
+							onClick: (e) => be?.({ keys: gt.map((e) => e.key) }, I("clear", e)),
+							size: "sm",
+							tone: "secondary",
+							variant: "ghost",
+							children: U("clear")
+						})
+					}) : null, R(e) ? /* @__PURE__ */ A("div", {
+						"data-part": "actions",
+						children: e
+					}) : null]
+				}) : null]
+			}),
+			Ze.length > 1 ? /* @__PURE__ */ A("div", {
+				"data-part": "views",
+				children: /* @__PURE__ */ A(ee, {
+					onValueChange: (e, t) => nt(e, t.reason, t.source),
+					size: Ke,
+					track: "none",
+					value: G,
+					children: /* @__PURE__ */ A(te, {
+						"aria-label": U("views"),
+						children: Ze.map((e) => /* @__PURE__ */ A(v, {
+							controls: H,
+							value: e.value,
+							children: e.label
+						}, e.value))
+					})
+				})
+			}) : null,
+			$ ? /* @__PURE__ */ A("div", {
+				"data-part": "error",
+				children: /* @__PURE__ */ j(_, {
+					live: "off",
+					reach: "section",
+					status: "error",
+					children: [/* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: U("loadError") }), /* @__PURE__ */ A(p, { children: U("loadErrorDescription") })] }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A(a, {
+						onClick: (e) => _e?.(I(L(e), e)),
+						size: "sm",
+						tone: "secondary",
+						variant: "outline",
+						children: U("reload")
+					}) })]
+				})
+			}) : _t ? /* @__PURE__ */ A("div", {
+				"data-part": "empty",
+				children: l ?? /* @__PURE__ */ A(_, {
+					live: "off",
+					reach: "section",
+					status: "empty",
+					children: /* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: vt }), /* @__PURE__ */ A(p, { children: U("emptyDescription") })] })
+				})
+			}) : /* @__PURE__ */ A("ul", {
+				"aria-busy": C ? !0 : void 0,
+				"aria-labelledby": V,
+				"data-part": "list",
+				id: H,
+				onFocus: st,
+				ref: W,
+				tabIndex: -1,
+				children: Q ? Array.from({ length: Fe }, (e, t) => /* @__PURE__ */ j("li", {
+					"aria-hidden": "true",
+					"data-part": "job",
+					children: [/* @__PURE__ */ A("span", {
+						"data-part": "visual",
+						children: /* @__PURE__ */ A(d, { shape: "block" })
+					}), /* @__PURE__ */ j("div", {
+						"data-part": "body",
+						children: [/* @__PURE__ */ A(f, { lines: 2 }), /* @__PURE__ */ A(f, { lines: 1 })]
+					})]
+				}, t)) : Z.map((e) => /* @__PURE__ */ A(Ue, {
+					context: pt,
+					job: e
+				}, e.key))
+			}),
+			!$ && Ve === "button" && b && !Q ? /* @__PURE__ */ A("button", {
+				"aria-disabled": C ? !0 : void 0,
+				"data-part": "more",
+				...C ? { "data-loading": "" } : {},
+				onClick: (e) => {
+					C || pe?.(I(L(e), e));
+				},
+				type: "button",
+				children: U(C ? "loading" : "loadMore")
+			}) : null,
+			R(y) ? /* @__PURE__ */ A("div", {
+				"data-part": "footer",
+				children: y
+			}) : null
+		] }),
+		className: o,
+		"data-growing": Ve,
+		"data-level": He,
+		...C ? { "data-loading": "" } : {},
+		"data-part": "root",
+		"data-size": Ke,
+		...$ ? { "data-status": "error" } : {},
+		"data-time-format": qe,
+		"data-ui": "import-export-center",
+		"data-view": G,
+		style: N
+	};
+	return Ee === void 0 ? /* @__PURE__ */ A("section", {
+		...yt,
+		ref: Xe
+	}) : Ee({
+		...yt,
+		ref: Xe
+	});
+}
+//#endregion
+//#region src/import-export-center/use-job-toasts.tsx
+function Ge(e, { messages: t, onView: n, toaster: i } = {}) {
+	let o = T(), s = i ?? o, c = O(null), l = r(fe, t), u = O({
+		onView: n,
+		t: l,
+		target: s
+	});
+	u.current = {
+		onView: n,
+		t: l,
+		target: s
+	}, D(() => {
+		let t = c.current;
+		if (c.current = new Map(e.map((e) => [e.key, e])), t === null) return;
+		let { onView: n, t: r, target: i } = u.current;
+		for (let o of e) {
+			let e = Te(t.get(o.key), o, r);
+			e !== null && i.show({
+				actions: n === void 0 ? void 0 : /* @__PURE__ */ A(a, {
+					onClick: () => {
+						i.dismiss(e.id, "pointer"), n(e.key);
+					},
+					size: "sm",
+					tone: "secondary",
+					variant: "outline",
+					children: r("view")
+				}),
+				announcement: e.title,
+				description: e.description,
+				id: e.id,
+				loading: e.loading,
+				title: e.title,
+				tone: e.tone
+			});
+		}
+	}, [e]);
+}
+//#endregion
+export { Me as i, We as n, Ne as r, Ge as t };