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

package/dist/tour.js

@@ -1,2 +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-BTdt716T.js";
+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-BgFSHHxG.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-kbdtwSnx.js

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

package/dist/transfer.js

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