bitboss-ui 3.0.0-beta.63 → 3.0.0-beta.65

package/dist/components/BbDropdown/BbDropdownList.vue_vue_type_script_setup_true_lang.js

@@ -1,63 +1,64 @@
 import { useConfig as e } from "../../composables/useConfig.js";
 import { useId as t } from "../../composables/useId.js";
 import { slotKey as n } from "../../utilities/functions/slotKey.js";
-import { extractDomContainer as r } from "../../utilities/functions/extractDomContainer.js";
+import { extractHtmlContainer as r } from "../../utilities/functions/extractDomContainer.js";
 import i from "../CommonPopover/CommonPopover.vue.js";
 import { useSheetSurface as a } from "../../composables/useSheetSurface.js";
-import { focusQuietly as ee, focusVisibly as te } from "../../utils/focusVisibility.js";
-import { BB_BASE_BUTTON_PROP_KEYS as ne } from "../BbBaseButton/types.js";
-import { useLocale as re } from "../../composables/useLocale.js";
-import o from "../BbIcon/BbIcon.vue.js";
-import ie from "../BbBadge/BbBadge.vue.js";
-import ae from "../ErrorIcon/ErrorIcon.vue.js";
-import oe from "./DropdownRow.vue.js";
-import { isImeComposing as se } from "../../utilities/functions/isImeComposing.js";
-import { matchAnyKey as ce } from "../../utilities/functions/matchAnyKey.js";
-import le from "../../assets/svgs/search.svg_raw.js";
-import { useImeDismissBlur as ue } from "../../composables/useImeDismissBlur.js";
-import { isPrintableTypeaheadKey as de, normalizeSearchToken as fe, useTypeahead as pe } from "../../composables/useTypeahead.js";
-import { levelHasSearch as me, normalizeGroups as he } from "./normalizeGroups.js";
+import { focusQuietly as o, focusVisibly as ee } from "../../utils/focusVisibility.js";
+import { BB_BASE_BUTTON_PROP_KEYS as te } from "../BbBaseButton/types.js";
+import { useLocale as ne } from "../../composables/useLocale.js";
+import s from "../BbIcon/BbIcon.vue.js";
+import re from "../BbBadge/BbBadge.vue.js";
+import ie from "../ErrorIcon/ErrorIcon.vue.js";
+import ae from "./DropdownRow.vue.js";
+import { isImeComposing as oe } from "../../utilities/functions/isImeComposing.js";
+import { matchAnyKey as se } from "../../utilities/functions/matchAnyKey.js";
+import ce from "../../assets/svgs/search.svg_raw.js";
+import { useImeDismissBlur as le } from "../../composables/useImeDismissBlur.js";
+import { isPrintableTypeaheadKey as ue, normalizeSearchToken as de, useTypeahead as fe } from "../../composables/useTypeahead.js";
+import { levelHasSearch as pe, normalizeGroups as me, sectionTitle as he } from "./normalizeGroups.js";
 import { useDropdownContext as ge } from "./useDropdownContext.js";
 import _e from "./BbDropdownList.vue.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as ve, createVNode as p, defineComponent as ye, mergeProps as m, nextTick as h, normalizeClass as g, normalizeStyle as be, onBeforeUnmount as xe, onMounted as Se, openBlock as _, ref as v, renderList as y, resolveDynamicComponent as b, toDisplayString as x, unref as S, watch as Ce, watchEffect as we, withCtx as Te, withKeys as Ee, withModifiers as De } from "vue";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as ve, createVNode as m, defineComponent as ye, h as be, mergeProps as h, nextTick as xe, normalizeClass as Se, normalizeStyle as Ce, onBeforeUnmount as we, onMounted as Te, onUpdated as Ee, openBlock as g, ref as _, renderList as v, resolveDynamicComponent as y, toDisplayString as b, unref as x, watch as S, watchEffect as De, withCtx as Oe, withKeys as ke, withModifiers as Ae } from "vue";
 //#region src/components/BbDropdown/BbDropdownList.vue?vue&type=script&setup=true&lang.ts
-var Oe = {
+var je = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "bb-dropdown__divider"
-}, ke = [
+}, Me = [
 	"id",
 	"role",
 	"tabindex",
 	"onClick",
 	"onKeydown"
-], Ae = {
+], Ne = {
 	key: 4,
 	class: "group-title__content"
-}, je = {
+}, Pe = {
 	key: 2,
 	class: "bb-dropdown__sheet-selection"
-}, Me = { class: "bb-dropdown__sheet-chips" }, Ne = {
+}, Fe = { class: "bb-dropdown__sheet-chips" }, Ie = {
 	key: 3,
 	class: "bb-dropdown__group-search",
 	role: "none"
-}, Pe = [
+}, Le = [
 	"aria-label",
 	"placeholder",
 	"value",
 	"onInput"
-], Fe = {
+], Re = {
 	key: 0,
 	"aria-hidden": "true",
 	class: "bb-dropdown__group-loading"
-}, Ie = ["aria-labelledby", "role"], Le = { class: "item__content" }, Re = [
+}, ze = ["aria-labelledby", "role"], Be = ["id"], Ve = { class: "group-title__content" }, He = { class: "item__content" }, Ue = [
 	"id",
 	"aria-label",
 	"data-bb-dropdown-surface",
 	"inert",
 	"role",
+	"onKeydown",
 	"onPointerleave"
-], ze = 289, Be = 160, Ve = 100, He = 120, Ue = /*@__PURE__*/ ye({
+], We = 289, Ge = 160, Ke = 100, qe = 120, Je = /*@__PURE__*/ ye({
 	__name: "BbDropdownList",
 	props: {
 		groups: {},
@@ -67,20 +68,20 @@ var Oe = {
 		slotDepth: {}
 	},
 	emits: ["close-level"],
-	setup(ye, { expose: Ue, emit: We }) {
-		let C = ye, Ge = We, Ke = c(() => C.slotDepth ?? C.level), w = ge(), { inSheet: T } = a(), { t: qe } = re(), Je = qe("select.searchLabel"), Ye = qe("common.emptyText"), Xe = (e, t, n) => {
+	setup(ye, { expose: Je, emit: Ye }) {
+		let C = ye, Xe = Ye, Ze = l(() => C.slotDepth ?? C.level), w = ge(), { inSheet: T } = a(), { t: Qe } = ne(), $e = Qe("select.searchLabel"), et = Qe("common.emptyText"), tt = (e, t, n) => {
 			if (e.placeholder || n === !1) return !0;
 			let r = n && n.length ? n : e.description == null ? ["label"] : ["label", "description"];
 			try {
-				return ce(e, r, t);
+				return se(e, r, t);
 			} catch {
 				return !1;
 			}
-		}, E = c(() => C.groups.map((e) => {
+		}, E = l(() => C.groups.map((e) => ot(nt(e)))), nt = (e) => {
 			if (!e.searchable || !e.id || w.isPipelineGroup(e.id)) return e;
 			let t = w.queryFor(e.id).trim();
 			if (!t) return e;
-			let n = e.items.filter((n) => Xe(n, t, e.filterBy));
+			let n = e.items.filter((n) => tt(n, t, e.filterBy));
 			return n.length ? {
 				...e,
 				items: n
@@ -90,143 +91,201 @@ var Oe = {
 					rowKey: "__bb-dropdown:no-results__",
 					domKey: "no-results",
 					placeholder: "empty",
-					label: w.emptyText.value ?? Ye.value,
+					label: w.emptyText.value ?? et.value,
 					disabled: !0
 				}]
 			};
-		}));
-		we(() => {
-			if (C.level !== 0) return;
-			let e = E.value.flatMap((e) => e.items).find((e) => e.placeholder);
-			w.setStatus(e?.label);
-		}), we(() => {
+		}, rt = (e, t) => {
+			if (!t.placeholder) return "section" in t ? t.section : he(e.groupBy, t);
+		}, it = /* @__PURE__ */ new WeakMap(), at = /* @__PURE__ */ new WeakMap(), ot = (e) => {
+			if (e.groupBy == null) return e;
+			let t = at.get(e.items);
+			if (!t) {
+				let n = /* @__PURE__ */ new Map();
+				for (let t of e.items) {
+					let r = rt(e, t), i = r === void 0 ? "" : `section:${r}`, a = n.get(i);
+					a || n.set(i, a = {
+						title: r,
+						items: []
+					}), a.items.push(t);
+				}
+				let r = n.get("");
+				n.delete("");
+				let i = r ? [["", r], ...n] : n, a = [];
+				t = [];
+				for (let [e, n] of i) a.push({
+					key: e,
+					title: n.title,
+					start: t.length,
+					items: n.items
+				}), t.push(...n.items);
+				at.set(e.items, t), it.set(t, a);
+			}
+			return {
+				...e,
+				items: t
+			};
+		}, st = (e) => it.get(e.items) ?? [{
+			key: "",
+			start: 0,
+			items: e.items
+		}], D = (e, { slots: t, attrs: n }) => e.titled ? be("div", n, t.default?.()) : t.default?.();
+		D.props = ["titled"], D.inheritAttrs = !1;
+		let ct = l(() => {
+			if (C.level === 0) for (let [e, t] of E.value.entries()) {
+				let n = t.items.find((e) => e.placeholder);
+				if (n) return {
+					gi: e,
+					item: n
+				};
+			}
+		}), O = {}, lt = (e, t) => {
+			t instanceof HTMLElement ? O[e] = t : delete O[e];
+		}, ut, k = C.level !== 0 || typeof MutationObserver > "u" ? void 0 : new MutationObserver(() => A()), A = () => {
+			let e = ct.value, t = e ? O[e.gi] : void 0;
+			if (t !== ut && (k?.disconnect(), ut = t, t && k?.observe(t, {
+				characterData: !0,
+				childList: !0,
+				subtree: !0
+			})), C.level !== 0) return;
+			let n = t && e && N(e.item) ? t.textContent?.replace(/\s+/g, " ").trim() : void 0;
+			w.setStatus(n || e?.item.label);
+		};
+		Te(A), Ee(A), S(ct, A, { flush: "post" }), we(() => k?.disconnect()), De(() => {
 			for (let e of C.groups) e.id && w.isPipelineGroup(e.id) && w.activateGroup(e.id);
 		});
-		let D = v({}), Ze = (e, t) => {
+		let j = _({}), dt = (e, t) => {
 			let n = r(t);
-			n instanceof HTMLInputElement ? D.value[e] = n : delete D.value[e];
-		}, Qe = c(() => E.value.find((e) => e.searchable && e.id)?.id), $e = (e) => {
+			n instanceof HTMLInputElement ? j.value[e] = n : delete j.value[e];
+		}, ft = l(() => E.value.find((e) => e.searchable && e.id)?.id), pt = (e) => {
 			if (T.value) return;
-			let t = e.maxHeight ?? (e.searchable ? ze : void 0);
+			let t = e.maxHeight ?? (e.searchable ? We : void 0);
 			if (!(t == null || t === 0 || t === "none")) return typeof t == "number" ? `${t}px` : t;
-		}, et = (e) => he(e).map((e) => e.selectable ? {
+		}, mt = (e) => me(e).map((e) => e.selectable ? {
 			...e,
 			selected: w.selectedFor(e.id ?? "")
-		} : e), tt = /* @__PURE__ */ new WeakMap(), nt = (e) => {
-			let t = tt.get(e);
-			return t === void 0 && tt.set(e, t = rt(e)), t;
-		}, rt = (e) => {
+		} : e), ht = /* @__PURE__ */ new WeakMap(), gt = (e) => {
+			let t = ht.get(e);
+			return t === void 0 && ht.set(e, t = _t(e)), t;
+		}, _t = (e) => {
 			if (e.slotKey) return n(e.slotKey);
 			if (e.keyless) return null;
 			let t = e.value;
 			return typeof t == "number" ? n(String(t)) : typeof t == "string" && t !== "" ? n(t) : null;
-		}, it = (e, t) => {
-			let n = nt(e);
+		}, vt = (e, t) => {
+			let n = gt(e);
 			if (n !== null) return w.slots[t ? `${n}:${t}` : n];
-		}, at = (e, t, n) => it(t, n) ?? ot(e, n), ot = (e, t) => {
+		}, yt = (e, t, n) => vt(t, n) ?? bt(e, n), bt = (e, t) => {
 			if (!e.id) return;
 			let r = `${n(e.id)}:item`;
 			return w.slots[t ? `${r}:${t}` : r];
-		}, st = (e) => e.variant && e.variant !== "default" ? `bb-dropdown__item--variant-${e.variant}` : void 0, ct = (e) => e.variant && e.variant !== "default" ? `bb-dropdown__group-title--variant-${e.variant}` : void 0, lt = (e) => e.selectable ? e.multiple ? "menuitemcheckbox" : "menuitemradio" : "menuitem", ut = (e, t) => e.selected.includes(t.rowKey), dt = /* @__PURE__ */ new WeakMap(), ft = (e, t) => {
+		}, xt = (e) => e.variant && e.variant !== "default" ? `bb-dropdown__item--variant-${e.variant}` : void 0, St = (e) => e.variant && e.variant !== "default" ? `bb-dropdown__group-title--variant-${e.variant}` : void 0, Ct = (e) => e.selectable ? e.multiple ? "menuitemcheckbox" : "menuitemradio" : "menuitem", wt = (e, t) => e.selected.includes(t.rowKey), Tt = /* @__PURE__ */ new WeakMap(), Et = (e, t) => {
 			let n = Object.keys(e);
 			return n.length === Object.keys(t).length && n.every((n) => n === "selected" || e[n] === t[n]);
-		}, pt = (e) => {
-			let t = dt.get(e.items);
-			return t && ft(t, e) ? t : (dt.set(e.items, e), e);
-		}, O = (e) => {
+		}, Dt = (e) => {
+			let t = Tt.get(e.items);
+			return t && Et(t, e) ? t : (Tt.set(e.items, e), e);
+		}, M = (e) => {
 			let t = 0;
 			for (let n = 0; n < e; n++) t += E.value[n]?.items.length ?? 0;
 			return t;
-		}, mt = /* @__PURE__ */ new Set([...ne.filter((e) => e !== "text" && e !== "disabled")]), ht = (e) => {
+		}, Ot = /* @__PURE__ */ new Set([...te.filter((e) => e !== "text" && e !== "disabled")]), kt = (e) => {
 			let t = {};
-			for (let [n, r] of Object.entries(e)) (mt.has(n) || /^(aria|data)-/.test(n)) && (t[n] = r);
+			for (let [n, r] of Object.entries(e)) Ot.has(n) && (t[n] = r);
 			return t;
-		}, gt = (e, t, n, r) => m(ht(t), {
-			"aria-busy": w.isItemLoading(t.rowKey) || void 0,
-			"aria-checked": e.selectable ? r : void 0,
-			"aria-describedby": Ct(e, t, n),
-			"aria-labelledby": St(e, t, n),
-			"aria-expanded": t.items ? K.value === t.rowKey : void 0,
-			"aria-haspopup": t.items ? "menu" : void 0,
-			class: [st(t), {
-				"bb-dropdown__item--selected": r,
-				"bb-dropdown__item--has-submenu": !!t.items,
-				"bb-dropdown__item--description": !!t.description
-			}],
-			"data-dropdown-item": "",
-			disabled: t.disabled || w.disabled.value,
-			role: lt(e),
-			tabindex: -1,
-			onClick: (r) => nn(e, t, n, r),
-			onKeydown: (e) => rn(t, n, e),
-			onMousedown: (t) => tn(e, t),
-			onPointerenter: (e) => Zt(t, n, e),
-			onPointerleave: (e) => $t(t, e)
-		}, k("item", t, r));
-		function k(e, t, n) {
+		}, At = (e, t, n, r, i) => {
+			let a = jt("item", t, r, i);
+			return h(kt(t), {
+				"aria-busy": w.isItemLoading(t.rowKey) || void 0,
+				"aria-checked": e.selectable ? r : void 0,
+				"aria-labelledby": Vt(e, t, n, a),
+				"aria-expanded": t.items ? q.value === t.rowKey : void 0,
+				"aria-haspopup": t.items ? Wt(t) ? "dialog" : "menu" : void 0,
+				"aria-controls": t.items && q.value === t.rowKey ? Gt(t) : void 0,
+				class: [xt(t), {
+					"bb-dropdown__item--selected": r,
+					"bb-dropdown__item--has-submenu": !!t.items,
+					"bb-dropdown__item--description": !!t.description
+				}],
+				"data-dropdown-item": "",
+				disabled: t.disabled || w.disabled.value,
+				role: Ct(e),
+				tabindex: -1,
+				onClick: (r) => Mn(e, t, n, r),
+				onKeydown: (e) => Nn(t, n, e),
+				onMousedown: (t) => jn(e, t),
+				onPointerenter: (e) => Dn(t, n, e),
+				onPointerleave: (e) => kn(t, e)
+			}, a, { "aria-describedby": Ht(e, t, n, a) });
+		};
+		function jt(e, t, n, r) {
 			return w.passthrough.part(e, {
 				selected: n,
-				disabled: t.disabled || w.disabled.value || void 0
-			}, j(t));
+				disabled: t.disabled || w.disabled.value || void 0,
+				activeLink: !!r?.activeLink,
+				exactActiveLink: !!r?.exactActiveLink
+			}, Mt(t), t.variant ?? "default");
 		}
-		let A = (e) => e.placeholder ? w.slots[e.placeholder === "loading" ? "loading" : "empty"] : void 0, j = (e) => {
-			let { rowKey: t, domKey: n, keyless: r, ...i } = e;
-			return i;
-		}, M = (e) => ({
+		let N = (e) => e.placeholder ? w.slots[e.placeholder === "loading" ? "loading" : "empty"] : void 0, Mt = (e) => {
+			let { rowKey: t, domKey: n, keyless: r, section: i, ...a } = e;
+			return a;
+		}, Nt = (e) => ({
 			id: e.id,
 			label: e.label,
 			meta: e.meta,
 			multiple: e.multiple,
 			selectable: e.selectable
-		}), _t = (e, t, n, r) => ({
+		}), Pt = (e, t, n, r, i) => ({
 			disabled: t.disabled || w.disabled.value,
-			group: M(e),
+			group: Nt(e),
 			groupTitle: !1,
 			index: n,
-			item: j(t),
-			level: Ke.value,
+			item: Mt(t),
+			level: Ze.value,
 			selected: r,
 			loading: w.isItemLoading(t.rowKey),
 			open: w.open.value,
 			placement: w.placement.value,
 			label: t.label,
-			description: t.description
-		}), N = (e, t) => {
+			description: t.description,
+			activeLink: !!i?.activeLink,
+			exactActiveLink: !!i?.exactActiveLink
+		}), P = (e, t) => {
 			if (!e.id) return;
 			let r = n(e.id);
 			return w.slots[t ? `${r}:${t}` : r];
-		}, P = (e) => !e.hideLabel && (!!e.label || !!e["prepend:icon"] || !!e["append:icon"] || !!N(e) || !!N(e, "prepend") || !!N(e, "append")), vt = (e) => !e.id || !e.selectable || !e.multiple ? [] : w.selectedChipsFor(e.id), F = t().id, yt = (e) => `${F.value}_group-title_${e}`, bt = (e) => `${F.value}_row-text_${e}`, I = (e) => `${F.value}_row-description_${e}`, xt = (e, t) => !!t.description && !at(e, t), St = (e, t, n) => {
-			let r = t;
-			return xt(e, t) && !r["aria-label"] && !r["aria-labelledby"] ? bt(n) : r["aria-labelledby"];
-		}, Ct = (e, t, n) => {
-			let r = t["aria-describedby"];
-			return xt(e, t) ? [r, I(n)].filter(Boolean).join(" ") : r;
-		}, wt = c(() => me(E.value)), Tt = (e) => !!e.items && me(et(e.items)), Et = (e) => wt.value ? "menu" : P(e) ? "group" : "none", Dt = (e, t) => P(e) ? yt(t) : void 0, L = (e, t) => ({
+		}, F = (e) => !e.hideLabel && (!!e.label || !!e["prepend:icon"] || !!e["append:icon"] || !!P(e) || !!P(e, "prepend") || !!P(e, "append")), Ft = (e) => !e.id || !e.selectable || !e.multiple ? [] : w.selectedChipsFor(e.id), I = t().id, It = (e) => `${I.value}_group-title_${e}`, Lt = (e, t) => `${I.value}_section-title_${e}_${n(t) || "none"}`, Rt = (e) => `${I.value}_row-text_${e}`, zt = (e) => `${I.value}_row-description_${e}`, Bt = (e, t) => !!t.description && !yt(e, t), Vt = (e, t, n, r) => Bt(e, t) && !r["aria-label"] && !r["aria-labelledby"] ? Rt(n) : r["aria-labelledby"], Ht = (e, t, n, r) => {
+			let i = r["aria-describedby"];
+			return Bt(e, t) ? [i, zt(n)].filter(Boolean).join(" ") : i;
+		}, Ut = l(() => pe(E.value)), Wt = (e) => !!e.items && pe(mt(e.items)), Gt = (e) => `submenu_${w.rootId}_${e.domKey}`, Kt = (e) => Ut.value ? "menu" : F(e) ? "group" : "none", qt = (e, t) => F(e) ? It(t) : void 0, L = (e, t) => ({
 			disabled: w.disabled.value,
-			group: M(e),
+			group: Nt(e),
 			groupTitle: !0,
 			index: t,
 			item: e,
-			level: Ke.value,
+			level: Ze.value,
 			selected: !1,
 			loading: !1,
 			open: w.open.value,
 			placement: w.placement.value,
 			label: e.label
-		}), R = v({}), Ot = (e, t) => {
+		}), Jt = (e) => e.key === "Escape" || e.key === "Esc", Yt = (e) => getComputedStyle(e).direction === "rtl", Xt = (e) => {
+			let { key: t, currentTarget: n } = e;
+			return t !== "ArrowLeft" && t !== "ArrowRight" || !(n instanceof Element) || !Yt(n) ? t : t === "ArrowLeft" ? "ArrowRight" : "ArrowLeft";
+		}, R = _({}), Zt = (e, t) => {
 			let n = r(t);
 			n ? R.value[e] = n : delete R.value[e];
-		}, z = v({}), kt = (e, t) => {
+		}, z = _({}), Qt = (e, t) => {
 			let n = r(t);
 			n instanceof HTMLElement ? z.value[e] = n : delete z.value[e];
 		}, B = () => {
 			let e = [], t = 0;
 			for (let n of E.value) {
-				n.onClick && P(n) && e.push(t - .5);
+				n.onClick && F(n) && e.push(t - .5);
 				for (let r of n.items) r.disabled || w.disabled.value || e.push(t), t++;
 			}
 			return e;
-		}, At = (e) => {
+		}, $t = (e) => {
 			let t = 0;
 			for (let n = 0; n < E.value.length; n++) {
 				if (t - .5 === e) return n;
@@ -235,359 +294,392 @@ var Oe = {
 			return -1;
 		}, V = (e, t) => {
 			if (e == null) return;
-			let n = Number.isInteger(e) ? R.value[e] : z.value[At(e)];
-			t === void 0 ? n?.focus() : t ? te(n) : ee(n);
-		}, jt = () => Object.values(D.value).some((e) => e === document.activeElement);
-		ue({
+			let n = Number.isInteger(e) ? R.value[e] : z.value[$t(e)];
+			t === void 0 ? n?.focus() : t ? ee(n) : o(n);
+		}, en = () => Object.values(j.value).some((e) => e === document.activeElement);
+		le({
 			active: T,
-			input: () => Object.values(D.value).find((e) => e === document.activeElement) ?? null
+			input: () => Object.values(j.value).find((e) => e === document.activeElement) ?? null
 		});
-		let Mt = () => {
-			let e = Qe.value;
-			return e ? (D.value[e]?.focus(), !0) : !1;
-		}, H = (e) => V(B()[0], e), Nt = (e) => {
+		let tn = () => {
+			let e = ft.value;
+			return e ? (j.value[e]?.focus(), !0) : !1;
+		}, H = (e) => V(B()[0], e), U = (e) => {
 			let t = 0;
 			for (let n of E.value) for (let r of n.items) {
 				if (r.rowKey === e) return t;
 				t++;
 			}
 			return -1;
-		}, U = (e, t) => {
+		}, W = (e, t) => {
 			let n = B();
 			if (!n.length) return;
 			let r = n.indexOf(e), i = r === -1 ? t > 0 ? 0 : n.length - 1 : (r + t + n.length) % n.length;
 			V(n[i], !0);
-		}, W = (e) => {
-			!T.value && Mt() || H(e);
 		}, G = (e) => {
+			!T.value && tn() || H(e);
+		}, K = (e) => {
 			let t = B();
 			V(t[t.length - 1], e);
-		}, Pt = (e) => {
+		}, nn = (e, t) => {
+			let n = U(e);
+			n === -1 ? G(t) : V(n, t);
+		}, rn = (e) => {
 			let t = 0;
 			for (let n of E.value) for (let r of n.items) {
 				if (t === e) return r;
 				t++;
 			}
-		}, Ft = e(), It = pe({
+		}, an = e(), on = fe({
 			candidates: () => B().filter(Number.isInteger),
-			getTokens: (e) => [fe(Pt(e)?.label ?? "", Ft.locale)],
+			getTokens: (e) => [de(rn(e)?.label ?? "", an.locale)],
 			getCurrent: () => {
 				let e = Object.entries(R.value).find(([, e]) => e === document.activeElement);
 				return e ? Number(e[0]) : void 0;
 			},
 			onMatch: (e) => V(e, !0),
-			locale: () => Ft.locale
-		}), Lt = (e) => {
-			de(e) && It.onKeydown(e);
-		}, Rt = {
+			locale: () => an.locale
+		}), sn = (e) => {
+			ue(e) && on.onKeydown(e);
+		}, cn = {
 			ArrowDown: () => H(!0),
-			ArrowUp: () => G(!0),
+			ArrowUp: () => K(!0),
 			Down: () => H(!0),
 			Esc: () => w.close(),
 			Escape: () => w.close(),
-			Up: () => G(!0)
-		}, zt = (e) => {
-			if (se(e)) return;
-			let t = Rt[e.key];
+			Up: () => K(!0)
+		}, ln = (e) => {
+			if (oe(e) || C.level > 0 && Jt(e)) return;
+			let t = cn[e.key];
 			t && (e.stopPropagation(), e.preventDefault(), t());
 		};
-		Se(() => {
-			C.level === 0 && Qe.value && !T.value && h(() => Mt());
+		Te(() => {
+			C.level === 0 && ft.value && !T.value && xe(() => tn());
 		});
-		let K = v(null), q = v({}), J, Y, Bt = 0, X = v(null), Z;
-		Ce(K, (e, t) => {
-			clearTimeout(Z), X.value = t ?? null, t != null && (Z = setTimeout(() => {
-				X.value = null;
-			}, He));
+		let q = _(null), J = _({}), Y, X, un = 0, dn = _(null), Z;
+		S(q, (e, t) => {
+			t != null && w.open.value && vn(t) && V(U(t)), clearTimeout(Z), dn.value = t ?? null, t != null && (Z = setTimeout(() => {
+				dn.value = null;
+			}, qe));
 		});
-		let Vt = (e) => K.value !== e && X.value !== e, Ht = v(0), Ut = () => {
+		let fn = (e) => q.value !== e && dn.value !== e, pn = _(0), mn = _("right-start"), hn = () => {
 			let e = Object.values(R.value)[0], t = e?.closest(".bb-dropdown");
-			!e || !t || (Ht.value = Math.max(0, t.getBoundingClientRect().right - e.getBoundingClientRect().right));
-		}, Wt = (e, t) => {
-			t ? q.value[e] = t : delete q.value[e];
-		}, Q = () => clearTimeout(J), $ = () => clearTimeout(Y);
-		xe(() => {
-			clearTimeout(Y), clearTimeout(J), clearTimeout(Z);
+			if (!e || !t) return;
+			let n = Yt(e);
+			mn.value = n ? "left-start" : "right-start";
+			let r = t.getBoundingClientRect(), i = e.getBoundingClientRect();
+			pn.value = Math.max(0, n ? i.left - r.left : r.right - i.right);
+		}, gn = {}, _n = (e, t) => {
+			t instanceof HTMLElement ? gn[e] = t : delete gn[e];
+		}, vn = (e) => !!gn[e]?.contains(document.activeElement), yn = (e, t) => {
+			!Jt(t) || t.defaultPrevented || oe(t) || !w.ownsEscape() || (t.preventDefault(), t.stopPropagation(), En(e));
+		}, bn = (e, t) => {
+			t ? J.value[e] = t : delete J.value[e];
+		}, Q = () => clearTimeout(Y), $ = () => clearTimeout(X);
+		we(() => {
+			clearTimeout(X), clearTimeout(Y), clearTimeout(Z);
 		});
-		let Gt = (e) => {
-			$(), clearTimeout(J), J = setTimeout(() => {
-				K.value === e && (K.value = null);
-			}, Be);
-		}, Kt = (e) => {
+		let xn = (e) => {
+			$(), clearTimeout(Y), Y = setTimeout(() => {
+				q.value === e && (q.value = null);
+			}, Ge);
+		}, Sn = (e) => {
 			let t = e.trim();
 			return t ? t.endsWith("ms") ? Number.parseFloat(t) || 0 : t.endsWith("s") ? (Number.parseFloat(t) || 0) * 1e3 : Number.parseFloat(t) || 0 : 0;
-		}, qt = (e) => {
+		}, Cn = (e) => {
 			let t = R.value[e];
 			if (!t) return 0;
 			let n = t.closest(".bb-common-popover");
 			if (!n) return 0;
-			let r = getComputedStyle(n).getPropertyValue("--transition-duration"), i = Kt(r);
+			let r = getComputedStyle(n).getPropertyValue("--transition-duration"), i = Sn(r);
 			if (!i) return 0;
-			let a = performance.now() - Bt;
+			let a = performance.now() - un;
 			return Math.max(0, i - a + 16);
-		}, Jt = async (e, t = !1) => {
-			Q(), Ut(), K.value = e, t && (await h(), q.value[e]?.focusFirst(!0));
+		}, wn = async (e, t) => {
+			Q(), hn(), q.value = e, t !== void 0 && (await xe(), J.value[e]?.focusFirst(t));
 		};
-		Ce(w.open, (e) => {
+		S(w.open, (e) => {
 			if (!e) {
-				$(), Q(), K.value = null;
+				$(), Q(), q.value = null;
 				return;
 			}
-			Bt = performance.now();
+			un = performance.now();
 		});
-		let Yt = (e, t) => {
-			t ? K.value = e : K.value === e && (K.value = null);
-		}, Xt = (e) => {
-			K.value = null, h(() => V(e, !0));
-		}, Zt = (e, t, n) => {
+		let Tn = (e, t) => {
+			t ? q.value = e : q.value === e && (q.value = null);
+		}, En = (e) => {
+			q.value = null, xe(() => V(e, !0));
+		}, Dn = (e, t, n) => {
 			if (n.pointerType !== "mouse") return;
-			if (Q(), $(), K.value !== null && K.value === e.rowKey) {
-				V(t);
+			if (Q(), $(), q.value !== null && q.value === e.rowKey) {
+				vn(e.rowKey) || V(t);
 				return;
 			}
 			let r = () => {
-				V(t), e.items ? Jt(e.rowKey) : K.value = null;
+				V(t), e.items ? wn(e.rowKey) : q.value = null;
 			};
-			if (K.value !== null) {
-				let e = Nt(K.value);
-				e >= 0 && Math.abs(t - e) <= 1 ? Y = setTimeout(r, Ve) : r();
+			if (q.value !== null) {
+				let e = U(q.value);
+				e >= 0 && Math.abs(t - e) <= 1 ? X = setTimeout(r, Ke) : r();
 				return;
 			}
-			let i = e.items ? qt(t) : 0;
-			i ? Y = setTimeout(r, i) : r();
-		}, Qt = () => {
+			let i = e.items ? Cn(t) : 0;
+			i ? X = setTimeout(r, i) : r();
+		}, On = () => {
 			Q(), $();
-		}, $t = (e, t) => {
-			t.pointerType === "mouse" && e.items && Gt(e.rowKey);
-		}, en = (e, t) => {
-			t.pointerType === "mouse" && Gt(e);
-		}, tn = (e, t) => {
+		}, kn = (e, t) => {
+			t.pointerType === "mouse" && e.items && xn(e.rowKey);
+		}, An = (e, t) => {
+			t.pointerType === "mouse" && xn(e);
+		}, jn = (e, t) => {
 			e.searchable && t.preventDefault();
-		}, nn = (e, t, n, r) => {
+		}, Mn = (e, t, n, r) => {
 			if (!(t.disabled || w.disabled.value) && !w.isItemLoading(t.rowKey)) {
 				if (t.items) {
-					r.stopPropagation(), Q(), $(), C.navigate ? C.navigate(t) : K.value = t.rowKey;
+					r.stopPropagation(), Q(), $(), C.navigate ? C.navigate(t) : wn(t.rowKey, r.detail === 0);
 					return;
 				}
 				if (e.selectable && e.id) {
-					r.stopPropagation(), w.toggleSelect(e, t), w.runItemAction(t, r), jt() || V(n);
+					r.stopPropagation(), w.toggleSelect(e, t), w.runItemAction(t, r), en() || V(n);
 					return;
 				}
 				r.stopPropagation(), w.runItemAction(t, r, { close: !0 });
 			}
-		}, rn = (e, t, n) => {
-			switch (n.key) {
+		}, Nn = (e, t, n) => {
+			switch (Xt(n)) {
 				case "ArrowDown":
-					n.preventDefault(), $(), Q(), K.value = null, U(t, 1);
+					n.preventDefault(), $(), Q(), q.value = null, W(t, 1);
 					break;
 				case "ArrowUp":
-					n.preventDefault(), $(), Q(), K.value = null, U(t, -1);
+					n.preventDefault(), $(), Q(), q.value = null, W(t, -1);
 					break;
 				case "Home":
-					n.preventDefault(), W(!0);
+					n.preventDefault(), G(!0);
 					break;
 				case "End":
-					n.preventDefault(), G(!0);
+					n.preventDefault(), K(!0);
 					break;
 				case "ArrowRight":
-					e.items && (n.preventDefault(), n.stopPropagation(), C.navigate ? C.navigate(e) : Jt(e.rowKey, !0));
+					e.items && (n.preventDefault(), n.stopPropagation(), C.navigate ? C.navigate(e) : wn(e.rowKey, !0));
 					break;
 				case "ArrowLeft":
-					C.back ? (n.preventDefault(), n.stopPropagation(), C.back()) : C.level > 0 && (n.preventDefault(), n.stopPropagation(), Ge("close-level"));
+					C.back ? (n.preventDefault(), n.stopPropagation(), C.back()) : C.level > 0 && (n.preventDefault(), n.stopPropagation(), Xe("close-level"));
 					break;
-				default: Lt(n);
+				default: sn(n);
 			}
-		}, an = (e, t) => {
-			let n = O(e) - .5;
-			switch (t.key) {
+		}, Pn = (e, t) => {
+			let n = M(e) - .5;
+			switch (Xt(t)) {
 				case "ArrowDown":
-					t.preventDefault(), U(n, 1);
+					t.preventDefault(), W(n, 1);
 					break;
 				case "ArrowUp":
-					t.preventDefault(), U(n, -1);
+					t.preventDefault(), W(n, -1);
 					break;
 				case "Home":
-					t.preventDefault(), W(!0);
+					t.preventDefault(), G(!0);
 					break;
 				case "End":
-					t.preventDefault(), G(!0);
+					t.preventDefault(), K(!0);
 					break;
 				case "ArrowLeft":
-					C.back ? (t.preventDefault(), t.stopPropagation(), C.back()) : C.level > 0 && (t.preventDefault(), t.stopPropagation(), Ge("close-level"));
+					C.back ? (t.preventDefault(), t.stopPropagation(), C.back()) : C.level > 0 && (t.preventDefault(), t.stopPropagation(), Xe("close-level"));
 					break;
-				default: Lt(t);
+				default: sn(t);
 			}
-		}, on = {
+		}, Fn = {
 			slots: w.slots,
-			setItemEl: Ot,
-			itemAttrs: gt,
-			rowPart: k,
-			slotProps: _t,
-			rowSlot: at,
-			itemSlot: it,
-			groupRowSlot: ot,
-			rowTextId: bt,
-			rowDescriptionId: I
+			setItemEl: Zt,
+			itemAttrs: At,
+			rowPart: jt,
+			slotProps: Pt,
+			rowSlot: yt,
+			itemSlot: vt,
+			groupRowSlot: bt,
+			rowTextId: Rt,
+			rowDescriptionId: zt
 		};
-		return Ue({
-			focusFirst: W,
-			focusLast: G
-		}), (e, t) => (_(!0), d(s, null, y(E.value, (n, r) => (_(), d(s, { key: n.id ?? r }, [
-			n.divider ? (_(), d("hr", Oe)) : u("", !0),
-			P(n) ? (_(), d("div", {
+		return Je({
+			focusFirst: G,
+			focusLast: K,
+			focusRow: nn
+		}), (e, t) => (g(!0), f(c, null, v(E.value, (n, r) => (g(), f(c, { key: n.id ?? r }, [
+			n.divider ? (g(), f("hr", je)) : d("", !0),
+			F(n) ? (g(), f("div", {
 				key: 1,
-				id: yt(r),
+				id: It(r),
 				ref_for: !0,
-				ref: (e) => kt(r, e),
-				class: g(["bb-dropdown__group-title", ct(n)]),
+				ref: (e) => Qt(r, e),
+				class: Se(["bb-dropdown__group-title", St(n)]),
 				role: n.onClick ? "menuitem" : "presentation",
 				tabindex: n.onClick ? -1 : void 0,
 				onClick: (e) => n.onClick?.(e),
 				onKeydown: [
-					(e) => n.onClick && an(r, e),
-					Ee((e) => n.onClick?.(e), ["enter"]),
-					Ee(De((e) => n.onClick?.(e), ["prevent"]), ["space"])
+					(e) => n.onClick && Pn(r, e),
+					ke((e) => n.onClick?.(e), ["enter"]),
+					ke(Ae((e) => n.onClick?.(e), ["prevent"]), ["space"])
 				]
 			}, [
-				N(n, "prepend") ? (_(), l(b(N(n, "prepend")), m({
+				P(n, "prepend") ? (g(), u(y(P(n, "prepend")), h({
 					key: 0,
 					ref_for: !0
-				}, L(n, O(r))), null, 16)) : S(w).slots["item:prepend"] ? (_(), l(b(S(w).slots["item:prepend"]), m({
+				}, L(n, M(r))), null, 16)) : x(w).slots["item:prepend"] ? (g(), u(y(x(w).slots["item:prepend"]), h({
 					key: 1,
 					ref_for: !0
-				}, L(n, O(r))), null, 16)) : n["prepend:icon"] ? (_(), l(o, {
+				}, L(n, M(r))), null, 16)) : n["prepend:icon"] ? (g(), u(s, {
 					key: 2,
 					class: "group-title__prepend-icon",
 					icon: n["prepend:icon"]
-				}, null, 8, ["icon"])) : u("", !0),
-				N(n) ? (_(), l(b(N(n)), m({
+				}, null, 8, ["icon"])) : d("", !0),
+				P(n) ? (g(), u(y(P(n)), h({
 					key: 3,
 					ref_for: !0
-				}, L(n, O(r))), null, 16)) : n.label ? (_(), d("span", Ae, x(n.label), 1)) : u("", !0),
-				N(n, "append") ? (_(), l(b(N(n, "append")), m({
+				}, L(n, M(r))), null, 16)) : n.label ? (g(), f("span", Ne, b(n.label), 1)) : d("", !0),
+				P(n, "append") ? (g(), u(y(P(n, "append")), h({
 					key: 5,
 					ref_for: !0
-				}, L(n, O(r))), null, 16)) : S(w).slots["item:append"] ? (_(), l(b(S(w).slots["item:append"]), m({
+				}, L(n, M(r))), null, 16)) : x(w).slots["item:append"] ? (g(), u(y(x(w).slots["item:append"]), h({
 					key: 6,
 					ref_for: !0
-				}, L(n, O(r))), null, 16)) : n["append:icon"] ? (_(), l(o, {
+				}, L(n, M(r))), null, 16)) : n["append:icon"] ? (g(), u(s, {
 					key: 7,
 					class: "group-title__append-icon",
 					icon: n["append:icon"]
-				}, null, 8, ["icon"])) : u("", !0)
-			], 42, ke)) : u("", !0),
-			S(T) && vt(n).length ? (_(), d("div", je, [f("div", Me, [(_(!0), d(s, null, y(vt(n), (e) => (_(), l(ie, {
+				}, null, 8, ["icon"])) : d("", !0)
+			], 42, Me)) : d("", !0),
+			x(T) && Ft(n).length ? (g(), f("div", Pe, [p("div", Fe, [(g(!0), f(c, null, v(Ft(n), (e) => (g(), u(re, {
 				key: e.key,
 				class: "bb-dropdown__sheet-chip",
-				clearable: !S(w).disabled.value,
+				clearable: !x(w).disabled.value,
 				size: "xl",
 				variant: "secondary",
-				"onClick:clear": (t) => S(w).deselect(n.id, e.key),
-				onMousedown: t[0] ||= De(() => {}, ["prevent"])
+				"onClick:clear": (t) => x(w).deselect(n.id, e.key),
+				onMousedown: t[0] ||= Ae(() => {}, ["prevent"])
 			}, {
-				default: Te(() => [ve(x(e.text), 1)]),
+				default: Oe(() => [ve(b(e.text), 1)]),
 				_: 2
-			}, 1032, ["clearable", "onClick:clear"]))), 128))])])) : u("", !0),
-			n.searchable && n.id ? (_(), d("div", Ne, [
-				p(o, {
+			}, 1032, ["clearable", "onClick:clear"]))), 128))])])) : d("", !0),
+			n.searchable && n.id ? (g(), f("div", Ie, [
+				m(s, {
 					"aria-hidden": "true",
 					class: "bb-dropdown__search-icon",
 					focusable: "false",
-					icon: S(le)
+					icon: x(ce)
 				}, null, 8, ["icon"]),
-				f("input", m({
+				p("input", h({
 					ref_for: !0,
-					ref: (e) => Ze(n.id, e),
-					"aria-label": n.searchPlaceholder || S(Je),
+					ref: (e) => dt(n.id, e),
+					"aria-label": n.searchPlaceholder || x($e),
 					autocomplete: "off",
 					class: "bb-dropdown__search-input",
-					placeholder: n.searchPlaceholder || S(Je),
+					placeholder: n.searchPlaceholder || x($e),
 					role: "searchbox",
 					type: "text",
-					value: S(w).queryFor(n.id)
-				}, S(w).passthrough.input, {
-					onInput: (e) => S(w).setQuery(n.id, e.target.value),
-					onKeydown: zt
-				}), null, 16, Pe),
-				n.id && S(w).isGroupLoading(n.id) ? (_(), d("div", Fe)) : u("", !0)
-			])) : u("", !0),
-			f("div", {
-				"aria-labelledby": Dt(n, r),
-				class: g(["bb-dropdown__group-items", {
-					"bb-dropdown__group-items--capped": !!$e(n),
-					"bb-dropdown__group-items--loading": !!n.id && S(w).isGroupLoading(n.id)
+					value: x(w).queryFor(n.id)
+				}, x(w).passthrough.input, {
+					onInput: (e) => x(w).setQuery(n.id, e.target.value),
+					onKeydown: ln
+				}), null, 16, Le),
+				n.id && x(w).isGroupLoading(n.id) ? (g(), f("div", Re)) : d("", !0)
+			])) : d("", !0),
+			p("div", {
+				"aria-labelledby": qt(n, r),
+				class: Se(["bb-dropdown__group-items", {
+					"bb-dropdown__group-items--capped": !!pt(n),
+					"bb-dropdown__group-items--loading": !!n.id && x(w).isGroupLoading(n.id)
 				}]),
-				role: Et(n),
-				style: be({ maxHeight: $e(n) })
-			}, [(_(!0), d(s, null, y(n.items, (t, a) => (_(), d(s, { key: t.rowKey }, [t.placeholder ? (_(), d("div", {
-				key: 0,
-				class: g(["bb-dropdown__placeholder", `bb-dropdown__placeholder--${t.placeholder}`]),
-				role: "presentation"
-			}, [A(t) ? (_(), l(b(A(t)), {
-				key: 0,
-				error: t.placeholder === "loading" ? void 0 : t.error ?? null,
-				"group-id": n.id,
-				text: t.label
-			}, null, 8, [
-				"error",
-				"group-id",
-				"text"
-			])) : (_(), d(s, { key: 1 }, [t.placeholder === "failed" ? (_(), l(ae, {
-				key: 0,
-				class: "bb-dropdown__placeholder-icon"
-			})) : u("", !0), f("span", Le, x(t.label), 1)], 64))], 2)) : (_(), d(s, { key: 1 }, [p(oe, {
-				group: pt(n),
-				index: O(r) + a,
-				item: t,
-				row: on,
-				selected: !!n.selectable && ut(n, t)
-			}, null, 8, [
-				"group",
-				"index",
-				"item",
-				"selected"
-			]), t.items && !e.navigate ? (_(), l(i, {
-				key: 0,
-				anchor: R.value[O(r) + a],
-				class: "bb-dropdown bb-dropdown--submenu",
-				"hide-arrow": "",
-				"model-value": K.value === t.rowKey,
-				offset: Ht.value,
-				placement: "right-start",
-				role: "none",
-				"transition-duration": He,
-				"onUpdate:modelValue": (e) => Yt(t.rowKey, e)
-			}, {
-				default: Te(({ availableHeight: n }) => [f("span", {
-					id: `submenu_${S(w).rootId}_${t.domKey}`,
-					"aria-label": Tt(t) ? t.label : void 0,
-					class: "bb-dropdown__list",
-					"data-bb-dropdown-surface": S(w).rootId,
-					inert: Vt(t.rowKey),
-					role: Tt(t) ? "dialog" : "menu",
-					style: be({ "--max-h": n == null ? void 0 : `${n}px` }),
-					onPointerenter: Qt,
-					onPointerleave: (e) => en(t.rowKey, e)
-				}, [p(_e, {
+				role: Kt(n),
+				style: Ce({ maxHeight: pt(n) })
+			}, [(g(!0), f(c, null, v(st(n), (t) => (g(), u(D, h({
+				key: t.key,
+				titled: !!t.title,
+				ref_for: !0
+			}, t.title ? {
+				class: "bb-dropdown__section",
+				role: "group",
+				"aria-labelledby": Lt(r, t.key)
+			} : {}), {
+				default: Oe(() => [t.title ? (g(), f("div", {
+					key: 0,
+					id: Lt(r, t.key),
+					class: "bb-dropdown__group-title bb-dropdown__section-title",
+					role: "presentation"
+				}, [p("span", Ve, b(t.title), 1)], 8, Be)) : d("", !0), (g(!0), f(c, null, v(t.items, (a, o) => (g(), f(c, { key: a.rowKey }, [a.placeholder ? (g(), f("div", {
+					key: 0,
 					ref_for: !0,
-					ref: (e) => Wt(t.rowKey, e),
-					groups: et(t.items),
-					level: e.level + 1,
-					onCloseLevel: (e) => Xt(O(r) + a)
+					ref: (e) => lt(r, e),
+					class: Se(["bb-dropdown__placeholder", `bb-dropdown__placeholder--${a.placeholder}`]),
+					role: "presentation"
+				}, [N(a) ? (g(), u(y(N(a)), h({
+					key: 0,
+					error: a.placeholder === "loading" ? void 0 : a.error ?? null,
+					ref_for: !0
+				}, {
+					groupId: n.id,
+					query: n.id ? x(w).queryFor(n.id) : "",
+					text: a.label
+				}), null, 16, ["error"])) : (g(), f(c, { key: 1 }, [a.placeholder === "failed" ? (g(), u(ie, {
+					key: 0,
+					class: "bb-dropdown__placeholder-icon"
+				})) : d("", !0), p("span", He, b(a.label), 1)], 64))], 2)) : (g(), f(c, { key: 1 }, [m(ae, {
+					group: Dt(n),
+					index: M(r) + t.start + o,
+					item: a,
+					row: Fn,
+					selected: !!n.selectable && wt(n, a)
 				}, null, 8, [
-					"groups",
-					"level",
-					"onCloseLevel"
-				])], 44, Re)]),
+					"group",
+					"index",
+					"item",
+					"selected"
+				]), a.items && !e.navigate ? (g(), u(i, {
+					key: 0,
+					anchor: R.value[M(r) + t.start + o],
+					class: "bb-dropdown bb-dropdown--submenu",
+					"hide-arrow": "",
+					"model-value": q.value === a.rowKey,
+					offset: pn.value,
+					placement: mn.value,
+					role: "none",
+					"transition-duration": qe,
+					"onUpdate:modelValue": (e) => Tn(a.rowKey, e)
+				}, {
+					default: Oe(({ availableHeight: n }) => [p("span", {
+						id: Gt(a),
+						ref_for: !0,
+						ref: (e) => _n(a.rowKey, e),
+						"aria-label": a.label,
+						class: "bb-dropdown__list",
+						"data-bb-dropdown-surface": x(w).rootId,
+						inert: fn(a.rowKey),
+						role: Wt(a) ? "dialog" : "menu",
+						style: Ce({ "--max-h": n == null ? void 0 : `${n}px` }),
+						onKeydown: (e) => yn(M(r) + t.start + o, e),
+						onPointerenter: On,
+						onPointerleave: (e) => An(a.rowKey, e)
+					}, [m(_e, {
+						ref_for: !0,
+						ref: (e) => bn(a.rowKey, e),
+						groups: mt(a.items),
+						level: e.level + 1,
+						onCloseLevel: (e) => En(M(r) + t.start + o)
+					}, null, 8, [
+						"groups",
+						"level",
+						"onCloseLevel"
+					])], 44, Ue)]),
+					_: 2
+				}, 1032, [
+					"anchor",
+					"model-value",
+					"offset",
+					"placement",
+					"onUpdate:modelValue"
+				])) : d("", !0)], 64))], 64))), 128))]),
 				_: 2
-			}, 1032, [
-				"anchor",
-				"model-value",
-				"offset",
-				"onUpdate:modelValue"
-			])) : u("", !0)], 64))], 64))), 128))], 14, Ie)
+			}, 1040, ["titled"]))), 128))], 14, ze)
 		], 64))), 128));
 	}
 });
 //#endregion
-export { Ue as default };
+export { Je as default };