@slotted/react 0.0.0-stage → 0.1.0-beta.1

package/dist/tour.js

@@ -0,0 +1,2 @@
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./tour-C11DmYTC.js";
+export { o as TOUR_FALLBACK, h as Tour, p as TourBody, s as TourClose, t as TourContent, a as TourDefaultsProvider, d as TourDescription, m as TourFooter, n as TourHeader, c as TourMedia, g as TourNext, r as TourPrev, i as TourProgress, f as TourSkip, l as TourTitle, u as useTour, e as useTourDefaults };

package/dist/transfer-JA9TWjAw.js

@@ -0,0 +1,596 @@
+import { n as e, t } from "./icon-T9Yt4tnm.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { n as r } from "./icon-button-TnvMhK4o.js";
+import { b as i, f as a, m as o } from "./field-BJh5HI7w.js";
+import { t as s } from "./checkbox-CwUOc-3u.js";
+import { t as c } from "./text-field-BktZbmzD.js";
+import { a as l, t as u } from "./segmented-control-Cy_5D3Nj.js";
+import { n as d, o as ee, s as te, t as ne } from "./listbox-4WvqR0JF.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 };

package/dist/transfer.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "./transfer-JA9TWjAw.js";
+export { n as Transfer, e as TransferDefaultsProvider, t as useTransferDefaults };