bitboss-ui 3.0.0-beta.48 → 3.0.0-beta.49

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

@@ -4,39 +4,39 @@ import { usePassthrough as n } from "../../composables/usePassthrough.js";
 import { useConfig as r } from "../../composables/useConfig.js";
 import { hash as i } from "../../utilities/functions/hash.js";
 import { useId as a } from "../../composables/useId.js";
-import { isTopEscapeEntry as o, pushEscapeEntry as s, removeEscapeEntry as c } from "../../utils/overlayEscapeStack.js";
-import { useUntil as ee } from "../../composables/useUntil.js";
-import { removedPropsFor as te } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as ne } from "../../utilities/functions/warnRemovedAttrs.js";
-import { extractDomContainer as re } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as ie } from "../../utilities/misc/transitions.js";
-import ae from "../CommonPopover/CommonPopover.vue.js";
-import { useBbDropdownContextHost as oe } from "../../composables/useBbDropdownContext.js";
-import { useMobile as se } from "../../composables/useMobile.js";
-import { provideSheetSurface as ce } from "../../composables/useSheetSurface.js";
-import { useClosingInert as le } from "../../composables/useClosingInert.js";
-import { wait as ue } from "../../utilities/functions/wait.js";
-import { BB_DROPDOWN_PT as de, groupItemsAsArray as l, isGroup as u, isSelectableGroup as fe } from "./types.js";
-import { levelHasSearch as pe, normalizeGroups as me } from "./normalizeGroups.js";
-import { provideDropdownContext as he } from "./useDropdownContext.js";
-import ge from "./BbDropdownList.vue.js";
-import _e from "./AdaptiveDropdown.vue.js";
-import { provideDropdownGroupRegistry as ve } from "./useDropdownGroupRegistry.js";
-import ye from "./DropdownPipelineResolver.vue.js";
-import { readableValue as be } from "../../utilities/functions/readableValue.js";
-import { settlesVisible as xe } from "../../utilities/functions/settlesVisible.js";
-import { parseWidthString as Se } from "../../utilities/functions/parseWidthString.js";
-import { Fragment as Ce, computed as d, createBlock as we, createCommentVNode as Te, createElementBlock as f, createElementVNode as Ee, createVNode as De, defineComponent as Oe, mergeProps as p, normalizeProps as ke, onBeforeUnmount as Ae, onDeactivated as je, openBlock as m, reactive as h, ref as g, renderList as Me, renderSlot as _, toDisplayString as Ne, unref as v, useSlots as Pe, useTemplateRef as Fe, watch as y, withCtx as Ie } from "vue";
-import { useElementSize as Le, useIntersectionObserver as Re } from "@vueuse/core";
+import { isTopEscapeEntry as o, pushEscapeEntry as s, removeEscapeEntry as ee } from "../../utils/overlayEscapeStack.js";
+import { useUntil as te } from "../../composables/useUntil.js";
+import { removedPropsFor as ne } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as re } from "../../utilities/functions/warnRemovedAttrs.js";
+import { extractDomContainer as ie } from "../../utilities/functions/extractDomContainer.js";
+import { transitions as ae } from "../../utilities/misc/transitions.js";
+import oe from "../CommonPopover/CommonPopover.vue.js";
+import { useBbDropdownContextHost as se } from "../../composables/useBbDropdownContext.js";
+import { useMobile as ce } from "../../composables/useMobile.js";
+import { provideSheetSurface as le } from "../../composables/useSheetSurface.js";
+import { useClosingInert as ue } from "../../composables/useClosingInert.js";
+import { wait as de } from "../../utilities/functions/wait.js";
+import { BB_DROPDOWN_PT as fe, groupItemsAsArray as c, isGroup as l, isSelectableGroup as pe } from "./types.js";
+import { levelHasSearch as me, normalizeGroups as he } from "./normalizeGroups.js";
+import { provideDropdownContext as ge } from "./useDropdownContext.js";
+import _e from "./BbDropdownList.vue.js";
+import ve from "./AdaptiveDropdown.vue.js";
+import { provideDropdownGroupRegistry as ye } from "./useDropdownGroupRegistry.js";
+import be from "./DropdownPipelineResolver.vue.js";
+import { readableValue as xe } from "../../utilities/functions/readableValue.js";
+import { settlesVisible as Se } from "../../utilities/functions/settlesVisible.js";
+import { parseWidthString as Ce } from "../../utilities/functions/parseWidthString.js";
+import { Fragment as we, computed as u, createBlock as Te, createCommentVNode as d, createElementBlock as f, createElementVNode as Ee, defineComponent as De, mergeProps as p, normalizeProps as Oe, onBeforeUnmount as ke, onDeactivated as Ae, openBlock as m, reactive as h, ref as g, renderList as je, renderSlot as _, toDisplayString as Me, unref as v, useSlots as Ne, useTemplateRef as Pe, watch as y, withCtx as Fe } from "vue";
+import { useElementSize as Ie, useIntersectionObserver as Le } from "@vueuse/core";
 //#region src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts
-var ze = [
+var Re = [
 	"id",
 	"aria-labelledby",
 	"role"
-], Be = {
+], ze = {
 	class: "bb-sr-only",
 	role: "status"
-}, Ve = "bb-dropdown:open", He = 500, Ue = 10, b = /*@__PURE__*/ Oe({
+}, Be = "bb-dropdown:open", Ve = 500, He = 10, b = /*@__PURE__*/ De({
 	inheritAttrs: !1,
 	__name: "BbDropdown",
 	props: {
@@ -106,7 +106,7 @@ var ze = [
 		padding: { default: 10 },
 		placement: { default: "bottom" },
 		queryDebounceTime: { default: 300 },
-		transitionDuration: { default: ie.fast },
+		transitionDuration: { default: ae.fast },
 		trigger: { default: "click" },
 		width: { default: "auto" }
 	},
@@ -118,40 +118,40 @@ var ze = [
 		"item:selected",
 		"item:unselected"
 	],
-	setup(ie, { emit: Oe }) {
-		let b = ie, x = Oe, S = n({
+	setup(ae, { emit: De }) {
+		let b = ae, x = De, S = n({
 			component: "BbDropdown",
 			props: b,
-			parts: de.parts,
-			states: de.states,
+			parts: fe.parts,
+			states: fe.states,
 			active: { open: () => E.value }
-		}), We = r();
-		process.env.NODE_ENV !== "production" && ne("BbDropdown", te("BbDropdown"));
-		let Ge = e(), Ke = a().id.value, C = b.id ?? `bb_${Ke}`, qe = Symbol("bb-dropdown-escape"), w = g(C), T = g(), Je = d(() => re(T.value)), Ye = d(() => b.activator != null), E = g(!1), Xe = {
+		}), Ue = r();
+		process.env.NODE_ENV !== "production" && re("BbDropdown", ne("BbDropdown"));
+		let We = e(), Ge = a().id.value, C = b.id ?? `bb_${Ge}`, Ke = Symbol("bb-dropdown-escape"), w = g(C), T = g(), qe = u(() => ie(T.value)), Je = u(() => b.activator != null), E = g(!1), Ye = {
 			onShow: () => x("show"),
 			onShown: () => x("shown"),
 			onHide: () => x("hide"),
 			onHidden: () => x("hidden")
-		}, Ze = ee(E, { initialValue: b.eager }), Qe = le(E, () => b.transitionDuration), $e = ({ availableHeight: e }) => p({
-			id: L.value ? `dialog_${C}` : void 0,
-			"aria-labelledby": L.value ? w.value : void 0,
-			class: ["bb-dropdown__panel", { "bb-dropdown__panel--reserve-check": en.value }],
+		}, Xe = te(E, { initialValue: b.eager }), Ze = ue(E, () => b.transitionDuration), Qe = u(() => b.eager || !Ze.value), $e = ({ availableHeight: e }) => p({
+			id: R.value ? `dialog_${C}` : void 0,
+			"aria-labelledby": R.value ? w.value : void 0,
+			class: ["bb-dropdown__panel", { "bb-dropdown__panel--reserve-check": nn.value }],
 			"data-bb-dropdown-surface": C,
-			inert: Qe.value,
-			role: L.value ? "dialog" : void 0,
+			inert: Ze.value,
+			role: R.value ? "dialog" : void 0,
 			style: {
-				"--w": nn.value,
+				"--w": an.value,
 				"--max-h": e == null ? void 0 : `${e}px`
 			}
-		}, S.panel), et = h({}), tt = h(/* @__PURE__ */ new Set()), { isMobile: nt } = se(), rt = () => (b.adaptive ?? We.adaptive) && nt.value ? "canvas" : "popover", it = g(rt()), D = d(() => it.value === "canvas");
+		}, S.panel), D = h({}), et = h(/* @__PURE__ */ new Set()), { isMobile: tt } = ce(), nt = () => (b.adaptive ?? Ue.adaptive) && tt.value ? "canvas" : "popover", rt = g(nt()), O = u(() => rt.value === "canvas");
 		y([
 			() => b.adaptive,
-			nt,
+			tt,
 			E
 		], () => {
-			E.value || (it.value = rt());
-		}), ce(D);
-		let at = d(() => ({
+			E.value || (rt.value = nt());
+		}), le(O);
+		let it = u(() => ({
 			side: "bottom",
 			size: "auto",
 			draggable: !0,
@@ -160,11 +160,11 @@ var ze = [
 			transitionDuration: b.transitionDuration,
 			hideClose: !0,
 			...b.offCanvasProps
-		})), ot = d(() => {
+		})), at = u(() => {
 			let e = b.trigger;
 			return new Set(Array.isArray(e) ? e : [e]);
-		}), st = (e, t) => {
-			let n = Je.value, r = n?.getBoundingClientRect(), i = r ? e - r.left : 0, a = r ? t - r.top : 0;
+		}), ot = (e, t) => {
+			let n = qe.value, r = n?.getBoundingClientRect(), i = r ? e - r.left : 0, a = r ? t - r.top : 0;
 			return {
 				contextElement: n ?? void 0,
 				getBoundingClientRect: () => {
@@ -184,72 +184,72 @@ var ze = [
 					};
 				}
 			};
-		}, O = g(null), ct = d(() => b.anchor ?? T.value), lt = d(() => re(ct.value)), ut = d(() => b.placement === "cursor" && O.value ? O.value : ct.value), dt = (e) => {
-			let t = re(e);
+		}, k = g(null), st = u(() => b.anchor ?? T.value), ct = u(() => ie(st.value)), lt = u(() => b.placement === "cursor" && k.value ? k.value : st.value), ut = (e) => {
+			let t = ie(e);
 			t && (T.value = t);
-		}, ft = !1, { resume: pt, pause: mt } = Re(Je, async ([{ intersectionRatio: e }]) => {
-			if (ft) {
-				ft = !1;
+		}, dt = !1, { resume: ft, pause: pt } = Le(qe, async ([{ intersectionRatio: e }]) => {
+			if (dt) {
+				dt = !1;
 				return;
 			}
 			if (e >= .99 || !E.value) return;
-			let t = Je.value;
-			t && await xe(t) || E.value && await $();
+			let t = qe.value;
+			t && await Se(t) || E.value && await Q();
 		}, {
 			threshold: [0, 1],
 			immediate: !1
-		}), k = h({}), ht = h(/* @__PURE__ */ new Map()), A = h(/* @__PURE__ */ new Map()), j = /* @__PURE__ */ new Map(), gt = /* @__PURE__ */ new Map(), _t = !1, vt = (e) => !!j.get(e)?.controlled(), M = (e, t) => j.get(e)?.request(t), N = (e, t) => {
+		}), A = h({}), mt = h(/* @__PURE__ */ new Map()), j = h(/* @__PURE__ */ new Map()), M = /* @__PURE__ */ new Map(), ht = /* @__PURE__ */ new Map(), gt = !1, _t = (e) => !!M.get(e)?.controlled(), N = (e, t) => M.get(e)?.request(t), P = (e, t) => {
 			for (let n of e) {
-				if (u(n)) {
-					if (n.key === t) return n;
-					for (let e of l(n.items)) {
+				if (l(n)) {
+					if (n.id === t) return n;
+					for (let e of c(n.items)) {
 						let n = Array.isArray(e) ? e : [e];
 						for (let e of n) {
-							let n = e.items ? N(e.items, t) : void 0;
+							let n = e.items ? P(e.items, t) : void 0;
 							if (n) return n;
 						}
 					}
 					continue;
 				}
 				if (Array.isArray(n)) {
-					let e = N(n, t);
+					let e = P(n, t);
 					if (e) return e;
 					continue;
 				}
-				let e = n.items ? N(n.items, t) : void 0;
+				let e = n.items ? P(n.items, t) : void 0;
 				if (e) return e;
 			}
-		}, P = (e, t) => {
+		}, F = (e, t) => {
 			for (let n of e) {
 				if (Array.isArray(n)) {
-					let e = P(n, t);
+					let e = F(n, t);
 					if (e) return e;
 					continue;
 				}
-				if (u(n)) {
-					if (n.key === t) return "group";
-					for (let e of l(n.items)) {
+				if (l(n)) {
+					if (n.id === t) return "group";
+					for (let e of c(n.items)) {
 						let n = Array.isArray(e) ? e : [e];
 						for (let e of n) {
-							if (e.key === t) return "item";
+							if (e.value === t) return "item";
 							if (e.items) {
-								let n = P(e.items, t);
+								let n = F(e.items, t);
 								if (n) return n;
 							}
 						}
 					}
 					continue;
 				}
-				if (n.key === t) return "item";
+				if (n.value === t) return "item";
 				if (n.items) {
-					let e = P(n.items, t);
+					let e = F(n.items, t);
 					if (e) return e;
 				}
 			}
-		}, yt = d(() => Array.from(ht.values()).map((e) => e.value).sort((e, t) => e.order - t.order)), bt = (e, t) => ({
+		}, vt = u(() => Array.from(mt.values()).map((e) => e.value).sort((e, t) => e.order - t.order)), yt = (e, t) => ({
 			...e,
 			group: !0,
-			key: e.key,
+			id: e.id,
 			selectable: t.selectable ?? e.selectable,
 			multiple: t.multiple ?? e.multiple,
 			label: t.label ?? e.label,
@@ -259,9 +259,9 @@ var ze = [
 			"append:icon": t["append:icon"] ?? e["append:icon"],
 			variant: t.variant ?? e.variant,
 			onClick: t.onClick ?? e.onClick
-		}), xt = (e, t) => ({
+		}), bt = (e, t) => ({
 			group: !0,
-			key: e.key,
+			id: e.key,
 			label: e.label ?? t?.label,
 			hideLabel: e.hideLabel ?? t?.hideLabel,
 			items: e.items ?? t?.items ?? [],
@@ -271,10 +271,10 @@ var ze = [
 			"append:icon": e["append:icon"] ?? t?.["append:icon"],
 			variant: e.variant ?? t?.variant,
 			onClick: e.onClick ?? t?.onClick
-		}), St = (e, t) => {
+		}), xt = (e, t) => {
 			let n = !1, r = (e) => {
 				if (!e.items) return e;
-				let r = St(e.items, t);
+				let r = xt(e.items, t);
 				return r.found ? (n = !0, {
 					...e,
 					items: r.items
@@ -282,367 +282,375 @@ var ze = [
 			};
 			return {
 				items: e.map((e) => {
-					if (u(e)) {
-						if (e.key === t.key) return n = !0, bt(e, t);
+					if (l(e)) {
+						if (e.id === t.id) return n = !0, yt(e, t);
 						if (typeof e.items == "function") return e;
-						let i = l(e.items).map((e) => Array.isArray(e) ? e.map((e) => r(e)) : r(e));
+						let i = c(e.items).map((e) => Array.isArray(e) ? e.map((e) => r(e)) : r(e));
 						return {
 							...e,
 							items: i
 						};
 					}
 					if (Array.isArray(e)) {
-						let r = St(e, t);
+						let r = xt(e, t);
 						return r.found && (n = !0), r.items;
 					}
 					return r(e);
 				}),
 				found: n
 			};
-		}, F = d(() => {
+		}, I = u(() => {
 			let e = [...b.items ?? []];
-			for (let t of yt.value) {
-				let n = N(e, t.key);
-				!n && !t.items?.length && (P(e, t.key) === "item" && Ge.throw(`[BbDropdownGroup] "${t.key}" refers to a menu item, not a selectable group. \`<BbDropdownGroup>\` can only attach to a group (an entry with \`selectable\`, \`multiple\`, or \`group: true\`). Point \`id\` at a group key.`), Ge.throw(`[BbDropdownGroup] Missing minimum config for group "${t.key}". Provide \`items\`, \`selectable\`, \`multiple\`, or \`group\` keys in order to identify a group or define a baseline group with the same key in \`BbDropdown.items\`.`));
-				let r = xt(t, n), i = St(e, r);
+			for (let t of vt.value) {
+				let n = P(e, t.key);
+				!n && !t.items?.length && (F(e, t.key) === "item" && We.throw(`[BbDropdownGroup] "${t.key}" refers to a menu item, not a selectable group. \`<BbDropdownGroup>\` can only attach to a group (an entry with \`selectable\`, \`multiple\`, or \`group: true\`). Point \`id\` at a group \`id\`.`), We.throw(`[BbDropdownGroup] Missing minimum config for group "${t.key}". Provide \`items\`, \`selectable\`, \`multiple\`, or \`group\` keys in order to identify a group or define a baseline group with the same \`id\` in \`BbDropdown.items\`.`));
+				let r = bt(t, n), i = xt(e, r);
 				e = i.found ? i.items : [...i.items, r];
 			}
 			return e;
-		}), I = d(() => me(F.value).map((e) => e.selectable ? {
+		}), St = (e) => {
+			let t = A[e.id ?? ""] ?? [];
+			if (e.multiple || t.length || !e.id) return t;
+			let n = B.value.includes(e.id), r = e.items.find((t) => !t.keyless && !t.placeholder && (n ? V[e.id]?.valueByKey.get(t.rowKey) === null : t.value === null));
+			return r ? [r.rowKey] : t;
+		}, Ct = u(() => he(I.value)), L = u(() => Ct.value.map((e) => e.selectable ? {
 			...e,
-			selected: k[e.key ?? ""] ?? []
-		} : e)), L = d(() => pe(I.value)), Ct = g(), wt = d(() => L.value || D.value ? "dialog" : "menu"), Tt = d(() => L.value && !D.value ? `dialog_${C}` : `menu_${C}`), Et = (e) => typeof e.items == "function" || e.itemText != null || e.itemProps != null || e.itemValue != null || e.max != null, R = (e, t = []) => {
-			for (let n of e) if (u(n)) {
-				n.key && Et(n) && t.push(n.key);
-				for (let e of l(n.items)) for (let n of Array.isArray(e) ? e : [e]) n.items && R(n.items, t);
-			} else Array.isArray(n) ? R(n, t) : n.items && R(n.items, t);
+			selected: St(e)
+		} : e)), R = u(() => me(L.value)), wt = g(), Tt = u(() => R.value || O.value ? "dialog" : "menu"), Et = u(() => R.value && !O.value ? `dialog_${C}` : `menu_${C}`), Dt = (e) => typeof e.items == "function" || e.itemText != null || e.itemProps != null || e.itemValue != null || e.max != null, z = (e, t = []) => {
+			for (let n of e) if (l(n)) {
+				n.id && Dt(n) && t.push(n.id);
+				for (let e of c(n.items)) for (let n of Array.isArray(e) ? e : [e]) n.items && z(n.items, t);
+			} else Array.isArray(n) ? z(n, t) : n.items && z(n.items, t);
 			return t;
-		}, z = d(() => R(b.items ?? [])), Dt = d(() => (b.items ?? []).filter((e) => u(e) && !!e.key && Et(e)).map((e) => e.key)), B = h({}), Ot = h({}), kt = h({}), V = (e, t) => z.value.includes(e) ? B[e]?.valueByKey.get(t) : t, H = (e) => {
-			let t = N(b.items ?? [], e);
+		}, B = u(() => z(b.items ?? [])), Ot = u(() => (b.items ?? []).filter((e) => l(e) && !!e.id && Dt(e)).map((e) => e.id)), V = h({}), kt = h({}), At = h({}), H = (e, t) => B.value.includes(e) ? V[e]?.valueByKey.get(t) : W(e)?.items.find((e) => e.rowKey === t && !e.keyless)?.value, U = (e) => {
+			let t = P(b.items ?? [], e);
 			if (t) return {
 				multiple: t.multiple ?? !1,
-				selectable: fe(t)
+				selectable: pe(t)
 			};
-		}, U = (e) => {
+		}, W = (e) => {
 			let t = (n) => {
-				for (let r of me(n)) {
-					if (r.key === e) return r;
+				for (let r of he(n)) {
+					if (r.id === e) return r;
 					for (let e of r.items) if (e.items) {
 						let n = t(e.items);
 						if (n) return n;
 					}
 				}
 			};
-			return t(F.value);
-		}, At = (e, t) => z.value.includes(e) ? i(t) : t, jt = (e) => {
-			if (A.has(e)) return A.get(e);
-			let t = (k[e] ?? []).map((t) => V(e, t));
-			return H(e)?.multiple ? t : t[0] ?? null;
-		}, Mt = (e, t) => [].concat(A.get(e) ?? []).find((n) => At(e, n) === t);
-		ve({
-			bindController: (e, t) => j.set(e, t),
-			unbindController: (e, t) => j.get(e) === t ? (j.delete(e), !0) : !1,
+			return t(I.value);
+		}, jt = (e, t) => i(t), Mt = (e) => {
+			if (j.has(e)) return j.get(e);
+			let t = (A[e] ?? []).map((t) => H(e, t));
+			return U(e)?.multiple ? t : t[0] ?? null;
+		}, Nt = (e, t) => [].concat(j.get(e) ?? []).find((n) => jt(e, n) === t);
+		ye({
+			bindController: (e, t) => M.set(e, t),
+			unbindController: (e, t) => M.get(e) === t ? (M.delete(e), !0) : !1,
 			onPick: (e, t) => {
-				t ? gt.set(e, t) : gt.delete(e);
+				t ? ht.set(e, t) : ht.delete(e);
 			},
-			isControlled: vt,
-			request: M,
-			register: (e, t) => ht.set(e, t),
-			unregister: (e) => ht.delete(e),
+			isControlled: _t,
+			request: N,
+			register: (e, t) => mt.set(e, t),
+			unregister: (e) => mt.delete(e),
 			seed: (e, t) => {
-				e in k || (k[e] = t);
+				e in A || (A[e] = t);
 			},
 			setSelection: (e, t) => {
-				_t = !0;
+				gt = !0;
 				try {
-					k[e] = t;
+					A[e] = t;
 				} finally {
-					_t = !1;
+					gt = !1;
 				}
 			},
-			isAppWrite: () => _t,
-			selectionFor: (e) => k[e] ?? [],
-			isPipeline: (e) => z.value.includes(e),
+			isAppWrite: () => gt,
+			selectionFor: (e) => A[e] ?? [],
+			isPipeline: (e) => B.value.includes(e),
 			publishPipeline: (e, t) => {
-				t ? B[e] = t : delete B[e];
+				t ? V[e] = t : delete V[e];
 			},
 			publishLoading: (e, t) => {
-				t ? Ot[e] = !0 : delete Ot[e];
+				t ? kt[e] = !0 : delete kt[e];
 			},
 			publishFetching: (e, t) => {
-				t ? kt[e] = !0 : delete kt[e];
+				t ? At[e] = !0 : delete At[e];
 			},
 			publishModel: (e, t) => {
-				t === void 0 ? A.delete(e) : A.set(e, t);
+				t === void 0 ? j.delete(e) : j.set(e, t);
 			},
-			modelValueFor: jt,
-			valueForKey: V,
-			keyForValue: At,
-			itemForKey: (e, t) => B[e]?.itemByKey.get(t) ?? U(e)?.items.find((e) => e.key === t),
-			configFor: (e) => N(b.items ?? [], e),
-			itemsFor: (e) => U(e)?.items ?? [],
-			selectableFor: (e) => H(e)?.selectable,
-			multipleFor: (e) => H(e)?.multiple
+			modelValueFor: Mt,
+			valueForKey: H,
+			keyForValue: jt,
+			itemForKey: (e, t) => V[e]?.itemByKey.get(t) ?? W(e)?.items.find((e) => e.rowKey === t),
+			configFor: (e) => P(b.items ?? [], e),
+			itemsFor: (e) => W(e)?.items ?? [],
+			selectableFor: (e) => U(e)?.selectable,
+			multipleFor: (e) => U(e)?.multiple
 		});
-		let W = (e, t = []) => {
-			for (let n of e) if (u(n)) {
-				n.key && fe(n) && t.push(n.key);
-				for (let e of l(n.items)) for (let n of Array.isArray(e) ? e : [e]) n.items && W(n.items, t);
-			} else Array.isArray(n) ? W(n, t) : n.items && W(n.items, t);
+		let G = (e, t = []) => {
+			for (let n of e) if (l(n)) {
+				n.id && pe(n) && t.push(n.id);
+				for (let e of c(n.items)) for (let n of Array.isArray(e) ? e : [e]) n.items && G(n.items, t);
+			} else Array.isArray(n) ? G(n, t) : n.items && G(n.items, t);
 			return t;
-		}, Nt = d(() => {
+		}, Pt = u(() => {
 			let e = {};
-			for (let t of W(F.value)) {
-				let n = jt(t), r = (H(t)?.multiple ? [].concat(n) : [n]).filter((e) => e != null), i = B[t], a = U(t), o = N(F.value, t), { items: s, ...c } = o ?? {};
+			for (let t of G(I.value)) {
+				let n = Mt(t), r = (U(t)?.multiple ? [].concat(n) : [n]).filter((e) => e != null), i = V[t], a = W(t), o = P(I.value, t), { items: s, ...ee } = o ?? {};
 				e[t] = {
-					...c,
-					key: t,
+					...ee,
+					id: t,
 					value: n,
 					multiple: o?.multiple ?? !1,
-					selectable: o ? fe(o) : !1,
-					loading: !!kt[t],
+					selectable: o ? pe(o) : !1,
+					loading: !!At[t],
 					selectedOptions: r.map((e) => {
-						let n = At(t, e);
+						let n = jt(t, e), r = a?.items.find((e) => e.rowKey === n);
 						return {
 							value: e,
-							text: i?.textByKey.get(n) ?? a?.items.find((e) => e.key === n)?.text,
-							description: i?.descriptionByKey.get(n) ?? a?.items.find((e) => e.key === n)?.description,
-							original: i?.itemByKey.get(n) ?? a?.items.find((e) => e.key === n)
+							label: i?.textByKey.get(n) ?? r?.label,
+							description: i?.descriptionByKey.get(n) ?? r?.description,
+							original: i?.itemByKey.get(n) ?? r
 						};
 					})
 				};
 			}
 			return e;
 		});
-		oe(() => b.id, {
+		se(() => b.id, {
 			open: () => E.value,
-			groups: () => Nt.value
+			groups: () => Pt.value
 		});
-		let Pt = d(() => I.value.filter((e) => e.selectable).length), Ft = (e, t) => {
-			let n = e.key;
+		let Ft = u(() => L.value.filter((e) => e.selectable).length), It = (e, t) => {
+			let n = e.id;
 			if (!n) return;
-			let r = k[n] ?? [], i = new Set(r);
-			e.multiple ? i.has(t.key) ? i.delete(t.key) : i.add(t.key) : i.has(t.key) ? e.clearable && i.clear() : (i.clear(), i.add(t.key));
-			let a = [...i], o = a.filter((e) => !r.includes(e)), s = r.filter((e) => !a.includes(e)), c = vt(n);
-			if (c) {
-				let r = V(n, t.key);
-				o.length && gt.get(n)?.(t.key), e.multiple ? o.length ? M(n, { add: r }) : s.length && M(n, { remove: r }) : o.length ? M(n, { replace: r }) : s.length && M(n, { clear: !0 });
-			} else k[n] = a;
-			let ee = (t) => e.items.find((e) => e.key === t);
+			let r = St(e), i = new Set(r);
+			e.multiple ? i.has(t.rowKey) ? i.delete(t.rowKey) : i.add(t.rowKey) : i.has(t.rowKey) ? e.clearable && i.clear() : (i.clear(), i.add(t.rowKey));
+			let a = [...i], o = a.filter((e) => !r.includes(e)), s = r.filter((e) => !a.includes(e)), ee = _t(n);
+			if (ee) {
+				let r = H(n, t.rowKey);
+				o.length && ht.get(n)?.(t.rowKey), e.multiple ? o.length ? N(n, { add: r }) : s.length && N(n, { remove: r }) : o.length ? N(n, { replace: r }) : s.length && N(n, { clear: !0 });
+			} else A[n] = a;
+			let te = (t) => e.items.find((e) => e.rowKey === t);
 			o.forEach((e) => {
-				ee(e) && x("item:selected", V(n, e));
+				te(e) && x("item:selected", H(n, e));
 			}), s.forEach((e) => {
-				ee(e) ? x("item:unselected", V(n, e)) : c && x("item:unselected", Mt(n, e));
+				te(e) ? x("item:unselected", H(n, e)) : ee && x("item:unselected", Nt(n, e));
 			});
-			let te = Pt.value === 1 && I.value.some((e) => e.selectable && e.key === n);
-			(o.length > 0 || r.includes(t.key) && a.includes(t.key)) && !e.multiple && te && ($(), K());
-		}, G = h(/* @__PURE__ */ new Set()), It = (e) => G.has(e), Lt = d(() => G.size > 0), Rt = (e) => e != null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function", zt = async () => {
-			await $();
+			let ne = Ft.value === 1 && L.value.some((e) => e.selectable && e.id === n);
+			(o.length > 0 || r.includes(t.rowKey) && a.includes(t.rowKey)) && !e.multiple && ne && (Q(), q());
+		}, K = h(/* @__PURE__ */ new Set()), Lt = (e) => K.has(e), Rt = u(() => K.size > 0), zt = (e) => e != null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function", Bt = async () => {
+			await Q();
 			let e = document.activeElement;
-			e instanceof HTMLElement && e !== document.body && !e.closest(`[data-bb-dropdown-surface="${C}"]`) || K();
-		}, Bt = async (e, t, { close: n = !1 } = {}) => {
+			e instanceof HTMLElement && e !== document.body && !e.closest(`[data-bb-dropdown-surface="${C}"]`) || q();
+		}, Vt = async (e, t, { close: n = !1 } = {}) => {
 			let r = e.onClick?.(t);
-			if (n && await zt(), Rt(r)) {
-				G.add(e.key);
+			if (n && await Bt(), zt(r)) {
+				K.add(e.rowKey);
 				try {
 					await r;
 				} finally {
-					G.delete(e.key);
+					K.delete(e.rowKey);
 				}
 			}
-		}, Vt = Fe("root-list"), K = () => {
+		}, Ht = Pe("root-list"), q = () => {
 			(T.value ?? (w.value ? document.getElementById(w.value) : null))?.focus();
 		};
-		he({
+		ge({
 			passthrough: S,
 			rootId: C,
 			activatorId: w,
 			setStatus: (e) => {
-				Ct.value = e;
+				wt.value = e;
 			},
-			status: Ct,
+			status: wt,
 			open: E,
-			queryFor: (e) => et[e] ?? "",
+			queryFor: (e) => D[e] ?? "",
 			setQuery: (e, t) => {
-				et[e] = t;
+				D[e] = t;
 			},
 			activateGroup: (e) => {
-				tt.has(e) || tt.add(e);
+				et.has(e) || et.add(e);
 			},
-			isActivated: (e) => tt.has(e),
-			isPipelineGroup: (e) => z.value.includes(e),
-			isGroupLoading: (e) => !!Ot[e],
-			isTopLevelPipeline: (e) => Dt.value.includes(e),
-			queryDebounceTime: d(() => b.queryDebounceTime ?? 300),
-			selectedFor: (e) => k[e] ?? [],
-			loadingText: d(() => b.loadingText),
-			emptyText: d(() => b.emptyText),
-			failedText: d(() => b.failedText),
-			enforceCoherence: d(() => b.enforceCoherence),
-			placement: d(() => b.placement),
-			disabled: d(() => !!b.disabled),
+			isActivated: (e) => et.has(e),
+			isPipelineGroup: (e) => B.value.includes(e),
+			isGroupLoading: (e) => !!kt[e],
+			isTopLevelPipeline: (e) => Ot.value.includes(e),
+			queryDebounceTime: u(() => b.queryDebounceTime ?? 300),
+			selectedFor: (e) => {
+				let t = W(e);
+				return t ? St(t) : A[e] ?? [];
+			},
+			loadingText: u(() => b.loadingText),
+			emptyText: u(() => b.emptyText),
+			failedText: u(() => b.failedText),
+			enforceCoherence: u(() => b.enforceCoherence),
+			placement: u(() => b.placement),
+			disabled: u(() => !!b.disabled),
 			selectedChipsFor: (e) => {
-				let t = U(e), n = B[e];
-				return (k[e] ?? []).map((r) => ({
+				let t = W(e), n = V[e];
+				return (A[e] ?? []).map((r) => ({
 					key: r,
-					text: n?.textByKey.get(r) ?? t?.items.find((e) => e.key === r)?.text ?? be(V(e, r) ?? Mt(e, r))
+					text: n?.textByKey.get(r) ?? t?.items.find((e) => e.rowKey === r)?.label ?? xe(H(e, r) ?? Nt(e, r))
 				}));
 			},
 			deselect: (e, t) => {
-				let n = k[e] ?? [];
+				let n = A[e] ?? [];
 				if (n.includes(t)) {
-					if (vt(e)) {
-						let n = V(e, t) ?? Mt(e, t);
-						M(e, { remove: n }), x("item:unselected", n);
+					if (_t(e)) {
+						let n = H(e, t) ?? Nt(e, t);
+						N(e, { remove: n }), x("item:unselected", n);
 						return;
 					}
-					k[e] = n.filter((e) => e !== t), x("item:unselected", V(e, t));
+					A[e] = n.filter((e) => e !== t), x("item:unselected", H(e, t));
 				}
 			},
-			close: () => $(),
-			focusActivator: K,
-			toggleSelect: Ft,
-			isItemLoading: It,
-			runItemAction: Bt,
-			slots: Pe()
+			close: () => Q(),
+			focusActivator: q,
+			toggleSelect: It,
+			isItemLoading: Lt,
+			runItemAction: Vt,
+			slots: Ne()
 		});
-		let Ht = (e) => {
+		let Ut = (e) => {
 			if (!b.disabled) {
-				if (J) {
-					J = !1, e.preventDefault(), e.stopPropagation();
+				if (Y) {
+					Y = !1, e.preventDefault(), e.stopPropagation();
 					return;
 				}
-				e.stopPropagation(), b.placement === "cursor" && (O.value = st(e.clientX, e.clientY)), E.value ? $() : Q();
+				e.stopPropagation(), b.placement === "cursor" && (k.value = ot(e.clientX, e.clientY)), E.value ? Q() : Z();
 			}
-		}, Ut = async (e) => {
+		}, Wt = async (e) => {
 			if (!b.disabled) {
 				if (e.preventDefault(), e.stopPropagation(), b.placement === "cursor") {
-					let t = st(e.clientX, e.clientY);
+					let t = ot(e.clientX, e.clientY);
 					if (E.value) {
-						await $(), await ue(b.transitionDuration), O.value = t, await Q();
+						await Q(), await de(b.transitionDuration), k.value = t, await Z();
 						return;
 					}
-					O.value = t;
+					k.value = t;
 				}
-				E.value ? $() : Q();
+				E.value ? Q() : Z();
 			}
-		}, Wt, q = null, J = !1, Y = () => {
-			clearTimeout(Wt), q = null;
-		}, Gt = (e) => {
-			b.disabled || e.pointerType === "mouse" || (J = !1, q = {
+		}, Gt, J = null, Y = !1, Kt = () => {
+			clearTimeout(Gt), J = null;
+		}, qt = (e) => {
+			b.disabled || e.pointerType === "mouse" || (Y = !1, J = {
 				x: e.clientX,
 				y: e.clientY
-			}, Wt = setTimeout(() => {
-				J = !0, b.placement === "cursor" && q && (O.value = st(q.x, q.y)), q = null, Q();
-			}, He));
-		}, Kt = (e) => {
-			if (!q) return;
-			let t = e.clientX - q.x, n = e.clientY - q.y;
-			Math.sqrt(t * t + n * n) > Ue && Y();
-		}, X = () => {
-			Y();
-		}, qt = async (e) => {
-			b.disabled || (e.key === "ArrowDown" ? (e.preventDefault(), E.value || await Q(), await ue(0), Vt.value?.focusFirst()) : e.key === "ArrowUp" ? (e.preventDefault(), E.value || await Q(), await ue(0), Vt.value?.focusLast()) : e.key === "Tab" && E.value && !e.shiftKey && (e.preventDefault(), Vt.value?.focusFirst()));
-		}, Jt = !1, Yt = () => {
-			Jt = !0, setTimeout(() => Jt = !1, 0);
-		}, Z = (e) => {
+			}, Gt = setTimeout(() => {
+				Y = !0, b.placement === "cursor" && J && (k.value = ot(J.x, J.y)), J = null, Z();
+			}, Ve));
+		}, Jt = (e) => {
+			if (!J) return;
+			let t = e.clientX - J.x, n = e.clientY - J.y;
+			Math.sqrt(t * t + n * n) > He && Kt();
+		}, Yt = () => {
+			Kt();
+		}, Xt = async (e) => {
+			b.disabled || (e.key === "ArrowDown" ? (e.preventDefault(), E.value || await Z(), await de(0), Ht.value?.focusFirst()) : e.key === "ArrowUp" ? (e.preventDefault(), E.value || await Z(), await de(0), Ht.value?.focusLast()) : e.key === "Tab" && E.value && !e.shiftKey && (e.preventDefault(), Ht.value?.focusFirst()));
+		}, Zt = !1, Qt = () => {
+			Zt = !0, setTimeout(() => Zt = !1, 0);
+		}, X = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && (e.type === "focusin" && Jt && T.value?.contains(t) || t.closest(`[data-bb-dropdown-surface="${C}"]`) || e.type === "focusin" && t.querySelector(`[data-bb-dropdown-surface="${C}"]`) || $());
-		}, Xt = (e) => {
+			t instanceof HTMLElement && (e.type === "focusin" && Zt && T.value?.contains(t) || t.closest(`[data-bb-dropdown-surface="${C}"]`) || e.type === "focusin" && t.querySelector(`[data-bb-dropdown-surface="${C}"]`) || Q());
+		}, $t = (e) => {
 			let t = e.detail;
-			!t || t.surfaceId === C || t.activator?.closest(`[data-bb-dropdown-surface="${C}"]`) || $();
-		}, Zt = (e) => {
-			!E.value || e.key !== "Escape" || o(qe) && (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement !== T.value && K(), $());
-		}, Q = async () => {
-			it.value = rt(), ft = !0, E.value = !0, document.dispatchEvent(new CustomEvent(Ve, { detail: {
+			!t || t.surfaceId === C || t.activator?.closest(`[data-bb-dropdown-surface="${C}"]`) || Q();
+		}, en = (e) => {
+			!E.value || e.key !== "Escape" || o(Ke) && (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement !== T.value && q(), Q());
+		}, Z = async () => {
+			rt.value = nt(), dt = !0, E.value = !0, document.dispatchEvent(new CustomEvent(Be, { detail: {
 				surfaceId: C,
 				activator: T.value
-			} })), !D.value && (pt(), s(qe, { element: () => document.querySelector(`[data-bb-dropdown-surface="${CSS.escape(String(C))}"]`) }), document.addEventListener("click", Z, { passive: !0 }), document.addEventListener("contextmenu", Z, { passive: !0 }), document.addEventListener("focusin", Z, { passive: !0 }), document.addEventListener("keydown", Zt, { capture: !0 }), document.addEventListener(Ve, Xt));
-		}, $ = async () => {
-			E.value = !1, mt();
-		}, Qt = () => {
-			c(qe), document.removeEventListener("click", Z), document.removeEventListener("contextmenu", Z), document.removeEventListener("focusin", Z), document.removeEventListener("keydown", Zt, { capture: !0 }), document.removeEventListener(Ve, Xt);
+			} })), !O.value && (ft(), s(Ke, { element: () => document.querySelector(`[data-bb-dropdown-surface="${CSS.escape(String(C))}"]`) }), document.addEventListener("click", X, { passive: !0 }), document.addEventListener("contextmenu", X, { passive: !0 }), document.addEventListener("focusin", X, { passive: !0 }), document.addEventListener("keydown", en, { capture: !0 }), document.addEventListener(Be, $t));
+		}, Q = async () => {
+			E.value = !1, pt();
+		}, tn = () => {
+			ee(Ke), document.removeEventListener("click", X), document.removeEventListener("contextmenu", X), document.removeEventListener("focusin", X), document.removeEventListener("keydown", en, { capture: !0 }), document.removeEventListener(Be, $t);
 		};
 		y(E, (e) => {
 			if (!e) {
-				Qt();
-				for (let e of Object.keys(et)) et[e] = "";
+				tn();
+				for (let e of Object.keys(D)) D[e] = "";
 			}
 		}), y(() => b.activator, (e) => {
-			e && dt(e);
+			e && ut(e);
 		}, { immediate: !0 });
-		let $t = null;
-		y([T, ot], ([e, t]) => {
-			if ($t &&= ($t(), null), !e) return;
+		let $ = null;
+		y([T, at], ([e, t]) => {
+			if ($ &&= ($(), null), !e) return;
 			let n = !1;
 			e.id || (e.id = C, n = !0), w.value = e.id;
 			let r = [];
-			t.has("click") && (e.addEventListener("click", Ht), e.addEventListener("mousedown", Yt), r.push(() => {
-				e.removeEventListener("click", Ht), e.removeEventListener("mousedown", Yt);
-			})), t.has("contextMenu") && (e.addEventListener("contextmenu", Ut), e.addEventListener("pointerdown", Gt), e.addEventListener("pointermove", Kt), e.addEventListener("pointerup", X), e.addEventListener("pointercancel", X), r.push(() => {
-				e.removeEventListener("contextmenu", Ut), e.removeEventListener("pointerdown", Gt), e.removeEventListener("pointermove", Kt), e.removeEventListener("pointerup", X), e.removeEventListener("pointercancel", X), Y();
-			})), e.addEventListener("keydown", qt), r.push(() => e.removeEventListener("keydown", qt)), $t = () => {
+			t.has("click") && (e.addEventListener("click", Ut), e.addEventListener("mousedown", Qt), r.push(() => {
+				e.removeEventListener("click", Ut), e.removeEventListener("mousedown", Qt);
+			})), t.has("contextMenu") && (e.addEventListener("contextmenu", Wt), e.addEventListener("pointerdown", qt), e.addEventListener("pointermove", Jt), e.addEventListener("pointerup", Yt), e.addEventListener("pointercancel", Yt), r.push(() => {
+				e.removeEventListener("contextmenu", Wt), e.removeEventListener("pointerdown", qt), e.removeEventListener("pointermove", Jt), e.removeEventListener("pointerup", Yt), e.removeEventListener("pointercancel", Yt), Kt();
+			})), e.addEventListener("keydown", Xt), r.push(() => e.removeEventListener("keydown", Xt)), $ = () => {
 				r.forEach((e) => e()), n && e.removeAttribute("id"), e.removeAttribute("aria-haspopup"), e.removeAttribute("aria-expanded"), e.removeAttribute("aria-controls");
 			};
 		}, { immediate: !0 }), y([
 			T,
 			E,
-			Ze,
-			wt,
-			Tt
+			Xe,
+			Tt,
+			Et
 		], ([e, t, n, r, i]) => {
 			e && (e.setAttribute("aria-haspopup", r), e.setAttribute("aria-expanded", n ? String(t) : "false"), n ? e.setAttribute("aria-controls", i) : e.removeAttribute("aria-controls"));
-		}, { immediate: !0 }), Ae(() => {
-			Y(), $t?.(), Qt();
+		}, { immediate: !0 }), ke(() => {
+			Kt(), $?.(), tn();
 		});
-		let en = d(() => b.width === "auto"), { width: tn } = Le(d(() => E.value ? lt.value : null), {
+		let nn = u(() => b.width === "auto"), { width: rn } = Ie(u(() => E.value ? ct.value : null), {
 			width: 0,
 			height: 0
-		}, { box: "border-box" }), nn = d(() => {
+		}, { box: "border-box" }), an = u(() => {
 			if (b.width !== "auto") {
 				if (b.width) {
-					let { value: e, unit: t } = Se(b.width);
-					return t === "%" ? lt.value ? `${tn.value * (e / 100)}px` : "0px" : `${e}px`;
+					let { value: e, unit: t } = Ce(b.width);
+					return t === "%" ? ct.value ? `${rn.value * (e / 100)}px` : "0px" : `${e}px`;
 				}
 				return "0px";
 			}
 		});
-		return je(() => {
-			$();
-		}), (e, n) => (m(), f(Ce, null, [
-			Ye.value ? Te("", !0) : _(e.$slots, "activator", ke(p({ key: 0 }, {
-				props: { ref: dt },
+		return Ae(() => {
+			Q();
+		}), (e, n) => (m(), f(we, null, [
+			Je.value ? d("", !0) : _(e.$slots, "activator", Oe(p({ key: 0 }, {
+				props: { ref: ut },
 				disabled: e.disabled,
-				loading: Lt.value,
+				loading: Rt.value,
 				open: E.value,
 				placement: e.placement
 			}))),
 			_(e.$slots, "default"),
-			(m(!0), f(Ce, null, Me(z.value, (e) => (m(), we(ye, {
+			(m(!0), f(we, null, je(B.value, (e) => (m(), Te(be, {
 				id: e,
 				key: e
 			}, null, 8, ["id"]))), 128)),
-			D.value ? (m(), we(_e, p({
+			O.value ? (m(), Te(ve, p({
 				key: 1,
 				modelValue: E.value,
 				"onUpdate:modelValue": n[0] ||= (e) => E.value = e,
 				compact: e.compact,
-				"off-canvas-props": at.value,
-				"root-groups": I.value
-			}, p(Xe, v(t)(e.$attrs))), null, 16, [
+				"off-canvas-props": it.value,
+				"root-groups": L.value
+			}, p(Ye, v(t)(e.$attrs))), null, 16, [
 				"modelValue",
 				"compact",
 				"off-canvas-props",
 				"root-groups"
-			])) : (m(), we(ae, p({
+			])) : (m(), Te(oe, p({
 				key: 2,
 				modelValue: E.value,
 				"onUpdate:modelValue": n[1] ||= (e) => E.value = e,
-				anchor: ut.value,
+				anchor: lt.value,
 				boundary: e.boundary,
 				"bubble-attrs": $e,
 				class: ["bb-dropdown", {
-					"bb-dropdown--mobile": v(nt),
+					"bb-dropdown--mobile": v(tt),
 					"bb-dropdown--compact": e.compact
 				}],
 				eager: e.eager,
@@ -651,8 +659,8 @@ var ze = [
 				padding: e.padding,
 				placement: e.placement === "cursor" ? "bottom-start" : e.placement,
 				"transition-duration": e.transitionDuration
-			}, p(Xe, e.$attrs, v(S).root)), {
-				default: Ie(() => [
+			}, p(Ye, e.$attrs, v(S).root)), {
+				default: Fe(() => [
 					e.$slots.header ? (m(), f("div", p({
 						key: 0,
 						class: "bb-dropdown__header"
@@ -660,17 +668,18 @@ var ze = [
 						disabled: e.disabled,
 						open: E.value,
 						placement: e.placement
-					})], 16)) : Te("", !0),
+					})], 16)) : d("", !0),
 					Ee("span", p({
 						id: `menu_${v(C)}`,
-						"aria-labelledby": L.value ? void 0 : w.value,
+						"aria-labelledby": R.value ? void 0 : w.value,
 						class: "bb-dropdown__list scrollbar-border",
-						role: L.value ? "none" : "menu"
-					}, v(S).list), [De(ge, {
+						role: R.value ? "none" : "menu"
+					}, v(S).list), [Qe.value ? (m(), Te(_e, {
+						key: 0,
 						ref: "root-list",
-						groups: I.value
-					}, null, 8, ["groups"])], 16, ze),
-					Ee("span", Be, Ne(Ct.value), 1),
+						groups: L.value
+					}, null, 8, ["groups"])) : d("", !0)], 16, Re),
+					Ee("span", ze, Me(wt.value), 1),
 					e.$slots.footer ? (m(), f("div", p({
 						key: 1,
 						class: "bb-dropdown__footer"
@@ -678,7 +687,7 @@ var ze = [
 						disabled: e.disabled,
 						open: E.value,
 						placement: e.placement
-					})], 16)) : Te("", !0)
+					})], 16)) : d("", !0)
 				]),
 				_: 3
 			}, 16, [