@slotted/react 0.1.0-beta.8 → 0.1.0-beta.9

package/dist/{import-export-center-Bg1Iavoa.js → import-export-center-BZkY9DNX.js}

@@ -1,34 +1,35 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { n as e, t } from "./icon-DMdotKfc.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-CgjIROUy.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-HWmvOKM4.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-BTSOjlTn.js";
-import { v as T } from "./toast-BTN_F9No.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";
+import { n as i } from "./progress-indicator-BhljwFx8.js";
+import { n as a } from "./icon-button-VOA-RY_1.js";
+import { n as o } from "./button-DE4tnH90.js";
+import { a as s, i as c, n as l, r as u } from "./tooltip-Bhr8L7US.js";
+import { i as d, t as f } from "./skeleton-DhMVeVtn.js";
+import { i as p, n as m, o as h, r as g, t as _ } from "./result-state-_QpLl0_K.js";
+import { a as ee, r as te, t as v } from "./tabs-cSln63RJ.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-B_h8MWmn.js";
+import { v as T } from "./toast-BFK2kxCh.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 { 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";
 //#region src/import-export-center/import-export-center-defaults.tsx
-var P = ae({
+var P = se({
 	growing: "none",
 	level: "2",
 	size: "md",
 	timeFormat: "relative"
 });
-function Me() {
-	return oe(P);
+function Fe() {
+	return le(P);
 }
-function Ne({ children: e, ...t }) {
-	let n = Me();
+function Ie({ children: e, ...t }) {
+	let n = Fe();
 	return /* @__PURE__ */ A(P.Provider, {
 		value: {
 			growing: t.growing ?? n.growing,
@@ -42,7 +43,7 @@ function Ne({ children: e, ...t }) {
 }
 //#endregion
 //#region src/import-export-center/import-export-center.tsx
-var F = {
+var Le = {
 	pdf: "file-text",
 	document: "file-type",
 	spreadsheet: "file-spreadsheet",
@@ -52,14 +53,14 @@ var F = {
 	audio: "file-audio",
 	archive: "file-archive",
 	other: "file"
-}, Pe = [
+}, Re = [
 	"job-title",
 	"download",
 	"retry",
 	"cancel",
 	"toggle",
 	"remove"
-], Fe = 3, Ie = 12, Le = {
+], ze = 3, Be = 12, F = {
 	day: "numeric",
 	month: "short",
 	hour: "2-digit",
@@ -84,37 +85,40 @@ function L(e) {
 function R(e) {
 	return e != null && e !== !1;
 }
-function Re(e) {
+function Ve(e) {
 	return e.replace(/[^\w-]/g, (e) => `-${e.charCodeAt(0).toString(16)}-`);
 }
-function ze(e, t) {
+function He(e, t) {
 	return e.length === t.length && e.every((e, n) => e === t[n]);
 }
-function Be(e) {
+function z(e) {
 	let t = e.result ?? e.source;
-	return t === void 0 ? e.format === void 0 ? "other" : M({
+	return t === void 0 ? e.format === void 0 ? "other" : ge({
 		name: `job.${e.format.toLowerCase()}`,
 		type: ""
-	}) : M({
+	}) : ge({
 		name: t.name,
 		type: t.type ?? ""
 	});
 }
-function z({ name: e }) {
-	let { stem: t, extension: n } = me(e);
+function B({ name: e }) {
+	let { stem: t, extension: n } = ve(e);
 	return /* @__PURE__ */ j("span", {
 		"data-part": "file-name",
+		"data-part-file-name": "",
 		dir: "auto",
 		children: [/* @__PURE__ */ A("span", {
 			"data-part": "name",
+			"data-part-name": "",
 			children: t
 		}), n === "" ? null : /* @__PURE__ */ A("span", {
 			"data-part": "extension",
+			"data-part-extension": "",
 			children: n
 		})]
 	});
 }
-function B({ label: n, describedBy: r, onPress: i }) {
+function V({ label: n, describedBy: r, onPress: i }) {
 	return /* @__PURE__ */ j(s, {
 		openOn: "hover",
 		side: "bottom",
@@ -122,12 +126,13 @@ function B({ label: n, describedBy: r, onPress: i }) {
 			"aria-describedby": r,
 			"aria-label": n,
 			"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 }) })]
 	});
 }
-function V({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy: c, describedBy: l, variant: u }) {
+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 = I(L(t), t);
 		e.onDownload?.({
@@ -141,6 +146,7 @@ function V({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy:
 	};
 	return /* @__PURE__ */ A("span", {
 		"data-part": "download",
+		"data-part-download": "",
 		children: t.href === void 0 ? /* @__PURE__ */ A(a, {
 			...f,
 			onClick: d,
@@ -160,23 +166,23 @@ function V({ context: e, file: t, job: n, role: r, label: i, id: s, labelledBy:
 		})
 	});
 }
-function H(e, t) {
-	return N(e, {
-		absolute: Le,
+function U(e, t) {
+	return Pe(e, {
+		absolute: F,
 		format: "absolute",
 		locale: t.locale,
 		timeZone: t.timeZone
 	}).text;
 }
-function Ve(e, t) {
+function Ue(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;
+	}, 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;
 }
-function He({ context: e, job: t }) {
+function We({ 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
@@ -195,11 +201,13 @@ function He({ context: e, job: t }) {
 	return /* @__PURE__ */ j("div", {
 		"aria-labelledby": i.toggle,
 		"data-part": "details",
+		"data-part-details": "",
 		id: i.details,
 		role: "region",
 		children: [
 			c.length > 0 ? /* @__PURE__ */ A("dl", {
 				"data-part": "counts",
+				"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) })]
@@ -207,20 +215,23 @@ function He({ context: e, job: t }) {
 			}) : null,
 			l.length > 0 ? /* @__PURE__ */ A("ul", {
 				"data-part": "files",
+				"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";
+					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";
 					return /* @__PURE__ */ j("li", {
 						"data-part": "file",
+						"data-part-file": "",
 						"data-availability": s,
 						children: [/* @__PURE__ */ j("span", {
 							"data-part": "meta",
+							"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) }),
+								/* @__PURE__ */ A("span", { children: /* @__PURE__ */ A(B, { name: a.name }) }),
+								a.size === void 0 ? null : /* @__PURE__ */ A("span", { children: _e(a.size, r) }),
 								c === void 0 ? null : /* @__PURE__ */ A("span", { children: c })
 							]
-						}), l ? /* @__PURE__ */ A(V, {
+						}), l ? /* @__PURE__ */ A(H, {
 							context: e,
 							file: a,
 							job: t,
@@ -233,6 +244,7 @@ function He({ context: e, job: t }) {
 			}) : null,
 			u.length > 0 ? /* @__PURE__ */ j("div", {
 				"data-part": "errors",
+				"data-part-errors": "",
 				children: [/* @__PURE__ */ A(y, {
 					columns: 4,
 					variant: "framed",
@@ -259,6 +271,7 @@ function He({ context: e, job: t }) {
 					] })
 				}), d > u.length ? /* @__PURE__ */ A("p", {
 					"data-part": "errors-note",
+					"data-part-errors-note": "",
 					children: /* @__PURE__ */ A("span", { children: n("sample", {
 						shown: u.length,
 						total: d
@@ -268,30 +281,30 @@ function He({ context: e, job: t }) {
 		]
 	});
 }
-function Ue({ context: n, job: r }) {
+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 = 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, {
+	}, 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" ? De(r, {
+	}), _ = r.status === "running" ? ke(r, {
 		locale: s,
 		t: o,
 		remaining: n.remaining.get(r.key)
-	}) : [], ee = ke(r, {
+	}) : [], ee = je(r, {
 		locale: s,
 		t: o
-	}), te = Ve(r, n), v = n.renderJobActions?.(r), y = (e) => `${c.control(e)} ${c.title}`, ne = (e) => {
+	}), 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) => {
 		switch (i) {
 			case "download": {
 				let e = d.download ?? "result", t = e === "errors" ? r.errorsFile : r.result;
-				return t === void 0 ? null : /* @__PURE__ */ A(V, {
+				return t === void 0 ? null : /* @__PURE__ */ A(H, {
 					context: n,
 					describedBy: c.status,
 					file: t,
@@ -304,21 +317,23 @@ function Ue({ context: n, job: r }) {
 				}, i);
 			}
 			case "cancel":
-			case "retry": return /* @__PURE__ */ A("span", {
+			case "retry": return /* @__PURE__ */ ce("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);
+				...ae("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)),
+				size: "sm",
+				tone: "secondary",
+				variant: "outline",
+				children: i === "cancel" ? o("cancel") : d.retry === "regenerate" ? o("regenerate") : o("retry")
+			}));
 			case "toggle": return /* @__PURE__ */ A("span", {
 				"data-part": "toggle",
+				"data-part-toggle": "",
 				...f ? { "data-expanded": "" } : {},
 				children: /* @__PURE__ */ A(a, {
 					"aria-controls": c.details,
@@ -326,6 +341,7 @@ function Ue({ context: n, job: r }) {
 					"aria-labelledby": `${c.toggle} ${c.title}`,
 					end: /* @__PURE__ */ A("span", {
 						"data-part": "chevron",
+						"data-part-chevron": "",
 						children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: "chevron-down" }) })
 					}),
 					id: c.toggle,
@@ -336,7 +352,7 @@ function Ue({ context: n, job: r }) {
 					children: o("details")
 				})
 			}, i);
-			case "remove": return /* @__PURE__ */ A(B, {
+			case "remove": return /* @__PURE__ */ A(V, {
 				describedBy: c.title,
 				label: o("remove"),
 				onPress: (e) => n.onRemove?.({ keys: [r.key] }, I(L(e), e))
@@ -348,6 +364,7 @@ function Ue({ context: n, job: r }) {
 		"data-direction": r.direction,
 		"data-key": r.key,
 		"data-part": "job",
+		"data-part-job": "",
 		"data-status": r.status,
 		...u === null ? {} : { "data-outcome": u },
 		...d.expired ? { "data-expired": "" } : {},
@@ -355,36 +372,43 @@ function Ue({ context: n, job: r }) {
 		children: [
 			/* @__PURE__ */ A("span", {
 				"aria-hidden": "true",
-				"data-kind": Be(r),
+				"data-kind": z(r),
 				"data-part": "visual",
-				children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: F[Be(r)] }) })
+				"data-part-visual": "",
+				children: /* @__PURE__ */ A(t, { children: /* @__PURE__ */ A(e, { name: Le[z(r)] }) })
 			}),
 			/* @__PURE__ */ j("div", {
 				"data-part": "body",
+				"data-part-body": "",
 				children: [
 					/* @__PURE__ */ j("div", {
 						"data-part": "heading",
+						"data-part-heading": "",
 						children: [r.href === void 0 ? /* @__PURE__ */ A("span", {
 							"data-part": "job-title",
+							"data-part-job-title": "",
 							id: c.title,
 							tabIndex: -1,
 							children: r.title
 						}) : /* @__PURE__ */ A("a", {
 							"data-part": "job-title",
+							"data-part-job-title": "",
 							href: r.href,
 							id: c.title,
 							onClick: ne,
 							children: r.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(z, { name: m.name }) }),
-								m?.size === void 0 ? null : /* @__PURE__ */ A("span", { children: pe(m.size, s) }),
+								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", {
 									"data-part": "time",
+									"data-part-time": "",
 									dateTime: g.dateTime,
 									...g.title === null ? {} : { title: g.title },
 									children: g.text
@@ -394,15 +418,22 @@ function Ue({ context: n, job: r }) {
 					}),
 					/* @__PURE__ */ j("div", {
 						"data-part": "status",
+						"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 }) })
+							"data-part-mark": "",
+							children: p === "spinner" ? /* @__PURE__ */ A("span", {
+								"data-ui": "spinner",
+								"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-status-label": "",
+							children: [/* @__PURE__ */ A("span", { children: Ae(r, o) }), r.stage === void 0 || r.stage === "" ? null : /* @__PURE__ */ A("span", {
 								"data-part": "stage",
+								"data-part-stage": "",
 								title: r.stage,
 								children: r.stage
 							})]
@@ -410,6 +441,7 @@ function Ue({ context: n, job: r }) {
 					}),
 					r.status === "running" ? /* @__PURE__ */ j("div", {
 						"data-part": "progress",
+						"data-part-progress": "",
 						children: [/* @__PURE__ */ A(i, {
 							"aria-labelledby": c.title,
 							delay: 0,
@@ -421,123 +453,128 @@ function Ue({ context: n, job: r }) {
 							..._.length > 0 ? { valueText: _.join(", ") } : {}
 						}), _.length > 0 ? /* @__PURE__ */ A("span", {
 							"data-part": "progress-text",
+							"data-part-progress-text": "",
 							children: _.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
 						}) : null]
 					}) : null,
 					ee.length > 0 ? /* @__PURE__ */ A("p", {
 						"data-part": "summary",
+						"data-part-summary": "",
 						children: ee.map((e) => /* @__PURE__ */ A("span", { children: e }, e))
 					}) : null,
 					te === null ? null : /* @__PURE__ */ A("p", {
 						"data-part": "message",
+						"data-part-message": "",
 						children: te
 					})
 				]
 			}),
 			x.length > 0 || R(v) || d.controls.includes("remove") ? /* @__PURE__ */ j("div", {
 				"data-part": "controls",
+				"data-part-controls": "",
 				children: [
 					x.map(b),
 					R(v) ? /* @__PURE__ */ A("span", {
 						"data-part": "job-actions",
+						"data-part-job-actions": "",
 						children: v
 					}) : null,
 					d.controls.includes("remove") ? b("remove") : null
 				]
 			}) : null,
-			f && be(r) ? /* @__PURE__ */ A(He, {
+			f && N(r) ? /* @__PURE__ */ A(We, {
 				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 ?? [
+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 ?? [
 		{
-			label: U("all"),
+			label: W("all"),
 			value: "all"
 		},
 		{
-			label: U("imports"),
+			label: W("imports"),
 			value: "import"
 		},
 		{
-			label: U("exports"),
+			label: W("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({
+	], [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: G,
+		currentView: K,
 		expanded: u,
-		onExpandedChange: M,
-		onViewChange: we,
-		view: F
+		onExpandedChange: ce,
+		onViewChange: N,
+		view: P
 	});
-	q.current = {
+	J.current = {
 		currentExpanded: tt,
-		currentView: G,
+		currentView: K,
 		expanded: u,
-		onExpandedChange: M,
-		onViewChange: we,
-		view: F
+		onExpandedChange: ce,
+		onViewChange: N,
+		view: P
 	};
 	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,
+		if (e === J.current.currentView) return;
+		let r = !1, i = oe({
+			controlled: J.current.view,
+			initial: J.current.currentView,
 			onRequest: (e) => {
-				q.current.onViewChange?.(e.value, e), r = e.cancelled;
+				J.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,
+	}, []), 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,
 			onRequest: (e) => {
-				q.current.onExpandedChange?.(e.value, e), r = e.cancelled;
+				J.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]);
+		let r = J.current.currentExpanded;
+		Y(r.includes(e) ? r.filter((t) => t !== e) : [...r, e], t, n);
+	}, [Y]);
 	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);
+		let e = new Set(x.map((e) => e.key)), t = q.filter((t) => e.has(t));
+		t.length !== q.length && et(t);
 	}, [
 		x,
 		u,
-		K
+		q
 	]);
 	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));
+			let n = Me(e.get(t.key), t);
+			n !== null && ye().announce(we(n, t, W));
 		}
 	}, [x]);
-	let Y = O(/* @__PURE__ */ new Map()), [at, ot] = k(/* @__PURE__ */ new Map());
+	let X = 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);
+				X.current.delete(n.key);
 				continue;
 			}
-			let r = n.progress?.value, i = n.progress?.max, a = Y.current.get(n.key) ?? [];
+			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 > Ie && a.shift(), Y.current.set(n.key, a)), t.set(n.key, je(n, a, {
+			}), a.length > Be && a.shift(), X.current.set(n.key, a)), t.set(n.key, Ne(n, a, {
 				now: e,
 				timeZone: Je
 			}));
@@ -548,40 +585,40 @@ function We({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 		T,
 		Je
 	]);
-	let X = O(null), st = (e) => {
+	let Z = O(null), st = (e) => {
 		let t = e.target, n = t.closest("[data-part=\"job\"]");
-		if (n === null || !W.current?.contains(n)) {
-			X.current = null;
+		if (n === null || !G.current?.contains(n)) {
+			Z.current = null;
 			return;
 		}
-		let r = [...W.current?.querySelectorAll(":scope > [data-part=\"job\"]") ?? []], i = "job-title";
+		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 && Pe.includes(t)) {
+			if (t !== void 0 && Re.includes(t)) {
 				i = t;
 				break;
 			}
 		}
-		X.current = {
+		Z.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");
+		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);
 	};
-	le(() => {
-		let e = X.current, t = W.current;
+	fe(() => {
+		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: Pe.filter((t) => t !== "job-title" && e.querySelector(`[data-part="${t}"]`) !== null)
-		})), i = ye(e, r);
-		if (X.current = null, "list" in i) {
+			parts: Re.filter((t) => t !== "job-title" && e.querySelector(`[data-part="${t}"]`) !== null)
+		})), i = Se(e, r);
+		if (Z.current = null, "list" in i) {
 			t.focus();
 			return;
 		}
@@ -589,26 +626,26 @@ function We({ 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 = q.current.currentExpanded;
-		t.includes(e) || J([...t, e], "programmatic", void 0), lt.current = e;
+		let t = J.current.currentExpanded;
+		t.includes(e) || Y([...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);
+		n !== void 0 && xe([n], J.current.currentView).length === 0 && nt("all", "programmatic", void 0);
 	}, [
 		x,
-		J,
+		Y,
 		nt
 	]);
-	le(() => {
+	fe(() => {
 		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)}"]`);
+		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 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();
+	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();
 	}, []);
-	ce(Te, () => ({
+	de(Te, () => ({
 		get element() {
 			return Ye;
 		},
@@ -620,7 +657,7 @@ function We({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 		ut
 	]);
 	let ft = E((e) => {
-		let t = `${B}-${Re(e)}`;
+		let t = `${z}-${Ve(e)}`;
 		return {
 			control: (e) => `${t}-${e}`,
 			details: `${t}-details`,
@@ -628,63 +665,70 @@ function We({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 			title: `${t}-title`,
 			toggle: `${t}-toggle`
 		};
-	}, [B]), pt = {
+	}, [z]), pt = {
 		expanded: new Set(tt),
 		ids: ft,
-		locale: Ge,
+		locale: We,
 		now: T,
 		onCancel: ae,
-		onDownload: oe,
-		onOpen: me,
-		onRemove: be,
-		onRetry: Ce,
+		onDownload: se,
+		onOpen: ge,
+		onRemove: ve,
+		onRetry: M,
 		onToggle: rt,
 		remaining: at,
 		renderJobActions: De,
-		t: U,
+		t: W,
 		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: [
+	}, 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: [
 			/* @__PURE__ */ j("div", {
 				"data-part": "header",
+				"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-title": "",
+					id: B,
+					children: [W("title"), ht > 0 ? /* @__PURE__ */ j(me, { children: [" ", /* @__PURE__ */ A("span", {
 						"data-part": "count",
-						children: U("active", { count: ht })
+						"data-part-count": "",
+						children: W("active", { count: ht })
 					})] }) : null]
 				}), gt.length > 0 || R(e) ? /* @__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) => be?.({ keys: gt.map((e) => e.key) }, I("clear", e)),
+							onClick: (e) => ve?.({ keys: gt.map((e) => e.key) }, I("clear", e)),
 							size: "sm",
 							tone: "secondary",
 							variant: "ghost",
-							children: U("clear")
+							children: W("clear")
 						})
 					}) : null, R(e) ? /* @__PURE__ */ A("div", {
 						"data-part": "actions",
+						"data-part-actions": "",
 						children: e
 					}) : null]
 				}) : null]
 			}),
 			Ze.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,
 					track: "none",
-					value: G,
+					value: K,
 					children: /* @__PURE__ */ A(te, {
-						"aria-label": U("views"),
+						"aria-label": W("views"),
 						children: Ze.map((e) => /* @__PURE__ */ A(v, {
-							controls: H,
+							controls: V,
 							value: e.value,
 							children: e.label
 						}, e.value))
@@ -693,88 +737,96 @@ function We({ actions: e, "aria-label": t, "aria-labelledby": i, className: o, d
 			}) : null,
 			$ ? /* @__PURE__ */ A("div", {
 				"data-part": "error",
+				"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, {
+					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)),
 						size: "sm",
 						tone: "secondary",
 						variant: "outline",
-						children: U("reload")
+						children: W("reload")
 					}) })]
 				})
-			}) : _t ? /* @__PURE__ */ A("div", {
+			}) : vt ? /* @__PURE__ */ A("div", {
 				"data-part": "empty",
+				"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") })] })
+					children: /* @__PURE__ */ j(g, { children: [/* @__PURE__ */ A(h, { children: yt }), /* @__PURE__ */ A(p, { children: W("emptyDescription") })] })
 				})
 			}) : /* @__PURE__ */ A("ul", {
 				"aria-busy": C ? !0 : void 0,
-				"aria-labelledby": V,
+				"aria-labelledby": B,
 				"data-part": "list",
-				id: H,
+				"data-part-list": "",
+				id: V,
 				onFocus: st,
-				ref: W,
+				ref: G,
 				tabIndex: -1,
-				children: Q ? Array.from({ length: Fe }, (e, t) => /* @__PURE__ */ j("li", {
+				children: _t ? Array.from({ length: ze }, (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" })
 					}), /* @__PURE__ */ j("div", {
 						"data-part": "body",
+						"data-part-body": "",
 						children: [/* @__PURE__ */ A(f, { lines: 2 }), /* @__PURE__ */ A(f, { lines: 1 })]
 					})]
-				}, t)) : Z.map((e) => /* @__PURE__ */ A(Ue, {
+				}, t)) : Q.map((e) => /* @__PURE__ */ A(Ge, {
 					context: pt,
 					job: e
 				}, e.key))
 			}),
-			!$ && Ve === "button" && b && !Q ? /* @__PURE__ */ A("button", {
+			!$ && H === "button" && b && !_t ? /* @__PURE__ */ A("button", {
 				"aria-disabled": C ? !0 : void 0,
 				"data-part": "more",
+				"data-part-more": "",
 				...C ? { "data-loading": "" } : {},
 				onClick: (e) => {
-					C || pe?.(I(L(e), e));
+					C || le?.(I(L(e), e));
 				},
 				type: "button",
-				children: U(C ? "loading" : "loadMore")
+				children: W(C ? "loading" : "loadMore")
 			}) : null,
 			R(y) ? /* @__PURE__ */ A("div", {
 				"data-part": "footer",
+				"data-part-footer": "",
 				children: y
 			}) : null
 		] }),
 		className: o,
-		"data-growing": Ve,
-		"data-level": He,
+		"data-growing": H,
+		"data-level": U,
 		...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
-	};
+		"data-view": K,
+		style: Ae
+	});
 	return Ee === void 0 ? /* @__PURE__ */ A("section", {
-		...yt,
+		...bt,
 		ref: Xe
 	}) : Ee({
-		...yt,
+		...bt,
 		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({
+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,
 		t: l,
 		target: s
@@ -788,7 +840,7 @@ function Ge(e, { messages: t, onView: n, toaster: i } = {}) {
 		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);
+			let e = De(t.get(o.key), o, r);
 			e !== null && i.show({
 				actions: n === void 0 ? void 0 : /* @__PURE__ */ A(a, {
 					onClick: () => {
@@ -810,4 +862,4 @@ function Ge(e, { messages: t, onView: n, toaster: i } = {}) {
 	}, [e]);
 }
 //#endregion
-export { Me as i, We as n, Ne as r, Ge as t };
+export { Fe as i, Ke as n, Ie as r, qe as t };