@mortenbrudvik/waveui 0.7.0 → 0.8.0

package/dist/components/navigation/Menu.root.mjs

@@ -3,124 +3,125 @@ import { cn as e } from "../../lib/cn.mjs";
 import { flattenChildren as t, isElementOfType as n } from "../../lib/children.mjs";
 import { warnOnce as r } from "../../lib/dev.mjs";
 import { composeEventHandlers as i } from "../../lib/composeEventHandlers.mjs";
+import { menuClassNames as ee } from "../../lib/classNames.mjs";
 import { useEventCallback as a } from "../../hooks/useEventCallback.mjs";
-import { useControllable as ee } from "../../hooks/useControllable.mjs";
-import { useId as te } from "../../hooks/useId.mjs";
-import { getFirstTabbable as ne } from "../../lib/focus.mjs";
-import { useRovingTabIndex as re } from "../../hooks/useRovingTabIndex.mjs";
-import { useMergedRefs as ie } from "../../hooks/useMergedRefs.mjs";
-import { useIsClient as ae } from "../../hooks/useIsClient.mjs";
-import { getLayerTreeElements as oe } from "../../lib/layers.mjs";
-import { PortalDepthContext as se } from "../portal/Portal.mjs";
-import { focusRing as ce } from "../../lib/styles.mjs";
-import { useCheckedValues as le, withCheckedValuesListener as ue } from "../../hooks/useCheckedValues.mjs";
-import { MenuContext as o, MenuListContext as de, useCheckableRegistry as fe, useMenuListContext as pe } from "./Menu.context.mjs";
-import { MENU_ITEM_SELECTOR as me, menuSurfaceClasses as he, withTypeaheadText as ge } from "./Menu.shared.mjs";
-import { useHoverIntent as _e } from "../../hooks/useHoverIntent.mjs";
-import { MenuPopover as s, useMenuListPointer as ve } from "./Menu.popover.mjs";
-import { useContextMenuAnchor as ye } from "../../hooks/useContextMenuAnchor.mjs";
+import { useControllable as te } from "../../hooks/useControllable.mjs";
+import { useId as ne } from "../../hooks/useId.mjs";
+import { getFirstTabbable as re } from "../../lib/focus.mjs";
+import { useRovingTabIndex as ie } from "../../hooks/useRovingTabIndex.mjs";
+import { useMergedRefs as ae } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as oe } from "../../hooks/useIsClient.mjs";
+import { getLayerTreeElements as se } from "../../lib/layers.mjs";
+import { PortalDepthContext as ce } from "../portal/Portal.mjs";
+import { focusRing as le } from "../../lib/styles.mjs";
+import { useCheckedValues as ue, withCheckedValuesListener as de } from "../../hooks/useCheckedValues.mjs";
+import { MenuContext as o, MenuListContext as fe, useCheckableRegistry as pe, useMenuListContext as me } from "./Menu.context.mjs";
+import { MENU_ITEM_SELECTOR as he, menuSurfaceClasses as ge, withTypeaheadText as _e } from "./Menu.shared.mjs";
+import { useHoverIntent as ve } from "../../hooks/useHoverIntent.mjs";
+import { MenuPopover as s, useMenuListPointer as ye } from "./Menu.popover.mjs";
+import { useContextMenuAnchor as be } from "../../hooks/useContextMenuAnchor.mjs";
 import { MenuTrigger as c } from "./Menu.trigger.mjs";
 import * as l from "react";
 import { jsx as u } from "react/jsx-runtime";
 //#region src/components/navigation/Menu.root.tsx
-var be = () => {}, xe = 250;
-function Se(e) {
+var xe = () => {}, Se = 250;
+function Ce(e) {
 	return t(e).some(({ node: e }) => n(e, c, s));
 }
-function Ce(e) {
+function we(e) {
 	let t = e.map((e) => `\`${e}\``);
 	return t.length > 1 ? `${t.slice(0, -1).join(", ")} and ${t[t.length - 1]}` : t.join("");
 }
-var d = ({ children: t, open: n, defaultOpen: s, onOpenChange: c, checkedValues: d, defaultCheckedValues: we, onCheckedValuesChange: f, persistOnItemClick: Te, openOnHover: p, openDelay: Ee, closeDelay: De, openOnContext: Oe, className: ke, onKeyDown: Ae, onKeyDownCapture: je, onFocus: Me, onPointerMove: Ne, ref: Pe, ...m }) => {
-	let h = pe(), g = l.useContext(se), _ = h !== null && h.portalDepth === g ? h : null, v = _?.menu ?? null, y = v !== null, [b, x, Fe] = ee(n, s ?? !1, c), Ie = ae(), S = v === null || !v.popup || v.open, C = b && Ie && S;
+var d = ({ children: t, open: n, defaultOpen: s, onOpenChange: c, checkedValues: d, defaultCheckedValues: Te, onCheckedValuesChange: f, persistOnItemClick: Ee, openOnHover: p, openDelay: De, closeDelay: Oe, openOnContext: ke, className: Ae, onKeyDown: je, onKeyDownCapture: Me, onFocus: Ne, onPointerMove: Pe, ref: Fe, ...m }) => {
+	let h = me(), g = l.useContext(ce), _ = h !== null && h.portalDepth === g ? h : null, v = _?.menu ?? null, y = v !== null, [b, x, S] = te(n, s ?? !1, c), Ie = oe(), C = v === null || !v.popup || v.open, w = b && Ie && C;
 	l.useLayoutEffect(() => {
-		S || !b || Fe || x(!1);
+		C || !b || S || x(!1);
 	}, [
-		S,
+		C,
 		b,
-		Fe,
+		S,
 		x
 	]);
-	let w = n !== void 0 || s !== void 0 || c !== void 0 || Se(t), T = te("wave-menu-trigger"), Le = te("wave-menu"), [Re, ze] = l.useState(T), E = l.useRef(null), [D, Be] = l.useState(null), Ve = l.useCallback((e) => {
-		E.current = e, Be(e);
-	}, []), O = l.useRef(null), [He, Ue] = l.useState(null), [We, Ge] = l.useState(""), Ke = l.useCallback((e) => {
-		O.current = e, Ue(e?.surface ?? null), e && Ge(e.layerId);
-	}, []), qe = le(d, we, f), k = v?.checked ?? null, Je = k === null || d !== void 0 || we !== void 0, Ye = f !== void 0, Xe = a(f), Ze = l.useMemo(() => k && Ye ? ue(k, Xe) : k, [
-		k,
-		Ye,
-		Xe
-	]), Qe = Je || Ze === null ? qe : Ze, $e = Te ?? v?.persistOnItemClick ?? !1, A = Ee ?? v?.openDelay ?? xe, j = De ?? v?.closeDelay ?? xe, M = w && !y && Oe === !0, N = w && !M && (p ?? y), P = [];
-	if (w) {
-		ke !== void 0 && P.push("className"), Ae !== void 0 && P.push("onKeyDown"), je !== void 0 && P.push("onKeyDownCapture"), Me !== void 0 && P.push("onFocus"), Ne !== void 0 && P.push("onPointerMove");
-		for (let [e, t] of Object.entries(m)) t !== void 0 && P.push(e);
-		Pe != null && P.push("ref");
+	let T = n !== void 0 || s !== void 0 || c !== void 0 || Ce(t), E = ne("wave-menu-trigger"), Le = ne("wave-menu"), [Re, ze] = l.useState(E), D = l.useRef(null), [O, Be] = l.useState(null), Ve = l.useCallback((e) => {
+		D.current = e, Be(e);
+	}, []), k = l.useRef(null), [He, Ue] = l.useState(null), [We, Ge] = l.useState(""), Ke = l.useCallback((e) => {
+		k.current = e, Ue(e?.surface ?? null), e && Ge(e.layerId);
+	}, []), qe = ue(d, Te, f), A = v?.checked ?? null, Je = A === null || d !== void 0 || Te !== void 0, j = f !== void 0, Ye = a(f), Xe = l.useMemo(() => A && j ? de(A, Ye) : A, [
+		A,
+		j,
+		Ye
+	]), Ze = Je || Xe === null ? qe : Xe, Qe = Ee ?? v?.persistOnItemClick ?? !1, M = De ?? v?.openDelay ?? Se, N = Oe ?? v?.closeDelay ?? Se, P = T && !y && ke === !0, $e = T && !P && (p ?? y), F = [];
+	if (T) {
+		Ae !== void 0 && F.push("className"), je !== void 0 && F.push("onKeyDown"), Me !== void 0 && F.push("onKeyDownCapture"), Ne !== void 0 && F.push("onFocus"), Pe !== void 0 && F.push("onPointerMove");
+		for (let [e, t] of Object.entries(m)) t !== void 0 && F.push(e);
+		Fe != null && F.push("ref");
 	}
-	let F = P.length === 0 ? "" : `Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${P.map((e) => `\`${e}\``).join(", ")} on Menu ${P.length === 1 ? "is" : "are"} ignored. Pass ${P.length === 1 ? "it" : "them"} to Menu.Popover (the menu surface) or to the trigger's child instead.`;
+	let I = F.length === 0 ? "" : `Menu: a popup menu (Menu.Trigger + Menu.Popover) renders no element of its own, so ${F.map((e) => `\`${e}\``).join(", ")} on Menu ${F.length === 1 ? "is" : "are"} ignored. Pass ${F.length === 1 ? "it" : "them"} to Menu.Popover (the menu surface) or to the trigger's child instead.`;
 	l.useEffect(() => {
-		F && r("Menu:popup-ignored-props", F);
-	}, [F]);
-	let I = w ? "" : Ce([p ? "openOnHover" : null, Oe ? "openOnContext" : null].filter((e) => e !== null)), et = M && p === !0;
+		I && r("Menu:popup-ignored-props", I);
+	}, [I]);
+	let L = T ? "" : we([p ? "openOnHover" : null, ke ? "openOnContext" : null].filter((e) => e !== null)), et = P && p === !0;
 	l.useEffect(() => {
-		if (!I) return;
-		let [e, t] = I.includes(" and ") ? ["are", "they"] : ["is", "it"];
-		r("Menu:static-popup-props", `Menu: ${I} ${e} ignored on a static menu: ${t} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`);
-	}, [I]), l.useEffect(() => {
+		if (!L) return;
+		let [e, t] = L.includes(" and ") ? ["are", "they"] : ["is", "it"];
+		r("Menu:static-popup-props", `Menu: ${L} ${e} ignored on a static menu: ${t} apply to a popup menu (Menu.Trigger + Menu.Popover). A static menu passes openDelay and closeDelay on to its submenus.`);
+	}, [L]), l.useEffect(() => {
 		et && r("Menu:hover-and-context", "Menu: openOnHover is ignored with openOnContext: a context menu opens only from a context gesture (a right click, Shift+F10 or the ContextMenu key).");
 	}, [et]);
-	let L = l.useRef(null), R = l.useRef(null), z = a(() => {
-		let e = O.current, t = e?.surface ?? L.current, n = t?.ownerDocument.activeElement;
-		return !t || !n ? !1 : t.contains(n) ? !0 : e ? oe(e.layerId, { includeOwnElements: !1 }).some((e) => e.contains(n)) : R.current?.containsFocus() ?? !1;
-	}), B = a(() => {
-		let e = O.current?.surface ?? L.current, t = e?.ownerDocument.activeElement;
-		return e && t && e.contains(t) ? !0 : R.current?.listContainsFocus() ?? !1;
-	}), V = l.useRef(!1), tt = l.useCallback(() => V.current, []), H = (e) => {
-		V.current = e, R.current?.close(), x(!1);
-	}, U = a(() => H(!1)), nt = a(() => H(!0)), W = l.useRef("other"), G = l.useRef(!1), K = l.useRef("first");
+	let R = l.useRef(null), z = l.useRef(null), B = a(() => {
+		let e = k.current, t = e?.surface ?? R.current, n = t?.ownerDocument.activeElement;
+		return !t || !n ? !1 : t.contains(n) ? !0 : e ? se(e.layerId, { includeOwnElements: !1 }).some((e) => e.contains(n)) : z.current?.containsFocus() ?? !1;
+	}), V = a(() => {
+		let e = k.current?.surface ?? R.current, t = e?.ownerDocument.activeElement;
+		return e && t && e.contains(t) ? !0 : z.current?.listContainsFocus() ?? !1;
+	}), H = l.useRef(!1), tt = l.useCallback(() => H.current, []), nt = (e) => {
+		H.current = e, z.current?.close(), x(!1);
+	}, U = a(() => nt(!1)), rt = a(() => nt(!0)), W = l.useRef("other"), G = l.useRef(!1), K = l.useRef("first");
 	l.useLayoutEffect(() => {
-		C && (W.current = G.current ? "hover" : "other", V.current = !1), G.current = !1;
-	}, [C]);
-	let rt = l.useCallback(() => W.current === "hover", []), { triggerHandlers: q, surfaceHandlers: it, cancel: at, startClose: ot } = _e({
-		enabled: N,
-		open: C,
-		openDelay: A,
-		closeDelay: j,
-		trigger: D,
+		w && (W.current = G.current ? "hover" : "other", H.current = !1), G.current = !1;
+	}, [w]);
+	let it = l.useCallback(() => W.current === "hover", []), { triggerHandlers: q, surfaceHandlers: at, cancel: ot, startClose: st } = ve({
+		enabled: $e,
+		open: w,
+		openDelay: M,
+		closeDelay: N,
+		trigger: O,
 		surface: He,
 		group: _?.hoverGroup,
 		onOpen: () => {
 			G.current = !0, K.current = "none", x(!0);
 		},
-		onClose: nt,
-		canClose: () => W.current === "hover" && !z()
-	}), st = a(() => {
-		C || (G.current = !1, K.current === "none" && (K.current = "first"));
-	}), ct = l.useMemo(() => ({
+		onClose: rt,
+		canClose: () => W.current === "hover" && !B()
+	}), ct = a(() => {
+		w || (G.current = !1, K.current === "none" && (K.current = "first"));
+	}), lt = l.useMemo(() => ({
 		...q,
 		onPointerLeave: (e) => {
-			q.onPointerLeave(e), st();
+			q.onPointerLeave(e), ct();
 		}
-	}), [q, st]), J = l.useCallback((e) => {
-		W.current = "other", G.current = !1, at();
-		let t = O.current;
+	}), [q, ct]), J = l.useCallback((e) => {
+		W.current = "other", G.current = !1, ot();
+		let t = k.current;
 		if (t) {
 			e === "last" ? t.focusLast() : e === "first" && t.focusFirst();
 			return;
 		}
 		K.current = e, x(!0);
-	}, [x, at]), lt = l.useCallback(() => {
+	}, [x, ot]), ut = l.useCallback(() => {
 		let e = K.current;
 		return K.current = "first", e;
-	}, []), { anchor: ut, fromContext: dt, opener: ft, triggerHandlers: pt, surfaceHandlers: mt } = ye({
-		enabled: M,
-		open: C,
-		trigger: D,
+	}, []), { anchor: dt, fromContext: ft, opener: pt, triggerHandlers: mt, surfaceHandlers: ht } = be({
+		enabled: P,
+		open: w,
+		trigger: O,
 		layerId: We,
 		onOpen: () => J("first"),
 		onClose: U
-	}), ht = _?.isHoverFocusing, gt = v?.isHoverFocusing, Y = a(() => (ht?.() ?? !1) || (gt?.() ?? !1)), X = l.useRef(!1);
+	}), gt = _?.isHoverFocusing, _t = v?.isHoverFocusing, Y = a(() => (gt?.() ?? !1) || (_t?.() ?? !1)), X = l.useRef(!1);
 	l.useEffect(() => {
-		if (!M || !C || !D) return;
-		let e = D.ownerDocument, t = (e) => {
+		if (!P || !w || !O) return;
+		let e = O.ownerDocument, t = (e) => {
 			X.current = e.button === 2 || e.button === 0 && (e.ctrlKey || e.pointerType === "touch" || e.pointerType === "pen");
 		}, n = () => {
 			X.current = !1;
@@ -129,173 +130,173 @@ var d = ({ children: t, open: n, defaultOpen: s, onOpenChange: c, checkedValues:
 			e.removeEventListener("pointerdown", t, !0), e.removeEventListener("pointerup", n, !0), e.removeEventListener("pointercancel", n, !0), X.current = !1;
 		};
 	}, [
-		M,
-		C,
-		D
+		P,
+		w,
+		O
 	]);
-	let _t = a((e, t) => {
-		if (!(e === "focus-outside" && M && X.current && t.target instanceof Node && E.current?.contains(t.target))) {
-			if (e === "focus-outside" && y && N && Y()) {
-				W.current = "hover", ot(t);
+	let vt = a((e, t) => {
+		if (!(e === "focus-outside" && P && X.current && t.target instanceof Node && D.current?.contains(t.target))) {
+			if (e === "focus-outside" && y && $e && Y()) {
+				W.current = "hover", st(t);
 				return;
 			}
 			U();
 		}
-	}), vt = l.useCallback((e) => {
-		let t = R.current;
-		return R.current = e, t && t !== e && t.close(), () => {
-			R.current === e && (R.current = null);
+	}), yt = l.useCallback((e) => {
+		let t = z.current;
+		return z.current = e, t && t !== e && t.close(), () => {
+			z.current === e && (z.current = null);
 		};
-	}, []), yt = l.useMemo(() => ({
+	}, []), bt = l.useMemo(() => ({
 		close: U,
-		containsFocus: z,
-		listContainsFocus: B
+		containsFocus: B,
+		listContainsFocus: V
 	}), [
 		U,
-		z,
-		B
+		B,
+		V
 	]), Z = v?.registerOpenSubmenu;
 	l.useLayoutEffect(() => {
-		if (C && Z) return Z(yt);
+		if (w && Z) return Z(bt);
 	}, [
-		C,
+		w,
 		Z,
-		yt
+		bt
 	]);
-	let bt = v?.popup ? v.closeChain : null, xt = a(() => {
-		if (bt) {
-			bt();
+	let xt = v?.popup ? v.closeChain : null, St = a(() => {
+		if (xt) {
+			xt();
 			return;
 		}
-		if (!w) return;
-		let e = O.current?.getReturnFocus() ?? null;
+		if (!T) return;
+		let e = k.current?.getReturnFocus() ?? null;
 		if (e) {
 			let t = e.ownerDocument, n = t.activeElement;
-			(!n || n === t.body || n === t.documentElement || z()) && e.focus({ preventScroll: !0 });
+			(!n || n === t.body || n === t.documentElement || B()) && e.focus({ preventScroll: !0 });
 		}
 		U();
 	}), Q = l.useMemo(() => ({
-		popup: w,
-		open: C,
+		popup: T,
+		open: w,
 		setOpen: x,
 		openWithFocus: J,
-		takeInitialFocus: lt,
+		takeInitialFocus: ut,
 		registerSurface: Ke,
-		triggerId: T,
+		triggerId: E,
 		labelledBy: Re,
 		onTriggerId: ze,
 		menuId: Le,
-		triggerRef: E,
-		triggerElement: D,
+		triggerRef: D,
+		triggerElement: O,
 		setTriggerElement: Ve,
 		parent: v,
-		checked: Qe,
-		persistOnItemClick: $e,
+		checked: Ze,
+		persistOnItemClick: Qe,
 		isSubmenu: y,
 		requestClose: U,
-		closeChain: xt,
-		registerOpenSubmenu: vt,
-		listContainsFocus: B,
-		openDelay: A,
-		closeDelay: j,
-		dismiss: _t,
+		closeChain: St,
+		registerOpenSubmenu: yt,
+		listContainsFocus: V,
+		openDelay: M,
+		closeDelay: N,
+		dismiss: vt,
 		isHoverFocusing: Y,
-		isHoverOpen: rt,
+		isHoverOpen: it,
 		isHoverClose: tt,
-		hoverTriggerHandlers: ct,
-		hoverSurfaceHandlers: it,
-		openOnContext: M,
-		contextTriggerHandlers: pt,
-		contextSurfaceHandlers: mt,
-		contextAnchor: ut,
-		fromContext: dt,
-		contextOpener: ft
+		hoverTriggerHandlers: lt,
+		hoverSurfaceHandlers: at,
+		openOnContext: P,
+		contextTriggerHandlers: mt,
+		contextSurfaceHandlers: ht,
+		contextAnchor: dt,
+		fromContext: ft,
+		contextOpener: pt
 	}), [
+		T,
 		w,
-		C,
 		x,
 		J,
-		lt,
+		ut,
 		Ke,
-		T,
+		E,
 		Re,
 		Le,
-		D,
+		O,
 		Ve,
 		v,
+		Ze,
 		Qe,
-		$e,
 		y,
 		U,
-		xt,
+		St,
+		yt,
+		V,
+		M,
+		N,
 		vt,
-		B,
-		A,
-		j,
-		_t,
 		Y,
-		rt,
-		tt,
-		ct,
 		it,
-		M,
-		pt,
+		tt,
+		lt,
+		at,
+		P,
 		mt,
-		ut,
+		ht,
 		dt,
-		ft
-	]), { containerProps: { ref: St }, handleKeyDown: Ct, handleKeyDownCapture: wt, handleFocus: Tt, focusFirst: Et, getTabIndex: Dt } = re({
+		ft,
+		pt
+	]), { containerProps: { ref: Ct }, handleKeyDown: wt, handleKeyDownCapture: Tt, handleFocus: Et, focusFirst: Dt, getTabIndex: Ot } = ie({
 		orientation: "vertical",
 		loop: !0,
 		typeahead: !0,
 		tabStop: "last-focused",
 		manageTabIndex: !0,
-		itemSelector: me
-	}), Ot = ie(Pe, St, L), [$, kt] = l.useState(!1);
+		itemSelector: he
+	}), kt = ae(Fe, Ct, R), [$, At] = l.useState(!1);
 	l.useLayoutEffect(() => {
-		let e = L.current;
-		if (w || !e) return;
-		let t = ne(e) === null;
-		t !== $ && (kt(t), !t && e.ownerDocument.activeElement === e && Et());
+		let e = R.current;
+		if (T || !e) return;
+		let t = re(e) === null;
+		t !== $ && (At(t), !t && e.ownerDocument.activeElement === e && Dt());
 	}, [
-		w,
+		T,
 		$,
-		Et,
-		Dt
+		Dt,
+		Ot
 	]);
-	let At = fe(), { hoverGroup: jt, isHoverFocusing: Mt, onPointerMove: Nt } = ve(Q), Pt = l.useMemo(() => ({
+	let jt = pe(), { hoverGroup: Mt, isHoverFocusing: Nt, onPointerMove: Pt } = ye(Q), Ft = l.useMemo(() => ({
 		menu: Q,
 		isStatic: !0,
 		portalDepth: g,
-		closeFromItem: be,
-		registerCheckable: At,
-		hoverGroup: jt,
-		isHoverFocusing: Mt
+		closeFromItem: xe,
+		registerCheckable: jt,
+		hoverGroup: Mt,
+		isHoverFocusing: Nt
 	}), [
 		Q,
 		g,
-		At,
 		jt,
-		Mt
+		Mt,
+		Nt
 	]);
-	return w ? /* @__PURE__ */ u(o.Provider, {
+	return T ? /* @__PURE__ */ u(o.Provider, {
 		value: Q,
 		children: t
 	}) : /* @__PURE__ */ u(o.Provider, {
 		value: Q,
-		children: /* @__PURE__ */ u(de.Provider, {
-			value: Pt,
+		children: /* @__PURE__ */ u(fe.Provider, {
+			value: Ft,
 			children: /* @__PURE__ */ u("div", {
 				role: "menu",
 				...m,
-				ref: Ot,
+				ref: kt,
 				tabIndex: m.tabIndex ?? ($ ? 0 : void 0),
 				"data-roving-container": "",
-				onKeyDown: i(Ae, Ct),
-				onKeyDownCapture: ge(i(je, wt)),
-				onFocus: i(Me, Tt, { checkDefaultPrevented: !1 }),
-				onPointerMove: i(Ne, Nt),
-				className: e(he, ce, ke),
+				onKeyDown: i(je, wt),
+				onKeyDownCapture: _e(i(Me, Tt)),
+				onFocus: i(Ne, Et, { checkDefaultPrevented: !1 }),
+				onPointerMove: i(Pe, Pt),
+				className: e(ee.root, ge, le, Ae),
 				children: t
 			})
 		})
@@ -303,6 +304,6 @@ var d = ({ children: t, open: n, defaultOpen: s, onOpenChange: c, checkedValues:
 };
 d.displayName = "Menu";
 //#endregion
-export { d as MenuRoot, Se as hasPopupParts };
+export { d as MenuRoot, Ce as hasPopupParts };
 
 //# sourceMappingURL=Menu.root.mjs.map