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

package/dist/top-navigation-DkklehE6.js

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