bitboss-ui 3.0.0-beta.21 → 3.0.0-beta.22

package/dist/components/BbDialog/BbDialog.vue_vue_type_script_setup_true_lang.js

@@ -25,7 +25,7 @@ var Te = [
 ], Ee = {
 	key: 0,
 	class: "bb-dialog__header"
-}, De = { class: "bb-dialog__body scrollbar-border" }, Oe = { class: "bb-dialog__body-content" }, ke = { class: "bb-dialog__footer" }, Ae = 4, S = /*@__PURE__*/ u({
+}, De = { class: "bb-dialog__body scrollbar-border" }, Oe = { class: "bb-dialog__body-content" }, ke = { class: "bb-dialog__footer" }, S = 4, C = /*@__PURE__*/ u({
 	__name: "BbDialog",
 	props: /*@__PURE__*/ f({
 		description: {},
@@ -58,101 +58,105 @@ var Te = [
 		"hidden"
 	], ["update:modelValue"]),
 	setup(n, { emit: u }) {
-		let f = Se(n, "modelValue"), S = n, C = u, w = Ce(), T = e();
+		let f = Se(n, "modelValue"), C = n, w = u, T = Ce(), E = e();
 		process.env.NODE_ENV !== "production" && re("BbDialog", te("BbDialog"));
-		let { t: E } = ue(), { isMobile: D } = ce(), { resolve: je } = fe(), O = () => (S.adaptive ?? T.adaptive) && D.value ? "canvas" : "dialog", k = _(O());
-		b([() => S.adaptive, D], () => {
-			f.value || (k.value = O());
+		let { t: D } = ue(), { isMobile: O } = ce(), { resolve: Ae } = fe(), k = () => (C.adaptive ?? E.adaptive) && O.value ? "canvas" : "dialog", A = _(k());
+		b([() => C.adaptive, O], () => {
+			f.value || (A.value = k());
 		});
-		let Me = i(() => ({
-			description: S.description,
-			disabled: S.disabled,
-			eager: S.eager,
-			focusTarget: S.focusTarget,
-			fullscreen: S.fullscreen,
-			hideClose: S.hideClose,
-			persistent: S.persistent,
-			stack: S.stack,
-			title: S.title,
-			transitionDuration: S.transitionDuration,
+		let je = i(() => ({
+			description: C.description,
+			disabled: C.disabled,
+			eager: C.eager,
+			focusTarget: C.focusTarget,
+			fullscreen: C.fullscreen,
+			hideClose: C.hideClose,
+			persistent: C.persistent,
+			stack: C.stack,
+			title: C.title,
+			transitionDuration: C.transitionDuration,
 			side: "bottom",
 			draggable: !0,
 			size: "auto",
-			...S.offCanvasProps
-		})), A = _(null), j = `title_${t().id.value}`, M = `desc_${t().id.value}`, N = () => !!S.description || !!w.description, P = () => !!S.title || !!w.title, F = () => P() || N(), I = ee(() => f.value || S.eager, { initialValue: f.value || S.eager }), L = i(() => S.fullscreen === !0 || S.fullscreen === "mobile" && D.value), R = () => typeof document < "u", Ne = i(() => !!(S.disabled || S.persistent)), z = _(!1), B = _(null), V = () => {
-			B.value = null;
-		}, Pe = (e) => {
-			B.value = {
+			...C.offCanvasProps
+		})), j = _(null), M = `title_${t().id.value}`, N = `desc_${t().id.value}`, P = () => !!C.description || !!T.description, F = () => !!C.title || !!T.title, I = () => F() || P(), L = ee(() => f.value || C.eager, { initialValue: f.value || C.eager }), R = i(() => C.fullscreen === !0 || C.fullscreen === "mobile" && O.value), z = () => typeof document < "u", B = i(() => !!(C.disabled || C.persistent)), V = _(!1), H = _(null), U = () => {
+			H.value = null;
+		}, Me = (e) => {
+			H.value = {
 				startX: e.clientX,
 				startY: e.clientY,
 				startedOnBackdrop: e.target === e.currentTarget
 			};
-		}, Fe = (e) => {
-			let t = B.value;
-			V(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > Ae || Math.abs(e.clientY - t.startY) > Ae) || Ge(e));
-		}, H, U = (e) => {
-			clearTimeout(H), z.value = !0, H = setTimeout(() => {
-				z.value = !1;
+		}, Ne = (e) => {
+			let t = H.value;
+			U(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > S || Math.abs(e.clientY - t.startY) > S) || qe(e));
+		}, W, G = (e) => {
+			clearTimeout(W), V.value = !0, W = setTimeout(() => {
+				V.value = !1;
 			}, e);
-		}, W = Symbol("bb-dialog-escape"), Ie = () => {
-			oe(W), R() && document.addEventListener("keydown", K, { capture: !0 });
-		}, G = () => {
-			se(W), R() && document.removeEventListener("keydown", K, { capture: !0 });
-		}, Le = () => {
-			if (!S.focusTarget) return;
-			let e = A.value?.querySelector(S.focusTarget);
+		}, K = Symbol("bb-dialog-escape"), Pe = () => {
+			oe(K), z() && document.addEventListener("keydown", Le, { capture: !0 });
+		}, Fe = () => {
+			se(K), z() && document.removeEventListener("keydown", Le, { capture: !0 });
+		}, Ie = () => {
+			if (!C.focusTarget) return;
+			let e = j.value?.querySelector(C.focusTarget);
 			e instanceof HTMLElement && e.focus();
-		}, K = (e) => {
-			if (e.key === "Escape" && !Z.value && ae(W) && (e.stopImmediatePropagation(), Ne.value)) return e.preventDefault(), U(200), !1;
+		}, Le = (e) => {
+			if (e.key === "Escape" && !X.value && ae(K) && (e.stopImmediatePropagation(), B.value)) return e.preventDefault(), G(200), !1;
 		}, q = _(0), J = _(!1), Y = Symbol("bb-dialog"), { stacks: Re, enter: ze, leave: Be } = he(), Ve = () => {
-			S.stack && ze(S.stack, Y);
-		}, X = () => {
-			S.stack && Be(S.stack, Y);
-		}, Z = i(() => {
-			if (!S.stack) return !1;
-			let e = Re.value[S.stack];
+			C.stack && ze(C.stack, Y);
+		}, He = () => {
+			C.stack && Be(C.stack, Y);
+		}, X = i(() => {
+			if (!C.stack) return !1;
+			let e = Re.value[C.stack];
 			return !e || !e.includes(Y) ? !1 : e[e.length - 1] !== Y;
-		}), Q = null, He = async (e) => {
-			if (e) C("show"), q.value++, R() && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${qe()}px`), Ie(), await m(), J.value = !0, A.value && !A.value.open && A.value.showModal(), Ve(), A.value && (Q = pe(A.value)), Le(), C("shown");
+		}), Ue = i(() => {
+			if (!C.stack) return !1;
+			let e = Re.value[C.stack];
+			return !e || !e.includes(Y) ? !1 : e[0] !== Y;
+		}), Z = null, We = async (e) => {
+			if (e) w("show"), q.value++, z() && !document.documentElement.style.getPropertyValue("--scrollbar-width") && document.documentElement.style.setProperty("--scrollbar-width", `${Je()}px`), Pe(), await m(), J.value = !0, j.value && !j.value.open && j.value.showModal(), Ve(), j.value && (Z = pe(j.value)), Ie(), w("shown");
 			else {
-				C("hide");
+				w("hide"), He();
 				let e = q.value;
-				if (await le(S.transitionDuration), e !== q.value) return;
-				G(), X(), A.value?.close(), Q?.(), Q = null, J.value = !1, C("hidden");
+				if (await le(C.transitionDuration), e !== q.value) return;
+				Fe(), j.value?.close(), Z?.(), Z = null, J.value = !1, w("hidden");
 			}
-		}, Ue = () => {
-			process.env.NODE_ENV !== "production" && (!w.header || S.title || m(() => {
-				!A.value || document.getElementById(j) || ne().warn(`BbDialog: the #header slot does not contain an element with id="${j}", so aria-labelledby points at nothing and the dialog announces as unnamed. Bind the slot's \`titleId\` to your heading: <template #header="{ titleId }"><h2 :id="titleId">…</h2></template>.`);
+		}, Ge = () => {
+			process.env.NODE_ENV !== "production" && (!T.header || C.title || m(() => {
+				!j.value || document.getElementById(M) || ne().warn(`BbDialog: the #header slot does not contain an element with id="${M}", so aria-labelledby points at nothing and the dialog announces as unnamed. Bind the slot's \`titleId\` to your heading: <template #header="{ titleId }"><h2 :id="titleId">…</h2></template>.`);
 			}));
 		};
 		b(f, (e) => {
-			e && (k.value = O()), k.value === "dialog" && He(e);
+			e && (A.value = k()), A.value === "dialog" && We(e);
 		}), ye(() => {
-			f.value && k.value === "dialog" && He(!0), Ue();
+			f.value && A.value === "dialog" && We(!0), Ge();
 		}), ve(() => {
-			clearTimeout(H), G(), X(), Q?.(), Q = null;
+			clearTimeout(W), Fe(), He(), Z?.(), Z = null;
 		});
-		let We = i(() => L.value ? "100%" : de(je(S.size), T.dialogDefaultSizes)), Ge = (e) => {
-			if (e.preventDefault(), Ne.value) return U(300), !1;
-			$();
-		}, $ = () => {
+		let Ke = i(() => R.value ? "100%" : de(Ae(C.size), E.dialogDefaultSizes)), qe = (e) => {
+			if (e.preventDefault(), B.value) return G(300), !1;
+			Q();
+		}, Q = () => {
 			f.value = !1;
-		}, Ke = () => {
-			if (S.disabled) {
-				U(300);
+		}, $ = () => {
+			if (C.disabled) {
+				G(300);
 				return;
 			}
-			$();
-		}, qe = () => R() ? window.innerWidth - document.documentElement.clientWidth : 0;
-		return (e, t) => k.value === "canvas" ? (g(), a(me, p({
+			Q();
+		}, Je = () => z() ? window.innerWidth - document.documentElement.clientWidth : 0;
+		return (e, t) => A.value === "canvas" ? (g(), a(me, p({
 			key: 0,
 			modelValue: f.value,
 			"onUpdate:modelValue": t[0] ||= (e) => f.value = e
-		}, Me.value, {
-			onHidden: t[1] ||= (e) => C("hidden"),
-			onHide: t[2] ||= (e) => C("hide"),
-			onShow: t[3] ||= (e) => C("show"),
-			onShown: t[4] ||= (e) => C("shown")
+		}, je.value, {
+			onHidden: t[1] ||= (e) => w("hidden"),
+			onHide: t[2] ||= (e) => w("hide"),
+			onShow: t[3] ||= (e) => w("show"),
+			onShown: t[4] ||= (e) => w("shown")
 		}), _e({ _: 2 }, [
 			e.$slots.default ? {
 				name: "default",
@@ -182,57 +186,58 @@ var Te = [
 		]), 1040, ["modelValue"])) : (g(), s("dialog", p({
 			key: 1,
 			ref_key: "dialog",
-			ref: A,
-			"aria-describedby": y(I) && N() ? M : void 0,
-			"aria-labelledby": y(I) && (P() || e.$slots.header) ? j : void 0,
+			ref: j,
+			"aria-describedby": y(L) && P() ? N : void 0,
+			"aria-labelledby": y(L) && (F() || e.$slots.header) ? M : void 0,
 			class: ["bb-dialog", {
 				"bb-dialog--open": f.value,
 				"bb-dialog--visible": J.value,
-				"bb-dialog--fullscreen": L.value,
-				"bb-dialog--mobile": y(D),
-				"bb-dialog--deny-close": z.value,
-				"bb-dialog--covered": Z.value
+				"bb-dialog--fullscreen": R.value,
+				"bb-dialog--mobile": y(O),
+				"bb-dialog--deny-close": V.value,
+				"bb-dialog--covered": X.value,
+				"bb-dialog--stacked": Ue.value
 			}],
-			inert: !f.value && !J.value || Z.value,
+			inert: !f.value && !J.value || X.value,
 			style: {
-				"--max-width": We.value,
-				"--transition-duration": `${S.transitionDuration}ms`
+				"--max-width": Ke.value,
+				"--transition-duration": `${C.transitionDuration}ms`
 			}
 		}, xe(y(ie), !0), {
-			onCancel: Ge,
-			onClick: we(Fe, ["self"]),
-			onPointercancel: V,
-			onPointerdown: Pe
-		}), [y(I) ? (g(), s(ge, { key: 0 }, [
-			F() || e.$slots.header ? (g(), s("div", Ee, [v(e.$slots, "header", {
-				close: $,
+			onCancel: qe,
+			onClick: we(Ne, ["self"]),
+			onPointercancel: U,
+			onPointerdown: Me
+		}), [y(L) ? (g(), s(ge, { key: 0 }, [
+			I() || e.$slots.header ? (g(), s("div", Ee, [v(e.$slots, "header", {
+				close: Q,
 				title: e.title,
-				titleId: j
+				titleId: M
 			}, () => [
-				P() ? (g(), s("span", {
+				F() ? (g(), s("span", {
 					key: 0,
-					id: j,
+					id: M,
 					class: "bb-dialog__title"
 				}, [v(e.$slots, "title", { text: e.title }, () => [l(be(e.title), 1)])])) : o("", !0),
-				N() ? (g(), s("p", {
+				P() ? (g(), s("p", {
 					key: 1,
-					id: M,
+					id: N,
 					class: "bb-dialog__description"
 				}, [v(e.$slots, "description", { text: e.description }, () => [l(be(e.description), 1)])])) : o("", !0),
 				e.hideClose ? o("", !0) : (g(), a(r, {
 					key: 2,
-					"aria-label": y(E)("dialog.closeLabel").value,
-					onClick: Ke
+					"aria-label": y(D)("dialog.closeLabel").value,
+					onClick: $
 				}, null, 8, ["aria-label"]))
 			])])) : o("", !0),
-			c("div", De, [c("div", Oe, [!F() && !e.$slots.header && !e.hideClose ? (g(), a(r, {
+			c("div", De, [c("div", Oe, [!I() && !e.$slots.header && !e.hideClose ? (g(), a(r, {
 				key: 0,
-				"aria-label": y(E)("dialog.closeLabel").value,
-				onClick: Ke
-			}, null, 8, ["aria-label"])) : o("", !0), v(e.$slots, "default", { close: $ })])]),
+				"aria-label": y(D)("dialog.closeLabel").value,
+				onClick: $
+			}, null, 8, ["aria-label"])) : o("", !0), v(e.$slots, "default", { close: Q })])]),
 			c("div", ke, [v(e.$slots, "footer")])
 		], 64)) : o("", !0)], 16, Te));
 	}
 });
 //#endregion
-export { S as default };
+export { C as default };

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

@@ -19,7 +19,7 @@ var M = { class: "bb-offcanvas__title bb-dropdown__nav-title" }, N = {
 	"aria-labelledby",
 	"role"
 ], F = {
-	class: "sr-only",
+	class: "bb-sr-only",
 	role: "status"
 }, I = /*@__PURE__*/ v({
 	__name: "AdaptiveDropdown",

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

@@ -5,23 +5,23 @@ import { removedPropsFor as r } from "../../deprecation/removedProps.js";
 import { useLogger as i } from "../../composables/useLogger.js";
 import { warnRemovedAttrs as a } from "../../utilities/functions/warnRemovedAttrs.js";
 import { extractDomContainer as o } from "../../utilities/functions/extractDomContainer.js";
-import { transitions as ee } from "../../utilities/misc/transitions.js";
-import s from "../CommonPopover/CommonPopover.vue.js";
-import { parseWidthString as te } from "../../utilities/functions/parseWidthString.js";
-import { isTopEscapeEntry as ne, pushEscapeEntry as re, removeEscapeEntry as ie } from "../../utils/overlayEscapeStack.js";
-import { useBbDropdownContextHost as ae } from "../../composables/useBbDropdownContext.js";
-import { useMobile as oe } from "../../composables/useMobile.js";
-import { provideSheetSurface as se } from "../../composables/useSheetSurface.js";
-import { useClosingInert as ce } from "../../composables/useClosingInert.js";
-import { wait as c } from "../../utilities/functions/wait.js";
+import { transitions as s } from "../../utilities/misc/transitions.js";
+import c from "../CommonPopover/CommonPopover.vue.js";
+import { isTopEscapeEntry as ee, pushEscapeEntry as te, removeEscapeEntry as ne } from "../../utils/overlayEscapeStack.js";
+import { useBbDropdownContextHost as re } from "../../composables/useBbDropdownContext.js";
+import { useMobile as ie } from "../../composables/useMobile.js";
+import { provideSheetSurface as ae } from "../../composables/useSheetSurface.js";
+import { useClosingInert as oe } from "../../composables/useClosingInert.js";
+import { wait as se } from "../../utilities/functions/wait.js";
 import { groupItemsAsArray as l, isGroup as u } from "./types.js";
-import { levelHasSearch as le, normalizeGroups as ue } from "./normalizeGroups.js";
-import { provideDropdownContext as de } from "./useDropdownContext.js";
-import fe from "./BbDropdownList.vue.js";
-import { hash as pe } from "../../utilities/functions/hash.js";
-import me from "./AdaptiveDropdown.vue.js";
-import { provideDropdownGroupRegistry as he } from "./useDropdownGroupRegistry.js";
-import ge from "./DropdownPipelineResolver.vue.js";
+import { levelHasSearch as ce, normalizeGroups as le } from "./normalizeGroups.js";
+import { provideDropdownContext as ue } from "./useDropdownContext.js";
+import de from "./BbDropdownList.vue.js";
+import { hash as fe } from "../../utilities/functions/hash.js";
+import pe from "./AdaptiveDropdown.vue.js";
+import { provideDropdownGroupRegistry as me } from "./useDropdownGroupRegistry.js";
+import he from "./DropdownPipelineResolver.vue.js";
+import { parseWidthString as ge } from "../../utilities/functions/parseWidthString.js";
 import { Fragment as _e, computed as d, createBlock as ve, createCommentVNode as ye, createElementBlock as f, createElementVNode as be, createVNode as xe, defineComponent as Se, mergeProps as Ce, normalizeClass as we, normalizeProps as Te, normalizeStyle as Ee, onBeforeUnmount as De, openBlock as p, reactive as m, ref as h, renderList as Oe, renderSlot as g, toDisplayString as ke, unref as _, useSlots as Ae, useTemplateRef as je, watch as v, withCtx as Me } from "vue";
 import { useElementSize as Ne, useIntersectionObserver as Pe } from "@vueuse/core";
 //#region src/components/BbDropdown/BbDropdown.vue?vue&type=script&setup=true&lang.ts
@@ -39,7 +39,7 @@ var Fe = [
 	"aria-labelledby",
 	"role"
 ], Re = {
-	class: "sr-only",
+	class: "bb-sr-only",
 	role: "status"
 }, ze = {
 	key: 1,
@@ -68,22 +68,22 @@ var Fe = [
 		padding: { default: 10 },
 		placement: { default: "bottom" },
 		queryDebounceTime: { default: 300 },
-		transitionDuration: { default: ee.fast },
+		transitionDuration: { default: s.fast },
 		trigger: { default: "click" },
 		width: { default: "auto" }
 	},
 	emits: ["item:selected", "item:unselected"],
-	setup(ee, { emit: Se }) {
-		let y = ee, Ue = Se, We = e();
+	setup(s, { emit: Se }) {
+		let y = s, b = Se, Ue = e();
 		process.env.NODE_ENV !== "production" && a("BbDropdown", r("BbDropdown"));
-		let Ge = i(), b = y.id ?? `bb_${t().id.value}`, x = Symbol("bb-dropdown-escape"), S = h(b), C = h(), Ke = d(() => o(C.value)), qe = d(() => y.activator != null), w = h(!1), Je = n(w, { initialValue: y.eager }), Ye = ce(w, () => y.transitionDuration), T = m({}), Xe = m(/* @__PURE__ */ new Set()), { isMobile: Ze } = oe(), Qe = () => (y.adaptive ?? We.adaptive) && Ze.value ? "canvas" : "popover", $e = h(Qe()), E = d(() => $e.value === "canvas");
+		let We = i(), x = y.id ?? `bb_${t().id.value}`, Ge = Symbol("bb-dropdown-escape"), S = h(x), C = h(), Ke = d(() => o(C.value)), qe = d(() => y.activator != null), w = h(!1), Je = n(w, { initialValue: y.eager }), Ye = oe(w, () => y.transitionDuration), T = m({}), Xe = m(/* @__PURE__ */ new Set()), { isMobile: Ze } = ie(), Qe = () => (y.adaptive ?? Ue.adaptive) && Ze.value ? "canvas" : "popover", $e = h(Qe()), E = d(() => $e.value === "canvas");
 		v([
 			() => y.adaptive,
 			Ze,
 			w
 		], () => {
 			w.value || ($e.value = Qe());
-		}), se(E);
+		}), ae(E);
 		let et = d(() => ({
 			side: "bottom",
 			size: "auto",
@@ -225,15 +225,15 @@ var Fe = [
 			let e = [...y.items ?? []];
 			for (let t of dt.value) {
 				let n = A(e, t.key);
-				!n && !t.items?.length && (j(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\`.`));
+				!n && !t.items?.length && (j(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 key.`), 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 key in \`BbDropdown.items\`.`));
 				let r = pt(t, n), i = M(e, r);
 				e = i.found ? i.items : [...i.items, r];
 			}
 			return e;
-		}), P = d(() => ue(N.value).map((e) => e.selectable ? {
+		}), P = d(() => le(N.value).map((e) => e.selectable ? {
 			...e,
 			selected: O[e.key ?? ""] ?? []
-		} : e)), F = d(() => le(P.value)), I = h(), mt = d(() => F.value || E.value ? "dialog" : "menu"), ht = d(() => F.value && !E.value ? `dialog_${b}` : `menu_${b}`), gt = (e) => typeof e.items == "function" || e.itemText != null || e.itemValue != null || e.max != null, L = (e, t = []) => {
+		} : e)), F = d(() => ce(P.value)), I = h(), mt = d(() => F.value || E.value ? "dialog" : "menu"), ht = d(() => F.value && !E.value ? `dialog_${x}` : `menu_${x}`), gt = (e) => typeof e.items == "function" || e.itemText != null || e.itemValue != null || e.max != null, L = (e, t = []) => {
 			for (let n of e) if (u(n)) {
 				n.key && gt(n) && t.push(n.key);
 				for (let e of l(n.items)) for (let n of Array.isArray(e) ? e : [e]) n.items && L(n.items, t);
@@ -247,7 +247,7 @@ var Fe = [
 			};
 		}, V = (e) => {
 			let t = (n) => {
-				for (let r of ue(n)) {
+				for (let r of le(n)) {
 					if (r.key === e) return r;
 					for (let e of r.items) if (e.items) {
 						let n = t(e.items);
@@ -256,12 +256,12 @@ var Fe = [
 				}
 			};
 			return t(N.value);
-		}, xt = (e, t) => R.value.includes(e) ? pe(t) : t, St = (e) => {
+		}, xt = (e, t) => R.value.includes(e) ? fe(t) : t, St = (e) => {
 			if (k.has(e)) return k.get(e);
 			let t = (O[e] ?? []).map((t) => B(e, t));
 			return bt(e)?.multiple ? t : t[0] ?? null;
 		};
-		he({
+		me({
 			register: (e, t) => ut.set(e, t),
 			unregister: (e) => ut.delete(e),
 			seed: (e, t) => {
@@ -303,9 +303,9 @@ var Fe = [
 		}, Ct = d(() => {
 			let e = {};
 			for (let t of H(N.value)) {
-				let n = St(t), r = [].concat(n).filter((e) => e != null), i = z[t], a = V(t), o = A(N.value, t), { items: ee, ...s } = o ?? {};
+				let n = St(t), r = [].concat(n).filter((e) => e != null), i = z[t], a = V(t), o = A(N.value, t), { items: s, ...c } = o ?? {};
 				e[t] = {
-					...s,
+					...c,
 					key: t,
 					value: n,
 					multiple: o?.multiple ?? !1,
@@ -323,7 +323,7 @@ var Fe = [
 			}
 			return e;
 		});
-		ae(() => y.id, {
+		re(() => y.id, {
 			open: () => w.value,
 			groups: () => Ct.value
 		});
@@ -334,18 +334,18 @@ var Fe = [
 			e.multiple ? i.has(t.key) ? i.delete(t.key) : i.add(t.key) : i.has(t.key) ? i.clear() : (i.clear(), i.add(t.key));
 			let a = [...i];
 			O[n] = a;
-			let o = a.filter((e) => !r.includes(e)), ee = r.filter((e) => !a.includes(e)), s = (t) => e.items.find((e) => e.key === t);
+			let o = a.filter((e) => !r.includes(e)), s = r.filter((e) => !a.includes(e)), c = (t) => e.items.find((e) => e.key === t);
 			o.forEach((e) => {
-				s(e) && Ue("item:selected", B(n, e));
-			}), ee.forEach((e) => {
-				s(e) && Ue("item:unselected", B(n, e));
+				c(e) && b("item:selected", B(n, e));
+			}), s.forEach((e) => {
+				c(e) && b("item:unselected", B(n, e));
 			});
-			let te = wt.value === 1 && P.value.some((e) => e.selectable && e.key === n);
-			o.length && !e.multiple && te && (Q(), G());
+			let ee = wt.value === 1 && P.value.some((e) => e.selectable && e.key === n);
+			o.length && !e.multiple && ee && (Q(), G());
 		}, U = m(/* @__PURE__ */ new Set()), Et = (e) => U.has(e), Dt = d(() => U.size > 0), Ot = (e) => e != null && (typeof e == "object" || typeof e == "function") && typeof e.then == "function", kt = async () => {
 			await Q();
 			let e = document.activeElement;
-			e instanceof HTMLElement && e !== document.body && !e.closest(`[data-bb-dropdown-surface="${b}"]`) || G();
+			e instanceof HTMLElement && e !== document.body && !e.closest(`[data-bb-dropdown-surface="${x}"]`) || G();
 		}, At = async (e, t, { close: n = !1 } = {}) => {
 			let r = e.onClick?.(t);
 			if (n && await kt(), Ot(r)) {
@@ -359,8 +359,8 @@ var Fe = [
 		}, W = je("rootList"), G = () => {
 			(C.value ?? (S.value ? document.getElementById(S.value) : null))?.focus();
 		};
-		de({
-			rootId: b,
+		ue({
+			rootId: x,
 			activatorId: S,
 			setStatus: (e) => {
 				I.value = e;
@@ -394,7 +394,7 @@ var Fe = [
 			},
 			deselect: (e, t) => {
 				let n = O[e] ?? [];
-				n.includes(t) && (O[e] = n.filter((e) => e !== t), Ue("item:unselected", B(e, t)));
+				n.includes(t) && (O[e] = n.filter((e) => e !== t), b("item:unselected", B(e, t)));
 			},
 			close: () => Q(),
 			focusActivator: G,
@@ -416,7 +416,7 @@ var Fe = [
 				if (e.preventDefault(), e.stopPropagation(), y.placement === "cursor") {
 					let t = nt(e.clientX, e.clientY);
 					if (w.value) {
-						await Q(), await c(y.transitionDuration), D.value = t, await Z();
+						await Q(), await se(y.transitionDuration), D.value = t, await Z();
 						return;
 					}
 					D.value = t;
@@ -439,24 +439,24 @@ var Fe = [
 		}, Y = () => {
 			J();
 		}, It = async (e) => {
-			y.disabled || (e.key === "ArrowDown" ? (e.preventDefault(), w.value || await Z(), await c(0), W.value?.focusFirst()) : e.key === "ArrowUp" ? (e.preventDefault(), w.value || await Z(), await c(0), W.value?.focusLast()) : e.key === "Tab" && w.value && !e.shiftKey && (e.preventDefault(), W.value?.focusFirst()));
+			y.disabled || (e.key === "ArrowDown" ? (e.preventDefault(), w.value || await Z(), await se(0), W.value?.focusFirst()) : e.key === "ArrowUp" ? (e.preventDefault(), w.value || await Z(), await se(0), W.value?.focusLast()) : e.key === "Tab" && w.value && !e.shiftKey && (e.preventDefault(), W.value?.focusFirst()));
 		}, X = (e) => {
 			let t = e.target;
-			t instanceof HTMLElement && (t.closest(`[data-bb-dropdown-surface="${b}"]`) || Q());
+			t instanceof HTMLElement && (t.closest(`[data-bb-dropdown-surface="${x}"]`) || Q());
 		}, Lt = (e) => {
 			let t = e.detail;
-			!t || t.surfaceId === b || t.activator?.closest(`[data-bb-dropdown-surface="${b}"]`) || Q();
+			!t || t.surfaceId === x || t.activator?.closest(`[data-bb-dropdown-surface="${x}"]`) || Q();
 		}, Rt = (e) => {
-			!w.value || e.key !== "Escape" || ne(x) && (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement !== C.value && G(), Q());
+			!w.value || e.key !== "Escape" || ee(Ge) && (e.stopImmediatePropagation(), e.preventDefault(), document.activeElement !== C.value && G(), Q());
 		}, Z = async () => {
 			$e.value = Qe(), st = !0, w.value = !0, document.dispatchEvent(new CustomEvent(Be, { detail: {
-				surfaceId: b,
+				surfaceId: x,
 				activator: C.value
-			} })), !E.value && (ct(), re(x), document.addEventListener("click", X, { passive: !0 }), document.addEventListener("contextmenu", X, { passive: !0 }), document.addEventListener("focusin", X, { passive: !0 }), document.addEventListener("keydown", Rt, { capture: !0 }), document.addEventListener(Be, Lt));
+			} })), !E.value && (ct(), te(Ge), document.addEventListener("click", X, { passive: !0 }), document.addEventListener("contextmenu", X, { passive: !0 }), document.addEventListener("focusin", X, { passive: !0 }), document.addEventListener("keydown", Rt, { capture: !0 }), document.addEventListener(Be, Lt));
 		}, Q = async () => {
 			w.value = !1, lt();
 		}, zt = () => {
-			ie(x), document.removeEventListener("click", X), document.removeEventListener("contextmenu", X), document.removeEventListener("focusin", X), document.removeEventListener("keydown", Rt, { capture: !0 }), document.removeEventListener(Be, Lt);
+			ne(Ge), document.removeEventListener("click", X), document.removeEventListener("contextmenu", X), document.removeEventListener("focusin", X), document.removeEventListener("keydown", Rt, { capture: !0 }), document.removeEventListener(Be, Lt);
 		};
 		v(w, (e) => {
 			if (!e) {
@@ -470,7 +470,7 @@ var Fe = [
 		v([C, tt], ([e, t]) => {
 			if ($ &&= ($(), null), !e) return;
 			let n = !1;
-			e.id || (e.id = b, n = !0), S.value = e.id;
+			e.id || (e.id = x, n = !0), S.value = e.id;
 			let r = [];
 			t.has("click") && (e.addEventListener("click", jt), r.push(() => e.removeEventListener("click", jt))), t.has("contextMenu") && (e.addEventListener("contextmenu", Mt), e.addEventListener("pointerdown", Pt), e.addEventListener("pointermove", Ft), e.addEventListener("pointerup", Y), e.addEventListener("pointercancel", Y), r.push(() => {
 				e.removeEventListener("contextmenu", Mt), e.removeEventListener("pointerdown", Pt), e.removeEventListener("pointermove", Ft), e.removeEventListener("pointerup", Y), e.removeEventListener("pointercancel", Y), J();
@@ -494,7 +494,7 @@ var Fe = [
 		}, { box: "border-box" }), Ht = d(() => {
 			if (y.width !== "auto") {
 				if (y.width) {
-					let { value: e, unit: t } = te(y.width);
+					let { value: e, unit: t } = ge(y.width);
 					return t === "%" ? it.value ? `${Vt.value * (e / 100)}px` : "0px" : `${e}px`;
 				}
 				return "0px";
@@ -509,11 +509,11 @@ var Fe = [
 				placement: e.placement
 			}))),
 			g(e.$slots, "default"),
-			(p(!0), f(_e, null, Oe(R.value, (e) => (p(), ve(ge, {
+			(p(!0), f(_e, null, Oe(R.value, (e) => (p(), ve(he, {
 				id: e,
 				key: e
 			}, null, 8, ["id"]))), 128)),
-			E.value ? (p(), ve(me, {
+			E.value ? (p(), ve(pe, {
 				key: 1,
 				modelValue: w.value,
 				"onUpdate:modelValue": t[0] ||= (e) => w.value = e,
@@ -525,7 +525,7 @@ var Fe = [
 				"compact",
 				"off-canvas-props",
 				"root-groups"
-			])) : (p(), ve(s, Ce({
+			])) : (p(), ve(c, Ce({
 				key: 2,
 				modelValue: w.value,
 				"onUpdate:modelValue": t[1] ||= (e) => w.value = e,
@@ -543,10 +543,10 @@ var Fe = [
 				"transition-duration": e.transitionDuration
 			}, e.$attrs), {
 				default: Me(({ availableHeight: t }) => [be("span", {
-					id: F.value ? `dialog_${_(b)}` : void 0,
+					id: F.value ? `dialog_${_(x)}` : void 0,
 					"aria-labelledby": F.value ? S.value : void 0,
 					class: we(["bb-dropdown__panel", { "bb-dropdown__panel--reserve-check": Bt.value }]),
-					"data-bb-dropdown-surface": _(b),
+					"data-bb-dropdown-surface": _(x),
 					inert: _(Ye),
 					role: F.value ? "dialog" : void 0,
 					style: Ee({
@@ -560,11 +560,11 @@ var Fe = [
 						placement: e.placement
 					})])) : ye("", !0),
 					be("span", {
-						id: `menu_${_(b)}`,
+						id: `menu_${_(x)}`,
 						"aria-labelledby": F.value ? void 0 : S.value,
 						class: "bb-dropdown__items-container scrollbar-border",
 						role: F.value ? "none" : "menu"
-					}, [xe(fe, {
+					}, [xe(de, {
 						ref_key: "rootList",
 						ref: W,
 						groups: P.value

package/dist/components/BbDropzone/BbDropzone.vue_vue_type_script_setup_true_lang.js

@@ -249,7 +249,7 @@ var de = ["for"], fe = [
 						"aria-label": E.value,
 						"aria-labelledby": Ce.value,
 						autofocus: e.autofocus,
-						class: "sr-only",
+						class: "bb-sr-only",
 						disabled: e.disabled,
 						multiple: e.multiple,
 						type: "file",
@@ -261,7 +261,7 @@ var de = ["for"], fe = [
 					W.value ? (d(), c("span", {
 						key: 0,
 						id: B,
-						class: "sr-only"
+						class: "bb-sr-only"
 					}, m(E.value), 1)) : s("", !0)
 				], 40, de),
 				e.name ? (d(), c("label", pe, [te(m(he.value) + " ", 1), l("input", {