@mortenbrudvik/waveui 0.11.0 → 0.12.0

package/dist/components/input/TagPicker.root.mjs

@@ -47,46 +47,46 @@ function Ie(e) {
 	}
 }
 var f = (t) => {
-	let { options: n = Te, children: f, value: Le, defaultValue: Re, onValueChange: ze, onChange: Be, open: Ve, defaultOpen: He, onOpenChange: Ue, placeholder: We = "Select...", filter: Ge, query: Ke, defaultQuery: qe, onQueryChange: Je, disabled: p = !1, size: Ye, appearance: Xe, name: Ze, form: Qe, required: $e, autoComplete: et = "off", autoCapitalize: tt, autoCorrect: nt, maxLength: rt, readOnly: m = !1, allowCreate: h = !1, onOptionCreate: it, clearable: at = !1, expandIcon: ot, overflow: st = "wrap", labels: g, inputMode: ct, spellCheck: lt, enterKeyHint: ut, autoFocus: dt, tabIndex: ft, id: pt, "aria-label": mt, "aria-labelledby": ht, "aria-describedby": gt, "aria-invalid": _t, "aria-required": vt, "aria-errormessage": yt, "aria-details": bt, onFocus: xt, onBlur: St, onKeyDown: Ct, onKeyUp: wt, controlRef: Tt, className: Et, ref: Dt, ...Ot } = t;
+	let { options: n = Te, children: f, value: Le, defaultValue: Re, onValueChange: ze, onChange: Be, open: Ve, defaultOpen: He, onOpenChange: Ue, placeholder: We = "Select...", filter: Ge, query: Ke, defaultQuery: qe, onQueryChange: Je, disabled: p = !1, size: Ye, positioning: Xe, appearance: Ze, name: Qe, form: $e, required: et, autoComplete: tt = "off", autoCapitalize: nt, autoCorrect: rt, maxLength: it, readOnly: m = !1, allowCreate: h = !1, onOptionCreate: at, clearable: ot = !1, expandIcon: st, overflow: ct = "wrap", labels: g, inputMode: lt, spellCheck: ut, enterKeyHint: dt, autoFocus: ft, tabIndex: pt, id: mt, "aria-label": ht, "aria-labelledby": gt, "aria-describedby": _t, "aria-invalid": vt, "aria-required": yt, "aria-errormessage": bt, "aria-details": xt, onFocus: St, onBlur: Ct, onKeyDown: wt, onKeyUp: Tt, controlRef: Et, className: Dt, ref: Ot, ...kt } = t;
 	Be !== void 0 && r("TagPicker", "onChange", "onValueChange");
-	let _ = st === "count" ? "count" : "wrap", kt = ie(), At = ($e ?? kt?.required ?? !1) && !m, { id: jt, "aria-label": v, "aria-labelledby": y, "aria-describedby": Mt, "aria-invalid": b, "aria-required": Nt } = ae({
-		id: pt,
-		"aria-label": mt,
-		"aria-labelledby": ht,
-		"aria-describedby": gt,
-		"aria-invalid": _t,
-		"aria-required": vt ?? $e
-	}), Pt = ue(!1, b), { size: x, appearance: S } = le(Ye, Xe, {
+	let _ = ct === "count" ? "count" : "wrap", At = ie(), jt = (et ?? At?.required ?? !1) && !m, { id: Mt, "aria-label": v, "aria-labelledby": y, "aria-describedby": Nt, "aria-invalid": b, "aria-required": Pt } = ae({
+		id: mt,
+		"aria-label": ht,
+		"aria-labelledby": gt,
+		"aria-describedby": _t,
+		"aria-invalid": vt,
+		"aria-required": yt ?? et
+	}), Ft = ue(!1, b), { size: x, appearance: S } = le(Ye, Ze, {
 		sizes: we,
 		defaultSize: "medium"
-	}), Ft = x === "medium" ? "medium" : "large", It = De[x], Lt = S === "filled-darker" ? "outline" : "filled", [C, w] = o(Le, Re ?? me, (e) => {
+	}), It = x === "medium" ? "medium" : "large", Lt = De[x], Rt = S === "filled-darker" ? "outline" : "filled", [C, w] = o(Le, Re ?? me, (e) => {
 		let t = [...e];
 		ze?.(t), Be?.(t);
-	}), T = l.useMemo(() => new Set(C), [C]), E = !p && !m, [Rt, D] = o(Ve, (He ?? !1) && E, Ue), zt = re(), O = Rt && E && zt, Bt = l.useRef(/* @__PURE__ */ new Map()), [k, Vt] = l.useState("input"), Ht = l.useCallback((e) => {
-		let t = {}, n = Bt.current, r = () => n.values().next().value ?? "input";
-		return n.set(t, e), Vt(r()), () => {
-			n.delete(t), Vt(r());
+	}), T = l.useMemo(() => new Set(C), [C]), E = !p && !m, [zt, D] = o(Ve, (He ?? !1) && E, Ue), Bt = re(), O = zt && E && Bt, Vt = l.useRef(/* @__PURE__ */ new Map()), [k, Ht] = l.useState("input"), Ut = l.useCallback((e) => {
+		let t = {}, n = Vt.current, r = () => n.values().next().value ?? "input";
+		return n.set(t, e), Ht(r()), () => {
+			n.delete(t), Ht(r());
 		};
-	}, []), A = l.useRef(0), Ut = l.useCallback(() => (A.current += 1, () => {
+	}, []), A = l.useRef(0), Wt = l.useCallback(() => (A.current += 1, () => {
 		--A.current;
 	}), []);
 	l.useEffect(() => {
-		let e = Bt.current.size;
+		let e = Vt.current.size;
 		e !== 1 && i("TagPicker:trigger", Ne(e)), A.current > 1 && i("TagPicker.List:placement", Fe);
 	});
-	let j = k === "button", [Wt, M] = o(Ke, E ? qe ?? "" : "", Je), N = E && !j ? Wt : "", [P, Gt] = l.useState(E ? "unlocked" : "mounted-locked");
-	E && P !== "unlocked" ? Gt("unlocked") : !E && P === "unlocked" && Gt("locked"), l.useEffect(() => {
+	let j = k === "button", [Gt, M] = o(Ke, E ? qe ?? "" : "", Je), N = E && !j ? Gt : "", [P, Kt] = l.useState(E ? "unlocked" : "mounted-locked");
+	E && P !== "unlocked" ? Kt("unlocked") : !E && P === "unlocked" && Kt("locked"), l.useEffect(() => {
 		P === "locked" && M("");
 	}, [P, M]);
-	let Kt = !E && Rt;
+	let qt = !E && zt;
 	l.useEffect(() => {
-		Kt && D(!1);
-	}, [Kt, D]), oe();
-	let F = l.useRef(null), I = l.useRef(null), qt = l.useRef(null), L = l.useRef(null), Jt = l.useRef(null), R = te("tagpicker-summary"), z = te("tagpicker-create");
+		qt && D(!1);
+	}, [qt, D]), oe();
+	let F = l.useRef(null), I = l.useRef(null), Jt = l.useRef(null), L = l.useRef(null), Yt = l.useRef(null), R = te("tagpicker-summary"), z = te("tagpicker-create");
 	l.useEffect(() => {
 		h && j && i("TagPicker:allowCreate-button", Pe);
 	}, [h, j]);
-	let Yt = Ie(f), B = Yt?.props.children, V = B != null, H = l.useMemo(() => V ? se(B) : Ee, [V, B]), U = l.useMemo(() => {
+	let Xt = Ie(f), B = Xt?.props.children, V = B != null, H = l.useMemo(() => V ? se(B) : Ee, [V, B]), U = l.useMemo(() => {
 		let e = /* @__PURE__ */ new Map();
 		for (let t of n) e.has(t.value) || e.set(t.value, t);
 		return e;
@@ -98,11 +98,11 @@ var f = (t) => {
 		expand: g?.expand ?? "Show options",
 		overflowCount: g?.overflowCount ?? je,
 		noMatches: g?.noMatches ?? "No matches"
-	}), [g]), Xt = h && E && !j && O && N.trim() !== "", G = Xt && !V ? _e(N, {
+	}), [g]), Zt = h && E && !j && O && N.trim() !== "", G = Zt && !V ? _e(N, {
 		labels: n.map((e) => e.label),
 		values: n.map((e) => e.value),
 		selected: C
-	}) : null, Zt = l.useMemo(() => {
+	}) : null, Qt = l.useMemo(() => {
 		if (V) return;
 		let e = n.filter((e) => !T.has(e.value)).map((e) => ({
 			value: e.value,
@@ -119,7 +119,7 @@ var f = (t) => {
 		G,
 		z,
 		W
-	]), Qt = l.useMemo(() => {
+	]), $t = l.useMemo(() => {
 		if (!V && !N) return;
 		let e = Ge ?? Me;
 		return (t) => t.value === z || !T.has(t.value) && (N === "" || e(t, N));
@@ -129,14 +129,14 @@ var f = (t) => {
 		Ge,
 		T,
 		z
-	]), $t = (e, t) => {
+	]), en = (e, t) => {
 		if (!E || C.includes(e)) return;
 		let n = [...C, e];
 		w(n), M(""), s(g, t, !0, n.length);
-	}, en = () => {
+	}, tn = () => {
 		let e = N.trim();
 		if (!E || e === "") return;
-		it?.(e);
+		at?.(e);
 		let t = [...C, e];
 		w(t), M(""), s(g, e, !0, t.length);
 	}, K = ce({
@@ -146,20 +146,20 @@ var f = (t) => {
 		multiselect: !0,
 		selectedValues: C,
 		onSelect: (e, t) => {
-			e === z ? en() : $t(e, t?.item.label ?? e);
+			e === z ? tn() : en(e, t?.item.label ?? e);
 		},
-		items: Zt,
-		filter: Qt,
+		items: Qt,
+		filter: $t,
 		autoHighlight: j ? "selected" : N ? "first" : !1,
 		idPrefix: "tagpicker-listbox",
 		onClearDraft: N && !j ? () => M("") : void 0
-	}), tn = K.getItem, q = l.useCallback((e) => (V ? tn(e)?.label : void 0) ?? H.get(e) ?? U.get(e)?.label ?? e, [
+	}), nn = K.getItem, q = l.useCallback((e) => (V ? nn(e)?.label : void 0) ?? H.get(e) ?? U.get(e)?.label ?? e, [
 		V,
-		tn,
+		nn,
 		H,
 		U
 	]), J = G;
-	if (Xt && V) {
+	if (Zt && V) {
 		let e = K.items.filter((e) => e.value !== z);
 		J = _e(N, {
 			labels: [
@@ -176,36 +176,37 @@ var f = (t) => {
 			selected: C
 		});
 	}
-	let Y = J !== null, X = O && (K.items.length > 0 || Y), nn = W.noMatches, Z = O && (X || N !== ""), rn = Z && !X && !Y, { layerId: an, setReference: on, surfaceRef: sn, floatingProps: cn } = pe({
+	let Y = J !== null, X = O && (K.items.length > 0 || Y), rn = W.noMatches, Z = O && (X || N !== ""), an = Z && !X && !Y, { layerId: on, setReference: sn, surfaceRef: cn, floatingProps: ln } = pe({
+		positioning: Xe,
 		open: O,
 		surfaceOpen: Z,
 		onDismiss: () => D(!1),
 		rootRef: F,
 		anchorRef: I
-	}), ln = ne(F, Dt);
+	}), un = ne(F, Ot);
 	de(F, () => {
 		let e = Re ?? me;
 		w((t) => he(t, e) ? t : [...e]), M("");
-	}, Qe);
-	let { focusWithin: un, onFocus: dn, onBlur: fn } = ye(_ === "count"), Q = _ === "count" && !un && !O, pn = l.useMemo(() => C.map(q), [C, q]), mn = be({
+	}, $e);
+	let { focusWithin: dn, onFocus: fn, onBlur: pn } = ye(_ === "count"), Q = _ === "count" && !dn && !O, mn = l.useMemo(() => C.map(q), [C, q]), hn = be({
 		active: Q,
 		values: C,
-		labels: pn,
-		control: qt,
+		labels: mn,
+		control: Jt,
 		group: L,
-		chip: Jt,
+		chip: Yt,
 		trigger: I
 	}), $ = a(() => {
 		I.current?.focus();
-	}), hn = a(() => {
+	}), gn = a(() => {
 		E && D(!O);
-	}), gn = a((e) => {
+	}), _n = a((e) => {
 		if (!E || !C.includes(e)) return;
 		let t = C.filter((t) => t !== e);
 		w(t), s(g, q(e), !1, t.length);
-	}), _n = a(() => {
+	}), vn = a(() => {
 		$(), E && (C.length > 0 && w([]), M(""), D(!1));
-	}), vn = a((e) => {
+	}), yn = a((e) => {
 		if (!E) return;
 		M(e), O || D(!0);
 		let t = V ? Array.from(H, ([e, t]) => ({
@@ -213,73 +214,73 @@ var f = (t) => {
 			label: t
 		})) : n;
 		K.setActiveValue(ve(e, t, T));
-	}), yn = a(() => {
+	}), bn = a(() => {
 		let e = L.current, t = e ? Se(e).at(-1) : void 0;
 		return t?.focus(), t !== void 0;
-	}), bn = a((e) => D(e)), xn = l.useCallback((e) => U.get(e), [U]), Sn = l.useMemo(() => ({
-		id: jt,
+	}), xn = a((e) => D(e)), Sn = l.useCallback((e) => U.get(e), [U]), Cn = l.useMemo(() => ({
+		id: Mt,
 		"aria-label": v,
 		"aria-labelledby": y,
-		"aria-describedby": Mt,
+		"aria-describedby": Nt,
 		"aria-invalid": b,
-		"aria-required": Nt,
-		"aria-errormessage": yt,
-		"aria-details": bt,
-		tabIndex: ft,
-		autoFocus: dt
+		"aria-required": Pt,
+		"aria-errormessage": bt,
+		"aria-details": xt,
+		tabIndex: pt,
+		autoFocus: ft
 	}), [
-		jt,
+		Mt,
 		v,
 		y,
-		Mt,
-		b,
 		Nt,
-		yt,
+		b,
+		Pt,
 		bt,
-		ft,
-		dt
-	]), Cn = l.useMemo(() => ({
-		autoComplete: et,
-		autoCapitalize: tt,
-		autoCorrect: nt,
-		maxLength: rt,
-		inputMode: ct,
-		spellCheck: lt,
-		enterKeyHint: ut,
-		onFocus: xt,
-		onBlur: St,
-		onKeyDown: Ct,
-		onKeyUp: wt,
-		controlRef: Tt
+		xt,
+		pt,
+		ft
+	]), wn = l.useMemo(() => ({
+		autoComplete: tt,
+		autoCapitalize: nt,
+		autoCorrect: rt,
+		maxLength: it,
+		inputMode: lt,
+		spellCheck: ut,
+		enterKeyHint: dt,
+		onFocus: St,
+		onBlur: Ct,
+		onKeyDown: wt,
+		onKeyUp: Tt,
+		controlRef: Et
 	}), [
-		et,
 		tt,
 		nt,
 		rt,
-		ct,
+		it,
 		lt,
 		ut,
-		xt,
+		dt,
 		St,
 		Ct,
 		wt,
-		Tt
-	]), wn = v === void 0 ? y ?? kt?.labelId : y, Tn = l.useMemo(() => ({
+		Tt,
+		Et
+	]), Tn = v === void 0 ? y ?? At?.labelId : y, En = l.useMemo(() => ({
 		"aria-label": v,
-		"aria-labelledby": wn
-	}), [v, wn]), En = C.length > 0, Dn = l.useMemo(() => ({
+		"aria-labelledby": Tn
+	}), [v, Tn]), Dn = C.length > 0, On = l.useMemo(() => ({
 		size: x,
 		appearance: S,
-		coreSize: Ft,
-		tagSize: It,
-		tagAppearance: Lt,
+		coreSize: It,
+		tagSize: Lt,
+		tagAppearance: Rt,
 		disabled: p,
 		readOnly: m,
 		interactive: E,
-		invalidLook: Pt,
+		invalidLook: Ft,
 		selected: C,
 		labelOf: q,
-		entryOf: xn,
+		entryOf: Sn,
 		labels: W,
 		placeholder: We,
 		options: n,
@@ -294,46 +295,46 @@ var f = (t) => {
 		createText: J ?? "",
 		createValue: z,
 		emptyContent: N !== "" && !Y,
-		layerId: an,
-		surfaceRef: sn,
-		floatingProps: cn,
-		listLabel: Tn,
-		triggerProps: Sn,
-		inputProps: Cn,
-		summaryId: En ? R : void 0,
+		layerId: on,
+		surfaceRef: cn,
+		floatingProps: ln,
+		listLabel: En,
+		triggerProps: Cn,
+		inputProps: wn,
+		summaryId: Dn ? R : void 0,
 		triggerRef: I,
-		setReference: on,
-		controlRef: qt,
+		setReference: sn,
+		controlRef: Jt,
 		groupRef: L,
-		chipRef: Jt,
-		registerTrigger: Ht,
-		registerList: Ut,
+		chipRef: Yt,
+		registerTrigger: Ut,
+		registerList: Wt,
 		triggerKind: k,
-		setOpen: bn,
-		toggleOpen: hn,
+		setOpen: xn,
+		toggleOpen: gn,
 		focusTrigger: $,
-		removeTag: gn,
-		clear: _n,
-		editText: vn,
-		focusLastTagControl: yn,
-		expandIcon: ot,
-		clearable: at,
+		removeTag: _n,
+		clear: vn,
+		editText: yn,
+		focusLastTagControl: bn,
+		expandIcon: st,
+		clearable: ot,
 		overflow: _,
 		collapsed: Q,
-		hiddenValues: mn
+		hiddenValues: hn
 	}), [
 		x,
 		S,
-		Ft,
 		It,
 		Lt,
+		Rt,
 		p,
 		m,
 		E,
-		Pt,
+		Ft,
 		C,
 		q,
-		xn,
+		Sn,
 		W,
 		We,
 		n,
@@ -347,47 +348,47 @@ var f = (t) => {
 		Y,
 		J,
 		z,
-		an,
-		sn,
+		on,
 		cn,
-		Tn,
-		Sn,
-		Cn,
+		ln,
 		En,
+		Cn,
+		wn,
+		Dn,
 		R,
-		on,
-		Ht,
+		sn,
 		Ut,
+		Wt,
 		k,
-		bn,
-		hn,
-		$,
+		xn,
 		gn,
+		$,
 		_n,
 		vn,
 		yn,
+		bn,
+		st,
 		ot,
-		at,
 		_,
 		Q,
-		mn
-	]), On = f == null ? /* @__PURE__ */ d(Ce, { children: [/* @__PURE__ */ u(xe, {}), /* @__PURE__ */ u(c, {})] }) : /* @__PURE__ */ d(Ce, { children: [f, Yt === void 0 && /* @__PURE__ */ u(c, {})] });
+		hn
+	]), kn = f == null ? /* @__PURE__ */ d(Ce, { children: [/* @__PURE__ */ u(xe, {}), /* @__PURE__ */ u(c, {})] }) : /* @__PURE__ */ d(Ce, { children: [f, Xt === void 0 && /* @__PURE__ */ u(c, {})] });
 	return /* @__PURE__ */ d("div", {
 		"data-size": x,
 		"data-appearance": S,
 		"data-overflow": _,
 		"data-collapsed": Q ? "" : void 0,
-		...Ot,
-		ref: ln,
-		className: e(ee.root, "relative", Et),
-		onFocus: dn,
-		onBlur: fn,
+		...kt,
+		ref: un,
+		className: e(ee.root, "relative", Dt),
+		onFocus: fn,
+		onBlur: pn,
 		children: [
 			/* @__PURE__ */ u(ge.Provider, {
-				value: Dn,
-				children: On
+				value: On,
+				children: kn
 			}),
-			En && /* @__PURE__ */ u("span", {
+			Dn && /* @__PURE__ */ u("span", {
 				id: R,
 				hidden: !0,
 				children: (g?.summary ?? ke)(C.map(q))
@@ -395,15 +396,15 @@ var f = (t) => {
 			/* @__PURE__ */ u("span", {
 				role: "status",
 				className: "sr-only",
-				children: rn && nn
+				children: an && rn
 			}),
 			/* @__PURE__ */ u(fe, {
-				name: Ze,
-				form: Qe,
+				name: Qe,
+				form: $e,
 				disabled: p,
 				value: C,
 				type: "text",
-				required: At,
+				required: jt,
 				onInvalid: $
 			})
 		]