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

package/dist/transfer--UOQVeKE.js

@@ -1,596 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { n as r } from "./icon-button-CCWkCDMs.js";
-import { b as i, f as a, m as o } from "./field-BxQFpOXS.js";
-import { t as s } from "./checkbox-B4Sb1eXj.js";
-import { t as c } from "./text-field-CbQ6UCAP.js";
-import { a as l, t as u } from "./segmented-control-C-PzkTtg.js";
-import { n as d, o as ee, s as te, t as ne } from "./listbox-D0MJcAMm.js";
-import { createControllable as f } from "@slotted/core/state";
-import { createContext as p, useCallback as re, useContext as m, useEffect as h, useId as ie, useImperativeHandle as ae, useLayoutEffect as oe, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as se, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { dragMessages as ce, transferMessages as le } from "@slotted/core/i18n";
-import { getLiveAnnouncer as ue } from "@slotted/core/live-announcer";
-import { createFilter as de } from "@slotted/core/collection";
-import { createDragController as fe } from "@slotted/core/drag";
-import { keysToMove as x, moveKeys as pe, partitionKeys as me, reorderKeys as he, reorderKeysTo as ge, toggleVisibleSelection as _e } from "@slotted/core/transfer";
-//#region src/transfer/transfer-defaults.tsx
-var S = p({
-	size: "md",
-	layout: "auto",
-	searchable: !0,
-	selectAll: !0,
-	reorderable: !1,
-	rows: 8
-});
-function ve() {
-	return m(S);
-}
-function C({ children: e, ...t }) {
-	let n = ve();
-	return /* @__PURE__ */ y(S.Provider, {
-		value: {
-			layout: t.layout ?? n.layout,
-			reorderable: t.reorderable ?? n.reorderable,
-			rows: t.rows ?? n.rows,
-			searchable: t.searchable ?? n.searchable,
-			selectAll: t.selectAll ?? n.selectAll,
-			size: t.size ?? n.size
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/transfer/transfer.tsx
-var ye = ["source", "target"], be = [];
-function w(e, t, n, r = Object.is) {
-	let [i, a] = v(t), o = e === void 0 ? i : e, s = _({
-		controlled: e,
-		value: o,
-		onRequest: n,
-		equals: r
-	});
-	return s.current = {
-		controlled: e,
-		value: o,
-		onRequest: n,
-		equals: r
-	}, [o, re((e, t, n, r) => {
-		let { controlled: i, value: o, onRequest: c, equals: l } = s.current;
-		if (l(o, e)) return !1;
-		let u = !0;
-		return f({
-			controlled: i,
-			initial: o,
-			equals: l,
-			onRequest: (e) => {
-				c?.(e.value, Object.assign(e, r ?? {})), u = !e.cancelled;
-			}
-		}).request(e, t, n) && (s.current.value = e, a(e)), u;
-	}, [])];
-}
-var T = (e, t) => e.length === t.length && e.every((e, n) => e === t[n]);
-function xe(e) {
-	return e.detail === 0 ? "keyboard" : "pointer";
-}
-function Se(e) {
-	return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(e) : e.replace(/["\\]/g, "\\$&");
-}
-function Ce(e, t) {
-	typeof e == "function" ? e(t) : e && (e.current = t);
-}
-var we = (e) => e.key, Te = (e) => e.label, Ee = (e) => e.description, De = (e) => e.disabled === !0, Oe = {
-	sm: "sm",
-	md: "sm",
-	lg: "md"
-}, ke = {
-	items: be,
-	over: null,
-	index: null,
-	from: null
-};
-function Ae({ items: f, getKey: p = we, getLabel: m = Te, getDescription: S = Ee, isItemDisabled: C = De, renderItem: Ae, targetKeys: je, defaultTargetKeys: Me, onTargetKeysChange: Ne, selectedKeys: Pe, defaultSelectedKeys: Fe, onSelectedKeysChange: Ie, sourceQuery: Le, defaultSourceQuery: Re, onSourceQueryChange: ze, targetQuery: Be, defaultTargetQuery: Ve, onTargetQueryChange: He, pane: Ue, defaultPane: We, onPaneChange: Ge, filter: Ke, size: qe, layout: Je, searchable: Ye, selectAll: Xe, reorderable: Ze, rows: Qe, virtual: $e, itemSize: et, overscan: tt, disabled: nt, readOnly: rt, required: it, invalid: at, loading: ot, hasMore: st, onLoadMore: ct, name: lt, messages: ut, renderFooter: dt, handleRef: ft, render: pt, ref: mt, style: ht, ...E }) {
-	let D = ve(), O = i(), gt = a(), k = n(le, ut), _t = n(ce), A = qe ?? O?.size ?? D.size, vt = Je ?? D.layout, yt = Ye ?? D.searchable, bt = Xe ?? D.selectAll, j = Ze ?? D.reorderable, xt = Qe ?? D.rows, M = nt ?? O?.disabled ?? gt.disabled ?? !1, St = rt ?? O?.readOnly ?? gt.readOnly ?? !1, Ct = at ?? O?.invalid ?? !1, wt = it ?? O?.required ?? !1, N = M || St, Tt = O?.registerControl;
-	h(() => Tt?.(), [Tt]);
-	let Et = ie(), Dt = (e) => `${Et}-${e}-title`, [P, Ot] = w(je, Me ?? be, Ne, T), [F, kt] = w(Pe, Fe ?? be, Ie, T), [At, jt] = w(Le, Re ?? "", ze), [Mt, Nt] = w(Be, Ve ?? "", He), [Pt, Ft] = w(Ue, We ?? "source", Ge), It = g(() => new Map(f.map((e) => [p(e), e])), [f, p]), Lt = g(() => f.map(p), [f, p]), I = g(() => new Set(f.filter((e) => C(e)).map(p)), [
-		f,
-		C,
-		p
-	]), L = g(() => me(Lt, P, j), [
-		Lt,
-		P,
-		j
-	]), Rt = g(() => de(), []), R = {
-		source: At,
-		target: Mt
-	}, zt = (e) => {
-		let t = R[e].trim(), n = L[e];
-		return t === "" ? n : n.filter((n) => {
-			let r = It.get(n);
-			return r === void 0 ? Rt.contains(n, t) : Ke ? Ke(r, t, e) : Rt.contains(m(r), t) || Rt.contains(S(r) ?? "", t);
-		});
-	}, z = {
-		source: zt("source"),
-		target: zt("target")
-	}, Bt = new Set(F), Vt = (e) => z[e].filter((e) => !I.has(e)), B = (e) => {
-		let t = It.get(e);
-		return t === void 0 ? e : m(t);
-	}, V = _({
-		source: null,
-		target: null
-	}), H = _({
-		source: null,
-		target: null
-	}), U = _(null), W = _(null), [Ht, Ut] = v({
-		source: null,
-		target: null
-	}), G = (e, t) => Ut((n) => n[e] === t ? n : {
-		...n,
-		[e]: t
-	}), Wt = (e) => {
-		let t = H.current[e], n = t?.ownerDocument.activeElement;
-		if (t && n instanceof HTMLElement && t.contains(n)) {
-			let e = n.closest("[data-part=\"option\"]")?.dataset.key;
-			if (e !== void 0) return e;
-		}
-		return V.current[e]?.getActiveKey() ?? null;
-	}, Gt = (e) => {
-		let t = U.current?.ownerDocument;
-		t && e !== "" && ue(t).announce(e);
-	}, K = (e, t, n, r, i) => {
-		if (N || e.length === 0) return;
-		let a = t === "target" ? "source" : "target", o = pe({
-			allKeys: Lt,
-			targetKeys: P,
-			keys: e,
-			to: t,
-			reorderable: j,
-			index: i
-		}), s = new Set(e);
-		if (!Ot(o, n, r, {
-			direction: t,
-			keys: e
-		})) return;
-		kt(F.filter((e) => !s.has(e)), n, r);
-		let c = k(t === "target" ? "target" : "source");
-		Gt(e.length === 1 ? k("movedOne", {
-			item: B(e[0]),
-			pane: c
-		}) : k("moved", {
-			count: e.length,
-			pane: c
-		}));
-		let l = H.current[a];
-		if (!l?.contains(l.ownerDocument.activeElement)) return;
-		let u = z[a], d = u.findIndex((e) => s.has(e)), ee = d === -1 ? [] : u.slice(d), te = d === -1 ? u : u.slice(0, d), ne = (e) => !s.has(e) && !I.has(e), f = ee.find(ne) ?? [...te].reverse().find(ne) ?? null;
-		if (f === null) {
-			W.current = t;
-			return;
-		}
-		G(a, f), W.current = a;
-	}, Kt = (e, t, n, r) => {
-		if (N || e.length === 0 || T(t, L.target) || !Ot(t, n, r, {
-			direction: "reorder",
-			keys: e
-		})) return;
-		Gt(k("reordered", {
-			item: B(e[0]),
-			position: t.indexOf(e[0]) + 1
-		}));
-		let i = H.current.target;
-		if (!i?.contains(i.ownerDocument.activeElement)) return;
-		let a = Wt("target");
-		a !== null && G("target", a), W.current = "target";
-	}, q = j && Mt.trim() === "", qt = (e, t, n, r) => {
-		if (!q) return;
-		let i = x({
-			visible: z.target,
-			selected: F,
-			disabled: I,
-			active: r ? Wt("target") : null
-		});
-		Kt(i, he(L.target, i, e), t, n);
-	}, Jt = (e) => z[e].filter((e) => Bt.has(e)), Yt = (e, t, n, r) => {
-		let i = Array.isArray(t) ? t : t === null ? [] : [t], a = new Set(z[e]), o = [...F.filter((e) => !a.has(e)), ...i];
-		kt(o, n === "pointer" || n === "keyboard" || n === "programmatic" ? n : "select", r);
-	}, Xt = (e, t, n) => {
-		kt(_e(F, z[e], I, t), "select", n);
-	}, Zt = (e, t) => {
-		if (e.defaultPrevented || N) return;
-		let n = t === "source" ? "target" : "source", r = () => x({
-			visible: z[t],
-			selected: F,
-			disabled: I,
-			active: Wt(t)
-		}), i = e.ctrlKey || e.metaKey, a = U.current?.ownerDocument.defaultView?.getComputedStyle(U.current).direction === "rtl", o = a ? "ArrowLeft" : "ArrowRight", s = a ? "ArrowRight" : "ArrowLeft";
-		if (e.key === "Enter" && !i && !e.altKey && !e.shiftKey) e.preventDefault(), K(r(), n, "keyboard", e);
-		else if (t === "target" && (e.key === "Delete" || e.key === "Backspace")) e.preventDefault(), K(r(), "source", "keyboard", e);
-		else if (i && !e.altKey && (e.key === o || e.key === s)) {
-			let n = e.key === o ? "target" : "source";
-			e.preventDefault(), n !== t && K(r(), n, "keyboard", e);
-		} else t === "target" && e.altKey && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), qt(e.key === "ArrowUp" ? -1 : 1, "keyboard", e, !0));
-	};
-	oe(() => {
-		let e = W.current;
-		e !== null && (W.current = null, V.current[e]?.focus());
-	});
-	let Qt = _({ partition: L });
-	Qt.current = { partition: L }, ae(ft, () => ({
-		focus: (e = "source") => V.current[e]?.focus(),
-		scrollToKey: (e) => {
-			let t = Qt.current.partition.target.includes(e) ? "target" : "source";
-			V.current[t]?.scrollToKey(e);
-		},
-		get element() {
-			return U.current;
-		}
-	}), []);
-	let [J, $t] = v(null), [Y, en] = v(ke), [tn, nn] = v(null), rn = _(null), X = _({
-		visible: z,
-		move: K,
-		reorder: Kt,
-		partition: L,
-		frozen: N,
-		canReorder: q,
-		t: k,
-		dragT: _t,
-		labelOf: B
-	});
-	X.current = {
-		visible: z,
-		move: K,
-		reorder: Kt,
-		partition: L,
-		frozen: N,
-		canReorder: q,
-		t: k,
-		dragT: _t,
-		labelOf: B
-	}, h(() => {
-		if (!J) return;
-		let e = J.ownerDocument, t = (e) => J.querySelector(`[data-part="pane"][data-side="${e}"] [data-ui="listbox"]`), n = fe({
-			document: e,
-			preview: !1,
-			restoreFocus: !1,
-			autoScroll: { axis: "y" },
-			t: (e, t) => X.current.dragT(e, t),
-			silent: ["moved", "dropped"],
-			onDrop: ({ items: e, source: t, target: n, reason: r, event: i }) => {
-				let a = X.current, o = t.container, s = n.container, c = r === "keyboard" ? "keyboard" : "pointer", l = a.visible.target, u = a.partition.target, d = () => {
-					if (n.kind !== "between") return u.length;
-					let e = l[n.index];
-					if (e !== void 0) return u.indexOf(e);
-					let t = l[l.length - 1];
-					return t === void 0 ? u.length : u.indexOf(t) + 1;
-				};
-				o === s ? s === "target" && a.reorder(e, ge(u, e, d()), c, i) : a.move(e, s, c, i, s === "target" ? d() : void 0);
-			}
-		}), r = ye.map((e) => n.registerContainer({
-			key: e,
-			items: () => X.current.visible[e],
-			orientation: "vertical",
-			element: () => t(e),
-			itemElement: (n) => t(e)?.querySelector(`[data-part="option"][data-key="${Se(n)}"]`) ?? null,
-			accepts: (e, t) => e.source?.container !== t.container || t.container === "target" && X.current.canReorder,
-			disabled: () => X.current.frozen,
-			label: () => e === "target" ? X.current.t("target") : X.current.t("source"),
-			itemLabel: (e) => X.current.labelOf(e)
-		})), i = !1, a = null, o = (e) => {
-			i && (i = !1, e.preventDefault(), e.stopPropagation());
-		};
-		J.addEventListener("click", o, !0);
-		let s = n.subscribe((e) => {
-			if (e.status !== "dragging") {
-				a === "pointer" && (i = !0, window.setTimeout(() => {
-					i = !1;
-				}, 0)), a = null, en(ke);
-				return;
-			}
-			a = e.reason === "pointer" ? "pointer" : "other";
-			let t = e.target;
-			en({
-				items: e.items,
-				from: e.source?.container ?? null,
-				over: t && e.valid ? t.container : null,
-				index: t && t.kind === "between" && e.valid ? t.index : null
-			});
-		});
-		return rn.current = n, () => {
-			J.removeEventListener("click", o, !0), s();
-			for (let e of r) e();
-			n.destroy(), rn.current = null, Z.current.clear();
-		};
-	}, [J]);
-	let Z = _(/* @__PURE__ */ new Map());
-	h(() => {
-		let e = rn.current;
-		if (!e || !J) return;
-		let t = /* @__PURE__ */ new Set();
-		for (let n of ye) {
-			let r = J.querySelectorAll(`[data-part="pane"][data-side="${n}"] [data-part="option"][data-key]`);
-			for (let i of r) {
-				if (t.add(i), Z.current.has(i)) continue;
-				let r = i.dataset.key, a = e.attachDraggable(i, {
-					container: n,
-					key: r,
-					items: () => {
-						let e = X.current, t = x({
-							visible: e.visible[n],
-							selected: an.current,
-							disabled: on.current,
-							active: null
-						});
-						return t.includes(r) ? t : [r];
-					},
-					disabled: () => X.current.frozen || on.current.has(r),
-					distance: 4
-				});
-				Z.current.set(i, a);
-			}
-		}
-		for (let [e, n] of Z.current) t.has(e) || (n(), Z.current.delete(e));
-	});
-	let an = _(F);
-	an.current = F;
-	let on = _(I);
-	on.current = I;
-	let sn = Y.over === "target" && Y.index !== null && j;
-	oe(() => {
-		if (!sn || Y.index === null) {
-			nn(null);
-			return;
-		}
-		let e = H.current.target, t = e?.querySelector("[data-ui=\"listbox\"]");
-		if (!e || !t) return;
-		let n = t.querySelectorAll("[data-part=\"option\"]"), r = e.getBoundingClientRect().top, i = n[Y.index], a = n[n.length - 1], o = i ? i.getBoundingClientRect().top : a ? a.getBoundingClientRect().bottom : t.getBoundingClientRect().top;
-		nn(Math.round(o - r));
-	}, [sn, Y.index]);
-	let cn = re((e) => {
-		U.current = e, $t(e), Ce(mt, e);
-	}, [mt]), ln = Oe[A], un = new Set(Y.items), Q = (e) => k(e === "target" ? "target" : "source"), $ = (n, i, a, o, s, c) => {
-		let l = /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: n.startsWith("move-all") ? "chevrons-right" : "chevron-right" }) });
-		return /* @__PURE__ */ y(r, {
-			...c === void 0 ? {} : { "aria-keyshortcuts": c },
-			disabled: N || o.length === 0,
-			focusableWhenDisabled: !M,
-			onClick: (e) => K(o, a, xe(e), e),
-			render: (e) => /* @__PURE__ */ y("button", {
-				...e,
-				"data-part": n
-			}),
-			size: ln,
-			tone: "secondary",
-			variant: "outline",
-			...s === "start" ? { start: l } : { end: l },
-			children: i
-		});
-	}, dn = (e) => x({
-		visible: z[e],
-		selected: F,
-		disabled: I,
-		active: null
-	}), fn = dn("target"), pn = (n) => {
-		let r = L[n], i = z[n], a = R[n].trim() !== "", o = Vt(n), l = r.filter((e) => Bt.has(e)).length, u = o.filter((e) => Bt.has(e)).length, f = a ? k("countFiltered", {
-			shown: i.length,
-			total: r.length
-		}) : l > 0 ? k("countSelected", {
-			selected: l,
-			total: r.length
-		}) : k("count", { total: r.length }), p = i.map((e) => ({
-			key: e,
-			item: It.get(e)
-		})), re = n === "source" ? jt : Nt, h = dt?.(n);
-		return /* @__PURE__ */ b("div", {
-			"aria-labelledby": Dt(n),
-			"data-part": "pane",
-			"data-side": n,
-			role: "group",
-			...Pt === n ? { "data-current": "" } : {},
-			...Y.over === n && (Y.from !== n || n === "target") ? { "data-drop-target": "" } : {},
-			children: [
-				/* @__PURE__ */ b("div", {
-					"data-part": "pane-header",
-					children: [
-						bt ? /* @__PURE__ */ y("span", {
-							"data-part": "select-all",
-							children: /* @__PURE__ */ y(s, {
-								"aria-label": k("selectAll", { pane: Q(n) }),
-								checked: o.length > 0 && u === o.length,
-								disabled: M || o.length === 0,
-								indeterminate: u > 0 && u < o.length,
-								onCheckedChange: (e, t) => Xt(n, e, t.source),
-								size: A
-							})
-						}) : null,
-						/* @__PURE__ */ y("span", {
-							"data-part": "title",
-							id: Dt(n),
-							children: Q(n)
-						}),
-						/* @__PURE__ */ y("span", {
-							"data-part": "count",
-							children: f
-						})
-					]
-				}),
-				yt ? /* @__PURE__ */ y("div", {
-					"data-part": "search",
-					children: /* @__PURE__ */ y(c, {
-						"aria-label": k("search", { pane: Q(n) }),
-						clearable: !0,
-						disabled: M,
-						onValueChange: (e, t) => re(e, t.reason === "clear" ? "clear" : "keyboard", t.source),
-						placeholder: k("search", { pane: Q(n) }),
-						size: ln,
-						start: /* @__PURE__ */ y("span", {
-							"data-part": "search-icon",
-							children: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "search" }) })
-						}),
-						type: "search",
-						value: R[n]
-					})
-				}) : null,
-				/* @__PURE__ */ b("div", {
-					"data-part": "list",
-					onFocusCapture: (e) => {
-						let t = e.target.closest("[data-part=\"option\"]")?.dataset.key;
-						t !== void 0 && G(n, t);
-					},
-					onKeyDownCapture: (e) => Zt(e, n),
-					ref: (e) => {
-						H.current[n] = e;
-					},
-					children: [/* @__PURE__ */ y(ne, {
-						activeKey: Ht[n] !== null && i.includes(Ht[n]) ? Ht[n] : null,
-						"aria-labelledby": Dt(n),
-						disabled: M,
-						emptyContent: /* @__PURE__ */ b("div", {
-							"data-part": "empty",
-							...a ? { "data-query": "" } : {},
-							children: [/* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: a ? "search-x" : "inbox" }) }), k(a ? "noResults" : "empty")]
-						}),
-						getKey: (e) => e.key,
-						getLabel: (e) => e.item === void 0 ? e.key : m(e.item),
-						handleRef: (e) => {
-							V.current[n] = e;
-						},
-						invalid: Ct,
-						isItemDisabled: (e) => e.item !== void 0 && C(e.item),
-						items: p,
-						onActiveKeyChange: (e) => G(n, e),
-						onValueChange: (e, t) => Yt(n, e, t.reason, t.source),
-						renderOption: (e) => {
-							let t = {
-								...un.has(e.key) ? { "data-dragging": "" } : {},
-								...e.item === void 0 ? { "data-unresolved": "" } : {}
-							};
-							if (e.item === void 0) return /* @__PURE__ */ b(se, { children: [/* @__PURE__ */ y(ee, { ...t }), /* @__PURE__ */ y(te, { children: e.key })] });
-							let r = S(e.item);
-							return /* @__PURE__ */ b(se, { children: [/* @__PURE__ */ y(ee, { ...t }), Ae ? Ae(e.item, {
-								side: n,
-								resolved: !0
-							}) : /* @__PURE__ */ b(se, { children: [/* @__PURE__ */ y(te, { children: m(e.item) }), r ? /* @__PURE__ */ y(d, { children: r }) : null] })] });
-						},
-						required: wt,
-						rows: xt,
-						selectionMode: "multiple",
-						size: A,
-						value: Jt(n),
-						variant: "plain",
-						...$e === !0 && et !== void 0 ? {
-							virtual: !0,
-							itemSize: et
-						} : {},
-						...tt === void 0 ? {} : { overscan: tt },
-						...n === "source" ? {
-							loading: ot === !0,
-							hasMore: st === !0,
-							...ct === void 0 ? {} : { onLoadMore: ct },
-							loaderContent: k("loading")
-						} : {}
-					}), n === "target" && sn && tn !== null ? /* @__PURE__ */ y("div", {
-						"aria-hidden": "true",
-						"data-part": "drop-indicator",
-						style: { "--_drop-offset": `${tn}px` }
-					}) : null]
-				}),
-				h == null ? null : /* @__PURE__ */ y("div", {
-					"data-part": "pane-footer",
-					children: h
-				})
-			]
-		});
-	}, mn = {
-		...E,
-		...E["aria-label"] === void 0 && E["aria-labelledby"] === void 0 && O !== void 0 ? { "aria-labelledby": O.ids.label } : {},
-		...O?.describedBy === void 0 || E["aria-describedby"] !== void 0 ? {} : { "aria-describedby": O.describedBy },
-		...M ? {
-			"aria-disabled": !0,
-			"data-disabled": ""
-		} : {},
-		...Ct ? { "data-invalid": "" } : {},
-		...St ? { "data-readonly": "" } : {},
-		...wt ? { "data-required": "" } : {},
-		...ot === !0 ? { "data-loading": "" } : {},
-		"data-layout": vt,
-		"data-pane": Pt,
-		"data-part": "root",
-		"data-size": A,
-		"data-ui": "transfer",
-		ref: cn,
-		role: "group",
-		style: {
-			...ht,
-			"--slotted-transfer-rows": xt
-		},
-		children: /* @__PURE__ */ b(o.Provider, {
-			value: void 0,
-			children: [
-				/* @__PURE__ */ y("div", {
-					"data-part": "switch",
-					children: /* @__PURE__ */ y(u, {
-						"aria-label": k("panes"),
-						disabled: M,
-						fullWidth: !0,
-						onValueChange: (e, t) => Ft(e, t.reason === "keyboard" ? "keyboard" : "pointer", t.source),
-						size: A,
-						value: Pt,
-						children: ye.map((e) => /* @__PURE__ */ y(l, {
-							value: e,
-							children: k("paneCount", {
-								pane: Q(e),
-								total: L[e].length
-							})
-						}, e))
-					})
-				}),
-				/* @__PURE__ */ b("div", {
-					"data-part": "body",
-					children: [
-						pn("source"),
-						/* @__PURE__ */ b("div", {
-							"aria-label": k("actions"),
-							"data-part": "actions",
-							role: "group",
-							children: [
-								$("move-to-target", k("moveToTarget"), "target", dn("source"), "end", "Enter"),
-								$("move-all-to-target", k("moveAllToTarget"), "target", Vt("source"), "end"),
-								$("move-to-source", k("moveToSource"), "source", dn("target"), "start", "Delete"),
-								$("move-all-to-source", k("moveAllToSource"), "source", Vt("target"), "start"),
-								j ? /* @__PURE__ */ y("div", {
-									"aria-label": k("reorder"),
-									"data-part": "reorder",
-									role: "group",
-									children: ["move-up", "move-down"].map((n) => /* @__PURE__ */ y(r, {
-										"aria-keyshortcuts": n === "move-up" ? "Alt+ArrowUp" : "Alt+ArrowDown",
-										disabled: N || !q || fn.length === 0,
-										focusableWhenDisabled: !M,
-										onClick: (e) => qt(n === "move-up" ? -1 : 1, xe(e), e, !1),
-										render: (e) => /* @__PURE__ */ y("button", {
-											...e,
-											"data-part": n
-										}),
-										size: ln,
-										start: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "chevron-down" }) }),
-										tone: "secondary",
-										variant: "ghost",
-										children: k(n === "move-up" ? "moveUp" : "moveDown")
-									}, n))
-								}) : null
-							]
-						}),
-						pn("target")
-					]
-				}),
-				lt === void 0 ? null : L.target.map((e) => /* @__PURE__ */ y("input", {
-					name: lt,
-					type: "hidden",
-					value: e
-				}, e))
-			]
-		})
-	};
-	return pt === void 0 ? /* @__PURE__ */ y("div", { ...mn }) : pt(mn);
-}
-//#endregion
-export { C as n, ve as r, Ae as t };