themelia-ui 3.0.0 → 3.2.0

package/dist/{overlays-DvVoS3td.js → overlays-1sULyytH.js}

@@ -1,15 +1,17 @@
+import "#core.css";
 import { t as e } from "./cx--CBrhWH0.js";
-import { _ as t, h as n } from "./feedback-DRerHGuV.js";
-import { c as r } from "./buttons-CqXKWty3.js";
-import { t as i } from "./use-latest-CF0678ae.js";
-import { d as a } from "./display-B3Q17h5z.js";
-import { a as o, c as s, l as c, o as l, s as u, t as d, u as f } from "./overlay-WQOsLd69.js";
-import { r as p } from "./alert-dialog-BMVo6Z-8.js";
-import { t as m } from "./dialog-CtFCuTUF.js";
-import { t as h } from "./sheet-CKcmRbJ9.js";
+import { c as t } from "./buttons-BX2JfL5X.js";
+import { a as n, c as r, l as i, o as a, s as o, t as s, u as c } from "./overlay-BuQOl8aP.js";
+import { r as l } from "./alert-dialog-Cg2HhuBe.js";
+import { _ as u, h as d } from "./feedback-D4qVsKlD.js";
+import { d as f } from "./display-a7AoX_u7.js";
+import { t as p } from "./dialog-CAnwRNrm.js";
+import { t as m } from "./use-latest-CF0678ae.js";
+import { t as h } from "./sheet-CJ1-OAla.js";
 import { CircleAlertIcon as g, CircleCheckIcon as _, CircleHelpIcon as v, InfoIcon as y, TriangleAlertIcon as b } from "lucide-react";
 import { isValidElement as x, useCallback as S, useEffect as C, useId as w, useMemo as T, useRef as E, useState as D } from "react";
 import { Fragment as O, jsx as k, jsxs as A } from "react/jsx-runtime";
+import "#css/overlays.css";
 var j = {
 	titleRow: "overlays__titleRow___K3_u1",
 	toneIcon: "overlays__toneIcon___mxd2g",
@@ -39,41 +41,41 @@ function ee({ tone: e, showIcon: t, children: n }) {
 		})]
 	}) : /* @__PURE__ */ k(O, { children: n });
 }
-function te({ tone: e, children: r }) {
+function te({ tone: e, children: t }) {
 	return /* @__PURE__ */ k("div", {
 		className: j.notice,
-		children: /* @__PURE__ */ k(n, {
+		children: /* @__PURE__ */ k(d, {
 			tone: e === "neutral" ? "info" : e,
-			children: /* @__PURE__ */ k(t, { children: r })
+			children: /* @__PURE__ */ k(u, { children: t })
 		})
 	});
 }
-function ne({ copy: t, showCancel: n, showConfirm: i, confirmTone: a, confirmStyle: o, busy: s, formId: c, onCancel: l, onConfirm: u }) {
-	return !n && !i ? null : /* @__PURE__ */ A("div", {
+function ne({ copy: n, showCancel: r, showConfirm: i, confirmTone: a, confirmAppearance: o, busy: s, formId: c, onCancel: l, onConfirm: u }) {
+	return !r && !i ? null : /* @__PURE__ */ A("div", {
 		className: e("overlay-actions--component", j.actions),
-		children: [n && /* @__PURE__ */ k(r, {
+		children: [r && /* @__PURE__ */ k(t, {
 			type: "button",
 			tone: "neutral",
-			buttonStyle: "outline",
+			appearance: "outline",
 			disabled: s,
 			onClick: l,
-			children: t.cancel
-		}), i && /* @__PURE__ */ k(r, {
+			children: n.cancel
+		}), i && /* @__PURE__ */ k(t, {
 			type: c ? "submit" : "button",
 			form: c,
 			tone: a,
-			buttonStyle: o,
+			appearance: o,
 			loading: s,
 			onClick: c ? void 0 : () => void u(),
-			children: t.confirm
+			children: n.confirm
 		})]
 	});
 }
-function re({ title: e, description: t, titleId: n, descriptionId: r, Title: i, Description: o }) {
-	return /* @__PURE__ */ A(a, { children: [!!e && /* @__PURE__ */ k(i, {
+function re({ title: e, description: t, titleId: n, descriptionId: r, Title: i, Description: a }) {
+	return /* @__PURE__ */ A(f, { children: [!!e && /* @__PURE__ */ k(i, {
 		id: n,
 		children: e
-	}), !!t && /* @__PURE__ */ k(o, {
+	}), !!t && /* @__PURE__ */ k(a, {
 		id: r,
 		children: t
 	})] });
@@ -150,71 +152,71 @@ function I({ close: e, open: t = !0, onConfirm: n, onAsyncConfirm: r, closeOnAsy
 function L(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
-function R({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: a } = {}) {
-	let [o, s] = D(e), c = t !== void 0, l = c ? t : o, u = i(l), d = S((e) => {
-		let t = L(e, u.current);
-		t !== u.current && (c || s(t), n?.(t), t ? r?.() : a?.());
+function R({ defaultOpen: e = !1, open: t, onOpenChange: n, onOpen: r, onClose: i } = {}) {
+	let [a, o] = D(e), s = t !== void 0, c = s ? t : a, l = m(c), u = S((e) => {
+		let t = L(e, l.current);
+		t !== l.current && (s || o(t), n?.(t), t ? r?.() : i?.());
 	}, [
-		c,
+		s,
 		n,
 		r,
-		a,
-		u
+		i,
+		l
 	]);
 	return {
-		open: l,
-		setOpen: d,
-		show: S(() => d(!0), [d]),
-		hide: S(() => d(!1), [d]),
-		toggle: S(() => d((e) => !e), [d]),
+		open: c,
+		setOpen: u,
+		show: S(() => u(!0), [u]),
+		hide: S(() => u(!1), [u]),
+		toggle: S(() => u((e) => !e), [u]),
 		overlayProps: T(() => ({
-			open: l,
-			onOpenChange: d
-		}), [l, d])
+			open: c,
+			onOpenChange: u
+		}), [c, u])
 	};
 }
-function z(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: a = !1 } = {}) {
-	let o = S((t) => Object.fromEntries(e.map((e) => [e, !!t?.[e]])), [e]), [s, c] = D(() => o(t)), l = n !== void 0, u = l ? o(n) : s, d = i(u), f = S((t, n) => {
-		let i = d.current, o = L(n, i[t]);
-		if (o === i[t]) return;
-		let s = a && o ? Object.fromEntries(e.map((e) => [e, e === t])) : {
-			...i,
+function z(e, { defaultOpen: t, open: n, onOpenChange: r, closeOthersOnOpen: i = !1 } = {}) {
+	let a = S((t) => Object.fromEntries(e.map((e) => [e, !!t?.[e]])), [e]), [o, s] = D(() => a(t)), c = n !== void 0, l = c ? a(n) : o, u = m(l), d = S((t, n) => {
+		let a = u.current, o = L(n, a[t]);
+		if (o === a[t]) return;
+		let l = i && o ? Object.fromEntries(e.map((e) => [e, e === t])) : {
+			...a,
 			[t]: o
 		};
-		l || c(s), r?.(t, o, s);
+		c || s(l), r?.(t, o, l);
 	}, [
-		a,
-		l,
+		i,
+		c,
 		e,
 		r,
-		d
+		u
 	]);
 	return T(() => Object.fromEntries(e.map((e) => {
-		let t = (t) => f(e, t);
+		let t = (t) => d(e, t);
 		return [e, {
-			open: u[e],
+			open: l[e],
 			setOpen: t,
-			show: () => f(e, !0),
-			hide: () => f(e, !1),
-			toggle: () => f(e, (e) => !e),
+			show: () => d(e, !0),
+			hide: () => d(e, !1),
+			toggle: () => d(e, (e) => !e),
 			overlayProps: {
-				open: u[e],
+				open: l[e],
 				onOpenChange: t
 			}
 		}];
 	})), [
 		e,
-		f,
-		u
+		d,
+		l
 	]);
 }
 //#endregion
 //#region src/components/features/overlays/action-overlay-frame.tsx
-function B({ open: t, onOpenChange: n, onClose: r, children: i, title: a, description: p, hideHeader: m = !1, showCloseButton: h = !0, initialFocusRef: g, closeOnEscape: _ = !0, closeOnBackdropClick: v = !0, surfaceStyle: y, className: b, contentClassName: S, strings: C, trigger: T, showCancel: E = !0, showConfirm: D = !0, onCancel: O, onConfirm: j, onAsyncConfirm: M, onError: N, closeOnAsyncComplete: P = !0, confirmTone: F = "primary", confirmStyle: L = "solid", loading: z = !1, formId: B, footer: V, emphasis: H = !1, tone: U = "neutral", showIcon: W, alertMessage: G, parts: K, hook: q, contentProps: ie, alwaysRenderBody: ae = !1, showFooter: oe = !0, dismissible: se = !0, defaultStrings: J, showIconByDefault: ce = !1 }) {
-	let { Content: le } = K, Y = w(), X = a ? `${Y}-title` : void 0, Z = p ? `${Y}-description` : void 0, Q = R({
+function B({ open: t, onOpenChange: l, onClose: u, children: d, title: f, description: p, hideHeader: m = !1, showCloseButton: h = !0, initialFocusRef: g, closeOnEscape: _ = !0, closeOnBackdropClick: v = !0, surfaceStyle: y, className: b, contentClassName: S, strings: C, trigger: T, showCancel: E = !0, showConfirm: D = !0, onCancel: O, onConfirm: j, onAsyncConfirm: M, onError: N, closeOnAsyncComplete: P = !0, confirmTone: F = "primary", confirmAppearance: L = "solid", loading: z = !1, formId: B, footer: V, emphasis: H = !1, tone: U = "neutral", showIcon: W, alertMessage: G, parts: K, hook: q, contentProps: ie, alwaysRenderBody: ae = !1, showFooter: oe = !0, dismissible: se = !0, defaultStrings: J, showIconByDefault: ce = !1 }) {
+	let { Content: le } = K, Y = w(), X = f ? `${Y}-title` : void 0, Z = p ? `${Y}-description` : void 0, Q = R({
 		open: t,
-		onOpenChange: n,
-		onClose: r
+		onOpenChange: l,
+		onClose: u
 	}), $ = I({
 		close: Q.hide,
 		open: Q.open,
@@ -233,10 +235,10 @@ function B({ open: t, onOpenChange: n, onClose: r, children: i, title: a, descri
 	}), ue = {
 		escape: _ && !$.busy,
 		backdrop: v && !$.busy
-	}, de = oe && (V !== void 0 || E || D), fe = ae || i != null || !!G, pe = W ?? ce;
-	return /* @__PURE__ */ A(d, {
+	}, de = oe && (V !== void 0 || E || D), fe = ae || d != null || !!G, pe = W ?? ce;
+	return /* @__PURE__ */ A(s, {
 		...Q.overlayProps,
-		children: [x(T) && /* @__PURE__ */ k(o, { render: T }), /* @__PURE__ */ A(le, {
+		children: [x(T) && /* @__PURE__ */ k(n, { render: T }), /* @__PURE__ */ A(le, {
 			"aria-labelledby": X,
 			"aria-describedby": Z,
 			...se ? {
@@ -249,36 +251,36 @@ function B({ open: t, onOpenChange: n, onClose: r, children: i, title: a, descri
 			style: y,
 			children: [
 				m ? /* @__PURE__ */ k(re, {
-					title: a,
+					title: f,
 					description: p,
 					titleId: X,
 					descriptionId: Z,
-					Title: u,
-					Description: l
-				}) : (!!a || !!p) && /* @__PURE__ */ A(f, { children: [!!a && /* @__PURE__ */ k(u, {
+					Title: o,
+					Description: a
+				}) : (!!f || !!p) && /* @__PURE__ */ A(c, { children: [!!f && /* @__PURE__ */ k(o, {
 					id: X,
 					children: /* @__PURE__ */ k(ee, {
 						tone: U,
 						showIcon: pe,
-						children: a
+						children: f
 					})
-				}), !!p && /* @__PURE__ */ k(l, {
+				}), !!p && /* @__PURE__ */ k(a, {
 					id: Z,
 					children: p
 				})] }),
-				fe && /* @__PURE__ */ A(c, {
+				fe && /* @__PURE__ */ A(i, {
 					className: S,
 					children: [!!G && /* @__PURE__ */ k(te, {
 						tone: U,
 						children: G
-					}), i]
+					}), d]
 				}),
-				de && /* @__PURE__ */ k(s, { children: V ?? /* @__PURE__ */ k(ne, {
+				de && /* @__PURE__ */ k(r, { children: V ?? /* @__PURE__ */ k(ne, {
 					copy: $.copy,
 					showCancel: E,
 					showConfirm: D,
 					confirmTone: $.confirmTone,
-					confirmStyle: L,
+					confirmAppearance: L,
 					busy: $.busy,
 					formId: B,
 					onCancel: $.cancel,
@@ -296,14 +298,14 @@ var V = {
 	lg: "42rem",
 	xl: "56rem",
 	full: "100vw"
-}, H = { Content: m };
+}, H = { Content: p };
 function U({ width: e = "md", surfaceStyle: t, ...n }) {
 	return /* @__PURE__ */ k(B, {
 		...n,
 		parts: H,
 		hook: "action-dialog",
 		surfaceStyle: {
-			"--overlay-max-width": V[e] ?? e,
+			"--_overlay-max-width": V[e] ?? e,
 			...t
 		}
 	});
@@ -329,7 +331,7 @@ function G({ side: e = "inline-end", size: t, length: n, inset: r, modality: i =
 }
 //#endregion
 //#region src/components/features/overlays/confirm-dialog.tsx
-var K = { Content: p };
+var K = { Content: l };
 function q({ tone: e, confirmTone: t, destructive: n = !1, ...r }) {
 	let i = e ?? (n ? "destructive" : "neutral");
 	return /* @__PURE__ */ k(B, {

package/dist/popover-CA7SP_iz.js

@@ -0,0 +1,127 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { u as r } from "./ui-provider-DpzLUD12.js";
+import { t as i } from "./slot-2Jf4M2nC.js";
+import { t as a } from "./render-with-children-Clu_g9wb.js";
+import * as o from "react";
+import { jsx as s } from "react/jsx-runtime";
+import { Popover as c } from "@base-ui/react/popover";
+import "#css/popover.css";
+var l = {
+	positioner: "popover__positioner___lS_UY",
+	content: "popover__content___qXVxn",
+	insetFlush: "popover__insetFlush___W24on",
+	header: "popover__header___W9Ec-",
+	description: "popover__description___ogjFL",
+	footer: "popover__footer___A99MZ"
+}, u = o.createContext(null);
+function d({ ...e }) {
+	let [t, n] = o.useState(null), r = o.useMemo(() => ({
+		anchor: t,
+		setAnchor: n
+	}), [t]);
+	return /* @__PURE__ */ s(u.Provider, {
+		value: r,
+		children: /* @__PURE__ */ s(c.Root, {
+			"data-slot": "popover",
+			...e
+		})
+	});
+}
+function f(e) {
+	return o.isValidElement(e) ? typeof e.type == "string" ? e.type === "button" : !("href" in (e.props ?? {})) : !0;
+}
+function p({ nativeButton: e, render: t, children: n, ...r }) {
+	let i = typeof t == "function" ? (e, n) => {
+		let { nativeButton: r, ...i } = e;
+		return t(i, n);
+	} : t, a = e ?? f(t);
+	return /* @__PURE__ */ s(c.Trigger, {
+		"data-slot": "popover-trigger",
+		render: i,
+		nativeButton: a,
+		...r,
+		children: n
+	});
+}
+function m({ render: e, children: t, ...n }) {
+	let r = o.useContext(u)?.setAnchor, c = o.useCallback((e) => r?.(e), [r]);
+	return e ? /* @__PURE__ */ s(i, {
+		ref: c,
+		"data-slot": "popover-anchor",
+		...n,
+		children: a(e, t)
+	}) : /* @__PURE__ */ s("span", {
+		ref: c,
+		"data-slot": "popover-anchor",
+		...n,
+		children: t
+	});
+}
+function h({ container: t, className: i, align: a = "center", alignOffset: d = 0, side: f = "bottom", sideOffset: p = 4, disablePortal: m = !1, inset: h = "padded", width: g, minWidth: _, maxWidth: v, style: y, ...b }) {
+	let x = r(t), S = o.useContext(u)?.anchor, C = (e) => typeof e == "number" ? `${e}px` : e, w = g === "auto" ? {
+		width: "max-content",
+		maxWidth: C(v) ?? "var(--available-width)"
+	} : g === "trigger" ? { width: "var(--anchor-width)" } : g == null ? {} : { width: C(g) }, T = /* @__PURE__ */ s(c.Positioner, {
+		anchor: S ?? void 0,
+		align: a,
+		alignOffset: d,
+		side: f,
+		sideOffset: p,
+		className: l.positioner,
+		children: /* @__PURE__ */ s(c.Popup, {
+			"data-slot": "popover-content",
+			className: n("popover-content--component", l.content, h === "flush" && l.insetFlush, e({ size: "sm" }), i),
+			style: {
+				...w,
+				..._ != null && { minWidth: C(_) },
+				...v != null && g !== "auto" && { maxWidth: C(v) },
+				...y
+			},
+			...b
+		})
+	});
+	return m ? T : /* @__PURE__ */ s(c.Portal, {
+		container: x,
+		children: T
+	});
+}
+function g({ className: t, ...r }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "popover-header",
+		className: n("popover-header--component", l.header, e({ size: "sm" }), t),
+		...r
+	});
+}
+function _({ className: t, ...r }) {
+	return /* @__PURE__ */ s(c.Title, {
+		"data-slot": "popover-title",
+		className: n("popover-title--component", e({
+			size: "sm",
+			weight: "medium"
+		}), t),
+		...r
+	});
+}
+function v({ className: e, ...r }) {
+	return /* @__PURE__ */ s(c.Description, {
+		"data-slot": "popover-description",
+		render: /* @__PURE__ */ s(t, {
+			tag: "p",
+			size: "inherit",
+			type: "secondary"
+		}),
+		className: n("popover-description--component", l.description, e),
+		...r
+	});
+}
+function y({ className: e, ...t }) {
+	return /* @__PURE__ */ s("div", {
+		"data-slot": "popover-footer",
+		className: n("popover-footer--component", l.footer, e),
+		...t
+	});
+}
+//#endregion
+export { y as a, p as c, v as i, m as n, g as o, h as r, _ as s, d as t };

package/dist/popover-menu-QXgQeWeG.js

@@ -0,0 +1,192 @@
+import "#core.css";
+import { c as e, s as t } from "./typography-DmeR05Er.js";
+import { t as n } from "./cx--CBrhWH0.js";
+import { c as r } from "./buttons-BX2JfL5X.js";
+import { a as i, i as a, o, r as s, s as c, t as l } from "./command-JjApYFds.js";
+import { c as u, r as d, t as f } from "./popover-CA7SP_iz.js";
+import { Loader2Icon as p, RotateCcwIcon as m } from "lucide-react";
+import { useLayoutEffect as h, useRef as g, useState as _ } from "react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import "#css/popover-menu.css";
+//#region src/components/base/popover-menu/popover-menu.strings.ts
+var x = {
+	loading: "Loading…",
+	searchPlaceholder: "Search",
+	empty: "No results.",
+	error: "Could not load results.",
+	retry: "Try again",
+	formatTypeToSearch: (e) => `Type at least ${e} character${e === 1 ? "" : "s"} to search…`
+}, S = {
+	content: "popover-menu__content___Kr8hP",
+	band: "popover-menu__band___PdjAc",
+	header: "popover-menu__header___Pj4Sh",
+	footer: "popover-menu__footer___3Oakp",
+	list: "popover-menu__list___btqi4",
+	loading: "popover-menu__loading___YbaQt",
+	loadingIcon: "popover-menu__loadingIcon___O5kIK",
+	status: "popover-menu__status___5is41",
+	icon: "popover-menu__icon___6TEm_",
+	item: "popover-menu__item___NaDY3",
+	body: "popover-menu__body___al2mv",
+	description: "popover-menu__description___QvPy0"
+};
+//#endregion
+//#region src/components/base/popover-menu/popover-menu.tsx
+function C({ trigger: e, items: t, onSelect: r, open: i, onOpenChange: a, search: o = !0, searchValue: s, onSearchChange: c, minSearchLength: l = 0, loading: p = !1, error: m, onRetry: h, header: v, footer: x, closeOnSelect: C, empty: w, loadingSlot: T, strings: D, renderItem: O, align: k = "start", sideOffset: A, label: j, className: M }) {
+	let [N, P] = _(!1), F = i ?? N, I = (e) => {
+		i === void 0 && P(e), a?.(e);
+	}, L = C ?? x == null, R = g(null);
+	return /* @__PURE__ */ b(f, {
+		open: F,
+		onOpenChange: I,
+		children: [/* @__PURE__ */ y(u, { render: e }), /* @__PURE__ */ y(d, {
+			align: k,
+			sideOffset: A,
+			inset: "flush",
+			initialFocus: o ? void 0 : R,
+			className: n("popover-menu--component", S.content, M),
+			children: /* @__PURE__ */ y(E, {
+				ref: R,
+				items: t,
+				onSelect: (e) => {
+					r(e), L && I(!1);
+				},
+				search: o,
+				searchValue: s,
+				onSearchChange: c,
+				minSearchLength: l,
+				loading: p,
+				error: m,
+				onRetry: h,
+				header: v,
+				footer: x,
+				empty: w,
+				loadingSlot: T,
+				strings: D,
+				renderItem: O,
+				label: j
+			})
+		})]
+	});
+}
+var w = /* @__PURE__ */ new Set([
+	"Enter",
+	"ArrowUp",
+	"ArrowDown",
+	"Home",
+	"End"
+]);
+function T(e) {
+	w.has(e.key) && e.stopPropagation();
+}
+function E({ items: u, onSelect: d, search: f = !0, searchValue: C, onSearchChange: w, minSearchLength: E = 0, loading: D = !1, error: O, onRetry: k, header: A, footer: j, empty: M, loadingSlot: N, strings: P, renderItem: F, label: I, ref: L, className: R }) {
+	let z = {
+		...x,
+		...P
+	}, B = g(null), V = (e) => {
+		B.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
+	}, [H, U] = _(""), W = (C ?? H).trim(), G = W.length > 0 && W.length < E, K = D && !G, q = !G && !D && O != null && O !== !1, J = !G && !q;
+	return h(() => {
+		let e = B.current;
+		e && (e.tabIndex = f ? -1 : 0);
+	}, [f]), /* @__PURE__ */ b(l, {
+		label: I,
+		shouldFilter: !w,
+		className: n("popover-menu-panel--component", "popover-menu--collection", R),
+		children: [
+			A != null && /* @__PURE__ */ y("div", {
+				className: n("popover-menu--header", S.band, S.header),
+				onKeyDown: T,
+				children: A
+			}),
+			f && /* @__PURE__ */ y(i, {
+				placeholder: z.searchPlaceholder,
+				value: C,
+				onValueChange: (e) => {
+					C === void 0 && U(e), w?.(e);
+				}
+			}),
+			/* @__PURE__ */ b(c, {
+				ref: V,
+				label: I,
+				className: S.list,
+				children: [
+					K && (N ?? /* @__PURE__ */ b("div", {
+						className: S.loading,
+						children: [/* @__PURE__ */ y(p, {
+							"aria-hidden": !0,
+							className: S.loadingIcon
+						}), /* @__PURE__ */ y(t, {
+							tag: "span",
+							size: "xs",
+							type: "secondary",
+							children: z.loading
+						})]
+					})),
+					J && !D && /* @__PURE__ */ y(s, { children: M ?? z.empty }),
+					J && u.length > 0 && /* @__PURE__ */ y(a, { children: u.map((e) => /* @__PURE__ */ y(o, {
+						value: e.searchValue ?? e.value,
+						onSelect: () => d(e),
+						disabled: e.disabled,
+						"data-checked": e.selected || void 0,
+						className: S.item,
+						children: F ? F(e) : /* @__PURE__ */ b(v, { children: [e.icon != null && /* @__PURE__ */ y("span", {
+							className: S.icon,
+							children: e.icon
+						}), /* @__PURE__ */ b("div", {
+							className: S.body,
+							children: [/* @__PURE__ */ y(t, {
+								tag: "span",
+								size: "inherit",
+								lineHeight: "tight",
+								weight: e.selected ? "medium" : "normal",
+								truncate: !0,
+								children: e.label
+							}), e.description != null && /* @__PURE__ */ y(t, {
+								tag: "span",
+								size: "xs",
+								type: "secondary",
+								className: S.description,
+								children: e.description
+							})]
+						})] })
+					}, e.value)) })
+				]
+			}),
+			G && /* @__PURE__ */ y("div", {
+				role: "status",
+				className: n("popover-menu--status", S.status, e({ size: "sm" })),
+				children: /* @__PURE__ */ y(t, {
+					tag: "div",
+					size: "inherit",
+					type: "secondary",
+					children: z.formatTypeToSearch?.(E)
+				})
+			}),
+			q && /* @__PURE__ */ b("div", {
+				role: "alert",
+				className: n("popover-menu--error", S.status, e({ size: "sm" })),
+				onKeyDown: T,
+				children: [/* @__PURE__ */ y(t, {
+					tag: "div",
+					size: "inherit",
+					type: "error",
+					children: O === !0 ? z.error : O
+				}), k && /* @__PURE__ */ b(r, {
+					type: "button",
+					tone: "neutral",
+					appearance: "outline",
+					onClick: k,
+					children: [/* @__PURE__ */ y(m, {}), z.retry]
+				})]
+			}),
+			j != null && /* @__PURE__ */ y("div", {
+				className: n("popover-menu--footer", S.band, S.footer),
+				onKeyDown: T,
+				children: j
+			})
+		]
+	});
+}
+//#endregion
+export { E as n, x as r, C as t };