reka-ui 2.9.9 → 2.10.0

package/dist/Drawer/DrawerRoot.js

@@ -0,0 +1,185 @@
+import { createContext } from "../shared/createContext.js";
+import { useId } from "../shared/useId.js";
+import { injectDrawerProviderContext } from "./DrawerProvider.js";
+import { createNestedSwipeProgressStore } from "./utils.js";
+import { computed, defineComponent, onUnmounted, ref, renderSlot, toRefs, watch } from "vue";
+import { useVModel } from "@vueuse/core";
+
+//#region src/Drawer/DrawerRoot.vue?vue&type=script&setup=true&lang.ts
+const [injectDrawerRootContext, provideDrawerRootContext] = /*#__PURE__*/ createContext("DrawerRoot");
+var DrawerRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ 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 = ref(props.defaultOpen);
+		const open = computed({
+			get: () => props.open ?? uncontrolledOpen.value,
+			set: (value) => {
+				uncontrolledOpen.value = value;
+			}
+		});
+		const activeSnapPoint = useVModel(props, "snapPoint", emit, {
+			defaultValue: props.defaultSnapPoint ?? null,
+			passive: props.snapPoint === void 0,
+			eventName: "update:snapPoint"
+		});
+		const { modal, swipeDirection, snapPoints, snapToSequentialPoints } = toRefs(props);
+		const triggerElement = ref();
+		const contentElement = ref();
+		const popupHeight = ref(0);
+		const frontmostHeight = ref(0);
+		const hasNestedDrawer = ref(false);
+		const nestedOpenDrawerCount = ref(0);
+		const nestedSwiping = ref(false);
+		const isSwiping = ref(false);
+		const nestedSwipeProgressStore = createNestedSwipeProgressStore();
+		const parentContext = injectDrawerRootContext(null);
+		const providerContext = injectDrawerProviderContext(null);
+		const contentId = useId(void 0, "reka-drawer-content");
+		const titleId = useId(void 0, "reka-drawer-title");
+		const descriptionId = 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$1) {
+				popupHeight.value = h$1;
+				providerContext?.visualStateStore.set({ frontmostHeight: h$1 });
+			},
+			onNestedFrontmostHeightChange(h$1) {
+				frontmostHeight.value = h$1;
+			},
+			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" });
+		}
+		watch(open, (isOpen) => {
+			if (isOpen) providerContext?.setDrawerOpen(contentId, true);
+			else providerContext?.setDrawerOpen(contentId, false);
+		}, { immediate: true });
+		onUnmounted(() => {
+			providerContext?.removeDrawer(contentId);
+		});
+		return (_ctx, _cache) => {
+			return 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
+export { DrawerRoot_default, injectDrawerRootContext };
+//# sourceMappingURL=DrawerRoot.js.map

package/dist/Drawer/DrawerRoot.js.map

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

package/dist/Drawer/DrawerSwipeArea.cjs

@@ -0,0 +1,87 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Drawer_utils = require('./utils.cjs');
+const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
+const require_composables_useSwipeDismiss = require('../composables/useSwipeDismiss.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerSwipeArea.vue?vue&type=script&setup=true&lang.ts
+var DrawerSwipeArea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerSwipeArea",
+	props: {
+		swipeDirection: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
+		const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
+		const OPPOSITE = {
+			up: "down",
+			down: "up",
+			left: "right",
+			right: "left"
+		};
+		const openDirection = (0, vue.computed)(() => {
+			if (props.swipeDirection) return props.swipeDirection;
+			return OPPOSITE[rootContext.swipeDirection.value] ?? "up";
+		});
+		const enabled = (0, vue.computed)(() => !props.disabled && !rootContext.open.value);
+		const directions = (0, vue.computed)(() => [openDirection.value]);
+		require_composables_useSwipeDismiss.useSwipeDismiss({
+			enabled,
+			elementRef: currentElement,
+			directions,
+			movementCssVars: {
+				x: require_Drawer_utils.DRAWER_CSS_VARS.swipeMovementX,
+				y: require_Drawer_utils.DRAWER_CSS_VARS.swipeMovementY
+			},
+			onDismiss() {
+				rootContext.onOpenChange(true, "swipe");
+			},
+			onSwipingChange(swiping) {
+				rootContext.onNestedSwipingChange(swiping);
+			}
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+				"data-swipe-direction": openDirection.value
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-state", "data-swipe-direction"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerSwipeArea.vue
+var DrawerSwipeArea_default = DrawerSwipeArea_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerSwipeArea_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerSwipeArea_default;
+  }
+});
+//# sourceMappingURL=DrawerSwipeArea.cjs.map

package/dist/Drawer/DrawerSwipeArea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSwipeArea.cjs","names":[],"sources":["../../src/Drawer/DrawerSwipeArea.vue","../../src/Drawer/DrawerSwipeArea.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAId,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;EACxD,MAAM,cAAc,mDAAwB;EAE5C,MAAM,WAAmC;GACvC,IAAI;GACJ,MAAM;GACN,MAAM;GACN,OAAO;EACT;EAEA,MAAM,gBAAgB,kBAAyB,MAAM;AACnD,OAAI,MAAM,eACR,QAAO,MAAM;AACf,UAAQ,SAAS,YAAY,eAAe,UAAU;EACvD,EAAA;EAED,MAAM,UAAU,kBAAS,OAAO,MAAM,aAAa,YAAY,KAAK,MAAK;EAIzE,MAAM,aAAa,kBAA2B,MAAM,CAAC,cAAc,KAAM,EAAA;AAEzE,sDAAgB;GACd;GACA,YAAY;GACZ;GACA,iBAAiB;IACf,GAAG,qCAAgB;IACnB,GAAG,qCAAgB;GACpB;GACD,YAAY;AACV,gBAAY,aAAa,MAAM,QAAO;GACvC;GACD,gBAAgB,SAAS;AACvB,gBAAY,sBAAsB,QAAO;GAC1C;EACF,EAAA;;gCAIC,qBAOY,eAAA,sCAAA,EAPZ,oBACU,OAAK;IACZ,KAAK,eAAA,WAAU;IACf,cAAY,eAAA,YAAW,CAAC,KAAK,QAAK,SAAA;IAClC,wBAAsB,cAAA;;8BAEvB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerSwipeArea.js

@@ -0,0 +1,81 @@
+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 { useSwipeDismiss } from "../composables/useSwipeDismiss.js";
+import { computed, createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/Drawer/DrawerSwipeArea.vue?vue&type=script&setup=true&lang.ts
+var DrawerSwipeArea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerSwipeArea",
+	props: {
+		swipeDirection: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = useForwardExpose();
+		const rootContext = injectDrawerRootContext();
+		const OPPOSITE = {
+			up: "down",
+			down: "up",
+			left: "right",
+			right: "left"
+		};
+		const openDirection = computed(() => {
+			if (props.swipeDirection) return props.swipeDirection;
+			return OPPOSITE[rootContext.swipeDirection.value] ?? "up";
+		});
+		const enabled = computed(() => !props.disabled && !rootContext.open.value);
+		const directions = computed(() => [openDirection.value]);
+		useSwipeDismiss({
+			enabled,
+			elementRef: currentElement,
+			directions,
+			movementCssVars: {
+				x: DRAWER_CSS_VARS.swipeMovementX,
+				y: DRAWER_CSS_VARS.swipeMovementY
+			},
+			onDismiss() {
+				rootContext.onOpenChange(true, "swipe");
+			},
+			onSwipingChange(swiping) {
+				rootContext.onNestedSwipingChange(swiping);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				ref: unref(forwardRef),
+				"data-state": unref(rootContext).open.value ? "open" : "closed",
+				"data-swipe-direction": openDirection.value
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-state", "data-swipe-direction"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerSwipeArea.vue
+var DrawerSwipeArea_default = DrawerSwipeArea_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerSwipeArea_default };
+//# sourceMappingURL=DrawerSwipeArea.js.map

package/dist/Drawer/DrawerSwipeArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerSwipeArea.js","names":[],"sources":["../../src/Drawer/DrawerSwipeArea.vue","../../src/Drawer/DrawerSwipeArea.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EAId,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;EACxD,MAAM,cAAc,yBAAwB;EAE5C,MAAM,WAAmC;GACvC,IAAI;GACJ,MAAM;GACN,MAAM;GACN,OAAO;EACT;EAEA,MAAM,gBAAgB,SAAyB,MAAM;AACnD,OAAI,MAAM,eACR,QAAO,MAAM;AACf,UAAQ,SAAS,YAAY,eAAe,UAAU;EACvD,EAAA;EAED,MAAM,UAAU,SAAS,OAAO,MAAM,aAAa,YAAY,KAAK,MAAK;EAIzE,MAAM,aAAa,SAA2B,MAAM,CAAC,cAAc,KAAM,EAAA;AAEzE,kBAAgB;GACd;GACA,YAAY;GACZ;GACA,iBAAiB;IACf,GAAG,gBAAgB;IACnB,GAAG,gBAAgB;GACpB;GACD,YAAY;AACV,gBAAY,aAAa,MAAM,QAAO;GACvC;GACD,gBAAgB,SAAS;AACvB,gBAAY,sBAAsB,QAAO;GAC1C;EACF,EAAA;;uBAIC,YAOY,MAAA,UAAA,EAPZ,WACU,OAAK;IACZ,KAAK,MAAA,WAAU;IACf,cAAY,MAAA,YAAW,CAAC,KAAK,QAAK,SAAA;IAClC,wBAAsB,cAAA;;qBAEvB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerTitle.cjs

@@ -0,0 +1,45 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerTitle.vue?vue&type=script&setup=true&lang.ts
+var DrawerTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerTitle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "h2"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
+		require_shared_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, { id: (0, vue.unref)(rootContext).titleId }), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerTitle.vue
+var DrawerTitle_default = DrawerTitle_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerTitle_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerTitle_default;
+  }
+});
+//# sourceMappingURL=DrawerTitle.cjs.map

package/dist/Drawer/DrawerTitle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.cjs","names":[],"sources":["../../src/Drawer/DrawerTitle.vue","../../src/Drawer/DrawerTitle.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EACd,MAAM,cAAc,mDAAwB;AAC5C,oDAAiB;;gCAIf,qBAKY,eAAA,sCAAA,EALZ,oBACU,OAAK,EACZ,IAAI,eAAA,YAAW,CAAC;8BAEjB,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerTitle.js

@@ -0,0 +1,39 @@
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+
+//#region src/Drawer/DrawerTitle.vue?vue&type=script&setup=true&lang.ts
+var DrawerTitle_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTitle",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "h2"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectDrawerRootContext();
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).titleId }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["id"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerTitle.vue
+var DrawerTitle_default = DrawerTitle_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerTitle_default };
+//# sourceMappingURL=DrawerTitle.js.map

package/dist/Drawer/DrawerTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTitle.js","names":[],"sources":["../../src/Drawer/DrawerTitle.vue","../../src/Drawer/DrawerTitle.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EACd,MAAM,cAAc,yBAAwB;AAC5C,oBAAiB;;uBAIf,YAKY,MAAA,UAAA,EALZ,WACU,OAAK,EACZ,IAAI,MAAA,YAAW,CAAC;qBAEjB,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerTrigger.cjs

@@ -0,0 +1,64 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerTrigger.vue?vue&type=script&setup=true&lang.ts
+var DrawerTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
+		const { forwardRef, currentElement } = require_shared_useForwardExpose.useForwardExpose();
+		(0, vue.watch)(currentElement, (el) => {
+			rootContext.triggerElement.value = el;
+		}, { immediate: true });
+		(0, vue.onUnmounted)(() => {
+			if (rootContext.triggerElement.value === currentElement.value) rootContext.triggerElement.value = void 0;
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				"aria-haspopup": "dialog",
+				"aria-expanded": (0, vue.unref)(rootContext).open.value,
+				"aria-controls": (0, vue.unref)(rootContext).open.value ? (0, vue.unref)(rootContext).contentId : void 0,
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed",
+				onClick: _cache[0] || (_cache[0] = ($event) => (0, vue.unref)(rootContext).onOpenChange(true, "trigger-press"))
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-expanded",
+				"aria-controls",
+				"data-state"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerTrigger.vue
+var DrawerTrigger_default = DrawerTrigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerTrigger_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerTrigger_default;
+  }
+});
+//# sourceMappingURL=DrawerTrigger.cjs.map

package/dist/Drawer/DrawerTrigger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTrigger.cjs","names":["as"],"sources":["../../src/Drawer/DrawerTrigger.vue","../../src/Drawer/DrawerTrigger.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EACd,MAAM,cAAc,mDAAwB;EAC5C,MAAM,EAAE,YAAY,gBAAgB,GAAG,kDAAiB;AAMxD,iBAAM,gBAAgB,CAAC,OAAO;AAC5B,eAAY,eAAe,QAAQ;EACpC,GAAE,EAAE,WAAW,KAAM,EAAA;AAEtB,uBAAY,MAAM;AAChB,OAAI,YAAY,eAAe,UAAU,eAAe,MACtD,aAAY,eAAe;EAC9B,EAAA;;gCAIC,qBAWY,eAAA,sCAAA,EAXZ,oBACU,OAAK;IACZ,KAAK,eAAA,WAAU;IACf,MAAMA,KAAAA,OAAE,WAAA;IACT,iBAAc;IACb,iBAAe,eAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,eAAA,YAAW,CAAC,KAAK,QAAQ,eAAA,YAAW,CAAC;IACpD,cAAY,eAAA,YAAW,CAAC,KAAK,QAAK,SAAA;IAClC,SAAK,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,eAAA,YAAW,CAAC,aAAY,MAAA,gBAAA;;8BAEhC,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerTrigger.js

@@ -0,0 +1,58 @@
+import { useForwardExpose } from "../shared/useForwardExpose.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { injectDrawerRootContext } from "./DrawerRoot.js";
+import { createBlock, defineComponent, mergeProps, onUnmounted, openBlock, renderSlot, unref, watch, withCtx } from "vue";
+
+//#region src/Drawer/DrawerTrigger.vue?vue&type=script&setup=true&lang.ts
+var DrawerTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerTrigger",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectDrawerRootContext();
+		const { forwardRef, currentElement } = useForwardExpose();
+		watch(currentElement, (el) => {
+			rootContext.triggerElement.value = el;
+		}, { immediate: true });
+		onUnmounted(() => {
+			if (rootContext.triggerElement.value === currentElement.value) rootContext.triggerElement.value = void 0;
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				ref: unref(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				"aria-haspopup": "dialog",
+				"aria-expanded": unref(rootContext).open.value,
+				"aria-controls": unref(rootContext).open.value ? unref(rootContext).contentId : void 0,
+				"data-state": unref(rootContext).open.value ? "open" : "closed",
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(rootContext).onOpenChange(true, "trigger-press"))
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"type",
+				"aria-expanded",
+				"aria-controls",
+				"data-state"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerTrigger.vue
+var DrawerTrigger_default = DrawerTrigger_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { DrawerTrigger_default };
+//# sourceMappingURL=DrawerTrigger.js.map

package/dist/Drawer/DrawerTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerTrigger.js","names":["as"],"sources":["../../src/Drawer/DrawerTrigger.vue","../../src/Drawer/DrawerTrigger.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EACd,MAAM,cAAc,yBAAwB;EAC5C,MAAM,EAAE,YAAY,gBAAgB,GAAG,kBAAiB;AAMxD,QAAM,gBAAgB,CAAC,OAAO;AAC5B,eAAY,eAAe,QAAQ;EACpC,GAAE,EAAE,WAAW,KAAM,EAAA;AAEtB,cAAY,MAAM;AAChB,OAAI,YAAY,eAAe,UAAU,eAAe,MACtD,aAAY,eAAe;EAC9B,EAAA;;uBAIC,YAWY,MAAA,UAAA,EAXZ,WACU,OAAK;IACZ,KAAK,MAAA,WAAU;IACf,MAAMA,KAAAA,OAAE,WAAA;IACT,iBAAc;IACb,iBAAe,MAAA,YAAW,CAAC,KAAK;IAChC,iBAAe,MAAA,YAAW,CAAC,KAAK,QAAQ,MAAA,YAAW,CAAC;IACpD,cAAY,MAAA,YAAW,CAAC,KAAK,QAAK,SAAA;IAClC,SAAK,OAAA,OAAA,OAAA,KAAA,CAAA,WAAE,MAAA,YAAW,CAAC,aAAY,MAAA,gBAAA;;qBAEhC,MAAQ,CAAR,WAAQ,KAAA,QAAA,UAAA"}

package/dist/Drawer/DrawerViewport.cjs

@@ -0,0 +1,49 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_shared_useForwardExpose = require('../shared/useForwardExpose.cjs');
+const require_Primitive_Primitive = require('../Primitive/Primitive.cjs');
+const require_Drawer_DrawerRoot = require('./DrawerRoot.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/Drawer/DrawerViewport.vue?vue&type=script&setup=true&lang.ts
+var DrawerViewport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "DrawerViewport",
+	props: {
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef } = require_shared_useForwardExpose.useForwardExpose();
+		const rootContext = require_Drawer_DrawerRoot.injectDrawerRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				ref: (0, vue.unref)(forwardRef),
+				"data-drawer-viewport": "",
+				"data-state": (0, vue.unref)(rootContext).open.value ? "open" : "closed"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, ["data-state"]);
+		};
+	}
+});
+
+//#endregion
+//#region src/Drawer/DrawerViewport.vue
+var DrawerViewport_default = DrawerViewport_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+Object.defineProperty(exports, 'DrawerViewport_default', {
+  enumerable: true,
+  get: function () {
+    return DrawerViewport_default;
+  }
+});
+//# sourceMappingURL=DrawerViewport.cjs.map

package/dist/Drawer/DrawerViewport.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerViewport.cjs","names":[],"sources":["../../src/Drawer/DrawerViewport.vue","../../src/Drawer/DrawerViewport.vue"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EACd,MAAM,EAAE,YAAY,GAAG,kDAAiB;EACxC,MAAM,cAAc,mDAAwB;;gCAI1C,qBAOY,eAAA,sCAAA,EAPZ,oBACU,OAAK;IACZ,KAAK,eAAA,WAAU;IAChB,wBAAqB;IACpB,cAAY,eAAA,YAAW,CAAC,KAAK,QAAK,SAAA;;8BAEnC,MAAQ,CAAR,oBAAQ,KAAA,QAAA,UAAA"}