@slotted/react 0.1.0-beta.2 → 0.1.0-beta.4

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

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