@auronui/vue 1.0.20 → 1.0.22

package/dist/components/drawer/DrawerClose.vue_vue_type_script_setup_true_lang.js

@@ -1,11 +1,13 @@
 import { composeClassName } from "../../utils/composeClassName.js";
 import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { useDrawerInject } from "./drawer.context.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogClose } from "reka-ui";
+import { DialogClose, Primitive } from "reka-ui";
 //#region src/components/drawer/DrawerClose.vue?vue&type=script&setup=true&lang.ts
 var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DrawerClose",
 	props: {
+		as: {},
 		asChild: {
 			type: Boolean,
 			default: false
@@ -14,15 +16,35 @@ var DrawerClose_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
 	},
 	setup(__props) {
 		const props = __props;
+		const ctx = useDrawerInject();
 		const styles = drawerVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogClose), {
+			return unref(ctx).dock.value ? (openBlock(), createBlock(unref(Primitive), {
+				key: 0,
+				"as-child": props.asChild,
+				as: props.as ?? "button",
+				class: normalizeClass(unref(composeClassName)(unref(styles).closeTrigger(), props.class)),
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(ctx).closeDock())
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as-child",
+				"as",
+				"class"
+			])) : (openBlock(), createBlock(unref(DialogClose), {
+				key: 1,
+				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(unref(styles).closeTrigger(), props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child", "class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]));
 		};
 	}
 });

package/dist/components/drawer/DrawerClose.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerClose.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogClose\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,gBAAe;;uBAI5B,YAKc,MAAA,YAAA,EAAA;IAJX,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;;2BAEnD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DrawerClose.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerClose.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose, Primitive } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <!-- dock mode: close open state directly (no Reka dialog context) -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as ?? 'button'\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n    @click=\"ctx.closeDock()\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka manages close -->\n  <DialogClose\n    v-else\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.closeTrigger(), props.class)\"\n  >\n    <slot />\n  </DialogClose>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAQd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,SAAS,gBAAe;;UAMpB,MAAA,IAAG,CAAC,KAAK,SAAA,WAAA,EADjB,YAQY,MAAA,UAAA,EAAA;;IANT,YAAU,MAAM;IAChB,IAAI,MAAM,MAAE;IACZ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;IAC1D,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAG,CAAC,WAAS;;2BAEb,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;uBAIV,YAOc,MAAA,YAAA,EAAA;;IALX,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,cAAY,EAAI,MAAM,MAAK,CAAA;;2BAEnD,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/drawer/DrawerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogPortal, DialogContent } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\nimport DrawerOverlay from './DrawerOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogPortal>\n    <DrawerOverlay />\n    <DialogContent\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DrawerContent.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogPortal, DialogContent } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\nimport DrawerOverlay from './DrawerOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  forceMount?: boolean\n  disableOutsidePointerEvents?: boolean\n  to?: string | HTMLElement\n  disabled?: boolean\n  defer?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n  forceMount: false,\n  disableOutsidePointerEvents: false,\n  disabled: false,\n  defer: false,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n  'focus-outside': [event: Event]\n}>()\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n\nconst isHorizontal = computed(() =>\n  ctx.placement.value === 'left' || ctx.placement.value === 'right',\n)\nconst dockTransitionName = computed(() =>\n  isHorizontal.value ? 'drawer-dock-h' : 'drawer-dock-v',\n)\n\nfunction handlePointerDownOutside(event: Event) {\n  if (ctx.hideBackdrop.value) {\n    // Prevent close — user must use the close icon\n    event.preventDefault()\n    return\n  }\n  emit('pointer-down-outside', event)\n}\n\nfunction handleInteractOutside(event: Event) {\n  if (ctx.hideBackdrop.value) {\n    // Prevent close — user must use the close icon\n    event.preventDefault()\n    return\n  }\n  emit('interact-outside', event)\n}\n\nfunction handleEscapeKeyDown(event: KeyboardEvent) {\n  if (ctx.hideBackdrop.value) {\n    // Prevent close — user must use the close icon\n    event.preventDefault()\n    return\n  }\n  emit('escape-key-down', event)\n}\n</script>\n\n<template>\n  <!--\n    dock mode: DOM-flow panel that pushes adjacent content aside.\n    The parent Drawer renders a flex container; this panel is a flex item.\n    Requires DrawerMain to wrap the main content area.\n  -->\n  <template v-if=\"ctx.dock.value\">\n    <Transition :name=\"dockTransitionName\">\n      <div\n        v-show=\"ctx.dockOpen.value\"\n        :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value, dock: true }), props.class)\"\n        :data-placement=\"ctx.placement.value\"\n        :data-state=\"ctx.dockOpen.value ? 'open' : 'closed'\"\n      >\n        <slot />\n      </div>\n    </Transition>\n  </template>\n\n  <!--\n    inline mode: renders position:absolute within the nearest positioned container.\n    The parent element must have position:relative and overflow:hidden.\n  -->\n  <template v-else-if=\"ctx.inline.value\">\n    <DialogContent\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :force-mount=\"props.forceMount\"\n      :disable-outside-pointer-events=\"props.disableOutsidePointerEvents\"\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value, inline: true }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @pointer-down-outside=\"handlePointerDownOutside\"\n      @interact-outside=\"handleInteractOutside\"\n      @escape-key-down=\"handleEscapeKeyDown\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </template>\n\n  <!-- default mode: teleported to <body>, optional backdrop -->\n  <DialogPortal v-else :to=\"props.to\" :disabled=\"props.disabled\" :defer=\"props.defer\" :force-mount=\"props.forceMount\">\n    <DrawerOverlay v-if=\"!ctx.hideBackdrop.value\" />\n    <DialogContent\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :force-mount=\"props.forceMount\"\n      :disable-outside-pointer-events=\"props.disableOutsidePointerEvents\"\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @pointer-down-outside=\"handlePointerDownOutside\"\n      @interact-outside=\"handleInteractOutside\"\n      @escape-key-down=\"handleEscapeKeyDown\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerContent.vue_vue_type_script_setup_true_lang.js

@@ -1,41 +1,153 @@
 import { composeClassName } from "../../utils/composeClassName.js";
-import { useDrawerInject } from "./drawer.context.js";
 import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { useDrawerInject } from "./drawer.context.js";
 import DrawerOverlay_default from "./DrawerOverlay.js";
-import { createBlock, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Transition, computed, createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, unref, vShow, withCtx, withDirectives } from "vue";
 import { DialogContent, DialogPortal } from "reka-ui";
 //#region src/components/drawer/DrawerContent.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-placement", "data-state"];
 var DrawerContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DrawerContent",
-	props: { class: {} },
+	props: {
+		as: {},
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		forceMount: {
+			type: Boolean,
+			default: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			default: false
+		},
+		to: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		defer: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
 	emits: [
 		"escape-key-down",
 		"pointer-down-outside",
 		"interact-outside",
 		"open-auto-focus",
-		"close-auto-focus"
+		"close-auto-focus",
+		"focus-outside"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
 		const ctx = useDrawerInject();
 		const styles = drawerVariants();
+		const isHorizontal = computed(() => ctx.placement.value === "left" || ctx.placement.value === "right");
+		const dockTransitionName = computed(() => isHorizontal.value ? "drawer-dock-h" : "drawer-dock-v");
+		function handlePointerDownOutside(event) {
+			if (ctx.hideBackdrop.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("pointer-down-outside", event);
+		}
+		function handleInteractOutside(event) {
+			if (ctx.hideBackdrop.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("interact-outside", event);
+		}
+		function handleEscapeKeyDown(event) {
+			if (ctx.hideBackdrop.value) {
+				event.preventDefault();
+				return;
+			}
+			emit("escape-key-down", event);
+		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogPortal), null, {
-				default: withCtx(() => [createVNode(DrawerOverlay_default), createVNode(unref(DialogContent), {
+			return unref(ctx).dock.value ? (openBlock(), createBlock(Transition, {
+				key: 0,
+				name: dockTransitionName.value
+			}, {
+				default: withCtx(() => [withDirectives(createElementVNode("div", {
+					class: normalizeClass(unref(composeClassName)(unref(styles).dialog({
+						placement: unref(ctx).placement.value,
+						dock: true
+					}), props.class)),
+					"data-placement": unref(ctx).placement.value,
+					"data-state": unref(ctx).dockOpen.value ? "open" : "closed"
+				}, [renderSlot(_ctx.$slots, "default")], 10, _hoisted_1), [[vShow, unref(ctx).dockOpen.value]])]),
+				_: 3
+			}, 8, ["name"])) : unref(ctx).inline.value ? (openBlock(), createBlock(unref(DialogContent), {
+				key: 1,
+				as: props.as,
+				"as-child": props.asChild,
+				"force-mount": props.forceMount,
+				"disable-outside-pointer-events": props.disableOutsidePointerEvents,
+				class: normalizeClass(unref(composeClassName)(unref(styles).dialog({
+					placement: unref(ctx).placement.value,
+					inline: true
+				}), props.class)),
+				"data-placement": unref(ctx).placement.value,
+				onPointerDownOutside: handlePointerDownOutside,
+				onInteractOutside: handleInteractOutside,
+				onEscapeKeyDown: handleEscapeKeyDown,
+				onOpenAutoFocus: _cache[0] || (_cache[0] = ($event) => emit("open-auto-focus", $event)),
+				onCloseAutoFocus: _cache[1] || (_cache[1] = ($event) => emit("close-auto-focus", $event)),
+				onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"force-mount",
+				"disable-outside-pointer-events",
+				"class",
+				"data-placement"
+			])) : (openBlock(), createBlock(unref(DialogPortal), {
+				key: 2,
+				to: props.to,
+				disabled: props.disabled,
+				defer: props.defer,
+				"force-mount": props.forceMount
+			}, {
+				default: withCtx(() => [!unref(ctx).hideBackdrop.value ? (openBlock(), createBlock(DrawerOverlay_default, { key: 0 })) : createCommentVNode("", true), createVNode(unref(DialogContent), {
+					as: props.as,
+					"as-child": props.asChild,
+					"force-mount": props.forceMount,
+					"disable-outside-pointer-events": props.disableOutsidePointerEvents,
 					class: normalizeClass(unref(composeClassName)(unref(styles).dialog({ placement: unref(ctx).placement.value }), props.class)),
 					"data-placement": unref(ctx).placement.value,
-					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
-					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
-					onInteractOutside: _cache[2] || (_cache[2] = ($event) => emit("interact-outside", $event)),
+					onPointerDownOutside: handlePointerDownOutside,
+					onInteractOutside: handleInteractOutside,
+					onEscapeKeyDown: handleEscapeKeyDown,
 					onOpenAutoFocus: _cache[3] || (_cache[3] = ($event) => emit("open-auto-focus", $event)),
-					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event))
+					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event)),
+					onFocusOutside: _cache[5] || (_cache[5] = ($event) => emit("focus-outside", $event))
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["class", "data-placement"])]),
+				}, 8, [
+					"as",
+					"as-child",
+					"force-mount",
+					"disable-outside-pointer-events",
+					"class",
+					"data-placement"
+				])]),
 				_: 3
-			});
+			}, 8, [
+				"to",
+				"disabled",
+				"defer",
+				"force-mount"
+			]));
 		};
 	}
 });

package/dist/components/drawer/DrawerContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogPortal, DialogContent } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\nimport DrawerOverlay from './DrawerOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogPortal>\n    <DrawerOverlay />\n    <DialogContent\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @escape-key-down=\"emit('escape-key-down', $event)\"\n      @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n      @interact-outside=\"emit('interact-outside', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAId,MAAM,OAAO;EAQb,MAAM,MAAM,iBAAgB;EAC5B,MAAM,SAAS,gBAAe;;uBAI5B,YAae,MAAA,aAAA,EAAA,MAAA;2BAZI,CAAjB,YAAiB,sBAAA,EACjB,YAUgB,MAAA,cAAA,EAAA;KATb,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM,EAAA,WAAc,MAAA,IAAG,CAAC,UAAU,OAAK,CAAA,EAAK,MAAM,MAAK,CAAA;KACtF,kBAAgB,MAAA,IAAG,CAAC,UAAU;KAC9B,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAE1C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DrawerContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogPortal, DialogContent } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\nimport DrawerOverlay from './DrawerOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  forceMount?: boolean\n  disableOutsidePointerEvents?: boolean\n  to?: string | HTMLElement\n  disabled?: boolean\n  defer?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n  forceMount: false,\n  disableOutsidePointerEvents: false,\n  disabled: false,\n  defer: false,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n  'focus-outside': [event: Event]\n}>()\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n\nconst isHorizontal = computed(() =>\n  ctx.placement.value === 'left' || ctx.placement.value === 'right',\n)\nconst dockTransitionName = computed(() =>\n  isHorizontal.value ? 'drawer-dock-h' : 'drawer-dock-v',\n)\n\nfunction handlePointerDownOutside(event: Event) {\n  if (ctx.hideBackdrop.value) {\n    // Prevent close — user must use the close icon\n    event.preventDefault()\n    return\n  }\n  emit('pointer-down-outside', event)\n}\n\nfunction handleInteractOutside(event: Event) {\n  if (ctx.hideBackdrop.value) {\n    // Prevent close — user must use the close icon\n    event.preventDefault()\n    return\n  }\n  emit('interact-outside', event)\n}\n\nfunction handleEscapeKeyDown(event: KeyboardEvent) {\n  if (ctx.hideBackdrop.value) {\n    // Prevent close — user must use the close icon\n    event.preventDefault()\n    return\n  }\n  emit('escape-key-down', event)\n}\n</script>\n\n<template>\n  <!--\n    dock mode: DOM-flow panel that pushes adjacent content aside.\n    The parent Drawer renders a flex container; this panel is a flex item.\n    Requires DrawerMain to wrap the main content area.\n  -->\n  <template v-if=\"ctx.dock.value\">\n    <Transition :name=\"dockTransitionName\">\n      <div\n        v-show=\"ctx.dockOpen.value\"\n        :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value, dock: true }), props.class)\"\n        :data-placement=\"ctx.placement.value\"\n        :data-state=\"ctx.dockOpen.value ? 'open' : 'closed'\"\n      >\n        <slot />\n      </div>\n    </Transition>\n  </template>\n\n  <!--\n    inline mode: renders position:absolute within the nearest positioned container.\n    The parent element must have position:relative and overflow:hidden.\n  -->\n  <template v-else-if=\"ctx.inline.value\">\n    <DialogContent\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :force-mount=\"props.forceMount\"\n      :disable-outside-pointer-events=\"props.disableOutsidePointerEvents\"\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value, inline: true }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @pointer-down-outside=\"handlePointerDownOutside\"\n      @interact-outside=\"handleInteractOutside\"\n      @escape-key-down=\"handleEscapeKeyDown\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </template>\n\n  <!-- default mode: teleported to <body>, optional backdrop -->\n  <DialogPortal v-else :to=\"props.to\" :disabled=\"props.disabled\" :defer=\"props.defer\" :force-mount=\"props.forceMount\">\n    <DrawerOverlay v-if=\"!ctx.hideBackdrop.value\" />\n    <DialogContent\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :force-mount=\"props.forceMount\"\n      :disable-outside-pointer-events=\"props.disableOutsidePointerEvents\"\n      :class=\"composeClassName(styles.dialog({ placement: ctx.placement.value }), props.class)\"\n      :data-placement=\"ctx.placement.value\"\n      @pointer-down-outside=\"handlePointerDownOutside\"\n      @interact-outside=\"handleInteractOutside\"\n      @escape-key-down=\"handleEscapeKeyDown\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n      @focus-outside=\"emit('focus-outside', $event)\"\n    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAiBd,MAAM,OAAO;EASb,MAAM,MAAM,iBAAgB;EAC5B,MAAM,SAAS,gBAAe;EAE9B,MAAM,eAAe,eACnB,IAAI,UAAU,UAAU,UAAU,IAAI,UAAU,UAAU,QAC5D;EACA,MAAM,qBAAqB,eACzB,aAAa,QAAQ,kBAAkB,gBACzC;EAEA,SAAS,yBAAyB,OAAc;AAC9C,OAAI,IAAI,aAAa,OAAO;AAE1B,UAAM,gBAAe;AACrB;;AAEF,QAAK,wBAAwB,MAAK;;EAGpC,SAAS,sBAAsB,OAAc;AAC3C,OAAI,IAAI,aAAa,OAAO;AAE1B,UAAM,gBAAe;AACrB;;AAEF,QAAK,oBAAoB,MAAK;;EAGhC,SAAS,oBAAoB,OAAsB;AACjD,OAAI,IAAI,aAAa,OAAO;AAE1B,UAAM,gBAAe;AACrB;;AAEF,QAAK,mBAAmB,MAAK;;;UAUb,MAAA,IAAG,CAAC,KAAK,SAAA,WAAA,EACvB,YASa,YAAA;;IATA,MAAM,mBAAA;;2BAQX,CAAA,eAPN,mBAOM,OAAA;KALH,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM;MAAA,WAAc,MAAA,IAAG,CAAC,UAAU;MAAK,MAAA;MAAA,CAAA,EAAiB,MAAM,MAAK,CAAA;KAClG,kBAAgB,MAAA,IAAG,CAAC,UAAU;KAC9B,cAAY,MAAA,IAAG,CAAC,SAAS,QAAK,SAAA;QAE/B,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,IAAA,WAAA,EAAA,CAAA,CAAA,OALA,MAAA,IAAG,CAAC,SAAS,MAAK,CAAA,CAAA,CAAA,CAAA;;sBAcX,MAAA,IAAG,CAAC,OAAO,SAAA,WAAA,EAC9B,YAegB,MAAA,cAAA,EAAA;;IAdb,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,eAAa,MAAM;IACnB,kCAAgC,MAAM;IACtC,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM;KAAA,WAAc,MAAA,IAAG,CAAC,UAAU;KAAK,QAAA;KAAA,CAAA,EAAmB,MAAM,MAAK,CAAA;IACpG,kBAAgB,MAAA,IAAG,CAAC,UAAU;IAC9B,sBAAsB;IACtB,mBAAkB;IAClB,iBAAiB;IACjB,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;IAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;IACjD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;;2BAEpC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;;;;uBAKZ,YAkBe,MAAA,aAAA,EAAA;;IAlBO,IAAI,MAAM;IAAK,UAAU,MAAM;IAAW,OAAO,MAAM;IAAQ,eAAa,MAAM;;2BACtD,CAAA,CAA1B,MAAA,IAAG,CAAC,aAAa,SAAA,WAAA,EAAvC,YAAgD,uBAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAChD,YAegB,MAAA,cAAA,EAAA;KAdb,IAAI,MAAM;KACV,YAAU,MAAM;KAChB,eAAa,MAAM;KACnB,kCAAgC,MAAM;KACtC,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM,EAAA,WAAc,MAAA,IAAG,CAAC,UAAU,OAAK,CAAA,EAAK,MAAM,MAAK,CAAA;KACtF,kBAAgB,MAAA,IAAG,CAAC,UAAU;KAC9B,sBAAsB;KACtB,mBAAkB;KAClB,iBAAiB;KACjB,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;;4BAEpC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/drawer/DrawerMain.js

@@ -0,0 +1,7 @@
+import DrawerMain_vue_vue_type_script_setup_true_lang_default from "./DrawerMain.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/drawer/DrawerMain.vue
+var DrawerMain_default = DrawerMain_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DrawerMain_default as default };
+
+//# sourceMappingURL=DrawerMain.js.map

package/dist/components/drawer/DrawerMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerMain.js","names":[],"sources":["../../../src/components/drawer/DrawerMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\n/**\n * DrawerMain wraps the main content area inside a dock Drawer.\n * It fills the remaining flex space and stays visible while the drawer\n * panel slides in alongside it.\n *\n * Usage:\n *   <Drawer dock placement=\"right\">\n *     <DrawerMain>\n *       <YourPageContent />\n *     </DrawerMain>\n *     <DrawerContent>...</DrawerContent>\n *   </Drawer>\n */\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.main(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerMain.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { composeClassName } from "../../utils/composeClassName.js";
+import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
+//#region src/components/drawer/DrawerMain.vue?vue&type=script&setup=true&lang.ts
+/**
+* DrawerMain wraps the main content area inside a dock Drawer.
+* It fills the remaining flex space and stays visible while the drawer
+* panel slides in alongside it.
+*
+* Usage:
+*   <Drawer dock placement="right">
+*     <DrawerMain>
+*       <YourPageContent />
+*     </DrawerMain>
+*     <DrawerContent>...</DrawerContent>
+*   </Drawer>
+*/
+var DrawerMain_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "DrawerMain",
+	props: { class: {} },
+	setup(__props) {
+		const props = __props;
+		const styles = drawerVariants();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(composeClassName)(unref(styles).main(), props.class)) }, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+export { DrawerMain_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DrawerMain.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/drawer/DrawerMain.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DrawerMain.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\n/**\n * DrawerMain wraps the main content area inside a dock Drawer.\n * It fills the remaining flex space and stays visible while the drawer\n * panel slides in alongside it.\n *\n * Usage:\n *   <Drawer dock placement=\"right\">\n *     <DrawerMain>\n *       <YourPageContent />\n *     </DrawerMain>\n *     <DrawerContent>...</DrawerContent>\n *   </Drawer>\n */\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <div :class=\"composeClassName(styles.main(), props.class)\">\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAiBA,MAAM,QAAQ;EAId,MAAM,SAAS,gBAAe;;uBAI5B,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA,CACtD,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA"}

package/dist/components/drawer/DrawerOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogOverlay } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogOverlay :class=\"styles.backdrop()\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"DrawerOverlay.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogOverlay } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  forceMount?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n  forceMount: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogOverlay\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(styles.backdrop(), props.class)\"\n  />\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerOverlay.vue_vue_type_script_setup_true_lang.js

@@ -1,13 +1,37 @@
+import { composeClassName } from "../../utils/composeClassName.js";
 import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
 import { DialogOverlay } from "reka-ui";
 //#region src/components/drawer/DrawerOverlay.vue?vue&type=script&setup=true&lang.ts
 var DrawerOverlay_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DrawerOverlay",
+	props: {
+		as: {},
+		asChild: {
+			type: Boolean,
+			default: false
+		},
+		forceMount: {
+			type: Boolean,
+			default: false
+		},
+		class: {}
+	},
 	setup(__props) {
+		const props = __props;
 		const styles = drawerVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogOverlay), { class: normalizeClass(unref(styles).backdrop()) }, null, 8, ["class"]);
+			return openBlock(), createBlock(unref(DialogOverlay), {
+				as: props.as,
+				"as-child": props.asChild,
+				"force-mount": props.forceMount,
+				class: normalizeClass(unref(composeClassName)(unref(styles).backdrop(), props.class))
+			}, null, 8, [
+				"as",
+				"as-child",
+				"force-mount",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/drawer/DrawerOverlay.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerOverlay.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogOverlay } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogOverlay :class=\"styles.backdrop()\" />\n</template>\n"],"mappings":";;;;;;;EAIA,MAAM,SAAS,gBAAe;;uBAI5B,YAA4C,MAAA,cAAA,EAAA,EAA5B,OAAK,eAAE,MAAA,OAAM,CAAC,UAAQ,CAAA,EAAA,EAAA,MAAA,GAAA,CAAA,QAAA,CAAA"}
+{"version":3,"file":"DrawerOverlay.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogOverlay } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  forceMount?: boolean\n  class?: string\n}>(), {\n  asChild: false,\n  forceMount: false,\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogOverlay\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(styles.backdrop(), props.class)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAUd,MAAM,SAAS,gBAAe;;uBAI5B,YAKE,MAAA,cAAA,EAAA;IAJC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,eAAa,MAAM;IACnB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,UAAQ,EAAI,MAAM,MAAK,CAAA"}

package/dist/components/drawer/DrawerTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTitle.js","names":[],"sources":["../../../src/components/drawer/DrawerTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTitle } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'h2',\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogTitle\n    :as=\"props.as\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DrawerTitle.js","names":[],"sources":["../../../src/components/drawer/DrawerTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTitle, Primitive } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: string\n}>(), {\n  as: 'h2',\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <!-- dock mode: no DialogRoot context, render a plain heading -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka provides accessible title -->\n  <DialogTitle\n    v-else\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerTitle.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,49 @@
 import { composeClassName } from "../../utils/composeClassName.js";
 import { drawerVariants } from "../../packages/styles/src/components/drawer/drawer.styles.js";
+import { useDrawerInject } from "./drawer.context.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogTitle } from "reka-ui";
+import { DialogTitle, Primitive } from "reka-ui";
 //#region src/components/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: {
 		as: { default: "h2" },
+		asChild: {
+			type: Boolean,
+			default: false
+		},
 		class: {}
 	},
 	setup(__props) {
 		const props = __props;
+		const ctx = useDrawerInject();
 		const styles = drawerVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogTitle), {
+			return unref(ctx).dock.value ? (openBlock(), createBlock(unref(Primitive), {
+				key: 0,
 				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(unref(styles).heading(), props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as", "class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			])) : (openBlock(), createBlock(unref(DialogTitle), {
+				key: 1,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(styles).heading(), props.class))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]));
 		};
 	}
 });

package/dist/components/drawer/DrawerTitle.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTitle } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'h2',\n})\n\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <DialogTitle\n    :as=\"props.as\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,SAAS,gBAAe;;uBAI5B,YAKc,MAAA,YAAA,EAAA;IAJX,IAAI,MAAM;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE9C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DrawerTitle.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerTitle.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTitle, Primitive } from 'reka-ui'\nimport { drawerVariants } from '@auronui/styles/components/drawer'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n  class?: string\n}>(), {\n  as: 'h2',\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\nconst styles = drawerVariants()\n</script>\n\n<template>\n  <!-- dock mode: no DialogRoot context, render a plain heading -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka provides accessible title -->\n  <DialogTitle\n    v-else\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(styles.heading(), props.class)\"\n  >\n    <slot />\n  </DialogTitle>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EASd,MAAM,MAAM,iBAAgB;EAC5B,MAAM,SAAS,gBAAe;;UAMpB,MAAA,IAAG,CAAC,KAAK,SAAA,WAAA,EADjB,YAOY,MAAA,UAAA,EAAA;;IALT,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE9C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;;;;;uBAIV,YAOc,MAAA,YAAA,EAAA;;IALX,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,SAAO,EAAI,MAAM,MAAK,CAAA;;2BAE9C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/drawer/DrawerTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTrigger.js","names":[],"sources":["../../../src/components/drawer/DrawerTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n</script>\n\n<template>\n  <DialogTrigger :as-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DrawerTrigger.js","names":[],"sources":["../../../src/components/drawer/DrawerTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTrigger, Primitive } from 'reka-ui'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\n</script>\n\n<template>\n  <!-- dock mode: toggle open state directly (no Reka dialog context) -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as ?? 'button'\"\n    @click=\"ctx.toggleDock()\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka manages open state -->\n  <DialogTrigger v-else :as=\"props.as\" :as-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":""}

package/dist/components/drawer/DrawerTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1,19 +1,36 @@
+import { useDrawerInject } from "./drawer.context.js";
 import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
-import { DialogTrigger } from "reka-ui";
+import { DialogTrigger, Primitive } from "reka-ui";
 //#region src/components/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,
-		default: false
-	} },
+	props: {
+		as: {},
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	},
 	setup(__props) {
 		const props = __props;
+		const ctx = useDrawerInject();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DialogTrigger), { "as-child": props.asChild }, {
+			return unref(ctx).dock.value ? (openBlock(), createBlock(unref(Primitive), {
+				key: 0,
+				"as-child": props.asChild,
+				as: props.as ?? "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(ctx).toggleDock())
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child"]);
+			}, 8, ["as-child", "as"])) : (openBlock(), createBlock(unref(DialogTrigger), {
+				key: 1,
+				as: props.as,
+				"as-child": props.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "as-child"]));
 		};
 	}
 });

package/dist/components/drawer/DrawerTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTrigger } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n</script>\n\n<template>\n  <DialogTrigger :as-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":";;;;;;;;;;EAGA,MAAM,QAAQ;;uBAQZ,YAEgB,MAAA,cAAA,EAAA,EAFA,YAAU,MAAM,SAAA,EAAA;2BACtB,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DrawerTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/drawer/DrawerTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogTrigger, Primitive } from 'reka-ui'\nimport { useDrawerInject } from './drawer.context'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  asChild?: boolean\n}>(), {\n  asChild: false,\n})\n\nconst ctx = useDrawerInject()\n</script>\n\n<template>\n  <!-- dock mode: toggle open state directly (no Reka dialog context) -->\n  <Primitive\n    v-if=\"ctx.dock.value\"\n    :as-child=\"props.asChild\"\n    :as=\"props.as ?? 'button'\"\n    @click=\"ctx.toggleDock()\"\n  >\n    <slot />\n  </Primitive>\n\n  <!-- default / inline / hideBackdrop modes: Reka manages open state -->\n  <DialogTrigger v-else :as=\"props.as\" :as-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAOd,MAAM,MAAM,iBAAgB;;UAMlB,MAAA,IAAG,CAAC,KAAK,SAAA,WAAA,EADjB,YAOY,MAAA,UAAA,EAAA;;IALT,YAAU,MAAM;IAChB,IAAI,MAAM,MAAE;IACZ,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAG,CAAC,YAAU;;2BAEd,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;8CAIV,YAEgB,MAAA,cAAA,EAAA;;IAFO,IAAI,MAAM;IAAK,YAAU,MAAM;;2BAC5C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/drawer/drawer.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.context.js","names":[],"sources":["../../../src/components/drawer/drawer.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\n\nexport type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left'\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\nexport interface DrawerContext {\n  placement: Ref<DrawerPlacement>\n  size: Ref<DrawerSize>\n}\n\nexport const {\n  useProvide: useDrawerProvide,\n  useInject: useDrawerInject,\n  key: DrawerContextKey,\n} = createContext<DrawerContext>('Drawer')\n"],"mappings":";;AAWA,IAAa,EACX,YAAY,kBACZ,WAAW,iBACX,KAAK,qBACH,cAA6B,SAAS"}
+{"version":3,"file":"drawer.context.js","names":[],"sources":["../../../src/components/drawer/drawer.context.ts"],"sourcesContent":["import { createContext } from '../../utils/context'\nimport type { Ref } from 'vue'\n\nexport type DrawerPlacement = 'top' | 'right' | 'bottom' | 'left'\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\nexport interface DrawerContext {\n  placement: Ref<DrawerPlacement>\n  size: Ref<DrawerSize>\n  inline: Ref<boolean>\n  hideBackdrop: Ref<boolean>\n  dock: Ref<boolean>\n  /** Open state for dock mode (managed by Drawer, not Reka) */\n  dockOpen: Ref<boolean>\n  toggleDock: () => void\n  closeDock: () => void\n}\n\nexport const {\n  useProvide: useDrawerProvide,\n  useInject: useDrawerInject,\n  key: DrawerContextKey,\n} = createContext<DrawerContext>('Drawer')\n"],"mappings":";;AAkBA,IAAa,EACX,YAAY,kBACZ,WAAW,iBACX,KAAK,qBACH,cAA6B,SAAS"}

package/dist/components/dropdown/Dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../src/components/dropdown/Dropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef } from 'vue'\nimport { DropdownMenuRoot } from 'reka-ui'\nimport { useDropdownProvide } from './Dropdown.context'\n\nconst props = withDefaults(defineProps<{\n  isOpen?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  variant?: 'flat' | 'solid' | 'bordered' | 'light' | 'faded' | 'shadow'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  size?: 'sm' | 'md' | 'lg'\n  closeOnSelect?: boolean\n  disableAnimation?: boolean\n  class?: string\n}>(), {\n  isOpen: undefined,\n  defaultOpen: undefined,\n  modal: true,\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  closeOnSelect: true,\n  disableAnimation: false,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:isOpen': [value: boolean]\n}>()\n\nuseDropdownProvide({\n  variant: toRef(props, 'variant'),\n  color: toRef(props, 'color'),\n  size: toRef(props, 'size'),\n  closeOnSelect: toRef(props, 'closeOnSelect'),\n  disableAnimation: toRef(props, 'disableAnimation'),\n})\n</script>\n\n<template>\n  <DropdownMenuRoot\n    :open=\"props.isOpen\"\n    :default-open=\"props.defaultOpen\"\n    :modal=\"props.modal\"\n    @update:open=\"emit('update:isOpen', $event)\"\n  >\n    <slot />\n  </DropdownMenuRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Dropdown.js","names":[],"sources":["../../../src/components/dropdown/Dropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef } from 'vue'\nimport { DropdownMenuRoot } from 'reka-ui'\nimport { useDropdownProvide } from './Dropdown.context'\n\nconst props = withDefaults(defineProps<{\n  isOpen?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  variant?: 'flat' | 'solid' | 'bordered' | 'light' | 'faded' | 'shadow'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  size?: 'sm' | 'md' | 'lg'\n  closeOnSelect?: boolean\n  disableAnimation?: boolean\n  class?: string\n  /** Controlled open state of the dropdown. */\n  open?: boolean\n  /** Text direction for the dropdown. */\n  dir?: 'ltr' | 'rtl'\n}>(), {\n  isOpen: undefined,\n  defaultOpen: undefined,\n  modal: true,\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  closeOnSelect: true,\n  disableAnimation: false,\n  class: undefined,\n  open: undefined,\n  dir: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:isOpen': [value: boolean]\n  'update:open': [value: boolean]\n}>()\n\nuseDropdownProvide({\n  variant: toRef(props, 'variant'),\n  color: toRef(props, 'color'),\n  size: toRef(props, 'size'),\n  closeOnSelect: toRef(props, 'closeOnSelect'),\n  disableAnimation: toRef(props, 'disableAnimation'),\n})\n</script>\n\n<template>\n  <DropdownMenuRoot\n    :open=\"props.open ?? props.isOpen\"\n    :default-open=\"props.defaultOpen\"\n    :modal=\"props.modal\"\n    :dir=\"props.dir\"\n    @update:open=\"emit('update:isOpen', $event); emit('update:open', $event)\"\n  >\n    <slot />\n  </DropdownMenuRoot>\n</template>\n"],"mappings":""}

package/dist/components/dropdown/Dropdown.vue_vue_type_script_setup_true_lang.js

@@ -28,9 +28,14 @@ var Dropdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 }
+		class: { default: void 0 },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		dir: { default: void 0 }
 	},
-	emits: ["update:isOpen"],
+	emits: ["update:isOpen", "update:open"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -43,17 +48,22 @@ var Dropdown_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defin
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuRoot), {
-				open: props.isOpen,
+				open: props.open ?? props.isOpen,
 				"default-open": props.defaultOpen,
 				modal: props.modal,
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => emit("update:isOpen", $event))
+				dir: props.dir,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => {
+					emit("update:isOpen", $event);
+					emit("update:open", $event);
+				})
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 8, [
 				"open",
 				"default-open",
-				"modal"
+				"modal",
+				"dir"
 			]);
 		};
 	}

package/dist/components/dropdown/Dropdown.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/Dropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef } from 'vue'\nimport { DropdownMenuRoot } from 'reka-ui'\nimport { useDropdownProvide } from './Dropdown.context'\n\nconst props = withDefaults(defineProps<{\n  isOpen?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  variant?: 'flat' | 'solid' | 'bordered' | 'light' | 'faded' | 'shadow'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  size?: 'sm' | 'md' | 'lg'\n  closeOnSelect?: boolean\n  disableAnimation?: boolean\n  class?: string\n}>(), {\n  isOpen: undefined,\n  defaultOpen: undefined,\n  modal: true,\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  closeOnSelect: true,\n  disableAnimation: false,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:isOpen': [value: boolean]\n}>()\n\nuseDropdownProvide({\n  variant: toRef(props, 'variant'),\n  color: toRef(props, 'color'),\n  size: toRef(props, 'size'),\n  closeOnSelect: toRef(props, 'closeOnSelect'),\n  disableAnimation: toRef(props, 'disableAnimation'),\n})\n</script>\n\n<template>\n  <DropdownMenuRoot\n    :open=\"props.isOpen\"\n    :default-open=\"props.defaultOpen\"\n    :modal=\"props.modal\"\n    @update:open=\"emit('update:isOpen', $event)\"\n  >\n    <slot />\n  </DropdownMenuRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAsBd,MAAM,OAAO;AAIb,qBAAmB;GACjB,SAAS,MAAM,OAAO,UAAU;GAChC,OAAO,MAAM,OAAO,QAAQ;GAC5B,MAAM,MAAM,OAAO,OAAO;GAC1B,eAAe,MAAM,OAAO,gBAAgB;GAC5C,kBAAkB,MAAM,OAAO,mBAAmB;GACnD,CAAA;;uBAIC,YAOmB,MAAA,iBAAA,EAAA;IANhB,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,OAAO,MAAM;IACb,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;;2BAElC,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/Dropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef } from 'vue'\nimport { DropdownMenuRoot } from 'reka-ui'\nimport { useDropdownProvide } from './Dropdown.context'\n\nconst props = withDefaults(defineProps<{\n  isOpen?: boolean\n  defaultOpen?: boolean\n  modal?: boolean\n  variant?: 'flat' | 'solid' | 'bordered' | 'light' | 'faded' | 'shadow'\n  color?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'danger'\n  size?: 'sm' | 'md' | 'lg'\n  closeOnSelect?: boolean\n  disableAnimation?: boolean\n  class?: string\n  /** Controlled open state of the dropdown. */\n  open?: boolean\n  /** Text direction for the dropdown. */\n  dir?: 'ltr' | 'rtl'\n}>(), {\n  isOpen: undefined,\n  defaultOpen: undefined,\n  modal: true,\n  variant: undefined,\n  color: undefined,\n  size: undefined,\n  closeOnSelect: true,\n  disableAnimation: false,\n  class: undefined,\n  open: undefined,\n  dir: undefined,\n})\n\nconst emit = defineEmits<{\n  'update:isOpen': [value: boolean]\n  'update:open': [value: boolean]\n}>()\n\nuseDropdownProvide({\n  variant: toRef(props, 'variant'),\n  color: toRef(props, 'color'),\n  size: toRef(props, 'size'),\n  closeOnSelect: toRef(props, 'closeOnSelect'),\n  disableAnimation: toRef(props, 'disableAnimation'),\n})\n</script>\n\n<template>\n  <DropdownMenuRoot\n    :open=\"props.open ?? props.isOpen\"\n    :default-open=\"props.defaultOpen\"\n    :modal=\"props.modal\"\n    :dir=\"props.dir\"\n    @update:open=\"emit('update:isOpen', $event); emit('update:open', $event)\"\n  >\n    <slot />\n  </DropdownMenuRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EA4Bd,MAAM,OAAO;AAKb,qBAAmB;GACjB,SAAS,MAAM,OAAO,UAAU;GAChC,OAAO,MAAM,OAAO,QAAQ;GAC5B,MAAM,MAAM,OAAO,OAAO;GAC1B,eAAe,MAAM,OAAO,gBAAgB;GAC5C,kBAAkB,MAAM,OAAO,mBAAmB;GACnD,CAAA;;uBAIC,YAQmB,MAAA,iBAAA,EAAA;IAPhB,MAAM,MAAM,QAAQ,MAAM;IAC1B,gBAAc,MAAM;IACpB,OAAO,MAAM;IACb,KAAK,MAAM;IACX,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAA;AAAE,UAAI,iBAAkB,OAAM;AAAG,UAAI,eAAgB,OAAM;;;2BAE/D,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/dropdown/DropdownCheckboxItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownCheckboxItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n})\n\nconst isSelected = defineModel<boolean>('isSelected', { default: false })\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuCheckboxItem\n    :model-value=\"isSelected\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.isDisabled\"\n    :class=\"[slots.item(), props.class]\"\n    @update:model-value=\"isSelected = $event\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Checkmark indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"menu-item-indicator--checkmark\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuCheckboxItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownCheckboxItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Controlled checked state. */\n  modelValue?: boolean\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  modelValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n  'update:modelValue': [value: boolean]\n}>()\n\nconst isSelected = defineModel<boolean>('isSelected', { default: false })\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuCheckboxItem\n    :model-value=\"props.modelValue ?? isSelected\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @update:model-value=\"isSelected = $event; emit('update:modelValue', $event)\"\n    @select=\"emit('select', $event)\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Checkmark indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"menu-item-indicator--checkmark\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuCheckboxItem>\n</template>\n"],"mappings":""}