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

package/dist/{transfer-DxGDWIEt.js → transfer-BVhBdIGp.js}

@@ -1,11 +1,11 @@
-import { n as e, t } from "./icon-DjqSEQ-o.js";
-import { r as n } from "./i18n-DpW8lqJ1.js";
-import { n as r } from "./icon-button-CRB218_z.js";
-import { b as i, f as a, m as o } from "./field-CzSGs7wo.js";
-import { t as s } from "./checkbox-CMY2KIih.js";
-import { t as c } from "./text-field-DL_uhNXV.js";
-import { a as l, t as u } from "./segmented-control-5DTOKO3g.js";
-import { n as d, o as ee, s as te, t as ne } from "./listbox-VFcfZT70.js";
+import { r as e } from "./i18n-D7xXDd8-.js";
+import { n as t, t as n } from "./icon-DjqSEQ-o.js";
+import { n as r } from "./icon-button-DbSZKGT4.js";
+import { b as i, f as a, m as o } from "./field-tnEZiRLg.js";
+import { t as s } from "./checkbox-C_8GVtjD.js";
+import { t as c } from "./text-field-Cguj75tn.js";
+import { a as l, t as u } from "./segmented-control-uPnQYklX.js";
+import { n as d, o as ee, s as te, t as ne } from "./listbox-BSqx_ARf.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";
@@ -91,7 +91,7 @@ var Ee = (e) => e.key, De = (e) => e.label, Oe = (e) => e.description, ke = (e)
 	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;
+	let D = be(), O = i(), vt = a(), k = e(de, ft), yt = e(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,
@@ -348,14 +348,14 @@ function Me({ items: p, getKey: m = Ee, getLabel: h = De, getDescription: S = Oe
 	}, [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" }) });
+	}, [gt]), dn = Ae[A], fn = new Set(J.items), Q = (e) => k(e === "target" ? "target" : "source"), $ = (e, i, a, o, s, c) => {
+		let l = /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { name: e.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) }),
+			render: (t) => /* @__PURE__ */ y("button", { ...re(t, "part", e) }),
 			size: dn,
 			tone: "secondary",
 			variant: "outline",
@@ -367,8 +367,8 @@ function Me({ items: p, getKey: m = Ee, getLabel: h = De, getDescription: S = Oe
 		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", {
+	}), mn = pn("target"), hn = (e) => {
+		let r = I[e], i = R[e], a = L[e].trim() !== "", o = Wt(e), 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", {
@@ -377,15 +377,15 @@ function Me({ items: p, getKey: m = Ee, getLabel: h = De, getDescription: S = Oe
 		}) : k("count", { total: r.length }), re = i.map((e) => ({
 			key: e,
 			item: zt.get(e)
-		})), p = n === "source" ? Pt : It, m = pt?.(n);
+		})), p = e === "source" ? Pt : It, m = pt?.(e);
 		return /* @__PURE__ */ b("div", {
-			"aria-labelledby": kt(n),
+			"aria-labelledby": kt(e),
 			"data-part": "pane",
 			"data-part-pane": "",
-			"data-side": n,
+			"data-side": e,
 			role: "group",
-			...Lt === n ? { "data-current": "" } : {},
-			...J.over === n && (J.from !== n || n === "target") ? { "data-drop-target": "" } : {},
+			...Lt === e ? { "data-current": "" } : {},
+			...J.over === e && (J.from !== e || e === "target") ? { "data-drop-target": "" } : {},
 			children: [
 				/* @__PURE__ */ b("div", {
 					"data-part": "pane-header",
@@ -395,19 +395,19 @@ function Me({ items: p, getKey: m = Ee, getLabel: h = De, getDescription: S = Oe
 							"data-part": "select-all",
 							"data-part-select-all": "",
 							children: /* @__PURE__ */ y(s, {
-								"aria-label": k("selectAll", { pane: Q(n) }),
+								"aria-label": k("selectAll", { pane: Q(e) }),
 								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),
+								onCheckedChange: (t, n) => $t(e, t, n.source),
 								size: A
 							})
 						}) : null,
 						/* @__PURE__ */ y("span", {
 							"data-part": "title",
 							"data-part-title": "",
-							id: kt(n),
-							children: Q(n)
+							id: kt(e),
+							children: Q(e)
 						}),
 						/* @__PURE__ */ y("span", {
 							"data-part": "count",
@@ -420,82 +420,82 @@ function Me({ items: p, getKey: m = Ee, getLabel: h = De, getDescription: S = Oe
 					"data-part": "search",
 					"data-part-search": "",
 					children: /* @__PURE__ */ y(c, {
-						"aria-label": k("search", { pane: Q(n) }),
+						"aria-label": k("search", { pane: Q(e) }),
 						clearable: !0,
 						disabled: M,
 						onValueChange: (e, t) => p(e, t.reason === "clear" ? "clear" : "keyboard", t.source),
-						placeholder: k("search", { pane: Q(n) }),
+						placeholder: k("search", { pane: Q(e) }),
 						size: dn,
 						start: /* @__PURE__ */ y("span", {
 							"data-part": "search-icon",
 							"data-part-search-icon": "",
-							children: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "search" }) })
+							children: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { name: "search" }) })
 						}),
 						type: "search",
-						value: L[n]
+						value: L[e]
 					})
 				}) : 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);
+					onFocusCapture: (t) => {
+						let n = t.target.closest("[data-part=\"option\"]")?.dataset.key;
+						n !== void 0 && W(e, n);
 					},
-					onKeyDownCapture: (e) => en(e, n),
-					ref: (e) => {
-						V.current[n] = e;
+					onKeyDownCapture: (t) => en(t, e),
+					ref: (t) => {
+						V.current[e] = t;
 					},
 					children: [/* @__PURE__ */ y(ne, {
-						activeKey: Gt[n] !== null && i.includes(Gt[n]) ? Gt[n] : null,
-						"aria-labelledby": kt(n),
+						activeKey: Gt[e] !== null && i.includes(Gt[e]) ? Gt[e] : null,
+						"aria-labelledby": kt(e),
 						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")]
+							children: [/* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { 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;
+						handleRef: (t) => {
+							B.current[e] = t;
 						},
 						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": "" } : {}
+						onActiveKeyChange: (t) => W(e, t),
+						onValueChange: (t, n) => Qt(e, t, n.reason, n.source),
+						renderOption: (t) => {
+							let n = {
+								...fn.has(t.key) ? { "data-dragging": "" } : {},
+								...t.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,
+							if (t.item === void 0) return /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ y(ee, { ...n }), /* @__PURE__ */ y(te, { children: t.key })] });
+							let r = S(t.item);
+							return /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ y(ee, { ...n }), Me ? Me(t.item, {
+								side: e,
 								resolved: !0
-							}) : /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ y(te, { children: h(e.item) }), r ? /* @__PURE__ */ y(d, { children: r }) : null] })] });
+							}) : /* @__PURE__ */ b(le, { children: [/* @__PURE__ */ y(te, { children: h(t.item) }), r ? /* @__PURE__ */ y(d, { children: r }) : null] })] });
 						},
 						required: Et,
 						rows: Ct,
 						selectionMode: "multiple",
 						size: A,
-						value: Zt(n),
+						value: Zt(e),
 						variant: "plain",
 						...tt === !0 && nt !== void 0 ? {
 							virtual: !0,
 							itemSize: nt
 						} : {},
 						...rt === void 0 ? {} : { overscan: rt },
-						...n === "source" ? {
+						...e === "source" ? {
 							loading: ct === !0,
 							hasMore: lt === !0,
 							...ut === void 0 ? {} : { onLoadMore: ut },
 							loaderContent: k("loading")
 						} : {}
-					}), n === "target" && ln && an !== null ? /* @__PURE__ */ y("div", {
+					}), e === "target" && ln && an !== null ? /* @__PURE__ */ y("div", {
 						"aria-hidden": "true",
 						"data-part": "drop-indicator",
 						"data-part-drop-indicator": "",
@@ -574,18 +574,18 @@ function Me({ items: p, getKey: m = Ee, getLabel: h = De, getDescription: S = Oe
 									"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",
+									children: ["move-up", "move-down"].map((e) => /* @__PURE__ */ y(r, {
+										"aria-keyshortcuts": e === "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) }),
+										onClick: (t) => Xt(e === "move-up" ? -1 : 1, Ce(t), t, !1),
+										render: (t) => /* @__PURE__ */ y("button", { ...re(t, "part", e) }),
 										size: dn,
-										start: /* @__PURE__ */ y(t, { children: /* @__PURE__ */ y(e, { name: "chevron-down" }) }),
+										start: /* @__PURE__ */ y(n, { children: /* @__PURE__ */ y(t, { name: "chevron-down" }) }),
 										tone: "secondary",
 										variant: "ghost",
-										children: k(n === "move-up" ? "moveUp" : "moveDown")
-									}, n))
+										children: k(e === "move-up" ? "moveUp" : "moveDown")
+									}, e))
 								}) : null
 							]
 						}),

package/dist/transfer.js

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