@auronui/vue 1.0.19 → 1.0.21

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  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\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      :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    >\n      <slot />\n    </DialogContent>\n  </template>\n\n  <!-- default mode: teleported to <body>, optional backdrop -->\n  <DialogPortal v-else>\n    <DrawerOverlay v-if=\"!ctx.hideBackdrop.value\" />\n    <DialogContent\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    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":""}

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

@@ -1,10 +1,11 @@
 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: {} },
@@ -20,22 +21,73 @@ var DrawerContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		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,
+				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))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["class", "data-placement"])) : (openBlock(), createBlock(unref(DialogPortal), { key: 2 }, {
+				default: withCtx(() => [!unref(ctx).hideBackdrop.value ? (openBlock(), createBlock(DrawerOverlay_default, { key: 0 })) : createCommentVNode("", true), createVNode(unref(DialogContent), {
 					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)),
-					onOpenAutoFocus: _cache[3] || (_cache[3] = ($event) => emit("open-auto-focus", $event)),
-					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event))
+					onPointerDownOutside: handlePointerDownOutside,
+					onInteractOutside: handleInteractOutside,
+					onEscapeKeyDown: handleEscapeKeyDown,
+					onOpenAutoFocus: _cache[2] || (_cache[2] = ($event) => emit("open-auto-focus", $event)),
+					onCloseAutoFocus: _cache[3] || (_cache[3] = ($event) => emit("close-auto-focus", $event))
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
 				}, 8, ["class", "data-placement"])]),
 				_: 3
-			});
+			}));
 		};
 	}
 });

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  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\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      :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    >\n      <slot />\n    </DialogContent>\n  </template>\n\n  <!-- default mode: teleported to <body>, optional backdrop -->\n  <DialogPortal v-else>\n    <DrawerOverlay v-if=\"!ctx.hideBackdrop.value\" />\n    <DialogContent\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    >\n      <slot />\n    </DialogContent>\n  </DialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EAId,MAAM,OAAO;EAQb,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,YAUgB,MAAA,cAAA,EAAA;;IATb,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;;2BAE1C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;uDAKZ,YAae,MAAA,aAAA,EAAA,EAAA,KAAA,GAAA,EAAA;2BAZmC,CAAA,CAA1B,MAAA,IAAG,CAAC,aAAa,SAAA,WAAA,EAAvC,YAAgD,uBAAA,EAAA,KAAA,GAAA,CAAA,IAAA,mBAAA,IAAA,KAAA,EAChD,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,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;;4BAE1C,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/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  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=\"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-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,5 +1,6 @@
+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",
@@ -9,11 +10,23 @@ var DrawerTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	} },
 	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: "button",
+				onClick: _cache[0] || (_cache[0] = ($event) => unref(ctx).toggleDock())
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child"]);
+			}, 8, ["as-child"])) : (openBlock(), createBlock(unref(DialogTrigger), {
+				key: 1,
+				"as-child": props.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["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  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=\"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-child=\"props.asChild\">\n    <slot />\n  </DialogTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;EAMd,MAAM,MAAM,iBAAgB;;UAMlB,MAAA,IAAG,CAAC,KAAK,SAAA,WAAA,EADjB,YAOY,MAAA,UAAA,EAAA;;IALT,YAAU,MAAM;IACjB,IAAG;IACF,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,MAAA,IAAG,CAAC,YAAU;;2BAEd,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA;;wCAIV,YAEgB,MAAA,cAAA,EAAA;;IAFO,YAAU,MAAM;;2BAC7B,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/toolbar/ToolbarToggleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleGroup.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: string; size?: string; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ToolbarToggleGroup.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: ToggleButtonVariants['variant']; size?: ToggleButtonVariants['size']; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":""}

package/dist/components/toolbar/ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: string; size?: string; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAIb,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EACnF,MAAM,cAAc,eAAe,MAAM,eAAe,IAAI,YAAY,MAAK;EAE7E,MAAM,UAAU,eACd,0BAA0B;GAAE,aAAa,YAAY;GAAO,YAAY,MAAM,cAAc;GAAO,CAAC,CAAC,MAAK,CAC5G;;uBAIE,YAqByB,MAAA,mBAAA,EAAA;IApBtB,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;IAC5C,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAC;;2BAa5C,CAXK,MAAM,SAAA,UAAA,KAAA,EACpB,mBASqC,UAAA,EAAA,KAAA,GAAA,EAAA,WARpB,MAAM,QAAd,SAAI;yBADb,YASqC,2BAAA;MAPlC,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,SAAS,KAAK;MACd,MAAM,KAAK;MACX,gBAAc,KAAK;MACnB,UAAU,KAAK;MACf,OAAK,eAAE,KAAK,MAAK;;6BACH,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;gBAEhB,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ToolbarToggleGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/toolbar/ToolbarToggleGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { ToolbarToggleGroup as RekaToolbarToggleGroup } from 'reka-ui'\nimport { toggleButtonGroupVariants, type ToggleButtonVariants } from '@auronui/styles'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useToolbarInject } from './toolbar.context'\nimport ToolbarToggleItem from './ToolbarToggleItem.vue'\n\ntype Single = string\ntype Multi = string[]\ntype ToolbarToggleShorthandItem = { value: string; label?: string; variant?: ToggleButtonVariants['variant']; size?: ToggleButtonVariants['size']; isIconOnly?: boolean; disabled?: boolean; class?: string }\n\nconst props = defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: Single | Multi\n  defaultValue?: Single | Multi\n  disabled?: boolean\n  orientation?: 'horizontal' | 'vertical'\n  isDetached?: boolean\n  class?: string\n  /** Shorthand API: render toggle items from an array instead of the compound slot API */\n  items?: ToolbarToggleShorthandItem[]\n}>()\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: Single | Multi]\n}>()\n\nconst ctx = useToolbarInject({ orientation: computed(() => 'horizontal' as const) })\nconst orientation = computed(() => props.orientation ?? ctx.orientation.value)\n\nconst classes = computed(() =>\n  toggleButtonGroupVariants({ orientation: orientation.value, isDetached: props.isDetached ?? false }).base()\n)\n</script>\n\n<template>\n  <RekaToolbarToggleGroup\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(classes, props.class)\"\n    @update:model-value=\"(v) => emit('update:modelValue', v as Single | Multi)\"\n  >\n    <template v-if=\"props.items\">\n      <ToolbarToggleItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :variant=\"item.variant\"\n        :size=\"item.size\"\n        :is-icon-only=\"item.isIconOnly\"\n        :disabled=\"item.disabled\"\n        :class=\"item.class\"\n      >{{ item.label }}</ToolbarToggleItem>\n    </template>\n    <slot v-else />\n  </RekaToolbarToggleGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAIb,MAAM,MAAM,iBAAiB,EAAE,aAAa,eAAe,aAAsB,EAAE,CAAA;EACnF,MAAM,cAAc,eAAe,MAAM,eAAe,IAAI,YAAY,MAAK;EAE7E,MAAM,UAAU,eACd,0BAA0B;GAAE,aAAa,YAAY;GAAO,YAAY,MAAM,cAAc;GAAO,CAAC,CAAC,MAAK,CAC5G;;uBAIE,YAqByB,MAAA,mBAAA,EAAA;IApBtB,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,OAAS,MAAM,MAAK,CAAA;IAC5C,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,qBAAsB,EAAC;;2BAa5C,CAXK,MAAM,SAAA,UAAA,KAAA,EACpB,mBASqC,UAAA,EAAA,KAAA,GAAA,EAAA,WARpB,MAAM,QAAd,SAAI;yBADb,YASqC,2BAAA;MAPlC,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,SAAS,KAAK;MACd,MAAM,KAAK;MACX,gBAAc,KAAK;MACnB,UAAU,KAAK;MACf,OAAK,eAAE,KAAK,MAAK;;6BACH,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;;;;;;;gBAEhB,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}