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

package/dist/top-navigation-DorkYBnR.js

@@ -0,0 +1,744 @@
+import { n as e, t } from "./icon-DjqSEQ-o.js";
+import { r as n } from "./i18n-DpW8lqJ1.js";
+import { i as r } from "./app-shell-BlkqQrOx.js";
+import { a as i, i as a, n as o, r as s } from "./tooltip-DrFiRlH8.js";
+import { f as c, m as l, s as u } from "./navigation-menu-parts-B64gKl8B.js";
+import { definedProps as d, keyedProps as f, withSelectorKey as p } from "@slotted/core/selector-key";
+import { createControllable as m } from "@slotted/core/state";
+import { createContext as h, useCallback as g, useContext as _, useEffect as v, useId as ee, useImperativeHandle as te, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { createPresence as ne } from "@slotted/core/presence";
+import { createDismissableLayer as re } from "@slotted/core/dismissable-layer";
+import { createPortal as T } from "react-dom";
+import { topNavigationMessages as ie } from "@slotted/core/i18n";
+import { COMPACT_BELOW as ae, createWidthGate as oe } from "@slotted/core/measure";
+//#region src/top-navigation/top-navigation-defaults.tsx
+var E = {
+	frame: !0,
+	landmark: !0,
+	size: "md"
+}, se = h(E);
+function ce() {
+	return _(se);
+}
+function le({ children: e, ...t }) {
+	let n = ce(), r = y(() => ({
+		frame: t.frame ?? n.frame,
+		landmark: t.landmark ?? n.landmark,
+		size: t.size ?? n.size
+	}), [
+		t.frame,
+		t.landmark,
+		t.size,
+		n
+	]);
+	return /* @__PURE__ */ C(se.Provider, {
+		value: r,
+		children: e
+	});
+}
+//#endregion
+//#region src/top-navigation/top-navigation.tsx
+var D = {
+	high: 480,
+	low: 1024,
+	medium: ae
+}, ue = "[data-part=\"skip\"], [data-part=\"home\"][href], [data-part=\"link\"], [data-part=\"trigger\"], [data-part=\"more\"], [data-part=\"search\"] input, [data-part=\"search-toggle\"], [data-part=\"help\"], [data-part=\"notifications\"], [data-part=\"account\"]", de = h(void 0);
+function O() {
+	let e = _(de);
+	if (e === void 0) throw Error("Every top-navigation part must be rendered inside TopNavigation.");
+	return e;
+}
+function k({ children: e, className: t, defaultMoreOpen: i, defaultSearchOpen: a, defaultValue: o, frame: s, landmark: c, messages: l, moreOpen: u, onCollapseChange: d, onMoreOpenChange: p, onSearchOpenChange: h, onValueChange: _, ref: T, render: ae, searchOpen: E, size: se, skipTo: le, style: O, value: k, ...A }) {
+	let j = ce(), M = r(), N = ee(), P = c ?? (M === void 0 && j.landmark), fe = s ?? (M === void 0 && j.frame), F = n(ie, l), I = se ?? j.size, [pe, me] = x(o ?? null), [he, ge] = x(i ?? !1), [_e, ve] = x(a ?? !1), L = k === void 0 ? pe : k, R = u === void 0 ? he : u, z = E === void 0 ? _e : E, [B, ye] = x(null), [be, xe] = x(!1), [V, H] = x(!1), [U, Se] = x(!1), [W, Ce] = x(null), [we, Te] = x(null), [G, Ee] = x(null), [K, De] = x(null), [Oe, ke] = x(null), [Ae, je] = x(!1), [Me, Ne] = x(!1), [Pe, Fe] = x(!1), [Ie, Le] = x("unmounted"), q = y(() => {
+		let e = /* @__PURE__ */ new Set();
+		return be && e.add("low"), V && e.add("medium"), U && e.add("high"), e;
+	}, [
+		U,
+		be,
+		V
+	]), [Re, ze] = x(() => /* @__PURE__ */ new Map()), Be = b(0), Ve = g((e, t, n) => (ze((r) => {
+		let i = new Map(r);
+		return i.set(e, {
+			current: n,
+			order: r.get(e)?.order ?? (Be.current += 1),
+			priority: t
+		}), i;
+	}), () => {
+		ze((t) => {
+			if (!t.has(e)) return t;
+			let n = new Map(t);
+			return n.delete(e), n;
+		});
+	}), []), { collapsed: J, currentFolded: He } = y(() => {
+		let e = [...Re.entries()].filter(([, e]) => q.has(e.priority)).sort(([, e], [, t]) => e.order - t.order);
+		return {
+			collapsed: e.map(([e]) => e),
+			currentFolded: e.some(([e, t]) => t.current || e === L)
+		};
+	}, [
+		L,
+		q,
+		Re
+	]), Y = b({
+		currentMoreOpen: R,
+		currentSearchOpen: z,
+		currentValue: L,
+		moreOpen: u,
+		searchOpen: E,
+		value: k
+	});
+	Y.current = {
+		currentMoreOpen: R,
+		currentSearchOpen: z,
+		currentValue: L,
+		moreOpen: u,
+		searchOpen: E,
+		value: k
+	};
+	let X = g((e, t, n) => {
+		m({
+			controlled: Y.current.moreOpen,
+			initial: Y.current.currentMoreOpen,
+			onRequest: (e) => p?.(e.value, e)
+		}).request(e, t, n) && ge(e);
+	}, [p]), Z = g((e, t, n) => {
+		m({
+			controlled: Y.current.searchOpen,
+			initial: Y.current.currentSearchOpen,
+			onRequest: (e) => h?.(e.value, e)
+		}).request(e, t, n) && ve(e);
+	}, [h]), Ue = g((e, t, n) => {
+		m({
+			controlled: Y.current.value,
+			initial: Y.current.currentValue,
+			onRequest: (e) => _?.(e.value, e)
+		}).request(e, t, n) && me(e);
+	}, [_]);
+	v(() => {
+		if (B === null) return;
+		let e = [
+			oe(B, {
+				at: D.low,
+				onChange: xe
+			}),
+			oe(B, {
+				at: D.medium,
+				onChange: H
+			}),
+			oe(B, {
+				at: D.high,
+				onChange: Se
+			})
+		];
+		return xe(e[0].narrow()), H(e[1].narrow()), Se(e[2].narrow()), () => {
+			for (let t of e) t.destroy();
+		};
+	}, [B]);
+	let We = b(null);
+	v(() => {
+		if (B === null) return;
+		let e = J.join("\0");
+		if (We.current === e) return;
+		let t = We.current === null;
+		We.current = e, (!t || J.length > 0) && d?.(J, "resize");
+	}, [
+		J,
+		d,
+		B
+	]);
+	let Q = J.length > 0 || V && Me || U && Pe, Ge = b(Q);
+	v(() => {
+		let e = Ge.current;
+		Ge.current = Q, e && !Q && Y.current.currentMoreOpen && X(!1, "resize");
+	}, [Q, X]);
+	let Ke = b(V);
+	v(() => {
+		let e = Ke.current;
+		Ke.current = V, e && !V && Y.current.currentSearchOpen && Z(!1, "resize");
+	}, [Z, V]);
+	let $ = b(null);
+	v(() => {
+		let e = ne({
+			present: !1,
+			onStatusChange: Le
+		});
+		return $.current = e, () => {
+			e.destroy(), $.current = null;
+		};
+	}, []), v(() => {
+		$.current?.setNode(W);
+	}, [W]), v(() => {
+		$.current?.sync(R);
+	}, [R]), v(() => {
+		if (W === null || !R) return;
+		let e = re(W, {
+			escape: !0,
+			focusOutside: !1,
+			modal: !1,
+			outsidePress: !0,
+			scrollLock: !1,
+			...G ? { branches: [G] } : {},
+			onDismiss: (e) => {
+				let t = e.reason === "escape" ? "escape" : "outsidePress";
+				X(!1, t, e.source), t === "escape" && G?.focus();
+			}
+		});
+		return () => e.destroy();
+	}, [
+		R,
+		G,
+		W,
+		X
+	]);
+	let qe = V && Ae;
+	te(T, () => ({
+		focus: () => B?.querySelector(ue)?.focus(),
+		focusSearch: () => {
+			if (qe && !Y.current.currentSearchOpen) {
+				Z(!0, "programmatic");
+				return;
+			}
+			K?.querySelector("input, [contenteditable]")?.focus();
+		},
+		openMore: () => X(!0, "programmatic"),
+		closeMore: () => X(!1, "programmatic"),
+		root: B
+	}), [
+		B,
+		qe,
+		K,
+		X,
+		Z
+	]);
+	let Je = y(() => ({
+		moreId: `${N}-more`,
+		panelId: `${N}-panel`
+	}), [N]), Ye = y(() => ({
+		collapsed: J,
+		currentFolded: He,
+		folded: q,
+		hasContext: Me,
+		hasHelp: Pe,
+		hasSearch: Ae,
+		ids: Je,
+		panelHolds: Q,
+		moreNode: G,
+		moreOpen: R,
+		narrow: V,
+		narrowest: U,
+		panelListNode: we,
+		panelNode: W,
+		panelPresent: Ie !== "unmounted",
+		registerItem: Ve,
+		searchNode: K,
+		searchOpen: z,
+		searchToggleNode: Oe,
+		select: Ue,
+		setHasContext: Ne,
+		setHasHelp: Fe,
+		setHasSearch: je,
+		setMoreNode: Ee,
+		setMoreOpen: X,
+		setPanelListNode: Te,
+		setPanelNode: Ce,
+		setSearchNode: De,
+		setSearchOpen: Z,
+		setSearchToggleNode: ke,
+		size: I,
+		t: F,
+		value: L
+	}), [
+		J,
+		He,
+		R,
+		z,
+		L,
+		q,
+		Me,
+		Pe,
+		Ae,
+		Je,
+		G,
+		Q,
+		we,
+		W,
+		Ie,
+		Ve,
+		I,
+		K,
+		Oe,
+		Ue,
+		X,
+		Z,
+		F,
+		U,
+		V
+	]), Xe = f({
+		...A,
+		children: /* @__PURE__ */ w(S, { children: [le === void 0 ? null : /* @__PURE__ */ C("a", {
+			"data-part": "skip",
+			"data-part-skip": "",
+			href: `#${le}`,
+			children: F("skip")
+		}), e] }),
+		className: t,
+		...fe ? { "data-frame": "" } : {},
+		"data-part": "root",
+		...qe && z ? { "data-search-open": "" } : {},
+		"data-size": I,
+		"data-ui": "top-navigation",
+		ref: ye,
+		style: O
+	}), Ze = P ? "header" : "div";
+	return /* @__PURE__ */ C(de.Provider, {
+		value: Ye,
+		children: ae === void 0 ? /* @__PURE__ */ C(Ze, { ...Xe }) : ae(Xe)
+	});
+}
+//#endregion
+//#region src/top-navigation/top-navigation-parts.tsx
+function A(e, ...t) {
+	for (let n of t) typeof n == "function" ? n(e) : n != null && (n.current = e);
+}
+function j(e) {
+	return e.detail === 0 ? "keyboard" : "pointer";
+}
+var M = h(void 0);
+function N() {
+	let e = _(M);
+	if (e === void 0) throw Error("TopNavigationLink and TopNavigationTrigger must be rendered inside TopNavigationItem.");
+	return e;
+}
+function P({ children: e, disabled: t = !1, text: n }) {
+	return /* @__PURE__ */ w(i, {
+		disabled: t,
+		openOn: "hover",
+		side: "bottom",
+		children: [e, /* @__PURE__ */ C(s, { children: /* @__PURE__ */ C(o, { children: n }) })]
+	});
+}
+function fe({ children: e, ref: t, render: n, ...r }) {
+	let i = f({
+		...r,
+		children: e,
+		"data-part": "brand"
+	});
+	return n === void 0 ? /* @__PURE__ */ C("div", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function F({ children: e, href: t, ref: n, render: r, ...i }) {
+	let a = f({
+		...i,
+		children: e,
+		"data-part": "home",
+		...t === void 0 ? {} : { href: t }
+	});
+	return r === void 0 ? C(t === void 0 ? "span" : "a", {
+		...a,
+		ref: n
+	}) : r(d(a));
+}
+function I({ children: e, ref: t, render: n, ...r }) {
+	let i = f({
+		...r,
+		"aria-hidden": !0,
+		children: e,
+		"data-part": "mark"
+	});
+	return n === void 0 ? /* @__PURE__ */ C("span", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function pe({ children: e, ref: t, render: n, ...r }) {
+	let i = f({
+		...r,
+		children: e,
+		"data-part": "name"
+	});
+	return n === void 0 ? /* @__PURE__ */ C("span", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function me({ children: e, ref: t, render: n, ...r }) {
+	let i = O();
+	v(() => (i.setHasContext(!0), () => i.setHasContext(!1)), [i.setHasContext]);
+	let a = f({
+		...r,
+		children: e,
+		"data-part": "context"
+	}), o = n === void 0 ? /* @__PURE__ */ C("div", {
+		...a,
+		ref: t
+	}) : n(a);
+	return i.narrow && i.panelPresent && i.panelNode !== null ? T(o, i.panelNode) : o;
+}
+function he({ arrow: e, children: t, closeDelay: n, closeOnSelect: r, defaultValue: i, "aria-label": a, onValueChange: o, openDelay: s, ref: c, render: u, value: d, ...p }) {
+	let m = O();
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(l, {
+		"aria-label": a ?? m.t("navigation"),
+		arrow: e,
+		closeDelay: n,
+		closeOnSelect: r,
+		defaultValue: i,
+		onValueChange: (e, t) => {
+			o?.(e, t), t.reason === "select" && !t.cancelled && m.moreOpen && m.setMoreOpen(!1, "select", t.source);
+		},
+		openDelay: s,
+		render: (e) => {
+			let t = f({
+				...p,
+				...e,
+				"data-part": "nav"
+			});
+			return u === void 0 ? /* @__PURE__ */ C("nav", {
+				...t,
+				ref: (t) => A(t, e.ref, c)
+			}) : u(t);
+		},
+		size: m.size,
+		value: d,
+		children: t
+	}), /* @__PURE__ */ C(ge, {})] });
+}
+function ge() {
+	let e = O();
+	return /* @__PURE__ */ C("div", {
+		...p(e.moreOpen ? { "data-open": "" } : {}, "part", "panel"),
+		id: e.ids.panelId,
+		ref: e.setPanelNode,
+		children: /* @__PURE__ */ C("ul", {
+			"data-part": "panel-list",
+			"data-part-panel-list": "",
+			ref: e.setPanelListNode
+		})
+	});
+}
+function _e({ children: e, ref: t, render: n, ...r }) {
+	let i = f({
+		...r,
+		children: /* @__PURE__ */ w(S, { children: [e, /* @__PURE__ */ C("li", {
+			"data-part": "item",
+			"data-part-item": "",
+			children: /* @__PURE__ */ C(ve, {})
+		})] }),
+		"data-part": "list"
+	});
+	return n === void 0 ? /* @__PURE__ */ C("ul", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function ve() {
+	let e = O(), t = e.collapsed.length > 0 ? e.t("moreCount", { count: e.collapsed.length }) : e.t("more"), n = (t) => {
+		e.setMoreOpen(!e.moreOpen, j(t), t.nativeEvent);
+	}, r = f({
+		"aria-controls": e.ids.panelId,
+		"aria-expanded": e.moreOpen,
+		"aria-label": t,
+		children: /* @__PURE__ */ C(V, { glyph: "ellipsis" }),
+		...e.currentFolded ? { "data-current": "" } : {},
+		...e.moreOpen ? { "data-open": "" } : {},
+		...e.panelHolds ? { "data-overflow": String(e.collapsed.length) } : {},
+		"data-part": "more",
+		id: e.ids.moreId,
+		onClick: n,
+		type: "button"
+	});
+	return /* @__PURE__ */ C(P, {
+		text: t,
+		children: /* @__PURE__ */ C(a, {
+			...r,
+			render: (t) => /* @__PURE__ */ C("button", {
+				...t,
+				ref: (n) => {
+					t.ref?.(n), e.setMoreNode(n);
+				}
+			})
+		})
+	});
+}
+function L({ children: e, disabled: t = !1, priority: n = "medium", ref: r, render: i, value: a, ...o }) {
+	let s = O(), [c, l] = x(!1), d = s.folded.has(n), p = c || s.value === a;
+	v(() => s.registerItem(a, n, c), [
+		c,
+		s.registerItem,
+		n,
+		a
+	]);
+	let m = {
+		collapsed: d,
+		current: p,
+		disabled: t,
+		priority: n,
+		setCurrent: l,
+		value: a
+	}, h = f({
+		...o,
+		children: e,
+		...d ? { "data-collapsed": "" } : {},
+		...p ? { "data-current": "" } : {},
+		...t ? { "data-disabled": "" } : {},
+		"data-part": "item",
+		"data-priority": n,
+		"data-value": a
+	}), g = d && s.panelPresent && s.panelListNode !== null;
+	return /* @__PURE__ */ C(M.Provider, {
+		value: m,
+		children: /* @__PURE__ */ C(u, {
+			disabled: t,
+			render: (e) => {
+				let t = {
+					...h,
+					...e["data-open"] === void 0 ? {} : { "data-open": "" }
+				}, n = i === void 0 ? /* @__PURE__ */ C("li", {
+					...t,
+					ref: r
+				}) : i(t);
+				return g ? T(n, s.panelListNode) : n;
+			},
+			value: a
+		})
+	});
+}
+function R({ children: e, current: t, href: n, onClick: r, ref: i, render: a, ...o }) {
+	let s = O(), c = N();
+	v(() => {
+		if (t !== void 0) return c.setCurrent(t), () => c.setCurrent(!1);
+	}, [t, c.setCurrent]);
+	let l = t ?? c.current, u = (e) => {
+		if (r?.(e), c.disabled) {
+			e.preventDefault();
+			return;
+		}
+		if (e.defaultPrevented) return;
+		let t = j(e);
+		s.select(c.value, t, e.nativeEvent), s.moreOpen && c.collapsed && s.setMoreOpen(!1, "select", e.nativeEvent);
+	}, p = f({
+		...o,
+		...l ? { "aria-current": "page" } : {},
+		...c.disabled ? { "aria-disabled": "true" } : {},
+		children: e,
+		...l ? { "data-current": "" } : {},
+		"data-part": "link",
+		...n === void 0 ? {} : { href: n },
+		onClick: u
+	});
+	return a === void 0 ? /* @__PURE__ */ C("a", {
+		...p,
+		ref: i
+	}) : a(d(p));
+}
+function z({ disabled: e, ...t }) {
+	let n = N();
+	return /* @__PURE__ */ C(c, {
+		...t,
+		disabled: e ?? n.disabled
+	});
+}
+function B({ children: e, onBlur: t, onKeyDown: n, ref: r, render: i, ...a }) {
+	let o = O(), [s, c] = x(null), l = o.narrow && o.searchOpen;
+	v(() => (o.setHasSearch(!0), () => o.setHasSearch(!1)), [o.setHasSearch]), v(() => (o.setSearchNode(s), () => o.setSearchNode(null)), [o.setSearchNode, s]);
+	let u = b(l);
+	v(() => {
+		let e = u.current;
+		if (u.current = l, s === null) return;
+		if (l) {
+			s.querySelector("input, [contenteditable]")?.focus();
+			return;
+		}
+		if (!e) return;
+		let t = s.ownerDocument.activeElement;
+		(t === null || t === s.ownerDocument.body || s.contains(t)) && o.searchToggleNode?.focus();
+	}, [
+		l,
+		o.searchToggleNode,
+		s
+	]);
+	let d = (e, t) => {
+		o.setSearchOpen(!1, e, t);
+	}, p = (e) => {
+		n?.(e), !e.defaultPrevented && l && e.key === "Escape" && (e.preventDefault(), d("escape", e.nativeEvent));
+	}, m = (e) => {
+		if (t?.(e), e.defaultPrevented || !l || s === null) return;
+		let n = e.relatedTarget;
+		n === null || s.contains(n) || d("blur", e.nativeEvent);
+	}, h = f({
+		...a,
+		children: /* @__PURE__ */ w(S, { children: [e, /* @__PURE__ */ C(ye, { onClose: (e, t) => d(e, t) })] }),
+		"data-part": "search",
+		onBlur: m,
+		onKeyDown: p
+	}), _ = g((e) => {
+		c(e), A(e, r);
+	}, [r]);
+	return i === void 0 ? /* @__PURE__ */ C("div", {
+		...h,
+		ref: _
+	}) : i(h);
+}
+function ye({ onClose: e }) {
+	let t = O().t("closeSearch");
+	return /* @__PURE__ */ C(P, {
+		text: t,
+		children: /* @__PURE__ */ C(a, {
+			"aria-label": t,
+			"data-part": "search-close",
+			"data-part-search-close": "",
+			children: /* @__PURE__ */ C(V, { glyph: "x" }),
+			onClick: (t) => e(j(t), t.nativeEvent),
+			type: "button",
+			render: (e) => /* @__PURE__ */ C("button", { ...e })
+		})
+	});
+}
+function be() {
+	let e = O(), t = e.t("search");
+	return /* @__PURE__ */ C(P, {
+		text: t,
+		children: /* @__PURE__ */ C(a, {
+			"aria-label": t,
+			"data-part": "search-toggle",
+			"data-part-search-toggle": "",
+			children: /* @__PURE__ */ C(V, { glyph: "search" }),
+			onClick: (t) => e.setSearchOpen(!0, j(t), t.nativeEvent),
+			type: "button",
+			render: (t) => /* @__PURE__ */ C("button", {
+				...t,
+				ref: (n) => {
+					t.ref?.(n), e.setSearchToggleNode(n);
+				}
+			})
+		})
+	});
+}
+function xe({ children: e, ref: t, render: n, ...r }) {
+	let i = O(), a = f({
+		...r,
+		children: /* @__PURE__ */ w(S, { children: [i.hasSearch ? /* @__PURE__ */ C(be, {}) : null, e] }),
+		"data-part": "actions"
+	});
+	return n === void 0 ? /* @__PURE__ */ C("div", {
+		...a,
+		ref: t
+	}) : n(a);
+}
+function V({ glyph: n }) {
+	return /* @__PURE__ */ C(t, { children: /* @__PURE__ */ C(e, { name: n }) });
+}
+function H({ "aria-label": e, children: t, glyph: n, message: r, part: i, ref: o, render: s, ...c }) {
+	let l = e ?? r, u = f({
+		...c,
+		"aria-label": l,
+		children: n === void 0 ? t : /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(V, { glyph: n }), t] }),
+		"data-part": i,
+		type: "button"
+	});
+	return /* @__PURE__ */ C(P, {
+		text: l,
+		children: /* @__PURE__ */ C(a, {
+			...u,
+			render: (e) => {
+				let t = {
+					...e,
+					ref: (t) => {
+						e.ref?.(t), A(t, o);
+					}
+				};
+				return s === void 0 ? /* @__PURE__ */ C("button", { ...t }) : s(t);
+			}
+		})
+	});
+}
+function U({ "aria-label": e, children: t, href: n, ref: r, render: i, ...o }) {
+	let s = O();
+	v(() => (s.setHasHelp(!0), () => s.setHasHelp(!1)), [s.setHasHelp]);
+	let c = e ?? s.t("help"), l = s.narrowest && s.panelPresent && s.panelNode !== null, u = f({
+		...o,
+		...e === void 0 ? {} : { "aria-label": e },
+		children: /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(V, { glyph: "circle-question" }), t ?? c] }),
+		"data-part": "help",
+		...n === void 0 ? {} : { href: n }
+	}), p = /* @__PURE__ */ C(P, {
+		disabled: l,
+		text: c,
+		children: /* @__PURE__ */ C(a, {
+			...u,
+			render: (e) => {
+				let t = {
+					...e,
+					ref: (t) => {
+						e.ref?.(t), A(t, r);
+					}
+				};
+				return i === void 0 ? n === void 0 ? /* @__PURE__ */ C("button", {
+					...t,
+					type: "button"
+				}) : /* @__PURE__ */ C("a", { ...t }) : i(d(t));
+			}
+		})
+	});
+	return l ? T(p, s.panelNode) : p;
+}
+function Se(e) {
+	let t = O();
+	return /* @__PURE__ */ C(H, {
+		...e,
+		glyph: "bell",
+		message: t.t("notifications"),
+		part: "notifications"
+	});
+}
+function W({ "aria-label": e, children: t, href: n, ref: r, render: i, ...o }) {
+	let s = e ?? "", c = f({
+		...o,
+		...e === void 0 ? {} : { "aria-label": e },
+		children: t,
+		"data-part": "action",
+		...n === void 0 ? {} : { href: n }
+	});
+	return /* @__PURE__ */ C(P, {
+		disabled: s === "",
+		text: s,
+		children: /* @__PURE__ */ C(a, {
+			...c,
+			render: (e) => {
+				let t = {
+					...e,
+					ref: (t) => {
+						e.ref?.(t), A(t, r);
+					}
+				};
+				return i === void 0 ? n === void 0 ? /* @__PURE__ */ C("button", {
+					...t,
+					type: "button"
+				}) : /* @__PURE__ */ C("a", { ...t }) : i(d(t));
+			}
+		})
+	});
+}
+function Ce({ children: e, ref: t, render: n, ...r }) {
+	let i = f({
+		...r,
+		children: e,
+		"data-part": "count"
+	});
+	return n === void 0 ? /* @__PURE__ */ C("span", {
+		...i,
+		ref: t
+	}) : n(i);
+}
+function we(e) {
+	let t = O();
+	return /* @__PURE__ */ C(H, {
+		...e,
+		message: t.t("account"),
+		part: "account"
+	});
+}
+//#endregion
+export { E as C, O as S, ce as T, z as _, me as a, ue as b, F as c, _e as d, I as f, B as g, Se as h, fe as i, L as l, he as m, W as n, Ce as o, pe as p, xe as r, U as s, we as t, R as u, N as v, le as w, k as x, D as y };