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

package/dist/components/BbOffCanvas/BbOffCanvas.vue_vue_type_script_setup_true_lang.js

@@ -1,52 +1,54 @@
 import { useLogger as e } from "../../composables/useLogger.js";
 import { usePassthrough as t } from "../../composables/usePassthrough.js";
 import { useConfig as n } from "../../composables/useConfig.js";
-import { registerStandInClose as r, useOverlayNavigation as ee } from "../../composables/useOverlayNavigation.js";
-import { useId as te } from "../../composables/useId.js";
-import { escapeStackDepth as ne, insertEscapeEntry as re, isTopEscapeEntry as ie, pushEscapeEntry as ae, removeEscapeEntry as oe } from "../../utils/overlayEscapeStack.js";
-import { useUntil as se } from "../../composables/useUntil.js";
-import { removedPropsFor as ce } from "../../deprecation/removedProps.js";
-import { warnRemovedAttrs as le } from "../../utilities/functions/warnRemovedAttrs.js";
-import { transitions as i } from "../../utilities/misc/transitions.js";
-import { overlaySurfaceIsolation as ue } from "../../utils/overlaySurfaceIsolation.js";
-import { provideOverlaySubmitGuard as de } from "../../composables/formSubmitLock.js";
-import { useMobile as fe } from "../../composables/useMobile.js";
-import { wait as pe } from "../../utilities/functions/wait.js";
-import { useLocale as me } from "../../composables/useLocale.js";
-import { parseSize as he } from "../../utilities/functions/parseSize.js";
-import { viewportHeight as ge, viewportWidth as _e } from "../../composables/useViewportWidth.js";
-import { useBreakpoint as ve } from "../../composables/useBreakpoint.js";
-import { animationsSettled as ye } from "../../utilities/functions/animationsSettled.js";
-import be from "../CloseIcon/CloseButton.vue.js";
-import { useHostCloseLabel as xe } from "./hostCloseLabel.js";
-import { useOffCanvasStack as Se } from "./useOffCanvasStack.js";
-import { createVelocityTracker as Ce, pickStop as we, resolveSnapPoints as Te, rubberBand as Ee, stopIndexOf as De } from "./sheetSnap.js";
-import { registerTopLayerHost as Oe } from "../../composables/useTopLayer.js";
-import { useBodyScrollLock as ke } from "../../composables/useBodyScrollLock.js";
-import { BB_OFF_CANVAS_PT as Ae } from "./types.js";
-import { useKeyboardInset as je } from "../../composables/useKeyboardInset.js";
-import { useRefusedCloseAnnouncement as Me } from "../../composables/useRefusedCloseAnnouncement.js";
-import { isOverlayStandIn as Ne, rootElementOf as Pe, routeNativeCommand as Fe, useOverlayHost as Ie } from "../../composables/overlayRegistry.js";
-import { Fragment as Le, computed as a, createBlock as Re, createCommentVNode as o, createElementBlock as s, createElementVNode as ze, createTextVNode as Be, defineComponent as Ve, getCurrentInstance as He, mergeModels as c, mergeProps as l, nextTick as Ue, onBeforeUnmount as We, onDeactivated as Ge, onMounted as Ke, openBlock as u, ref as d, renderSlot as f, toDisplayString as qe, toHandlers as Je, unref as p, useAttrs as Ye, useModel as Xe, useSlots as Ze, watch as m, withModifiers as Qe } from "vue";
-import { useSwipe as $e } from "@vueuse/core";
+import { hydrationGate as r } from "../../composables/useHydrated.js";
+import { registerStandInClose as ee, useOverlayNavigation as te } from "../../composables/useOverlayNavigation.js";
+import { useId as ne } from "../../composables/useId.js";
+import { escapeStackDepth as re, insertEscapeEntry as ie, isTopEscapeEntry as ae, pushEscapeEntry as oe, removeEscapeEntry as se } from "../../utils/overlayEscapeStack.js";
+import { useUntil as ce } from "../../composables/useUntil.js";
+import { removedPropsFor as le } from "../../deprecation/removedProps.js";
+import { warnRemovedAttrs as ue } from "../../utilities/functions/warnRemovedAttrs.js";
+import { transitions as de } from "../../utilities/misc/transitions.js";
+import { overlaySurfaceIsolation as fe } from "../../utils/overlaySurfaceIsolation.js";
+import { provideOverlaySubmitGuard as pe } from "../../composables/formSubmitLock.js";
+import { useMobile as me } from "../../composables/useMobile.js";
+import { wait as he } from "../../utilities/functions/wait.js";
+import { firstFocusableMatch as ge } from "../../utils/focusVisibility.js";
+import { useLocale as _e } from "../../composables/useLocale.js";
+import { parseSize as ve } from "../../utilities/functions/parseSize.js";
+import { viewportHeight as ye, viewportWidth as be } from "../../composables/useViewportWidth.js";
+import { useBreakpoint as xe } from "../../composables/useBreakpoint.js";
+import { animationsSettled as Se } from "../../utilities/functions/animationsSettled.js";
+import Ce from "../CloseIcon/CloseButton.vue.js";
+import { useHostCloseLabel as we } from "./hostCloseLabel.js";
+import { useOffCanvasStack as Te } from "./useOffCanvasStack.js";
+import { createVelocityTracker as Ee, pickStop as De, resolveSnapPoints as Oe, rubberBand as ke, stopIndexOf as Ae } from "./sheetSnap.js";
+import { registerTopLayerHost as je } from "../../composables/useTopLayer.js";
+import { useBodyScrollLock as Me } from "../../composables/useBodyScrollLock.js";
+import { BB_OFF_CANVAS_PT as Ne } from "./types.js";
+import { useKeyboardInset as Pe } from "../../composables/useKeyboardInset.js";
+import { useRefusedCloseAnnouncement as Fe } from "../../composables/useRefusedCloseAnnouncement.js";
+import { isOverlayStandIn as Ie, rootElementOf as Le, routeNativeCommand as Re, useOverlayHost as ze } from "../../composables/overlayRegistry.js";
+import { Fragment as Be, computed as i, createBlock as Ve, createCommentVNode as a, createElementBlock as o, createElementVNode as He, createTextVNode as Ue, defineComponent as We, getCurrentInstance as Ge, mergeModels as s, mergeProps as c, nextTick as Ke, onBeforeUnmount as qe, onDeactivated as Je, onMounted as Ye, openBlock as l, ref as u, renderSlot as d, toDisplayString as Xe, toHandlers as Ze, unref as f, useAttrs as Qe, useModel as $e, useSlots as et, watch as p, withModifiers as tt } from "vue";
+import { useSwipe as nt } from "@vueuse/core";
 //#region src/components/BbOffCanvas/BbOffCanvas.vue?vue&type=script&setup=true&lang.ts
-var et = [
+var rt = [
 	"id",
 	"aria-describedby",
 	"aria-labelledby",
 	"inert"
-], tt = { class: "bb-offcanvas__body-content" }, nt = [
+], it = { class: "bb-offcanvas__body-content" }, at = [
 	"aria-label",
 	"aria-valuemax",
 	"aria-valuenow",
 	"aria-valuetext"
-], rt = {
+], ot = {
 	"aria-live": "polite",
 	class: "bb-sr-only"
-}, it = 4, at = 50, h = 8, ot = 500, st = "cubic-bezier(0.32, 0.72, 0, 1)", g = /*@__PURE__*/ Ve({
+}, st = 4, ct = 50, lt = 8, m = 500, ut = "cubic-bezier(0.32, 0.72, 0, 1)", h = /*@__PURE__*/ We({
 	inheritAttrs: !1,
 	__name: "BbOffCanvas",
-	props: /*@__PURE__*/ c({
+	props: /*@__PURE__*/ s({
 		"pt:root": {},
 		"pt:header": {},
 		"pt:title": {},
@@ -93,7 +95,7 @@ var et = [
 		hideClose: { type: Boolean },
 		size: { default: "sm" },
 		title: {},
-		transitionDuration: { default: i.medium },
+		transitionDuration: { default: de.medium },
 		side: { default: "left" }
 	}, {
 		modelValue: {
@@ -104,409 +106,409 @@ var et = [
 		snap: {},
 		snapModifiers: {}
 	}),
-	emits: /*@__PURE__*/ c([
+	emits: /*@__PURE__*/ s([
 		"show",
 		"hide",
 		"shown",
 		"hidden"
 	], ["update:modelValue", "update:snap"]),
-	setup(i, { emit: Ve }) {
-		let c = Xe(i, "modelValue"), g = Xe(i, "snap"), _ = i, ct = Ve, lt = Ze(), ut = He(), dt = Ne(), v = Ie("offCanvas", {
-			id: () => _.id,
-			model: c,
-			element: () => Pe(ut),
-			enabled: !dt,
-			defaultData: () => _.defaultData
+	setup(de, { emit: We }) {
+		let s = $e(de, "modelValue"), h = $e(de, "snap"), g = de, dt = We, ft = et(), pt = Ge(), mt = Ie(), _ = ze("offCanvas", {
+			id: () => g.id,
+			model: s,
+			element: () => Le(pt),
+			enabled: !mt,
+			defaultData: () => g.defaultData
 		});
-		dt ? r(() => Ut("escape")) : _.navigation && v.onDemand && process.env.NODE_ENV !== "production" && e().warn("BbOffCanvas: `navigation` is ignored on a panel opened on demand: it has no place in the page URL. For a URL panel, render the wrapper in the page and open it by id."), ee({
+		mt ? ee(() => Gt("escape")) : g.navigation && _.onDemand && process.env.NODE_ENV !== "production" && e().warn("BbOffCanvas: `navigation` is ignored on a panel opened on demand: it has no place in the page URL. For a URL panel, render the wrapper in the page and open it by id."), te({
 			component: "BbOffCanvas",
-			enabled: () => !!_.navigation && !dt && !v.onDemand,
-			key: () => _.queryKey,
-			replace: () => !!_.replace,
-			id: () => _.id,
-			model: c,
-			requestClose: () => Ut("escape")
+			enabled: () => !!g.navigation && !mt && !_.onDemand,
+			key: () => g.queryKey,
+			replace: () => !!g.replace,
+			id: () => g.id,
+			model: s,
+			requestClose: () => Gt("escape")
 		});
-		let ft = Ye(), y = t({
+		let ht = Qe(), v = t({
 			component: "BbOffCanvas",
-			attrs: ft,
-			props: _,
-			parts: Ae.parts,
-			states: Ae.states,
+			attrs: ht,
+			props: g,
+			parts: Ne.parts,
+			states: Ne.states,
 			active: {
-				open: () => c.value,
-				fullscreen: () => Jt.value
+				open: () => s.value,
+				fullscreen: () => Yt.value
 			}
-		}), pt = a(() => l({
+		}), gt = i(() => c({
 			class: "bb-offcanvas__close",
 			onClick: j
-		}, y.close)), mt = n();
-		process.env.NODE_ENV !== "production" && le("BbOffCanvas", ce("BbOffCanvas"));
-		let { t: b } = me(), ht = xe(), gt = a(() => ht() ?? b("offCanvas.closeLabel").value), _t = () => !!_.title || !!lt.title, vt = () => _t() || !!lt.header || Tt(), yt = de(), bt = a(() => _.preventClose ?? (yt() || v.completing.value)), x = a(() => bt.value || !!_.persistent), xt = () => typeof document < "u", S = d(null), C = je({
-			active: () => c.value,
-			container: () => S.value
-		}), St = se(() => c.value || _.eager, { initialValue: c.value || _.eager }), Ct = a(() => !!_.eager || c.value || D.value), w = d(0);
-		m(c, (e, t) => {
-			e && !t && !_.eager && w.value++;
+		}, v.close)), _t = n();
+		process.env.NODE_ENV !== "production" && ue("BbOffCanvas", le("BbOffCanvas"));
+		let { t: y } = _e(), vt = we(), yt = i(() => vt() ?? y("offCanvas.closeLabel").value), bt = () => !!g.title || !!ft.title, xt = () => bt() || !!ft.header || Ot(), St = pe(), Ct = i(() => g.preventClose ?? (St() || _.completing.value)), b = i(() => Ct.value || !!g.persistent), wt = () => typeof document < "u", x = u(null), S = Pe({
+			active: () => s.value,
+			container: () => x.value
+		}), Tt = ce(() => s.value || g.eager, { initialValue: s.value || g.eager }), Et = i(() => !!g.eager || s.value || E.value), C = u(0);
+		p(s, (e, t) => {
+			e && !t && !g.eager && C.value++;
 		}, { flush: "sync" });
-		let T = `title_${te().id.value}`, wt = `desc_${te().id.value}`, Tt = () => !!_.description || !!lt.description, E = d(0), D = d(!1);
-		ke(D);
-		let Et = d(null), Dt = () => {
-			Et.value = null;
-		}, Ot = (e) => {
-			Et.value = {
+		let w = `title_${ne().id.value}`, Dt = `desc_${ne().id.value}`, Ot = () => !!g.description || !!ft.description, T = u(0), E = u(!1);
+		Me(E);
+		let kt = u(null), At = () => {
+			kt.value = null;
+		}, jt = (e) => {
+			kt.value = {
 				startX: e.clientX,
 				startY: e.clientY,
 				startedOnBackdrop: e.target === e.currentTarget
 			};
-		}, kt = (e) => {
-			let t = Et.value;
-			Dt(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > it || Math.abs(e.clientY - t.startY) > it) || Ht(e, "backdrop"));
-		}, At, jt = Me(() => b("dialog.closeRefused").value), O = (e) => {
-			jt.announce(), clearTimeout(At), Gt.value = !0, At = setTimeout(() => {
-				Gt.value = !1;
+		}, Mt = (e) => {
+			let t = kt.value;
+			At(), !(t && !t.startedOnBackdrop) && (t && (Math.abs(e.clientX - t.startX) > st || Math.abs(e.clientY - t.startY) > st) || Wt(e, "backdrop"));
+		}, Nt, Pt = Fe(() => y("dialog.closeRefused").value), D = (e) => {
+			Pt.announce(), clearTimeout(Nt), qt.value = !0, Nt = setTimeout(() => {
+				qt.value = !1;
 			}, e);
-		}, Mt = Symbol("bb-off-canvas-escape"), Nt = ne(), Pt = !1, Ft = () => {
-			let e = { element: () => S.value };
-			Pt ? re(Mt, Nt, e) : ae(Mt, e), xt() && document.addEventListener("keydown", Rt, { capture: !0 });
-		}, It = () => {
-			oe(Mt), xt() && document.removeEventListener("keydown", Rt, { capture: !0 });
-		}, Lt = () => {
-			if (!_.focusTarget) return;
-			let e = S.value?.querySelector(_.focusTarget);
-			e instanceof HTMLElement && e.focus();
-		}, Rt = (e) => {
-			if (e.key === "Escape" && !un.value && ie(Mt) && (e.stopImmediatePropagation(), x.value)) return e.preventDefault(), O(200), !1;
-		}, k = null, zt = async (e) => {
+		}, O = Symbol("bb-off-canvas-escape"), Ft = re(), It = !1, Lt = () => {
+			let e = { element: () => x.value };
+			It ? ie(O, Ft, e) : oe(O, e), wt() && document.addEventListener("keydown", Bt, { capture: !0 });
+		}, Rt = () => {
+			se(O), wt() && document.removeEventListener("keydown", Bt, { capture: !0 });
+		}, zt = () => {
+			g.focusTarget && ge(x.value, g.focusTarget)?.focus();
+		}, Bt = (e) => {
+			if (e.key === "Escape" && !fn.value && ae(O) && (e.stopImmediatePropagation(), b.value)) return e.preventDefault(), D(200), !1;
+		}, k = null, Vt = async (e) => {
 			if (e) {
-				ct("show"), E.value++, Ft(), await Ue(), D.value = !0, S.value && !S.value.open && S.value.showModal(), cn(), S.value && (k = Oe(S.value)), Lt();
-				let e = E.value;
-				await pe(_.transitionDuration), await ye(S.value), e === E.value && c.value && ct("shown");
+				N.value = M(g.side), dt("show"), T.value++, Lt(), await Ke(), E.value = !0, x.value && !x.value.open && x.value.showModal(), un(), x.value && (k = je(x.value)), zt();
+				let e = T.value;
+				await he(g.transitionDuration), await Se(x.value), e === T.value && s.value && dt("shown");
 			} else {
-				ct("hide", v.closingResult()), ln();
-				let e = E.value;
-				if (await pe(_.transitionDuration), e !== E.value) return;
-				It(), S.value?.close(), k?.(), k = null, D.value = !1, B = !1, vn.value = !1, En(), v.afterHidden(), ct("hidden");
+				dt("hide", _.closingResult()), dn();
+				let e = T.value;
+				if (await he(g.transitionDuration), e !== T.value) return;
+				Rt(), x.value?.close(), k?.(), k = null, E.value = !1, V = !1, bn.value = !1, kn(), _.afterHidden(), dt("hidden");
 			}
-		}, Bt = () => {
-			process.env.NODE_ENV !== "production" && (!lt.header || _.title || (ft["aria-labelledby"] ?? Ue(() => {
-				!S.value || document.getElementById(T) || e().warn(`BbOffCanvas: the #header slot does not contain an element with id="${T}", so aria-labelledby points at nothing and the panel announces as unnamed. Bind the slot's \`titleId\` to your heading: <template #header="{ titleId }"><h2 :id="titleId">…</h2></template>.`);
+		}, Ht = () => {
+			process.env.NODE_ENV !== "production" && (!ft.header || g.title || (ht["aria-labelledby"] ?? Ke(() => {
+				!x.value || document.getElementById(w) || e().warn(`BbOffCanvas: the #header slot does not contain an element with id="${w}", so aria-labelledby points at nothing and the panel announces as unnamed. Bind the slot's \`titleId\` to your heading: <template #header="{ titleId }"><h2 :id="titleId">…</h2></template>.`);
 			})));
 		};
-		m(c, zt), Ke(() => {
-			c.value && (Pt = !0, zt(!0), Pt = !1);
-		}), m(St, (e) => {
-			e && Bt();
+		p(s, Vt), Ye(() => {
+			s.value && (It = !0, Vt(!0), It = !1);
+		}), p(Tt, (e) => {
+			e && Ht();
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), We(() => {
-			clearTimeout(At), It(), R.value?.removeEventListener("scroll", bn), V?.disconnect(), V = null, ln(), S.value?.open && S.value.close(), k?.(), k = null;
+		}), qe(() => {
+			clearTimeout(Nt), Rt(), z.value?.removeEventListener("scroll", Cn), H?.disconnect(), H = null, dn(), x.value?.open && x.value.close(), k?.(), k = null;
 		});
-		let Vt = a(() => {
-			if (Jt.value) return "100%";
-			let e = qt(_.size);
-			return e === "auto" ? "fit-content" : he(e, mt.offCanvasDefaultSizes);
-		}), Ht = (e, t = "escape") => {
-			if (e.preventDefault(), !Ut(t)) return !1;
-		}, Ut = (e) => x.value ? (O(300), !1) : (A(e), !0), A = (e) => {
-			v.record(e), c.value = !1;
+		let Ut = i(() => {
+			if (Yt.value) return "100%";
+			let e = M(g.size);
+			return e === "auto" ? "fit-content" : ve(e, _t.offCanvasDefaultSizes);
+		}), Wt = (e, t = "escape") => {
+			if (e.preventDefault(), !Gt(t)) return !1;
+		}, Gt = (e) => b.value ? (D(300), !1) : (A(e), !0), A = (e) => {
+			_.record(e), s.value = !1;
 		}, j = () => {
-			if (bt.value) {
-				O(300);
+			if (Ct.value) {
+				D(300);
 				return;
 			}
 			A("close");
-		}, Wt = (e) => Fe(e, {
-			show: v.show,
+		}, Kt = (e) => Re(e, {
+			show: _.show,
 			close: j,
-			open: () => c.value
-		}), Gt = d(!1), { isMobile: Kt } = fe(), { resolve: qt } = ve(), Jt = a(() => _.fullscreen === !0 || _.fullscreen === "mobile" && Kt.value), M = Symbol("bb-offcanvas"), { stacks: Yt, push: Xt, setSize: Zt, remove: Qt, offset: $t, openOrder: N, registerOpen: en, deregisterOpen: tn } = Se(), P = a(() => _.side === "left" || _.side === "right" ? "x" : "y"), F = a(() => _.side === "right" || _.side === "bottom" ? 1 : -1), nn = `bb-offcanvas-${te().id.value}`, I = a(() => _.stack || nn), L = null, rn = () => {
-			let e = S.value?.getBoundingClientRect();
-			return e ? P.value === "x" ? e.width : e.height : 0;
-		}, an = null, on = () => {
-			typeof ResizeObserver > "u" || !S.value || (an = new ResizeObserver(() => {
-				L !== null && Zt(L, M, rn());
-			}), an.observe(S.value));
-		}, sn = () => {
-			an?.disconnect(), an = null;
-		}, cn = () => {
-			L = I.value, Xt(L, M, _.side, rn(), _.stackGap), en(M), on();
+			open: () => s.value
+		}), qt = u(!1), { isMobile: Jt } = me(), { resolve: M } = xe(), N = u(M(g.side));
+		p(() => JSON.stringify(g.side), () => N.value = M(g.side)), p(r, () => N.value = M(g.side));
+		let Yt = i(() => g.fullscreen === !0 || g.fullscreen === "mobile" && Jt.value), P = Symbol("bb-offcanvas"), { stacks: Xt, push: Zt, setSize: Qt, remove: $t, offset: en, openOrder: tn, registerOpen: nn, deregisterOpen: rn } = Te(), F = i(() => N.value === "left" || N.value === "right" ? "x" : "y"), I = i(() => N.value === "right" || N.value === "bottom" ? 1 : -1), an = `bb-offcanvas-${ne().id.value}`, L = i(() => g.stack || an), R = null, on = () => {
+			let e = x.value?.getBoundingClientRect();
+			return e ? F.value === "x" ? e.width : e.height : 0;
+		}, sn = null, cn = () => {
+			typeof ResizeObserver > "u" || !x.value || (sn = new ResizeObserver(() => {
+				R !== null && Qt(R, P, on());
+			}), sn.observe(x.value));
 		}, ln = () => {
-			sn(), tn(M), L !== null && (Qt(L, M), L = null);
-		}, un = a(() => {
-			let e = N.value.indexOf(M);
-			return D.value && e !== -1 && e < N.value.length - 1;
-		}), dn = d(!1);
-		m(() => N.value.indexOf(M), (e) => {
-			e !== -1 && (dn.value = e > 0);
+			sn?.disconnect(), sn = null;
+		}, un = () => {
+			R = L.value, Zt(R, P, N.value, on(), g.stackGap), nn(P), cn();
+		}, dn = () => {
+			ln(), rn(P), R !== null && ($t(R, P), R = null);
+		}, fn = i(() => {
+			let e = tn.value.indexOf(P);
+			return E.value && e !== -1 && e < tn.value.length - 1;
+		}), pn = u(!1);
+		p(() => tn.value.indexOf(P), (e) => {
+			e !== -1 && (pn.value = e > 0);
 		}, { immediate: !0 });
-		let fn = a(() => {
-			let e = N.value.indexOf(M);
-			return e === -1 ? D.value && dn.value : e > 0;
+		let mn = i(() => {
+			let e = tn.value.indexOf(P);
+			return e === -1 ? E.value && pn.value : e > 0;
 		});
-		m([
-			I,
-			() => _.side,
-			() => _.stackGap
+		p([
+			L,
+			() => N.value,
+			() => g.stackGap
 		], ([e]) => {
-			L !== null && (Qt(L, M), L = e, Xt(e, M, _.side, rn(), _.stackGap));
+			R !== null && ($t(R, P), R = e, Zt(e, P, N.value, on(), g.stackGap));
 		});
-		let pn = a(() => Kt.value ? 14 : 20), mn = a(() => {
-			Yt.value;
-			let e = P.value === "x" ? _e.value : ge.value, t = $t(I.value, M, e, pn.value);
+		let hn = i(() => Jt.value ? 14 : 20), gn = i(() => {
+			Xt.value;
+			let e = F.value === "x" ? be.value : ye.value, t = en(L.value, P, e, hn.value);
 			return {
-				[P.value === "x" ? "--stack-x" : "--stack-y"]: `${-F.value * t}px`,
+				[F.value === "x" ? "--stack-x" : "--stack-y"]: `${-I.value * t}px`,
 				"--stack-fill": `${t}px`
 			};
-		}), hn = d(!1), gn = 0, _n = () => {
-			let e = Yt.value[I.value];
+		}), _n = u(!1), vn = 0, yn = () => {
+			let e = Xt.value[L.value];
 			if (!e) return !1;
-			let t = e.filter((e) => e.direction === _.side), n = t.findIndex((e) => e.id === M);
+			let t = e.filter((e) => e.direction === N.value), n = t.findIndex((e) => e.id === P);
 			return n !== -1 && n !== t.length - 1;
 		};
-		m(() => Yt.value[I.value], (e) => {
-			let t = e?.length ?? 0, n = t > 0 && t === gn;
-			gn = t, hn.value = n && _n(), hn.value && Ue(() => hn.value = !1);
+		p(() => Xt.value[L.value], (e) => {
+			let t = e?.length ?? 0, n = t > 0 && t === vn;
+			vn = t, _n.value = n && yn(), _n.value && Ke(() => _n.value = !1);
 		});
-		let R = d(null), z = d(!1), vn = d(!1), B = !1, V = null, yn = !1, H = !1, U = !1, W = !1, G = () => {
-			R.value?.style.removeProperty("touch-action");
-		}, bn = () => G();
-		m(R, (e, t) => {
-			t?.removeEventListener("scroll", bn), V?.disconnect(), V = null, e && (e.addEventListener("scroll", bn, { passive: !0 }), typeof ResizeObserver < "u" && (V = new ResizeObserver(() => G()), V.observe(e)), G());
-		}, { flush: "post" }), m([
-			() => _.draggable,
-			() => _.side,
-			D
+		let z = u(null), B = u(!1), bn = u(!1), V = !1, H = null, xn = !1, U = !1, Sn = !1, W = !1, G = () => {
+			z.value?.style.removeProperty("touch-action");
+		}, Cn = () => G();
+		p(z, (e, t) => {
+			t?.removeEventListener("scroll", Cn), H?.disconnect(), H = null, e && (e.addEventListener("scroll", Cn, { passive: !0 }), typeof ResizeObserver < "u" && (H = new ResizeObserver(() => G()), H.observe(e)), G());
+		}, { flush: "post" }), p([
+			() => g.draggable,
+			() => N.value,
+			E
 		], () => G());
-		let xn = () => P.value === "y" ? F.value === 1 ? -Nn.value : Nn.value : F.value === 1 ? -Mn.value : Mn.value, Sn = () => {
-			S.value && (S.value.style.transition = "none"), R.value && P.value === "y" && (R.value.style.touchAction = "none");
-		}, Cn = (e) => {
-			let t = S.value;
+		let wn = () => F.value === "y" ? I.value === 1 ? -In.value : In.value : I.value === 1 ? -Fn.value : Fn.value, Tn = () => {
+			x.value && (x.value.style.transition = "none"), z.value && F.value === "y" && (z.value.style.touchAction = "none");
+		}, En = (e) => {
+			let t = x.value;
 			if (!t) return;
-			let n = e > 0 ? e * F.value : 0;
-			t.style.transform = P.value === "x" ? `translate3d(${n}px, 0, 0)` : `translate3d(0, ${n}px, 0)`;
-		}, wn = () => {
-			let e = S.value;
-			e && (e.style.transform = _.side === "bottom" ? "translate3d(0, 100%, 0)" : _.side === "top" ? "translate3d(0, -100%, 0)" : _.side === "left" ? "translate3d(-100%, 0, 0)" : "translate3d(100%, 0, 0)");
-		}, Tn = (e) => {
-			let t = S.value;
+			let n = e > 0 ? e * I.value : 0;
+			t.style.transform = F.value === "x" ? `translate3d(${n}px, 0, 0)` : `translate3d(0, ${n}px, 0)`;
+		}, Dn = () => {
+			let e = x.value;
+			e && (e.style.transform = N.value === "bottom" ? "translate3d(0, 100%, 0)" : N.value === "top" ? "translate3d(0, -100%, 0)" : N.value === "left" ? "translate3d(-100%, 0, 0)" : "translate3d(100%, 0, 0)");
+		}, On = (e) => {
+			let t = x.value;
 			if (t) {
 				if (e) {
-					t.style.transition = `transform ${ot}ms ${st}`, t.style.transform = "translate3d(0, 0, 0)", window.setTimeout(() => {
-						!t.isConnected || B || (t.style.removeProperty("transform"), t.style.removeProperty("transition"), G());
-					}, ot);
+					t.style.transition = `transform ${m}ms ${ut}`, t.style.transform = "translate3d(0, 0, 0)", window.setTimeout(() => {
+						!t.isConnected || V || (t.style.removeProperty("transform"), t.style.removeProperty("transition"), G());
+					}, m);
 					return;
 				}
 				t.style.transition = "", G();
 			}
-		}, En = () => {
-			let e = S.value;
-			e && (B || (e.style.removeProperty("transition"), e.style.removeProperty("transform")));
-		}, Dn = async () => {
-			let e = S.value;
+		}, kn = () => {
+			let e = x.value;
+			e && (V || (e.style.removeProperty("transition"), e.style.removeProperty("transform")));
+		}, An = async () => {
+			let e = x.value;
 			if (!e) {
 				A("swipe");
 				return;
 			}
-			if (B = !0, vn.value = !0, e.style.transition = `transform ${ot}ms ${st}`, wn(), await pe(ot), !c.value) {
-				B = !1, vn.value = !1, e.style.removeProperty("transform"), e.style.removeProperty("transition"), G();
+			if (V = !0, bn.value = !0, e.style.transition = `transform ${m}ms ${ut}`, Dn(), await he(m), !s.value) {
+				V = !1, bn.value = !1, e.style.removeProperty("transform"), e.style.removeProperty("transition"), G();
 				return;
 			}
-			e.style.transition = "none", wn(), A("swipe");
-		}, On = (e) => {
+			e.style.transition = "none", Dn(), A("swipe");
+		}, jn = (e) => {
 			let { overflowY: t } = getComputedStyle(e);
 			return t !== "auto" && t !== "scroll" ? !1 : e.scrollHeight > e.clientHeight + 1;
-		}, kn = (e) => F.value === 1 ? e.scrollTop <= 1 : e.scrollTop + e.clientHeight >= e.scrollHeight - 1, An = (e) => {
-			let t = S.value;
+		}, Mn = (e) => I.value === 1 ? e.scrollTop <= 1 : e.scrollTop + e.clientHeight >= e.scrollHeight - 1, Nn = (e) => {
+			let t = x.value;
 			if (!t) return !1;
 			let n = e;
 			for (; n && n !== t;) {
-				if (n instanceof HTMLElement && On(n) && !kn(n)) return !0;
+				if (n instanceof HTMLElement && jn(n) && !Mn(n)) return !0;
 				n = n.parentElement;
 			}
 			return !1;
-		}, jn = () => {
-			yn = !1, H = !1, U = !1, W = !1, z.value = !1;
-		}, { lengthX: Mn, lengthY: Nn } = $e(S, {
-			threshold: h,
+		}, Pn = () => {
+			xn = !1, U = !1, Sn = !1, W = !1, B.value = !1;
+		}, { lengthX: Fn, lengthY: In } = nt(x, {
+			threshold: lt,
 			passive: !1,
 			onSwipeStart: (e) => {
-				if (jn(), !_.draggable || !D.value || e.target === S.value) return;
+				if (Pn(), !g.draggable || !E.value || e.target === x.value) return;
 				let t = e.target;
-				t instanceof Element && (t.closest("[data-bb-no-drag]") || (yn = !0, H = !!t.closest(".bb-offcanvas__content"), W = H && !zn() && An(t), K.value && or()));
+				t instanceof Element && (t.closest("[data-bb-no-drag]") || (xn = !0, U = !!t.closest(".bb-offcanvas__content"), W = U && !Hn() && Nn(t), K.value && lr()));
 			},
 			onSwipe: (e) => {
-				if (!yn || !_.draggable || W) return;
+				if (!xn || !g.draggable || W) return;
 				if (K.value) {
-					ur(e);
+					pr(e);
 					return;
 				}
-				let t = xn();
-				if (!U) {
-					if (H && t < -8) {
+				let t = wn();
+				if (!Sn) {
+					if (U && t < -8) {
 						W = !0;
 						return;
 					}
-					if (t < h) return;
-					U = !0, z.value = !0, Sn();
+					if (t < lt) return;
+					Sn = !0, B.value = !0, Tn();
 				}
-				e.preventDefault(), Cn(t);
+				e.preventDefault(), En(t);
 			},
 			onSwipeEnd: (e) => {
 				if (K.value) {
-					fr(e.timeStamp);
+					hr(e.timeStamp);
 					return;
 				}
-				if (!U) {
-					jn();
+				if (!Sn) {
+					Pn();
 					return;
 				}
-				let t = xn();
-				if (jn(), t >= at && !x.value) {
-					Dn();
+				let t = wn();
+				if (Pn(), t >= ct && !b.value) {
+					An();
 					return;
 				}
-				Tn(!0), t >= at && O(300);
+				On(!0), t >= ct && D(300);
 			}
-		}), K = a(() => _.side === "bottom" && _.draggable && !Jt.value && !!_.snapPoints?.length), Pn = d(0), Fn = () => {
-			if (!xt()) return;
+		}), K = i(() => N.value === "bottom" && g.draggable && !Yt.value && !!g.snapPoints?.length), Ln = u(0), Rn = () => {
+			if (!wt()) return;
 			let e = document.createElement("div");
-			e.style.cssText = "position:fixed;visibility:hidden;height:env(safe-area-inset-top,0px)", document.body.append(e), Pn.value = e.getBoundingClientRect().height, e.remove();
-		}, q = a(() => Math.max(0, ge.value - C.value - Pn.value - pn.value)), In = /* @__PURE__ */ new Set(), J = a(() => K.value ? Te(_.snapPoints, q.value, (t) => {
-			process.env.NODE_ENV !== "production" && (In.has(t) || (In.add(t), e().warn(`BbOffCanvas: snap point ${JSON.stringify(t)} is not a stop. Use a fraction of the screen in (0, 1] or a pixel height like '240px'.`)));
-		}) : []), Y = d(0), Ln = a(() => J.value[J.value.length - 1]?.height ?? 0), Rn = (e) => Ln.value - (J.value[e]?.height ?? 0), zn = () => K.value && Y.value < J.value.length - 1, Bn = () => {
-			let e = De(J.value, g.value);
+			e.style.cssText = "position:fixed;visibility:hidden;height:env(safe-area-inset-top,0px)", document.body.append(e), Ln.value = e.getBoundingClientRect().height, e.remove();
+		}, q = i(() => Math.max(0, ye.value - S.value - Ln.value - hn.value)), zn = /* @__PURE__ */ new Set(), J = i(() => K.value ? Oe(g.snapPoints, q.value, (t) => {
+			process.env.NODE_ENV !== "production" && (zn.has(t) || (zn.add(t), e().warn(`BbOffCanvas: snap point ${JSON.stringify(t)} is not a stop. Use a fraction of the screen in (0, 1] or a pixel height like '240px'.`)));
+		}) : []), Y = u(0), Bn = i(() => J.value[J.value.length - 1]?.height ?? 0), Vn = (e) => Bn.value - (J.value[e]?.height ?? 0), Hn = () => K.value && Y.value < J.value.length - 1, Un = () => {
+			let e = Ae(J.value, h.value);
 			if (e !== -1) return e;
-			if (g.value !== void 0) {
-				let [e] = Te([g.value], q.value), t = e ? J.value.findIndex((t) => Math.abs(t.height - e.height) < 1) : -1;
+			if (h.value !== void 0) {
+				let [e] = Oe([h.value], q.value), t = e ? J.value.findIndex((t) => Math.abs(t.height - e.height) < 1) : -1;
 				if (t !== -1) return t;
 			}
 			return 0;
-		}, X = d(null), Vn = (e) => {
-			S.value?.style.setProperty("--snap-y", `${e}px`);
-		}, Hn = () => parseFloat(S.value?.style.getPropertyValue("--snap-y") || "0") || 0, Z, Un = 0, Wn = (e) => {
-			clearTimeout(Z), Y.value = e, X.value = "instant", Vn(Rn(e)), cancelAnimationFrame(Un), Un = requestAnimationFrame(() => {
+		}, X = u(null), Wn = (e) => {
+			x.value?.style.setProperty("--snap-y", `${e}px`);
+		}, Gn = () => parseFloat(x.value?.style.getPropertyValue("--snap-y") || "0") || 0, Z, Kn = 0, qn = (e) => {
+			clearTimeout(Z), Y.value = e, X.value = "instant", Wn(Vn(e)), cancelAnimationFrame(Kn), Kn = requestAnimationFrame(() => {
 				X.value === "instant" && (X.value = null);
 			});
 		}, Q = (e, { report: t = !0 } = {}) => {
 			let n = J.value[e];
-			n && (X.value === "settle" && Math.abs(sr() - Hn()) < 1 && Jn(), clearTimeout(Z), S.value?.removeEventListener("transitionend", Yn), Y.value = e, X.value = "settle", Vn(Rn(e)), Gn = t ? n.value : void 0, qn = t, S.value?.addEventListener("transitionend", Yn), Z = setTimeout(Jn, 550));
-		}, Gn, Kn, qn = !1;
-		function Jn() {
-			clearTimeout(Z), S.value?.removeEventListener("transitionend", Yn), X.value === "settle" && (X.value = null), qn && g.value !== Gn && (Kn = Gn, g.value = Gn), qn = !1, G();
+			n && (X.value === "settle" && Math.abs(ur() - Gn()) < 1 && Zn(), clearTimeout(Z), x.value?.removeEventListener("transitionend", Qn), Y.value = e, X.value = "settle", Wn(Vn(e)), Jn = t ? n.value : void 0, Xn = t, x.value?.addEventListener("transitionend", Qn), Z = setTimeout(Zn, 550));
+		}, Jn, Yn, Xn = !1;
+		function Zn() {
+			clearTimeout(Z), x.value?.removeEventListener("transitionend", Qn), X.value === "settle" && (X.value = null), Xn && h.value !== Jn && (Yn = Jn, h.value = Jn), Xn = !1, G();
 		}
-		function Yn(e) {
-			e.target !== S.value || e.propertyName !== "translate" || Jn();
+		function Qn(e) {
+			e.target !== x.value || e.propertyName !== "translate" || Zn();
 		}
-		let Xn = () => {
-			let e = ut?.vnode.props;
+		let $n = () => {
+			let e = pt?.vnode.props;
 			return !!e && ("snap" in e || "onUpdate:snap" in e);
-		}, Zn = () => {
-			K.value && (Fn(), clearTimeout(Z), X.value = null, Y.value = Xn() ? Bn() : 0, Vn(Rn(Y.value)));
+		}, er = () => {
+			K.value && (Rn(), clearTimeout(Z), X.value = null, Y.value = $n() ? Un() : 0, Wn(Vn(Y.value)));
 		};
-		m(c, (e) => {
-			e && Zn();
-		}), Ke(() => {
-			c.value && Zn();
-		}), m(g, (e) => {
-			if (e !== void 0 && e === Kn) {
-				Kn = void 0;
+		p(s, (e) => {
+			e && er();
+		}), Ye(() => {
+			s.value && er();
+		}), p(h, (e) => {
+			if (e !== void 0 && e === Yn) {
+				Yn = void 0;
 				return;
 			}
-			if (Kn = void 0, !c.value || !K.value || X.value === "drag") return;
-			let t = Bn();
+			if (Yn = void 0, !s.value || !K.value || X.value === "drag") return;
+			let t = Un();
 			(t !== Y.value || X.value === "settle") && Q(t, { report: !1 });
-		}), m(() => J.value.map((e) => e.height).join(), () => {
-			if (!c.value || !K.value || X.value === "drag") return;
+		}), p(() => J.value.map((e) => e.height).join(), () => {
+			if (!s.value || !K.value || X.value === "drag") return;
 			let e = J.value.length - 1;
-			Wn(Math.min(Y.value, Math.max(0, e)));
+			qn(Math.min(Y.value, Math.max(0, e)));
 		});
-		let Qn = null;
-		m(() => C.value > 0, (e) => {
-			if (!c.value || !K.value) return;
+		let tr = null;
+		p(() => S.value > 0, (e) => {
+			if (!s.value || !K.value) return;
 			let t = J.value.length - 1;
-			e && Y.value < t ? (Qn = Y.value, Q(t)) : !e && Qn !== null && (Y.value === t && Q(Qn), Qn = null);
+			e && Y.value < t ? (tr = Y.value, Q(t)) : !e && tr !== null && (Y.value === t && Q(tr), tr = null);
 		});
-		let $n = Ce(), er = 0, tr = 0, nr = 0, $ = !1, rr = !1, ir = () => Rn(0), ar = (e) => {
-			let t = tr + e;
-			if (t < 0) return -Ee(-t, q.value);
-			let n = ir();
-			return x.value && t > n ? n + Ee(t - n, q.value) : t;
-		}, or = (e = 0) => {
-			$n.reset(), $ = !1, rr = !1, er = Y.value, tr = Hn(), nr = e;
-		}, sr = () => {
-			let e = S.value;
+		let nr = Ee(), rr = 0, ir = 0, ar = 0, $ = !1, or = !1, sr = () => Vn(0), cr = (e) => {
+			let t = ir + e;
+			if (t < 0) return -ke(-t, q.value);
+			let n = sr();
+			return b.value && t > n ? n + ke(t - n, q.value) : t;
+		}, lr = (e = 0) => {
+			nr.reset(), $ = !1, or = !1, rr = Y.value, ir = Gn(), ar = e;
+		}, ur = () => {
+			let e = x.value;
 			if (!e) return 0;
-			let t = ge.value - C.value;
-			return e.getBoundingClientRect().top - (t - Ln.value);
-		}, cr = () => {
-			X.value === "settle" && (tr = sr()), $ = !0, rr = !0, clearTimeout(Z), X.value = "drag", z.value = !0, R.value && (R.value.style.touchAction = "none");
-		}, lr = (e, t) => {
-			Vn(ar(e)), $n.add(t, -e);
-		}, ur = (e) => {
-			let t = -Nn.value;
+			let t = ye.value - S.value;
+			return e.getBoundingClientRect().top - (t - Bn.value);
+		}, dr = () => {
+			X.value === "settle" && (ir = ur()), $ = !0, or = !0, clearTimeout(Z), X.value = "drag", B.value = !0, z.value && (z.value.style.touchAction = "none");
+		}, fr = (e, t) => {
+			Wn(cr(e)), nr.add(t, -e);
+		}, pr = (e) => {
+			let t = -In.value;
 			if (!$) {
-				if (H && !zn() && t < -8) {
+				if (U && !Hn() && t < -8) {
 					W = !0;
 					return;
 				}
-				if (Math.abs(t) < h) return;
-				if (Math.abs(Mn.value) > Math.abs(t)) {
-					yn = !1;
+				if (Math.abs(t) < lt) return;
+				if (Math.abs(Fn.value) > Math.abs(t)) {
+					xn = !1;
 					return;
 				}
-				cr();
+				dr();
 			}
-			e.preventDefault(), lr(t, e.timeStamp);
-		}, dr = (e) => {
-			let t = Hn(), n = J.value, r = we({
+			e.preventDefault(), fr(t, e.timeStamp);
+		}, mr = (e) => {
+			let t = Gn(), n = J.value, r = De({
 				heights: n.map((e) => e.height),
-				height: Ln.value - t,
-				velocity: $n.velocity(e),
-				startIndex: er
+				height: Bn.value - t,
+				velocity: nr.velocity(e),
+				startIndex: rr
 			});
-			if (z.value = !1, r === -1) {
-				if (x.value) {
-					O(300), Q(0);
+			if (B.value = !1, r === -1) {
+				if (b.value) {
+					D(300), Q(0);
 					return;
 				}
-				X.value = null, Dn();
+				X.value = null, An();
 				return;
 			}
 			Q(r);
-		}, fr = (e) => {
+		}, hr = (e) => {
 			let t = $;
-			$ = !1, jn(), t && dr(e);
-		}, pr = null, mr = (e) => {
+			$ = !1, Pn(), t && mr(e);
+		}, gr = null, _r = (e) => {
 			if (!(e.pointerType === "touch" || e.button !== 0)) {
-				pr = e.pointerId;
+				gr = e.pointerId;
 				try {
 					e.currentTarget.setPointerCapture(e.pointerId);
 				} catch {}
-				or(e.clientY);
+				lr(e.clientY);
 			}
-		}, hr = (e) => {
-			if (e.pointerId !== pr) return;
-			let t = e.clientY - nr;
+		}, vr = (e) => {
+			if (e.pointerId !== gr) return;
+			let t = e.clientY - ar;
 			if (!$) {
-				if (Math.abs(t) < h) return;
-				cr();
+				if (Math.abs(t) < lt) return;
+				dr();
 			}
-			lr(t, e.timeStamp);
-		}, gr = (e) => {
-			if (e.pointerId !== pr) return;
-			pr = null;
+			fr(t, e.timeStamp);
+		}, yr = (e) => {
+			if (e.pointerId !== gr) return;
+			gr = null;
 			let t = $;
-			$ = !1, t && dr(e.timeStamp);
-		}, _r = () => {
-			if (rr) {
-				rr = !1;
+			$ = !1, t && mr(e.timeStamp);
+		}, br = () => {
+			if (or) {
+				or = !1;
 				return;
 			}
 			let e = (Y.value + 1) % J.value.length;
 			Q(e);
-		}, vr = (e) => {
+		}, xr = (e) => {
 			let t = J.value.length - 1, n = {
 				ArrowUp: Y.value + 1,
 				ArrowRight: Y.value + 1,
@@ -521,147 +523,147 @@ var et = [
 			e.preventDefault();
 			let r = Math.min(t, Math.max(0, n[e.key]));
 			r !== Y.value && Q(r);
-		}, yr = a(() => J.value.length > 1), br = a(() => {
+		}, Sr = i(() => J.value.length > 1), Cr = i(() => {
 			let e = J.value.length, t = Y.value, n = J.value[t];
-			return t === e - 1 && n && q.value - n.height < 1 ? b("offCanvas.snapFull").value : b("offCanvas.snapValue", t + 1, e).value;
-		}), xr = (e) => {
-			if (!zn() || X.value === "drag") return;
+			return t === e - 1 && n && q.value - n.height < 1 ? y("offCanvas.snapFull").value : y("offCanvas.snapValue", t + 1, e).value;
+		}), wr = (e) => {
+			if (!Hn() || X.value === "drag") return;
 			let t = e.target;
 			if (!(t instanceof HTMLElement) || !t.closest(".bb-offcanvas__content")) return;
-			let n = (S.value?.querySelector(".bb-offcanvas__footer"))?.getBoundingClientRect().top ?? ge.value;
+			let n = (x.value?.querySelector(".bb-offcanvas__footer"))?.getBoundingClientRect().top ?? ye.value;
 			t.getBoundingClientRect().bottom > n + 1 && Q(J.value.length - 1);
-		}, Sr = a(() => K.value ? {
-			"--snap-h": `${Ln.value}px`,
-			"--snap-floor": `${ir()}px`
+		}, Tr = i(() => K.value ? {
+			"--snap-h": `${Bn.value}px`,
+			"--snap-floor": `${sr()}px`
 		} : {});
-		return We(() => {
-			clearTimeout(Z), cancelAnimationFrame(Un);
-		}), Ge(() => A("unmounted")), (e, t) => (u(), s("dialog", l({
-			id: p(v).domId.value || void 0,
+		return qe(() => {
+			clearTimeout(Z), cancelAnimationFrame(Kn);
+		}), Je(() => A("unmounted")), (e, t) => (l(), o("dialog", c({
+			id: f(_).domId.value || void 0,
 			ref_key: "dialog",
-			ref: S,
-			"aria-describedby": Ct.value && Tt() ? wt : void 0,
-			"aria-labelledby": Ct.value && (_t() || e.$slots.header) ? T : void 0,
+			ref: x,
+			"aria-describedby": Et.value && Ot() ? Dt : void 0,
+			"aria-labelledby": Et.value && (bt() || e.$slots.header) ? w : void 0,
 			class: ["bb-offcanvas", [{
-				"bb-offcanvas--open": c.value,
-				"bb-offcanvas--visible": D.value,
-				"bb-offcanvas--fullscreen": Jt.value,
-				"bb-offcanvas--deny-close": Gt.value,
-				"bb-offcanvas--dragging": z.value,
-				"bb-offcanvas--swipe-exit": vn.value,
-				"bb-offcanvas--instant-stack": hn.value,
-				"bb-offcanvas--covered": un.value,
-				"bb-offcanvas--stacked": fn.value,
+				"bb-offcanvas--open": s.value,
+				"bb-offcanvas--visible": E.value,
+				"bb-offcanvas--fullscreen": Yt.value,
+				"bb-offcanvas--deny-close": qt.value,
+				"bb-offcanvas--dragging": B.value,
+				"bb-offcanvas--swipe-exit": bn.value,
+				"bb-offcanvas--instant-stack": _n.value,
+				"bb-offcanvas--covered": fn.value,
+				"bb-offcanvas--above": mn.value,
 				"bb-offcanvas--has-handle": e.draggable,
-				"bb-offcanvas--no-header": !vt(),
-				"bb-offcanvas--keyboard": p(C) > 0,
+				"bb-offcanvas--no-header": !xt(),
+				"bb-offcanvas--keyboard": f(S) > 0,
 				"bb-offcanvas--snap": K.value,
-				"bb-offcanvas--snap-low": zn(),
+				"bb-offcanvas--snap-low": Hn(),
 				"bb-offcanvas--snap-settling": X.value === "settle",
 				"bb-offcanvas--snap-instant": X.value === "instant",
-				[`bb-offcanvas--${_.side}`]: !0
+				[`bb-offcanvas--${N.value}`]: !0
 			}].flat()],
-			inert: !c.value && !D.value || un.value,
+			inert: !s.value && !E.value || fn.value,
 			style: {
-				"--max-size": Vt.value,
-				"--transition-duration": `${_.transitionDuration}ms`,
-				"--stack-gap": `${_.stackGap}px`,
-				"--keyboard": `${p(C)}px`,
-				...mn.value,
-				...Sr.value
+				"--max-size": Ut.value,
+				"--transition-duration": `${g.transitionDuration}ms`,
+				"--stack-gap": `${g.stackGap}px`,
+				"--keyboard": `${f(S)}px`,
+				...gn.value,
+				...Tr.value
 			}
-		}, Je(p(ue), !0), {
-			onCancel: Qe(Ht, ["self"]),
-			onCommand: Wt,
-			onClick: Qe(kt, ["self"]),
-			onFocusin: xr,
-			onPointercancel: Dt,
-			onPointerdown: Ot
-		}, p(y).rootAttrs), [
-			Ct.value ? (u(), s(Le, { key: 0 }, [
-				e.draggable && !yr.value ? (u(), s("div", {
-					key: `body-1-${w.value}`,
+		}, Ze(f(fe), !0), {
+			onCancel: tt(Wt, ["self"]),
+			onCommand: Kt,
+			onClick: tt(Mt, ["self"]),
+			onFocusin: wr,
+			onPointercancel: At,
+			onPointerdown: jt
+		}, f(v).rootAttrs), [
+			Et.value ? (l(), o(Be, { key: 0 }, [
+				e.draggable && !Sr.value ? (l(), o("div", {
+					key: `body-1-${C.value}`,
 					"aria-hidden": "true",
 					class: "bb-offcanvas__handle"
-				})) : o("", !0),
-				vt() ? (u(), s("div", l({
-					key: `body-2-${w.value}`,
+				})) : a("", !0),
+				xt() ? (l(), o("div", c({
+					key: `body-2-${C.value}`,
 					class: "bb-offcanvas__header"
-				}, p(y).header), [f(e.$slots, "header", {
+				}, f(v).header), [d(e.$slots, "header", {
 					close: j,
-					complete: p(v).complete,
-					data: p(v).data.value,
-					reset: p(v).reset,
+					complete: f(_).complete,
+					data: f(_).data.value,
+					reset: f(_).reset,
 					title: e.title,
-					titleId: T
+					titleId: w
 				}, () => [
-					_t() ? (u(), s("span", l({
+					bt() ? (l(), o("span", c({
 						key: 0,
-						id: T,
+						id: w,
 						class: "bb-offcanvas__title"
-					}, p(y).title), [f(e.$slots, "title", {
-						data: p(v).data.value,
+					}, f(v).title), [d(e.$slots, "title", {
+						data: f(_).data.value,
 						text: e.title
-					}, () => [Be(qe(e.title), 1)])], 16)) : o("", !0),
-					Tt() ? (u(), s("p", l({
+					}, () => [Ue(Xe(e.title), 1)])], 16)) : a("", !0),
+					Ot() ? (l(), o("p", c({
 						key: 1,
-						id: wt,
+						id: Dt,
 						class: "bb-offcanvas__description"
-					}, p(y).description), [f(e.$slots, "description", {
-						data: p(v).data.value,
+					}, f(v).description), [d(e.$slots, "description", {
+						data: f(_).data.value,
 						text: e.description
-					}, () => [Be(qe(e.description), 1)])], 16)) : o("", !0),
-					e.hideClose ? o("", !0) : (u(), Re(be, l({
+					}, () => [Ue(Xe(e.description), 1)])], 16)) : a("", !0),
+					e.hideClose ? a("", !0) : (l(), Ve(Ce, c({
 						key: 2,
-						"aria-label": gt.value
-					}, pt.value), null, 16, ["aria-label"]))
-				])], 16)) : o("", !0),
-				(u(), s("div", l({
-					key: `body-3-${w.value}`,
+						"aria-label": yt.value
+					}, gt.value), null, 16, ["aria-label"]))
+				])], 16)) : a("", !0),
+				(l(), o("div", c({
+					key: `body-3-${C.value}`,
 					ref_key: "body",
-					ref: R,
+					ref: z,
 					class: "bb-offcanvas__content scrollbar-border"
-				}, p(y).content), [ze("div", tt, [f(e.$slots, "default", {
+				}, f(v).content), [He("div", it, [d(e.$slots, "default", {
 					close: j,
-					complete: p(v).complete,
-					data: p(v).data.value,
-					reset: p(v).reset
-				}), !vt() && !e.hideClose ? (u(), Re(be, l({
+					complete: f(_).complete,
+					data: f(_).data.value,
+					reset: f(_).reset
+				}), !xt() && !e.hideClose ? (l(), Ve(Ce, c({
 					key: 0,
-					"aria-label": gt.value
-				}, pt.value), null, 16, ["aria-label"])) : o("", !0)])], 16)),
-				(u(), s("div", l({
-					key: `body-4-${w.value}`,
+					"aria-label": yt.value
+				}, gt.value), null, 16, ["aria-label"])) : a("", !0)])], 16)),
+				(l(), o("div", c({
+					key: `body-4-${C.value}`,
 					class: "bb-offcanvas__footer"
-				}, p(y).footer), [f(e.$slots, "footer", {
+				}, f(v).footer), [d(e.$slots, "footer", {
 					close: j,
-					complete: p(v).complete,
-					data: p(v).data.value,
-					reset: p(v).reset
+					complete: f(_).complete,
+					data: f(_).data.value,
+					reset: f(_).reset
 				})], 16))
-			], 64)) : o("", !0),
-			Ct.value && yr.value ? (u(), s("div", {
+			], 64)) : a("", !0),
+			Et.value && Sr.value ? (l(), o("div", {
 				key: 1,
-				"aria-label": p(b)("offCanvas.snapLabel").value,
+				"aria-label": f(y)("offCanvas.snapLabel").value,
 				"aria-orientation": "vertical",
 				"aria-valuemax": J.value.length,
 				"aria-valuemin": "1",
 				"aria-valuenow": Y.value + 1,
-				"aria-valuetext": br.value,
+				"aria-valuetext": Cr.value,
 				class: "bb-offcanvas__handle bb-offcanvas__handle--slider",
 				role: "slider",
 				tabindex: "0",
-				onClick: _r,
-				onKeydown: vr,
-				onLostpointercapture: gr,
-				onPointercancel: gr,
-				onPointerdown: mr,
-				onPointermove: hr,
-				onPointerup: gr
-			}, null, 40, nt)) : o("", !0),
-			ze("span", rt, qe(p(jt).text.value), 1)
-		], 16, et));
+				onClick: br,
+				onKeydown: xr,
+				onLostpointercapture: yr,
+				onPointercancel: yr,
+				onPointerdown: _r,
+				onPointermove: vr,
+				onPointerup: yr
+			}, null, 40, at)) : a("", !0),
+			He("span", ot, Xe(f(Pt).text.value), 1)
+		], 16, rt));
 	}
 });
 //#endregion
-export { g as default };
+export { h as default };