@slotted/react 0.1.0-beta.10 → 0.1.0-beta.11

package/dist/{import-export-center-DUrNwRKP.js → import-export-center-CYf0Qxl_.js}

@@ -1,36 +1,37 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { n as i } from "./progress-indicator-D0acshNn.js";
-import { n as a } from "./icon-button-CRB218_z.js";
-import { n as o } from "./button-BCVjdzkn.js";
-import { a as s, i as c, n as l, r as u } from "./tooltip-DrFiRlH8.js";
-import { i as d, t as f } from "./skeleton-DyOwgYmF.js";
-import { i as p, n as m, o as h, r as g, t as _ } from "./result-state-BMYhelu1.js";
-import { a as ee, r as te, t as v } from "./tabs-DjEpS9uq.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-DpGTPtnb.js";
-import { v as T } from "./toast-58ex8PDK.js";
-import { keyedProps as ie, selectorKeyProps as ae } from "@slotted/core/selector-key";
-import { createControllable as oe } from "@slotted/core/state";
-import { createContext as se, createElement as ce, useCallback as E, useContext as le, useEffect as D, useId as ue, useImperativeHandle as de, useLayoutEffect as fe, useMemo as pe, useRef as O, useState as k } from "react";
-import { Fragment as me, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { importExportCenterMessages as he } from "@slotted/core/i18n";
-import { fileKind as ge, formatBytes as _e, splitName as ve } from "@slotted/core/upload";
+import { n as e, r as t } from "./i18n-D7xXDd8-.js";
+import { n, t as r } from "./icon-DjqSEQ-o.js";
+import { t as i } from "./spinner-ring-DyfaYloA.js";
+import { n as a } from "./progress-indicator-D0acshNn.js";
+import { n as o } from "./icon-button-DbSZKGT4.js";
+import { n as s } from "./button-D31perSu.js";
+import { a as c, i as l, n as u, r as d } from "./tooltip-DrFiRlH8.js";
+import { i as f, t as p } from "./skeleton-DeEOmm1y.js";
+import { i as m, n as h, o as g, r as _, t as v } from "./result-state-BMYhelu1.js";
+import { a as ee, r as te, t as y } from "./tabs-DjEpS9uq.js";
+import { A as b, O as ne, b as x, c as S, f as C, l as re, u as w, v as T } from "./table-C8zOHDcY.js";
+import { v as ie } from "./toast-CjbiXiza.js";
+import { keyedProps as ae, selectorKeyProps as oe } from "@slotted/core/selector-key";
+import { createControllable as se } from "@slotted/core/state";
+import { createContext as ce, createElement as le, useCallback as E, useContext as ue, useEffect as D, useId as de, useImperativeHandle as fe, useLayoutEffect as pe, useMemo as me, useRef as O, useState as k } from "react";
+import { Fragment as he, jsx as A, jsxs as j } from "react/jsx-runtime";
+import { importExportCenterMessages as ge } from "@slotted/core/i18n";
+import { fileKind as _e, formatBytes as M, splitName as ve } from "@slotted/core/upload";
 import { getLiveAnnouncer as ye } from "@slotted/core/live-announcer";
-import { activeJobCount as be, fileAvailability as M, filterJobs as xe, focusDestination as Se, hasDetails as N, isFinishedJob as Ce, jobAnnouncement as we, jobControls as Te, jobGlyph as Ee, jobNotice as De, jobOutcome as Oe, jobProgressText as ke, jobStatusText as Ae, jobSummaryText as je, jobTransition as Me, remainingSeconds as Ne } from "@slotted/core/import-export-center";
-import { formatTimestamp as Pe } from "@slotted/core/timeline";
+import { activeJobCount as be, fileAvailability as N, filterJobs as xe, focusDestination as Se, hasDetails as Ce, isFinishedJob as we, jobAnnouncement as Te, jobControls as Ee, jobGlyph as De, jobNotice as Oe, jobOutcome as ke, jobProgressText as Ae, jobStatusText as je, jobSummaryText as Me, jobTransition as Ne, remainingSeconds as Pe } from "@slotted/core/import-export-center";
+import { formatTimestamp as P } from "@slotted/core/timeline";
 //#region src/import-export-center/import-export-center-defaults.tsx
-var P = se({
+var F = ce({
 	growing: "none",
 	level: "2",
 	size: "md",
 	timeFormat: "relative"
 });
 function Fe() {
-	return le(P);
+	return ue(F);
 }
 function Ie({ children: e, ...t }) {
 	let n = Fe();
-	return /* @__PURE__ */ A(P.Provider, {
+	return /* @__PURE__ */ A(F.Provider, {
 		value: {
 			growing: t.growing ?? n.growing,
 			level: t.level ?? n.level,
@@ -43,7 +44,7 @@ function Ie({ children: e, ...t }) {
 }
 //#endregion
 //#region src/import-export-center/import-export-center.tsx
-var Le = {
+var I = {
 	pdf: "file-text",
 	document: "file-type",
 	spreadsheet: "file-spreadsheet",
@@ -53,20 +54,20 @@ var Le = {
 	audio: "file-audio",
 	archive: "file-archive",
 	other: "file"
-}, Re = [
+}, Le = [
 	"job-title",
 	"download",
 	"retry",
 	"cancel",
 	"toggle",
 	"remove"
-], ze = 3, Be = 12, F = {
+], Re = 3, ze = 12, L = {
 	day: "numeric",
 	month: "short",
 	hour: "2-digit",
 	minute: "2-digit"
 };
-function I(e, t) {
+function R(e, t) {
 	let n = !1;
 	return {
 		reason: e,
@@ -79,29 +80,29 @@ function I(e, t) {
 		}
 	};
 }
-function L(e) {
+function z(e) {
 	return e.detail === 0 ? "keyboard" : "pointer";
 }
-function R(e) {
+function B(e) {
 	return e != null && e !== !1;
 }
-function Ve(e) {
+function Be(e) {
 	return e.replace(/[^\w-]/g, (e) => `-${e.charCodeAt(0).toString(16)}-`);
 }
-function He(e, t) {
+function Ve(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function z(e) {
+function V(e) {
 	let t = e.result ?? e.source;
-	return t === void 0 ? e.format === void 0 ? "other" : ge({
+	return t === void 0 ? e.format === void 0 ? "other" : _e({
 		name: `job.${e.format.toLowerCase()}`,
 		type: ""
-	}) : ge({
+	}) : _e({
 		name: t.name,
 		type: t.type ?? ""
 	});
 }
-function B({ name: e }) {
+function H({ name: e }) {
 	let { stem: t, extension: n } = ve(e);
 	return /* @__PURE__ */ j("span", {
 		"data-part": "file-name",
@@ -118,43 +119,43 @@ function B({ name: e }) {
 		})]
 	});
 }
-function V({ label: n, describedBy: r, onPress: i }) {
-	return /* @__PURE__ */ j(s, {
+function He({ label: e, describedBy: t, onPress: i }) {
+	return /* @__PURE__ */ j(c, {
 		openOn: "hover",
 		side: "bottom",
-		children: [/* @__PURE__ */ A(c, {
-			"aria-describedby": r,
-			"aria-label": n,
+		children: [/* @__PURE__ */ A(l, {
+			"aria-describedby": t,
+			"aria-label": e,
 			"data-part": "remove",
 			"data-part-remove": "",
 			onClick: i,
-			children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "x" }) })
-		}), /* @__PURE__ */ A(u, { children: /* @__PURE__ */ A(l, { children: n }) })]
+			children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(n, { name: "x" }) })
+		}), /* @__PURE__ */ A(d, { children: /* @__PURE__ */ A(u, { children: e }) })]
 	});
 }
-function H({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy: c, describedBy: l, variant: u }) {
+function U({ context: e, file: t, job: n, role: r, label: i, id: a, labelledBy: c, describedBy: l, variant: u }) {
 	let d = (t) => {
-		let i = I(L(t), t);
+		let i = R(z(t), t);
 		e.onDownload?.({
 			key: n.key,
 			file: r
 		}, i), i.cancelled && t.preventDefault();
 	}, f = {
-		...s === void 0 ? {} : { id: s },
+		...a === void 0 ? {} : { id: a },
 		...c === void 0 ? {} : { "aria-labelledby": c },
 		...l === void 0 ? {} : { "aria-describedby": l }
 	};
 	return /* @__PURE__ */ A("span", {
 		"data-part": "download",
 		"data-part-download": "",
-		children: t.href === void 0 ? /* @__PURE__ */ A(a, {
+		children: t.href === void 0 ? /* @__PURE__ */ A(o, {
 			...f,
 			onClick: d,
 			size: "sm",
 			tone: "secondary",
 			variant: u,
 			children: i
-		}) : /* @__PURE__ */ A(o, {
+		}) : /* @__PURE__ */ A(s, {
 			...f,
 			download: t.name,
 			href: t.href,
@@ -166,23 +167,23 @@ function H({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy:
 		})
 	});
 }
-function U(e, t) {
-	return Pe(e, {
-		absolute: F,
+function Ue(e, t) {
+	return P(e, {
+		absolute: L,
 		format: "absolute",
 		locale: t.locale,
 		timeZone: t.timeZone
 	}).text;
 }
-function Ue(e, t) {
+function We(e, t) {
 	if (e.message !== void 0 && e.message !== "") return e.message;
 	let n = {
 		now: t.now,
 		timeZone: t.timeZone
-	}, r = e.result, i = M(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;
+	}, r = e.result, i = N(r, n);
+	return r === void 0 ? null : i === "denied" ? r.denied ?? null : r.expiresAt === void 0 ? null : i === "expired" ? t.t("expired", { date: Ue(r.expiresAt, t) }) : i === "expires" ? t.t("expires", { date: Ue(r.expiresAt, t) }) : null;
 }
-function We({ context: e, job: t }) {
+function Ge({ 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
@@ -217,7 +218,7 @@ function We({ context: e, job: t }) {
 				"data-part": "files",
 				"data-part-files": "",
 				children: l.map(([i, a]) => {
-					let s = M(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";
+					let s = N(a, o), c = s === "denied" ? a.denied : a.expiresAt === void 0 ? void 0 : n(s === "expired" ? "expired" : "expires", { date: Ue(a.expiresAt, e) }), l = s === "available" || s === "expires";
 					return /* @__PURE__ */ j("li", {
 						"data-part": "file",
 						"data-part-file": "",
@@ -227,11 +228,11 @@ function We({ context: e, job: t }) {
 							"data-part-meta": "",
 							children: [
 								/* @__PURE__ */ A("strong", { children: n(`fileLabels.${i}`) }),
-								/* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(B, { name: a.name }) }),
-								a.size === void 0 ? null : /* @__PURE__ */ A("span", { children: _e(a.size, r) }),
+								/* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(H, { name: a.name }) }),
+								a.size === void 0 ? null : /* @__PURE__ */ A("span", { children: M(a.size, r) }),
 								c === void 0 ? null : /* @__PURE__ */ A("span", { children: c })
 							]
-						}), l ? /* @__PURE__ */ A(H, {
+						}), l ? /* @__PURE__ */ A(U, {
 							context: e,
 							file: a,
 							job: t,
@@ -245,21 +246,21 @@ function We({ context: e, job: t }) {
 			u.length > 0 ? /* @__PURE__ */ j("div", {
 				"data-part": "errors",
 				"data-part-errors": "",
-				children: [/* @__PURE__ */ A(y, {
+				children: [/* @__PURE__ */ A(b, {
 					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, {
+						/* @__PURE__ */ A(re, { children: n("errorsCaption") }),
+						/* @__PURE__ */ A(T, { children: /* @__PURE__ */ j(x, { children: [
+							/* @__PURE__ */ A(C, {
 								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(C, { children: n("errorColumns.message") }),
+							/* @__PURE__ */ A(C, { children: n("errorColumns.column") }),
+							/* @__PURE__ */ A(C, { children: n("errorColumns.value") })
 						] }) }),
-						/* @__PURE__ */ A(x, { children: u.map((e, t) => /* @__PURE__ */ j(b, { children: [
+						/* @__PURE__ */ A(S, { children: u.map((e, t) => /* @__PURE__ */ j(x, { children: [
 							/* @__PURE__ */ A(w, {
 								numeric: !0,
 								children: a.format(e.row)
@@ -281,101 +282,101 @@ function We({ context: e, job: t }) {
 		]
 	});
 }
-function Ge({ context: n, job: r }) {
-	let { t: o, locale: s } = n, c = n.ids(r.key), l = {
-		now: n.now,
-		timeZone: n.timeZone
-	}, u = Oe(r), d = Te(r, l), f = n.expanded.has(r.key) && d.controls.includes("toggle"), p = Ee(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 : Pe(h, {
-		format: n.timeFormat,
-		locale: s,
-		now: n.now,
-		timeZone: n.timeZone
-	}), _ = r.status === "running" ? ke(r, {
-		locale: s,
-		t: o,
-		remaining: n.remaining.get(r.key)
-	}) : [], ee = je(r, {
-		locale: s,
-		t: o
-	}), te = Ue(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) => {
+function Ke({ context: e, job: t }) {
+	let { t: s, locale: c } = e, l = e.ids(t.key), u = {
+		now: e.now,
+		timeZone: e.timeZone
+	}, d = ke(t), f = Ee(t, u), p = e.expanded.has(t.key) && f.controls.includes("toggle"), m = De(t), h = t.direction === "export" ? t.result ?? t.source : t.source ?? t.result, g = t.status === "succeeded" || t.status === "failed" ? t.finishedAt ?? t.createdAt : t.createdAt, _ = g === void 0 ? null : P(g, {
+		format: e.timeFormat,
+		locale: c,
+		now: e.now,
+		timeZone: e.timeZone
+	}), v = t.status === "running" ? Ae(t, {
+		locale: c,
+		t: s,
+		remaining: e.remaining.get(t.key)
+	}) : [], ee = Me(t, {
+		locale: c,
+		t: s
+	}), te = We(t, e), y = e.renderJobActions?.(t), b = (e) => `${l.control(e)} ${l.title}`, ne = (n) => {
+		let r = R(z(n), n);
+		e.onOpen?.(t.key, r), r.cancelled && n.preventDefault();
+	}, x = (i) => {
 		switch (i) {
 			case "download": {
-				let e = d.download ?? "result", t = e === "errors" ? r.errorsFile : r.result;
-				return t === void 0 ? null : /* @__PURE__ */ A(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,
+				let n = f.download ?? "result", r = n === "errors" ? t.errorsFile : t.result;
+				return r === void 0 ? null : /* @__PURE__ */ A(U, {
+					context: e,
+					describedBy: l.status,
+					file: r,
+					id: l.control("download"),
+					job: t,
+					label: s(n === "errors" ? "downloadErrors" : "download"),
+					labelledBy: b("download"),
+					role: n,
 					variant: "outline"
 				}, i);
 			}
 			case "cancel":
-			case "retry": return /* @__PURE__ */ ce("span", {
+			case "retry": return /* @__PURE__ */ le("span", {
 				"data-part": i,
-				...ae("part", i),
+				...oe("part", i),
 				key: i
-			}, /* @__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)),
+			}, /* @__PURE__ */ A(o, {
+				"aria-describedby": l.status,
+				"aria-labelledby": b(i),
+				id: l.control(i),
+				onClick: (n) => (i === "cancel" ? e.onCancel : e.onRetry)?.(t.key, R(z(n), n)),
 				size: "sm",
 				tone: "secondary",
 				variant: "outline",
-				children: i === "cancel" ? o("cancel") : d.retry === "regenerate" ? o("regenerate") : o("retry")
+				children: i === "cancel" ? s("cancel") : f.retry === "regenerate" ? s("regenerate") : s("retry")
 			}));
 			case "toggle": return /* @__PURE__ */ A("span", {
 				"data-part": "toggle",
 				"data-part-toggle": "",
-				...f ? { "data-expanded": "" } : {},
-				children: /* @__PURE__ */ A(a, {
-					"aria-controls": c.details,
-					"aria-expanded": f,
-					"aria-labelledby": `${c.toggle} ${c.title}`,
+				...p ? { "data-expanded": "" } : {},
+				children: /* @__PURE__ */ A(o, {
+					"aria-controls": l.details,
+					"aria-expanded": p,
+					"aria-labelledby": `${l.toggle} ${l.title}`,
 					end: /* @__PURE__ */ A("span", {
 						"data-part": "chevron",
 						"data-part-chevron": "",
-						children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-down" }) })
+						children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(n, { name: "chevron-down" }) })
 					}),
-					id: c.toggle,
-					onClick: (e) => n.onToggle(r.key, L(e), e),
+					id: l.toggle,
+					onClick: (n) => e.onToggle(t.key, z(n), n),
 					size: "sm",
 					tone: "secondary",
 					variant: "ghost",
-					children: o("details")
+					children: s("details")
 				})
 			}, i);
-			case "remove": return /* @__PURE__ */ A(V, {
-				describedBy: c.title,
-				label: o("remove"),
-				onPress: (e) => n.onRemove?.({ keys: [r.key] }, I(L(e), e))
+			case "remove": return /* @__PURE__ */ A(He, {
+				describedBy: l.title,
+				label: s("remove"),
+				onPress: (n) => e.onRemove?.({ keys: [t.key] }, R(z(n), n))
 			}, i);
 			default: return null;
 		}
-	}, x = d.controls.filter((e) => e !== "remove");
+	}, S = f.controls.filter((e) => e !== "remove");
 	return /* @__PURE__ */ j("li", {
-		"data-direction": r.direction,
-		"data-key": r.key,
+		"data-direction": t.direction,
+		"data-key": t.key,
 		"data-part": "job",
 		"data-part-job": "",
-		"data-status": r.status,
-		...u === null ? {} : { "data-outcome": u },
-		...d.expired ? { "data-expired": "" } : {},
-		...f ? { "data-expanded": "" } : {},
+		"data-status": t.status,
+		...d === null ? {} : { "data-outcome": d },
+		...f.expired ? { "data-expired": "" } : {},
+		...p ? { "data-expanded": "" } : {},
 		children: [
 			/* @__PURE__ */ A("span", {
 				"aria-hidden": "true",
-				"data-kind": z(r),
+				"data-kind": V(t),
 				"data-part": "visual",
 				"data-part-visual": "",
-				children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: Le[z(r)] }) })
+				children: /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(n, { name: I[V(t)] }) })
 			}),
 			/* @__PURE__ */ j("div", {
 				"data-part": "body",
@@ -384,34 +385,34 @@ function Ge({ context: n, job: r }) {
 					/* @__PURE__ */ j("div", {
 						"data-part": "heading",
 						"data-part-heading": "",
-						children: [r.href === void 0 ? /* @__PURE__ */ A("span", {
+						children: [t.href === void 0 ? /* @__PURE__ */ A("span", {
 							"data-part": "job-title",
 							"data-part-job-title": "",
-							id: c.title,
+							id: l.title,
 							tabIndex: -1,
-							children: r.title
+							children: t.title
 						}) : /* @__PURE__ */ A("a", {
 							"data-part": "job-title",
 							"data-part-job-title": "",
-							href: r.href,
-							id: c.title,
+							href: t.href,
+							id: l.title,
 							onClick: ne,
-							children: r.title
+							children: t.title
 						}), /* @__PURE__ */ j("p", {
 							"data-part": "meta",
 							"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(B, { name: m.name }) }),
-								m?.size === void 0 ? null : /* @__PURE__ */ A("span", { children: _e(m.size, s) }),
-								r.actor === void 0 ? null : /* @__PURE__ */ A("span", { children: r.actor }),
-								g === null ? null : /* @__PURE__ */ A("time", {
+								/* @__PURE__ */ A("span", { children: s(t.direction) }),
+								t.format === void 0 ? null : /* @__PURE__ */ A("span", { children: t.format }),
+								h === void 0 ? null : /* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(H, { name: h.name }) }),
+								h?.size === void 0 ? null : /* @__PURE__ */ A("span", { children: M(h.size, c) }),
+								t.actor === void 0 ? null : /* @__PURE__ */ A("span", { children: t.actor }),
+								_ === null ? null : /* @__PURE__ */ A("time", {
 									"data-part": "time",
 									"data-part-time": "",
-									dateTime: g.dateTime,
-									...g.title === null ? {} : { title: g.title },
-									children: g.text
+									dateTime: _.dateTime,
+									..._.title === null ? {} : { title: _.title },
+									children: _.text
 								})
 							]
 						})]
@@ -419,42 +420,43 @@ function Ge({ context: n, job: r }) {
 					/* @__PURE__ */ j("div", {
 						"data-part": "status",
 						"data-part-status": "",
-						id: c.status,
+						id: l.status,
 						children: [/* @__PURE__ */ A("span", {
 							"aria-hidden": "true",
 							"data-part": "mark",
 							"data-part-mark": "",
-							children: p === "spinner" ? /* @__PURE__ */ A("span", {
+							children: m === "spinner" ? /* @__PURE__ */ A("span", {
 								"data-ui": "spinner",
-								"data-ui-spinner": ""
-							}) : /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: p }) })
+								"data-ui-spinner": "",
+								children: i
+							}) : /* @__PURE__ */ A(r, { children: /* @__PURE__ */ A(n, { name: m }) })
 						}), /* @__PURE__ */ j("span", {
 							"data-part": "status-label",
 							"data-part-status-label": "",
-							children: [/* @__PURE__ */ A("span", { children: Ae(r, o) }), r.stage === void 0 || r.stage === "" ? null : /* @__PURE__ */ A("span", {
+							children: [/* @__PURE__ */ A("span", { children: je(t, s) }), t.stage === void 0 || t.stage === "" ? null : /* @__PURE__ */ A("span", {
 								"data-part": "stage",
 								"data-part-stage": "",
-								title: r.stage,
-								children: r.stage
+								title: t.stage,
+								children: t.stage
 							})]
 						})]
 					}),
-					r.status === "running" ? /* @__PURE__ */ j("div", {
+					t.status === "running" ? /* @__PURE__ */ j("div", {
 						"data-part": "progress",
 						"data-part-progress": "",
-						children: [/* @__PURE__ */ A(i, {
-							"aria-labelledby": c.title,
+						children: [/* @__PURE__ */ A(a, {
+							"aria-labelledby": l.title,
 							delay: 0,
 							hideLabel: !0,
-							max: r.progress?.max ?? 100,
+							max: t.progress?.max ?? 100,
 							size: "sm",
 							tone: "accent",
-							value: r.progress?.value ?? null,
-							..._.length > 0 ? { valueText: _.join(", ") } : {}
-						}), _.length > 0 ? /* @__PURE__ */ A("span", {
+							value: t.progress?.value ?? null,
+							...v.length > 0 ? { valueText: v.join(", ") } : {}
+						}), v.length > 0 ? /* @__PURE__ */ A("span", {
 							"data-part": "progress-text",
 							"data-part-progress-text": "",
-							children: _.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
+							children: v.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
 						}) : null]
 					}) : null,
 					ee.length > 0 ? /* @__PURE__ */ A("p", {
@@ -469,132 +471,132 @@ function Ge({ context: n, job: r }) {
 					})
 				]
 			}),
-			x.length > 0 || R(v) || d.controls.includes("remove") ? /* @__PURE__ */ j("div", {
+			S.length > 0 || B(y) || f.controls.includes("remove") ? /* @__PURE__ */ j("div", {
 				"data-part": "controls",
 				"data-part-controls": "",
 				children: [
-					x.map(b),
-					R(v) ? /* @__PURE__ */ A("span", {
+					S.map(x),
+					B(y) ? /* @__PURE__ */ A("span", {
 						"data-part": "job-actions",
 						"data-part-job-actions": "",
-						children: v
+						children: y
 					}) : null,
-					d.controls.includes("remove") ? b("remove") : null
+					f.controls.includes("remove") ? x("remove") : null
 				]
 			}) : null,
-			f && N(r) ? /* @__PURE__ */ A(We, {
-				context: n,
-				job: r
+			p && Ce(t) ? /* @__PURE__ */ A(Ge, {
+				context: e,
+				job: t
 			}) : null
 		]
 	});
 }
-function Ke({ 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: se, onExpandedChange: ce, onLoadMore: le, onOpen: ge, onReload: _e, onRemove: ve, onRetry: M, onViewChange: N, ref: Te, render: Ee, renderJobActions: De, size: Oe, status: ke = "ready", style: Ae, timeFormat: je, timeZone: Pe, view: P, views: Ie, ...Le }) {
-	let F = Fe(), z = `slotted-import-export-center-${ue().replace(/[^\w-]/g, "")}`, B = `${z}-title`, V = `${z}-list`, H = ne ?? F.growing, U = S ?? F.level, Ue = n(), We = w ?? Ue, Ke = Oe ?? F.size, qe = je ?? F.timeFormat, Je = Pe ?? F.timeZone, W = r(he, re), [Ye, Xe] = k(null), G = O(null), Ze = pe(() => Ie ?? [
+function qe({ actions: n, "aria-label": r, "aria-labelledby": i, className: a, defaultExpanded: s, defaultView: c, empty: l, expanded: u, footer: d, growing: b, hasMore: ne = !1, jobs: x, level: S, loading: C = !1, locale: re, messages: w, now: T, onCancel: ie, onDownload: oe, onExpandedChange: ce, onLoadMore: le, onOpen: ue, onReload: _e, onRemove: M, onRetry: ve, onViewChange: N, ref: Ce, render: Ee, renderJobActions: De, size: Oe, status: ke = "ready", style: Ae, timeFormat: je, timeZone: Me, view: P, views: F, ...Ie }) {
+	let I = Fe(), L = `slotted-import-export-center-${de().replace(/[^\w-]/g, "")}`, V = `${L}-title`, H = `${L}-list`, He = b ?? I.growing, U = S ?? I.level, Ue = e(), We = re ?? Ue, Ge = Oe ?? I.size, qe = je ?? I.timeFormat, W = Me ?? I.timeZone, G = t(ge, w), [Je, Ye] = k(null), K = O(null), Xe = me(() => F ?? [
 		{
-			label: W("all"),
+			label: G("all"),
 			value: "all"
 		},
 		{
-			label: W("imports"),
+			label: G("imports"),
 			value: "import"
 		},
 		{
-			label: W("exports"),
+			label: G("exports"),
 			value: "export"
 		}
-	], [Ie, W]), [Qe, $e] = k(c), K = P ?? Qe ?? Ze[0]?.value ?? "all", [q, et] = k(s ?? []), tt = u ?? q, J = O({
-		currentExpanded: tt,
-		currentView: K,
+	], [F, G]), [Ze, Qe] = k(c), q = P ?? Ze ?? Xe[0]?.value ?? "all", [J, $e] = k(s ?? []), et = u ?? J, Y = O({
+		currentExpanded: et,
+		currentView: q,
 		expanded: u,
 		onExpandedChange: ce,
 		onViewChange: N,
 		view: P
 	});
-	J.current = {
-		currentExpanded: tt,
-		currentView: K,
+	Y.current = {
+		currentExpanded: et,
+		currentView: q,
 		expanded: u,
 		onExpandedChange: ce,
 		onViewChange: N,
 		view: P
 	};
-	let nt = E((e, t, n) => {
-		if (e === J.current.currentView) return;
-		let r = !1, i = oe({
-			controlled: J.current.view,
-			initial: J.current.currentView,
+	let tt = E((e, t, n) => {
+		if (e === Y.current.currentView) return;
+		let r = !1, i = se({
+			controlled: Y.current.view,
+			initial: Y.current.currentView,
 			onRequest: (e) => {
-				J.current.onViewChange?.(e.value, e), r = e.cancelled;
+				Y.current.onViewChange?.(e.value, e), r = e.cancelled;
 			}
 		}).request(e, t, n);
-		!r && i && $e(e);
-	}, []), Y = E((e, t, n) => {
-		if (He(e, J.current.currentExpanded)) return !0;
-		let r = !1, i = oe({
-			controlled: J.current.expanded,
-			equals: He,
-			initial: J.current.currentExpanded,
+		!r && i && Qe(e);
+	}, []), X = E((e, t, n) => {
+		if (Ve(e, Y.current.currentExpanded)) return !0;
+		let r = !1, i = se({
+			controlled: Y.current.expanded,
+			equals: Ve,
+			initial: Y.current.currentExpanded,
 			onRequest: (e) => {
-				J.current.onExpandedChange?.(e.value, e), r = e.cancelled;
+				Y.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 = J.current.currentExpanded;
-		Y(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
-	}, [Y]);
+		return !r && i && $e(e), !r;
+	}, []), nt = E((e, t, n) => {
+		let r = Y.current.currentExpanded;
+		X(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [X]);
 	D(() => {
 		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 && et(t);
+		let e = new Set(x.map((e) => e.key)), t = J.filter((t) => e.has(t));
+		t.length !== J.length && $e(t);
 	}, [
 		x,
 		u,
-		q
+		J
 	]);
-	let it = O(null);
+	let rt = 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 = Me(e.get(t.key), t);
-			n !== null && ye().announce(we(n, t, W));
+		let e = rt.current;
+		if (rt.current = new Map(x.map((e) => [e.key, e])), e !== null) for (let t of x) {
+			let n = Ne(e.get(t.key), t);
+			n !== null && ye().announce(Te(n, t, G));
 		}
 	}, [x]);
-	let X = O(/* @__PURE__ */ new Map()), [at, ot] = k(/* @__PURE__ */ new Map());
+	let it = 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") {
-				X.current.delete(n.key);
+				it.current.delete(n.key);
 				continue;
 			}
-			let r = n.progress?.value, i = n.progress?.max, a = X.current.get(n.key) ?? [];
+			let r = n.progress?.value, i = n.progress?.max, a = it.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 > Be && a.shift(), X.current.set(n.key, a)), t.set(n.key, Ne(n, a, {
+			}), a.length > ze && a.shift(), it.current.set(n.key, a)), t.set(n.key, Pe(n, a, {
 				now: e,
-				timeZone: Je
+				timeZone: W
 			}));
 		}
 		ot(t);
 	}, [
 		x,
 		T,
-		Je
+		W
 	]);
 	let Z = O(null), st = (e) => {
 		let t = e.target, n = t.closest("[data-part=\"job\"]");
-		if (n === null || !G.current?.contains(n)) {
+		if (n === null || !K.current?.contains(n)) {
 			Z.current = null;
 			return;
 		}
-		let r = [...G.current?.querySelectorAll(":scope > [data-part=\"job\"]") ?? []], i = "job-title";
+		let r = [...K.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 && Re.includes(t)) {
+			if (t !== void 0 && Le.includes(t)) {
 				i = t;
 				break;
 			}
@@ -606,17 +608,17 @@ function Ke({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 			part: i
 		};
 	}, ct = (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");
+		let n = (K.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);
 	};
-	fe(() => {
-		let e = Z.current, t = G.current;
+	pe(() => {
+		let e = Z.current, t = K.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: Re.filter((t) => t !== "job-title" && e.querySelector(`[data-part="${t}"]`) !== null)
+			parts: Le.filter((t) => t !== "job-title" && e.querySelector(`[data-part="${t}"]`) !== null)
 		})), i = Se(e, r);
 		if (Z.current = null, "list" in i) {
 			t.focus();
@@ -626,38 +628,38 @@ function Ke({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 	});
 	let lt = O(null), ut = E((e) => {
 		if (!x.some((t) => t.key === e)) return;
-		let t = J.current.currentExpanded;
-		t.includes(e) || Y([...t, e], "programmatic", void 0), lt.current = e;
+		let t = Y.current.currentExpanded;
+		t.includes(e) || X([...t, e], "programmatic", void 0), lt.current = e;
 		let n = x.find((t) => t.key === e);
-		n !== void 0 && xe([n], J.current.currentView).length === 0 && nt("all", "programmatic", void 0);
+		n !== void 0 && xe([n], Y.current.currentView).length === 0 && tt("all", "programmatic", void 0);
 	}, [
 		x,
-		Y,
-		nt
+		X,
+		tt
 	]);
-	fe(() => {
+	pe(() => {
 		let e = lt.current;
 		if (e === null) return;
 		lt.current = null;
-		let t = G.current?.querySelector(`:scope > [data-part="job"][data-key="${CSS.escape(e)}"]`);
+		let t = K.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 = pe(() => xe(x, K), [x, K]), dt = E(() => {
-		(G.current?.querySelector(":scope > [data-part=\"job\"] :is(a[data-part=\"job-title\"], [data-part=\"controls\"] button, [data-part=\"controls\"] a)") ?? G.current)?.focus();
+	let Q = me(() => xe(x, q), [x, q]), dt = E(() => {
+		(K.current?.querySelector(":scope > [data-part=\"job\"] :is(a[data-part=\"job-title\"], [data-part=\"controls\"] button, [data-part=\"controls\"] a)") ?? K.current)?.focus();
 	}, []);
-	de(Te, () => ({
+	fe(Ce, () => ({
 		get element() {
-			return Ye;
+			return Je;
 		},
 		focus: dt,
 		reveal: ut
 	}), [
-		Ye,
+		Je,
 		dt,
 		ut
 	]);
 	let ft = E((e) => {
-		let t = `${z}-${Ve(e)}`;
+		let t = `${L}-${Be(e)}`;
 		return {
 			control: (e) => `${t}-${e}`,
 			details: `${t}-details`,
@@ -665,70 +667,70 @@ function Ke({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 			title: `${t}-title`,
 			toggle: `${t}-toggle`
 		};
-	}, [z]), pt = {
-		expanded: new Set(tt),
+	}, [L]), pt = {
+		expanded: new Set(et),
 		ids: ft,
 		locale: We,
 		now: T,
-		onCancel: ae,
-		onDownload: se,
-		onOpen: ge,
-		onRemove: ve,
-		onRetry: M,
-		onToggle: rt,
+		onCancel: ie,
+		onDownload: oe,
+		onOpen: ue,
+		onRemove: M,
+		onRetry: ve,
+		onToggle: nt,
 		remaining: at,
 		renderJobActions: De,
-		t: W,
+		t: G,
 		timeFormat: qe,
-		timeZone: Je
-	}, mt = `h${U}`, ht = be(x), gt = Q.filter((e) => Ce(e) && e.removable !== !1), _t = C && Q.length === 0, $ = ke === "error", vt = !$ && !_t && Q.length === 0, yt = W(K === "import" ? "emptyImports" : K === "export" ? "emptyExports" : "empty"), bt = ie({
-		...Le,
-		...t === void 0 ? { "aria-labelledby": i ?? B } : { "aria-label": t },
-		children: /* @__PURE__ */ j(me, { children: [
+		timeZone: W
+	}, mt = `h${U}`, ht = be(x), gt = Q.filter((e) => we(e) && e.removable !== !1), _t = C && Q.length === 0, $ = ke === "error", vt = !$ && !_t && Q.length === 0, yt = G(q === "import" ? "emptyImports" : q === "export" ? "emptyExports" : "empty"), bt = ae({
+		...Ie,
+		...r === void 0 ? { "aria-labelledby": i ?? V } : { "aria-label": r },
+		children: /* @__PURE__ */ j(he, { children: [
 			/* @__PURE__ */ j("div", {
 				"data-part": "header",
 				"data-part-header": "",
 				children: [/* @__PURE__ */ j(mt, {
 					"data-part": "title",
 					"data-part-title": "",
-					id: B,
-					children: [W("title"), ht > 0 ? /* @__PURE__ */ j(me, { children: [" ", /* @__PURE__ */ A("span", {
+					id: V,
+					children: [G("title"), ht > 0 ? /* @__PURE__ */ j(he, { children: [" ", /* @__PURE__ */ A("span", {
 						"data-part": "count",
 						"data-part-count": "",
-						children: W("active", { count: ht })
+						children: G("active", { count: ht })
 					})] }) : null]
-				}), gt.length > 0 || R(e) ? /* @__PURE__ */ j("div", {
+				}), gt.length > 0 || B(n) ? /* @__PURE__ */ j("div", {
 					"data-part": "tools",
 					"data-part-tools": "",
 					children: [gt.length > 0 ? /* @__PURE__ */ A("span", {
 						"data-part": "clear",
 						"data-part-clear": "",
-						children: /* @__PURE__ */ A(a, {
-							onClick: (e) => ve?.({ keys: gt.map((e) => e.key) }, I("clear", e)),
+						children: /* @__PURE__ */ A(o, {
+							onClick: (e) => M?.({ keys: gt.map((e) => e.key) }, R("clear", e)),
 							size: "sm",
 							tone: "secondary",
 							variant: "ghost",
-							children: W("clear")
+							children: G("clear")
 						})
-					}) : null, R(e) ? /* @__PURE__ */ A("div", {
+					}) : null, B(n) ? /* @__PURE__ */ A("div", {
 						"data-part": "actions",
 						"data-part-actions": "",
-						children: e
+						children: n
 					}) : null]
 				}) : null]
 			}),
-			Ze.length > 1 ? /* @__PURE__ */ A("div", {
+			Xe.length > 1 ? /* @__PURE__ */ A("div", {
 				"data-part": "views",
 				"data-part-views": "",
 				children: /* @__PURE__ */ A(ee, {
-					onValueChange: (e, t) => nt(e, t.reason, t.source),
-					size: Ke,
+					onValueChange: (e, t) => tt(e, t.reason, t.source),
+					size: Ge,
 					track: "none",
-					value: K,
+					value: q,
 					children: /* @__PURE__ */ A(te, {
-						"aria-label": W("views"),
-						children: Ze.map((e) => /* @__PURE__ */ A(v, {
-							controls: V,
+						"aria-label": G("views"),
+						children: Xe.map((e) => /* @__PURE__ */ A(y, {
+							controls: H,
 							value: e.value,
 							children: e.label
 						}, e.value))
@@ -738,111 +740,111 @@ function Ke({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 			$ ? /* @__PURE__ */ A("div", {
 				"data-part": "error",
 				"data-part-error": "",
-				children: /* @__PURE__ */ j(_, {
+				children: /* @__PURE__ */ j(v, {
 					live: "off",
 					reach: "section",
 					status: "error",
-					children: [/* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: W("loadError") }), /* @__PURE__ */ A(p, { children: W("loadErrorDescription") })] }), /* @__PURE__ */ A(m, { children: /* @__PURE__ */ A(a, {
-						onClick: (e) => _e?.(I(L(e), e)),
+					children: [/* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(g, { children: G("loadError") }), /* @__PURE__ */ A(m, { children: G("loadErrorDescription") })] }), /* @__PURE__ */ A(h, { children: /* @__PURE__ */ A(o, {
+						onClick: (e) => _e?.(R(z(e), e)),
 						size: "sm",
 						tone: "secondary",
 						variant: "outline",
-						children: W("reload")
+						children: G("reload")
 					}) })]
 				})
 			}) : vt ? /* @__PURE__ */ A("div", {
 				"data-part": "empty",
 				"data-part-empty": "",
-				children: l ?? /* @__PURE__ */ A(_, {
+				children: l ?? /* @__PURE__ */ A(v, {
 					live: "off",
 					reach: "section",
 					status: "empty",
-					children: /* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: yt }), /* @__PURE__ */ A(p, { children: W("emptyDescription") })] })
+					children: /* @__PURE__ */ j(_, { children: [/* @__PURE__ */ A(g, { children: yt }), /* @__PURE__ */ A(m, { children: G("emptyDescription") })] })
 				})
 			}) : /* @__PURE__ */ A("ul", {
 				"aria-busy": C ? !0 : void 0,
-				"aria-labelledby": B,
+				"aria-labelledby": V,
 				"data-part": "list",
 				"data-part-list": "",
-				id: V,
+				id: H,
 				onFocus: st,
-				ref: G,
+				ref: K,
 				tabIndex: -1,
-				children: _t ? Array.from({ length: ze }, (e, t) => /* @__PURE__ */ j("li", {
+				children: _t ? Array.from({ length: Re }, (e, t) => /* @__PURE__ */ j("li", {
 					"aria-hidden": "true",
 					"data-part": "job",
 					"data-part-job": "",
 					children: [/* @__PURE__ */ A("span", {
 						"data-part": "visual",
 						"data-part-visual": "",
-						children: /* @__PURE__ */ A(d, { shape: "block" })
+						children: /* @__PURE__ */ A(f, { shape: "block" })
 					}), /* @__PURE__ */ j("div", {
 						"data-part": "body",
 						"data-part-body": "",
-						children: [/* @__PURE__ */ A(f, { lines: 2 }), /* @__PURE__ */ A(f, { lines: 1 })]
+						children: [/* @__PURE__ */ A(p, { lines: 2 }), /* @__PURE__ */ A(p, { lines: 1 })]
 					})]
-				}, t)) : Q.map((e) => /* @__PURE__ */ A(Ge, {
+				}, t)) : Q.map((e) => /* @__PURE__ */ A(Ke, {
 					context: pt,
 					job: e
 				}, e.key))
 			}),
-			!$ && H === "button" && b && !_t ? /* @__PURE__ */ A("button", {
+			!$ && He === "button" && ne && !_t ? /* @__PURE__ */ A("button", {
 				"aria-disabled": C ? !0 : void 0,
 				"data-part": "more",
 				"data-part-more": "",
 				...C ? { "data-loading": "" } : {},
 				onClick: (e) => {
-					C || le?.(I(L(e), e));
+					C || le?.(R(z(e), e));
 				},
 				type: "button",
-				children: W(C ? "loading" : "loadMore")
+				children: G(C ? "loading" : "loadMore")
 			}) : null,
-			R(y) ? /* @__PURE__ */ A("div", {
+			B(d) ? /* @__PURE__ */ A("div", {
 				"data-part": "footer",
 				"data-part-footer": "",
-				children: y
+				children: d
 			}) : null
 		] }),
-		className: o,
-		"data-growing": H,
+		className: a,
+		"data-growing": He,
 		"data-level": U,
 		...C ? { "data-loading": "" } : {},
 		"data-part": "root",
-		"data-size": Ke,
+		"data-size": Ge,
 		...$ ? { "data-status": "error" } : {},
 		"data-time-format": qe,
 		"data-ui": "import-export-center",
-		"data-view": K,
+		"data-view": q,
 		style: Ae
 	});
 	return Ee === void 0 ? /* @__PURE__ */ A("section", {
 		...bt,
-		ref: Xe
+		ref: Ye
 	}) : Ee({
 		...bt,
-		ref: Xe
+		ref: Ye
 	});
 }
 //#endregion
 //#region src/import-export-center/use-job-toasts.tsx
-function qe(e, { messages: t, onView: n, toaster: i } = {}) {
-	let o = T(), s = i ?? o, c = O(null), l = r(he, t), u = O({
-		onView: n,
+function W(e, { messages: n, onView: r, toaster: i } = {}) {
+	let a = ie(), s = i ?? a, c = O(null), l = t(ge, n), u = O({
+		onView: r,
 		t: l,
 		target: s
 	});
 	u.current = {
-		onView: n,
+		onView: r,
 		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 = De(t.get(o.key), o, r);
+		for (let a of e) {
+			let e = Oe(t.get(a.key), a, r);
 			e !== null && i.show({
-				actions: n === void 0 ? void 0 : /* @__PURE__ */ A(a, {
+				actions: n === void 0 ? void 0 : /* @__PURE__ */ A(o, {
 					onClick: () => {
 						i.dismiss(e.id, "pointer"), n(e.key);
 					},
@@ -862,4 +864,4 @@ function qe(e, { messages: t, onView: n, toaster: i } = {}) {
 	}, [e]);
 }
 //#endregion
-export { Fe as i, Ke as n, Ie as r, qe as t };
+export { Fe as i, qe as n, Ie as r, W as t };