reka-ui 2.9.9 → 2.10.0

package/dist/Drawer/DrawerOverlayImpl.js

@@ -0,0 +1,63 @@
+import { useBodyScrollLock } from "../shared/useBodyScrollLock.js";
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { DRAWER_CSS_VARS } from "./utils.js";
+import { injectDrawerRootContext } from "./DrawerRoot.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watch, withCtx } from "vue";
+
+//#region src/Drawer/DrawerOverlayImpl.vue?vue&type=script&setup=true&lang.ts
+var DrawerOverlayImpl_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerOverlayImpl",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const rootContext = injectDrawerRootContext();
+		const locked = useBodyScrollLock(rootContext.open.value);
+		watch(() => rootContext.open.value, (open) => {
+			locked.value = open;
+		}, { immediate: true });
+		useForwardExpose();
+		const dataAttributes = computed(() => {
+			const attrs = {
+				"data-state": rootContext.open.value ? "open" : "closed",
+				"data-swipe-direction": rootContext.swipeDirection.value
+			};
+			if (rootContext.isSwiping.value) attrs["data-swiping"] = "";
+			return attrs;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps({
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, dataAttributes.value, { style: {
+				pointerEvents: "auto",
+				userSelect: "none",
+				[unref(DRAWER_CSS_VARS).swipeProgress]: "0",
+				[unref(DRAWER_CSS_VARS).swipeStrength]: "1"
+			} }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"style"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerOverlayImpl.vue
+var DrawerOverlayImpl_default = DrawerOverlayImpl_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerOverlayImpl_default };
+//# sourceMappingURL=DrawerOverlayImpl.js.map

package/dist/Drawer/DrawerOverlayImpl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerOverlayImpl.js","names":["as","asChild"],"sources":["../../src/Drawer/DrawerOverlayImpl.vue","../../src/Drawer/DrawerOverlayImpl.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,cAAc,yBAAwB;EAK5C,MAAM,SAAS,kBAAkB,YAAY,KAAK,MAAK;AACvD,QAAM,MAAM,YAAY,KAAK,OAAO,CAAC,SAAS;AAC5C,UAAO,QAAQ;EAChB,GAAE,EAAE,WAAW,KAAM,EAAA;AAEtB,oBAAiB;EAIjB,MAAM,iBAAiB,SAAS,MAAM;GACpC,MAAM,QAA4C;IAChD,cAAc,YAAY,KAAK,QAAQ,SAAS;IAChD,wBAAwB,YAAY,eAAe;GACrD;AACA,OAAI,YAAY,UAAU,MACxB,OAAM,kBAAkB;AAC1B,UAAO;EACR,EAAA;;uBAIC,YAYY,MAAA,UAAA,EAZZ,WAYY;IAXT,IAAIA,KAAAA;IACJ,YAAUC,KAAAA;MACH,eAAA,OAAc,EACrB,OAAK;;;KAAkE,MAAA,gBAAe,CAAC,gBAAa;KAAe,MAAA,gBAAe,CAAC,gBAAa;;qBAOjJ,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerPortal.cjs

@@ -0,0 +1,47 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_Teleport_Teleport = require('../Teleport/Teleport.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerPortal.vue?vue&type=script&setup=true&lang.ts
+var DrawerPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerPortal",
+	props: {
+		to: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		defer: {
+			type: Boolean,
+			required: false
+		},
+		forceMount: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Teleport_Teleport.Teleport_default), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(_ctx.$props)), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerPortal.vue
+var DrawerPortal_default = DrawerPortal_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerPortal_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerPortal_default;
+  }
+});
+//# sourceMappingURL=DrawerPortal.cjs.map

package/dist/Drawer/DrawerPortal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPortal.cjs","names":["$props"],"sources":["../../src/Drawer/DrawerPortal.vue","../../src/Drawer/DrawerPortal.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;gCAaE,qBAEoB,eAAA,2CAAA,EAAA,wBAAA,4BAFOA,KAAAA,OAAM,CAAA,EAAA;8BAC/B,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerPortal.js

@@ -0,0 +1,41 @@
+import { Teleport_default } from "../Teleport/Teleport.js";
+import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/Drawer/DrawerPortal.vue?vue&type=script&setup=true&lang.ts
+var DrawerPortal_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerPortal",
+	props: {
+		to: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		defer: {
+			type: Boolean,
+			required: false
+		},
+		forceMount: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(_ctx.$props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerPortal.vue
+var DrawerPortal_default = DrawerPortal_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerPortal_default };
+//# sourceMappingURL=DrawerPortal.js.map

package/dist/Drawer/DrawerPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerPortal.js","names":["$props"],"sources":["../../src/Drawer/DrawerPortal.vue","../../src/Drawer/DrawerPortal.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;uBAaE,YAEoB,MAAA,iBAAA,EAAA,eAAA,mBAFOA,KAAAA,OAAM,CAAA,EAAA;qBAC/B,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerProvider.cjs

@@ -0,0 +1,80 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_createContext = require('../shared/createContext.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerProvider.vue?vue&type=script&setup=true&lang.ts
+const [injectDrawerProviderContext, provideDrawerProviderContext] = require_shared_createContext.createContext("DrawerProvider");
+var DrawerProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerProvider",
+	setup(__props) {
+		function createVisualStateStore() {
+			let state = {
+				swipeProgress: 0,
+				frontmostHeight: 0
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			return {
+				getSnapshot: () => state,
+				set(next) {
+					const nextProgress = next.swipeProgress !== void 0 ? Number.isFinite(next.swipeProgress) ? next.swipeProgress : 0 : state.swipeProgress;
+					const nextHeight = next.frontmostHeight !== void 0 ? Number.isFinite(next.frontmostHeight) ? next.frontmostHeight : 0 : state.frontmostHeight;
+					if (nextProgress === state.swipeProgress && nextHeight === state.frontmostHeight) return;
+					state = {
+						swipeProgress: nextProgress,
+						frontmostHeight: nextHeight
+					};
+					listeners.forEach((l) => l());
+				},
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => listeners.delete(listener);
+				}
+			};
+		}
+		const openById = (0, vue.ref)(/* @__PURE__ */ new Map());
+		const visualStateStore = createVisualStateStore();
+		const active = (0, vue.computed)(() => {
+			for (const open of openById.value.values()) if (open) return true;
+			return false;
+		});
+		provideDrawerProviderContext({
+			active,
+			setDrawerOpen(id, open) {
+				const prev = openById.value.get(id);
+				if (prev === open) return;
+				const next = new Map(openById.value);
+				next.set(id, open);
+				openById.value = next;
+			},
+			removeDrawer(id) {
+				if (!openById.value.has(id)) return;
+				const next = new Map(openById.value);
+				next.delete(id);
+				openById.value = next;
+			},
+			visualStateStore
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerProvider.vue
+var DrawerProvider_default = DrawerProvider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerProvider_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerProvider_default;
+  }
+});
+Object.defineProperty(exports, 'injectDrawerProviderContext', {
+  enumerable: true,
+  get: function () {
+    return injectDrawerProviderContext;
+  }
+});
+//# sourceMappingURL=DrawerProvider.cjs.map

package/dist/Drawer/DrawerProvider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerProvider.cjs","names":[],"sources":["../../src/Drawer/DrawerProvider.vue","../../src/Drawer/DrawerProvider.vue"],"sourcesContent":[],"mappings":";;;;;AAqBA,MAAa,CAAC,6BAA6B,6BAA4B,GACnE,2CAAqC,iBAAgB;;;;EAMzD,SAAS,yBAAiD;GACxD,IAAI,QAA2B;IAAE,eAAe;IAAG,iBAAiB;GAAE;GACtE,MAAM,4BAAY,IAAI;AACtB,UAAO;IACL,aAAa,MAAM;IACnB,IAAI,MAAM;KACR,MAAM,eAAe,KAAK,2BACrB,OAAO,SAAS,KAAK,cAAc,GAAG,KAAK,gBAAgB,IAC5D,MAAM;KACV,MAAM,aAAa,KAAK,6BACnB,OAAO,SAAS,KAAK,gBAAgB,GAAG,KAAK,kBAAkB,IAChE,MAAM;AACV,SAAI,iBAAiB,MAAM,iBAAiB,eAAe,MAAM,gBAC/D;AACF,aAAQ;MAAE,eAAe;MAAc,iBAAiB;KAAW;AACnE,eAAU,QAAQ,OAAK,GAAG,CAAA;IAC3B;IACD,UAAU,UAAU;AAClB,eAAU,IAAI,SAAQ;AACtB,YAAO,MAAM,UAAU,OAAO,SAAQ;IACvC;GACH;EACF;EAEA,MAAM,WAAW,6BAAI,IAAI,MAAsB;EAC/C,MAAM,mBAAmB,wBAAuB;EAEhD,MAAM,SAAS,kBAAS,MAAM;AAC5B,QAAK,MAAM,QAAQ,SAAS,MAAM,QAAQ,CACxC,KAAI,KACF,QAAO;AAEX,UAAO;EACR,EAAA;AAED,+BAA6B;GAC3B;GACA,cAAc,IAAI,MAAM;IACtB,MAAM,OAAO,SAAS,MAAM,IAAI,GAAE;AAClC,QAAI,SAAS,KACX;IACF,MAAM,OAAO,IAAI,IAAI,SAAS;AAC9B,SAAK,IAAI,IAAI,KAAI;AACjB,aAAS,QAAQ;GAClB;GACD,aAAa,IAAI;AACf,SAAK,SAAS,MAAM,IAAI,GAAG,CACzB;IACF,MAAM,OAAO,IAAI,IAAI,SAAS;AAC9B,SAAK,OAAO,GAAE;AACd,aAAS,QAAQ;GAClB;GACD;EACD,EAAA;;UAIC,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerProvider.js

@@ -0,0 +1,68 @@
+import { createContext } from "../shared/createContext.js";
+import { computed, defineComponent, ref, renderSlot } from "vue";
+
+//#region src/Drawer/DrawerProvider.vue?vue&type=script&setup=true&lang.ts
+const [injectDrawerProviderContext, provideDrawerProviderContext] = /*#__PURE__*/ createContext("DrawerProvider");
+var DrawerProvider_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerProvider",
+	setup(__props) {
+		function createVisualStateStore() {
+			let state = {
+				swipeProgress: 0,
+				frontmostHeight: 0
+			};
+			const listeners = /* @__PURE__ */ new Set();
+			return {
+				getSnapshot: () => state,
+				set(next) {
+					const nextProgress = next.swipeProgress !== void 0 ? Number.isFinite(next.swipeProgress) ? next.swipeProgress : 0 : state.swipeProgress;
+					const nextHeight = next.frontmostHeight !== void 0 ? Number.isFinite(next.frontmostHeight) ? next.frontmostHeight : 0 : state.frontmostHeight;
+					if (nextProgress === state.swipeProgress && nextHeight === state.frontmostHeight) return;
+					state = {
+						swipeProgress: nextProgress,
+						frontmostHeight: nextHeight
+					};
+					listeners.forEach((l) => l());
+				},
+				subscribe(listener) {
+					listeners.add(listener);
+					return () => listeners.delete(listener);
+				}
+			};
+		}
+		const openById = ref(/* @__PURE__ */ new Map());
+		const visualStateStore = createVisualStateStore();
+		const active = computed(() => {
+			for (const open of openById.value.values()) if (open) return true;
+			return false;
+		});
+		provideDrawerProviderContext({
+			active,
+			setDrawerOpen(id, open) {
+				const prev = openById.value.get(id);
+				if (prev === open) return;
+				const next = new Map(openById.value);
+				next.set(id, open);
+				openById.value = next;
+			},
+			removeDrawer(id) {
+				if (!openById.value.has(id)) return;
+				const next = new Map(openById.value);
+				next.delete(id);
+				openById.value = next;
+			},
+			visualStateStore
+		});
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerProvider.vue
+var DrawerProvider_default = DrawerProvider_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerProvider_default, injectDrawerProviderContext };
+//# sourceMappingURL=DrawerProvider.js.map

package/dist/Drawer/DrawerProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerProvider.js","names":[],"sources":["../../src/Drawer/DrawerProvider.vue","../../src/Drawer/DrawerProvider.vue"],"sourcesContent":[],"mappings":";;;;AAqBA,MAAa,CAAC,6BAA6B,6BAA4B,GACnE,cAAqC,iBAAgB;;;;EAMzD,SAAS,yBAAiD;GACxD,IAAI,QAA2B;IAAE,eAAe;IAAG,iBAAiB;GAAE;GACtE,MAAM,4BAAY,IAAI;AACtB,UAAO;IACL,aAAa,MAAM;IACnB,IAAI,MAAM;KACR,MAAM,eAAe,KAAK,2BACrB,OAAO,SAAS,KAAK,cAAc,GAAG,KAAK,gBAAgB,IAC5D,MAAM;KACV,MAAM,aAAa,KAAK,6BACnB,OAAO,SAAS,KAAK,gBAAgB,GAAG,KAAK,kBAAkB,IAChE,MAAM;AACV,SAAI,iBAAiB,MAAM,iBAAiB,eAAe,MAAM,gBAC/D;AACF,aAAQ;MAAE,eAAe;MAAc,iBAAiB;KAAW;AACnE,eAAU,QAAQ,OAAK,GAAG,CAAA;IAC3B;IACD,UAAU,UAAU;AAClB,eAAU,IAAI,SAAQ;AACtB,YAAO,MAAM,UAAU,OAAO,SAAQ;IACvC;GACH;EACF;EAEA,MAAM,WAAW,oBAAI,IAAI,MAAsB;EAC/C,MAAM,mBAAmB,wBAAuB;EAEhD,MAAM,SAAS,SAAS,MAAM;AAC5B,QAAK,MAAM,QAAQ,SAAS,MAAM,QAAQ,CACxC,KAAI,KACF,QAAO;AAEX,UAAO;EACR,EAAA;AAED,+BAA6B;GAC3B;GACA,cAAc,IAAI,MAAM;IACtB,MAAM,OAAO,SAAS,MAAM,IAAI,GAAE;AAClC,QAAI,SAAS,KACX;IACF,MAAM,OAAO,IAAI,IAAI,SAAS;AAC9B,SAAK,IAAI,IAAI,KAAI;AACjB,aAAS,QAAQ;GAClB;GACD,aAAa,IAAI;AACf,SAAK,SAAS,MAAM,IAAI,GAAG,CACzB;IACF,MAAM,OAAO,IAAI,IAAI,SAAS;AAC9B,SAAK,OAAO,GAAE;AACd,aAAS,QAAQ;GAClB;GACD;EACD,EAAA;;UAIC,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerRoot.cjs

@@ -0,0 +1,197 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_createContext = require('../shared/createContext.cjs');
+const require_shared_useId = require('../shared/useId.cjs');
+const require_Drawer_DrawerProvider = require('./DrawerProvider.cjs');
+const require_Drawer_utils = require('./utils.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+const __vueuse_core = require_rolldown_runtime.__toESM(require("@vueuse/core"));
+
+//#region src/Drawer/DrawerRoot.vue?vue&type=script&setup=true&lang.ts
+const [injectDrawerRootContext, provideDrawerRootContext] = require_shared_createContext.createContext("DrawerRoot");
+var DrawerRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerRoot",
+	props: {
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		modal: {
+			type: [Boolean, String],
+			required: false,
+			default: true
+		},
+		swipeDirection: {
+			type: String,
+			required: false,
+			default: "down"
+		},
+		snapPoints: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		snapPoint: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		defaultSnapPoint: {
+			type: [
+				Number,
+				String,
+				null
+			],
+			required: false,
+			default: void 0
+		},
+		snapToSequentialPoints: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	emits: [
+		"update:open",
+		"update:openComplete",
+		"update:snapPoint"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const uncontrolledOpen = (0, vue.ref)(props.defaultOpen);
+		const open = (0, vue.computed)({
+			get: () => props.open ?? uncontrolledOpen.value,
+			set: (value) => {
+				uncontrolledOpen.value = value;
+			}
+		});
+		const activeSnapPoint = (0, __vueuse_core.useVModel)(props, "snapPoint", emit, {
+			defaultValue: props.defaultSnapPoint ?? null,
+			passive: props.snapPoint === void 0,
+			eventName: "update:snapPoint"
+		});
+		const { modal, swipeDirection, snapPoints, snapToSequentialPoints } = (0, vue.toRefs)(props);
+		const triggerElement = (0, vue.ref)();
+		const contentElement = (0, vue.ref)();
+		const popupHeight = (0, vue.ref)(0);
+		const frontmostHeight = (0, vue.ref)(0);
+		const hasNestedDrawer = (0, vue.ref)(false);
+		const nestedOpenDrawerCount = (0, vue.ref)(0);
+		const nestedSwiping = (0, vue.ref)(false);
+		const isSwiping = (0, vue.ref)(false);
+		const nestedSwipeProgressStore = require_Drawer_utils.createNestedSwipeProgressStore();
+		const parentContext = injectDrawerRootContext(null);
+		const providerContext = require_Drawer_DrawerProvider.injectDrawerProviderContext(null);
+		const contentId = require_shared_useId.useId(void 0, "reka-drawer-content");
+		const titleId = require_shared_useId.useId(void 0, "reka-drawer-title");
+		const descriptionId = require_shared_useId.useId(void 0, "reka-drawer-description");
+		provideDrawerRootContext({
+			open,
+			modal,
+			swipeDirection,
+			snapPoints,
+			activeSnapPoint,
+			snapToSequentialPoints,
+			popupHeight,
+			frontmostHeight,
+			hasNestedDrawer,
+			nestedOpenDrawerCount,
+			nestedSwiping,
+			isSwiping,
+			nestedSwipeProgressStore,
+			onOpenChange(value, reason) {
+				if (open.value === value) return;
+				const details = reason ? { reason } : void 0;
+				uncontrolledOpen.value = value;
+				emit("update:open", value, details);
+			},
+			notifyOpenComplete(value) {
+				emit("update:openComplete", value);
+			},
+			setActiveSnapPoint(point) {
+				activeSnapPoint.value = point;
+			},
+			onPopupHeightChange(h) {
+				popupHeight.value = h;
+				providerContext?.visualStateStore.set({ frontmostHeight: h });
+			},
+			onNestedFrontmostHeightChange(h) {
+				frontmostHeight.value = h;
+			},
+			onNestedDrawerPresenceChange(present) {
+				if (present) nestedOpenDrawerCount.value++;
+				else nestedOpenDrawerCount.value = Math.max(0, nestedOpenDrawerCount.value - 1);
+				hasNestedDrawer.value = nestedOpenDrawerCount.value > 0;
+				parentContext?.notifyParentHasNestedDrawer?.(present);
+			},
+			onNestedSwipingChange(swiping) {
+				nestedSwiping.value = swiping;
+				parentContext?.notifyParentSwipingChange?.(swiping);
+			},
+			onNestedSwipeProgressChange(progress) {
+				nestedSwipeProgressStore.set(progress);
+				parentContext?.notifyParentSwipeProgressChange?.(progress);
+				providerContext?.visualStateStore.set({ swipeProgress: progress });
+			},
+			onSwipingChange(swiping) {
+				isSwiping.value = swiping;
+			},
+			notifyParentFrontmostHeight: parentContext?.onNestedFrontmostHeightChange,
+			notifyParentSwipingChange: parentContext?.onNestedSwipingChange,
+			notifyParentSwipeProgressChange: parentContext?.onNestedSwipeProgressChange,
+			notifyParentHasNestedDrawer: parentContext?.onNestedDrawerPresenceChange,
+			triggerElement,
+			contentElement,
+			contentId,
+			titleId,
+			descriptionId
+		});
+		function handleClose() {
+			if (!open.value) return;
+			uncontrolledOpen.value = false;
+			emit("update:open", false, { reason: "close-press" });
+		}
+		(0, vue.watch)(open, (isOpen) => {
+			if (isOpen) providerContext?.setDrawerOpen(contentId, true);
+			else providerContext?.setDrawerOpen(contentId, false);
+		}, { immediate: true });
+		(0, vue.onUnmounted)(() => {
+			providerContext?.removeDrawer(contentId);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.renderSlot)(_ctx.$slots, "default", {
+				open: open.value,
+				close: handleClose
+			});
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerRoot.vue
+var DrawerRoot_default = DrawerRoot_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerRoot_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerRoot_default;
+  }
+});
+Object.defineProperty(exports, 'injectDrawerRootContext', {
+  enumerable: true,
+  get: function () {
+    return injectDrawerRootContext;
+  }
+});
+//# sourceMappingURL=DrawerRoot.cjs.map

package/dist/Drawer/DrawerRoot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerRoot.cjs","names":[],"sources":["../../src/Drawer/DrawerRoot.vue","../../src/Drawer/DrawerRoot.vue"],"sourcesContent":[],"mappings":"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"}