@auronui/vue 1.0.21 → 1.0.22

package/dist/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  disabled?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  disabled: false,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":""}
+{"version":3,"file":"Accordion.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  disabled?: boolean\n  dir?: 'ltr' | 'rtl'\n  orientation?: 'horizontal' | 'vertical'\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  disabled: false,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"props.disabled\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":""}

package/dist/components/accordion/Accordion.vue_vue_type_script_setup_true_lang.js

@@ -22,6 +22,11 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 			type: Boolean,
 			default: false
 		},
+		dir: {},
+		orientation: {},
+		unmountOnHide: { type: Boolean },
+		as: {},
+		asChild: { type: Boolean },
 		variant: { default: "default" },
 		size: { default: "md" },
 		class: { type: [
@@ -50,6 +55,11 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"default-value": props.defaultValue,
 				collapsible: props.collapsible,
 				disabled: props.disabled,
+				dir: props.dir,
+				orientation: props.orientation,
+				"unmount-on-hide": props.unmountOnHide,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base)),
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = (v) => {
 					if (v !== void 0) emit("update:modelValue", v);
@@ -81,6 +91,11 @@ var Accordion_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defi
 				"default-value",
 				"collapsible",
 				"disabled",
+				"dir",
+				"orientation",
+				"unmount-on-hide",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

package/dist/components/accordion/Accordion.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  disabled?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  disabled: false,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAIb,MAAM,UAAU,eAAe,kBAAkB;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,CAAC,CAAA;AAE9F,sBAAoB,EAAE,SAAS,CAAA;;uBAI7B,YAuBgB,MAAA,cAAA,EAAA;IAtBb,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,aAAa,MAAM;IACnB,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAA0C;AAAA,SAAW,MAAM,KAAA,EAAW,MAAI,qBAAsB,EAAC;;;2BAc5G,CAZK,MAAM,SAAA,UAAA,KAAA,EACpB,mBAUgB,UAAA,EAAA,KAAA,GAAA,EAAA,WATC,MAAM,QAAd,SAAI;yBADb,YAUgB,uBAAA;MARb,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,UAAU,KAAK;;6BAIE,CAFlB,YAEkB,yBAAA,MAAA;8BADqC,CAArD,YAAqD,0BAAA,MAAA;+BAAnB,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;gBAEjC,YAAuD,0BAAA,MAAA;8BAAnB,CAAA,gBAAA,gBAAf,KAAK,QAAO,EAAA,EAAA,CAAA,CAAA;;;;;gBAGrC,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"Accordion.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/Accordion.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { AccordionRoot } from 'reka-ui'\nimport { accordionVariants, type AccordionVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionProvide } from './accordion.context'\nimport AccordionItem from './AccordionItem.vue'\nimport AccordionHeader from './AccordionHeader.vue'\nimport AccordionTrigger from './AccordionTrigger.vue'\nimport AccordionContent from './AccordionContent.vue'\n\ntype SingleValue = string\ntype MultipleValue = string[]\ntype AccordionShorthandItem = { value: string; title: string; content?: string; disabled?: boolean }\n\nconst props = withDefaults(defineProps<{\n  type: 'single' | 'multiple'\n  modelValue?: SingleValue | MultipleValue\n  defaultValue?: SingleValue | MultipleValue\n  collapsible?: boolean\n  disabled?: boolean\n  dir?: 'ltr' | 'rtl'\n  orientation?: 'horizontal' | 'vertical'\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  variant?: AccordionVariants['variant']\n  size?: AccordionVariants['size']\n  class?: ClassValue\n  /** Override classes for any slot */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  /** Shorthand API: render items from an array instead of the compound slot API */\n  items?: AccordionShorthandItem[]\n}>(), {\n\n  collapsible: true,\n  disabled: false,\n  variant: 'default',\n  size: 'md',\n})\n\nconst emit = defineEmits<{\n  'update:modelValue': [value: SingleValue | MultipleValue]\n}>()\n\nconst slotFns = computed(() => accordionVariants({ variant: props.variant, size: props.size }))\n\nuseAccordionProvide({ slotFns })\n</script>\n\n<template>\n  <AccordionRoot\n    :type=\"props.type\"\n    :model-value=\"props.modelValue\"\n    :default-value=\"props.defaultValue\"\n    :collapsible=\"props.collapsible\"\n    :disabled=\"props.disabled\"\n    :dir=\"props.dir\"\n    :orientation=\"props.orientation\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n    @update:model-value=\"(v: SingleValue | MultipleValue | undefined) => { if (v !== undefined) emit('update:modelValue', v) }\"\n  >\n    <template v-if=\"props.items\">\n      <AccordionItem\n        v-for=\"item in props.items\"\n        :key=\"item.value\"\n        :value=\"item.value\"\n        :disabled=\"item.disabled\"\n      >\n        <AccordionHeader>\n          <AccordionTrigger>{{ item.title }}</AccordionTrigger>\n        </AccordionHeader>\n        <AccordionContent>{{ item.content }}</AccordionContent>\n      </AccordionItem>\n    </template>\n    <slot v-else />\n  </AccordionRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAeA,MAAM,QAAQ;EA4Bd,MAAM,OAAO;EAIb,MAAM,UAAU,eAAe,kBAAkB;GAAE,SAAS,MAAM;GAAS,MAAM,MAAM;GAAM,CAAC,CAAA;AAE9F,sBAAoB,EAAE,SAAS,CAAA;;uBAI7B,YA4BgB,MAAA,cAAA,EAAA;IA3Bb,MAAM,MAAM;IACZ,eAAa,MAAM;IACnB,iBAAe,MAAM;IACrB,aAAa,MAAM;IACnB,UAAU,MAAM;IAChB,KAAK,MAAM;IACX,aAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;IAC3E,uBAAkB,OAAA,OAAA,OAAA,MAAG,MAA0C;AAAA,SAAW,MAAM,KAAA,EAAW,MAAI,qBAAsB,EAAC;;;2BAc5G,CAZK,MAAM,SAAA,UAAA,KAAA,EACpB,mBAUgB,UAAA,EAAA,KAAA,GAAA,EAAA,WATC,MAAM,QAAd,SAAI;yBADb,YAUgB,uBAAA;MARb,KAAK,KAAK;MACV,OAAO,KAAK;MACZ,UAAU,KAAK;;6BAIE,CAFlB,YAEkB,yBAAA,MAAA;8BADqC,CAArD,YAAqD,0BAAA,MAAA;+BAAnB,CAAA,gBAAA,gBAAb,KAAK,MAAK,EAAA,EAAA,CAAA,CAAA;;;;gBAEjC,YAAuD,0BAAA,MAAA;8BAAnB,CAAA,gBAAA,gBAAf,KAAK,QAAO,EAAA,EAAA,CAAA,CAAA;;;;;gBAGrC,WAAe,KAAA,QAAA,WAAA,EAAA,KAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/accordion/AccordionContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.js","names":[],"sources":["../../../src/components/accordion/AccordionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionContent as RekaAccordionContent, injectAccordionItemContext } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { motion } from '../../utils/motion'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    body: ClassValue\n    bodyInner: ClassValue\n  }>\n}>()\nconst ctx = useAccordionInject()\nconst rekaItem = injectAccordionItemContext()\n</script>\n\n<template>\n  <RekaAccordionContent\n    :force-mount=\"true\"\n    :class=\"composeClassName(ctx.slotFns.value.body(), props.class, props.classNames?.body)\"\n  >\n    <motion.div\n      :initial=\"false\"\n      :animate=\"rekaItem.open.value ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 }\"\n      :transition=\"{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }\"\n      style=\"overflow: hidden;\"\n    >\n      <div :class=\"composeClassName(ctx.slotFns.value.bodyInner(), props.classNames?.bodyInner)\">\n        <slot />\n      </div>\n    </motion.div>\n  </RekaAccordionContent>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AccordionContent.js","names":[],"sources":["../../../src/components/accordion/AccordionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionContent as RekaAccordionContent, injectAccordionItemContext } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { motion } from '../../utils/motion'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    body: ClassValue\n    bodyInner: ClassValue\n  }>\n  as?: string\n  asChild?: boolean\n}>()\nconst ctx = useAccordionInject()\nconst rekaItem = injectAccordionItemContext()\n</script>\n\n<template>\n  <RekaAccordionContent\n    :force-mount=\"true\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.body(), props.class, props.classNames?.body)\"\n  >\n    <motion.div\n      :initial=\"false\"\n      :animate=\"rekaItem.open.value ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 }\"\n      :transition=\"{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }\"\n      style=\"overflow: hidden;\"\n    >\n      <div :class=\"composeClassName(ctx.slotFns.value.bodyInner(), props.classNames?.bodyInner)\">\n        <slot />\n      </div>\n    </motion.div>\n  </RekaAccordionContent>\n</template>\n"],"mappings":""}

package/dist/components/accordion/AccordionContent.vue_vue_type_script_setup_true_lang.js

@@ -14,7 +14,9 @@ var AccordionContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
@@ -23,6 +25,8 @@ var AccordionContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AccordionContent), {
 				"force-mount": true,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.body(), props.class, props.classNames?.body))
 			}, {
 				default: withCtx(() => [createVNode(unref(motion).div, {
@@ -49,7 +53,11 @@ var AccordionContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					_: 3
 				}, 8, ["animate"])]),
 				_: 3
-			}, 8, ["class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/accordion/AccordionContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionContent as RekaAccordionContent, injectAccordionItemContext } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { motion } from '../../utils/motion'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    body: ClassValue\n    bodyInner: ClassValue\n  }>\n}>()\nconst ctx = useAccordionInject()\nconst rekaItem = injectAccordionItemContext()\n</script>\n\n<template>\n  <RekaAccordionContent\n    :force-mount=\"true\"\n    :class=\"composeClassName(ctx.slotFns.value.body(), props.class, props.classNames?.body)\"\n  >\n    <motion.div\n      :initial=\"false\"\n      :animate=\"rekaItem.open.value ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 }\"\n      :transition=\"{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }\"\n      style=\"overflow: hidden;\"\n    >\n      <div :class=\"composeClassName(ctx.slotFns.value.bodyInner(), props.classNames?.bodyInner)\">\n        <slot />\n      </div>\n    </motion.div>\n  </RekaAccordionContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAQd,MAAM,MAAM,oBAAmB;EAC/B,MAAM,WAAW,4BAA2B;;uBAI1C,YAcuB,MAAA,iBAAA,EAAA;IAbpB,eAAa;IACb,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAWzE,CATb,YASa,MAAA,OAAA,CAAA,KAAA;KARV,SAAS;KACT,SAAS,MAAA,SAAQ,CAAC,KAAK,QAAK;MAAA,QAAA;MAAA,SAAA;MAAA,GAAA;MAAA,QAAA;MAAA,SAAA;MAAA;KAC5B,YAAY;MAAA,UAAA;MAAA,MAAA;OAAA;OAAA;OAAA;OAAA;OAAA;MAAyC;KACtD,OAAA,EAAA,YAAA,UAAyB;;4BAInB,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA,EAAA,EAAA,CACtF,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"AccordionContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionContent as RekaAccordionContent, injectAccordionItemContext } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { motion } from '../../utils/motion'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides */\n  classNames?: Partial<{\n    body: ClassValue\n    bodyInner: ClassValue\n  }>\n  as?: string\n  asChild?: boolean\n}>()\nconst ctx = useAccordionInject()\nconst rekaItem = injectAccordionItemContext()\n</script>\n\n<template>\n  <RekaAccordionContent\n    :force-mount=\"true\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.body(), props.class, props.classNames?.body)\"\n  >\n    <motion.div\n      :initial=\"false\"\n      :animate=\"rekaItem.open.value ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 }\"\n      :transition=\"{ duration: 0.2, ease: [0.4, 0, 0.2, 1] }\"\n      style=\"overflow: hidden;\"\n    >\n      <div :class=\"composeClassName(ctx.slotFns.value.bodyInner(), props.classNames?.bodyInner)\">\n        <slot />\n      </div>\n    </motion.div>\n  </RekaAccordionContent>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAUd,MAAM,MAAM,oBAAmB;EAC/B,MAAM,WAAW,4BAA2B;;uBAI1C,YAgBuB,MAAA,iBAAA,EAAA;IAfpB,eAAa;IACb,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAWzE,CATb,YASa,MAAA,OAAA,CAAA,KAAA;KARV,SAAS;KACT,SAAS,MAAA,SAAQ,CAAC,KAAK,QAAK;MAAA,QAAA;MAAA,SAAA;MAAA,GAAA;MAAA,QAAA;MAAA,SAAA;MAAA;KAC5B,YAAY;MAAA,UAAA;MAAA,MAAA;OAAA;OAAA;OAAA;OAAA;OAAA;MAAyC;KACtD,OAAA,EAAA,YAAA,UAAyB;;4BAInB,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA,EAAA,EAAA,CACtF,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/accordion/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","names":[],"sources":["../../../src/components/accordion/AccordionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionHeader as RekaAccordionHeader } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\n\nconst props = defineProps<{\n  /** Override classes on specific slots */\n  class?: ClassValue\n  classNames?: Partial<{\n    heading: ClassValue\n  }>\n}>()\nconst ctx = useAccordionInject()\n</script>\n\n<template>\n  <RekaAccordionHeader :class=\"composeClassName(ctx.slotFns.value.heading(), props.class, props.classNames?.heading)\">\n    <slot />\n  </RekaAccordionHeader>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AccordionHeader.js","names":[],"sources":["../../../src/components/accordion/AccordionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionHeader as RekaAccordionHeader } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\n\nconst props = defineProps<{\n  /** Override classes on specific slots */\n  class?: ClassValue\n  classNames?: Partial<{\n    heading: ClassValue\n  }>\n  as?: string\n  asChild?: boolean\n}>()\nconst ctx = useAccordionInject()\n</script>\n\n<template>\n  <RekaAccordionHeader :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(ctx.slotFns.value.heading(), props.class, props.classNames?.heading)\">\n    <slot />\n  </RekaAccordionHeader>\n</template>\n"],"mappings":""}

package/dist/components/accordion/AccordionHeader.vue_vue_type_script_setup_true_lang.js

@@ -13,16 +13,26 @@ var AccordionHeader_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
 		const ctx = useAccordionInject();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AccordionHeader), { class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.heading(), props.class, props.classNames?.heading)) }, {
+			return openBlock(), createBlock(unref(AccordionHeader), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.heading(), props.class, props.classNames?.heading))
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/accordion/AccordionHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionHeader as RekaAccordionHeader } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\n\nconst props = defineProps<{\n  /** Override classes on specific slots */\n  class?: ClassValue\n  classNames?: Partial<{\n    heading: ClassValue\n  }>\n}>()\nconst ctx = useAccordionInject()\n</script>\n\n<template>\n  <RekaAccordionHeader :class=\"composeClassName(ctx.slotFns.value.heading(), props.class, props.classNames?.heading)\">\n    <slot />\n  </RekaAccordionHeader>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EAOd,MAAM,MAAM,oBAAmB;;uBAI7B,YAEsB,MAAA,gBAAA,EAAA,EAFA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA;2BACvG,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AccordionHeader.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionHeader as RekaAccordionHeader } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\n\nconst props = defineProps<{\n  /** Override classes on specific slots */\n  class?: ClassValue\n  classNames?: Partial<{\n    heading: ClassValue\n  }>\n  as?: string\n  asChild?: boolean\n}>()\nconst ctx = useAccordionInject()\n</script>\n\n<template>\n  <RekaAccordionHeader :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(ctx.slotFns.value.heading(), props.class, props.classNames?.heading)\">\n    <slot />\n  </RekaAccordionHeader>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAKA,MAAM,QAAQ;EASd,MAAM,MAAM,oBAAmB;;uBAI7B,YAEsB,MAAA,gBAAA,EAAA;IAFA,IAAI,MAAM;IAAK,YAAU,MAAM;IAAU,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA;;2BAChJ,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/accordion/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>()\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AccordionItem.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>()\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":""}

package/dist/components/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js

@@ -9,6 +9,9 @@ var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 	props: {
 		value: {},
 		disabled: { type: Boolean },
+		unmountOnHide: { type: Boolean },
+		as: {},
+		asChild: { type: Boolean },
 		class: { type: [
 			String,
 			Boolean,
@@ -28,6 +31,9 @@ var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				ref: "reka",
 				value: props.value,
 				disabled: props.disabled,
+				"unmount-on-hide": props.unmountOnHide,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.item(), props.class, props.classNames?.item))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
@@ -35,6 +41,9 @@ var AccordionItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 			}, 8, [
 				"value",
 				"disabled",
+				"unmount-on-hide",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

package/dist/components/accordion/AccordionItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>()\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAUd,MAAM,MAAM,oBAAmB;EAK/B,MAAM,UAAU,eAAoD,OAAM;AAE1E,0BAAwB,EAAE,MADb,eAAe,QAAQ,OAAO,MAAM,SAAS,MAAK,EAC/B,CAAA;;uBAI9B,YAOoB,MAAA,cAAA,EAAA;IANlB,KAAI;IACH,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAE9E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AccordionItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useTemplateRef } from 'vue'\nimport { AccordionItem as RekaAccordionItem } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemProvide } from './accordion-item.context'\n\nconst props = defineProps<{\n  value: string\n  disabled?: boolean\n  unmountOnHide?: boolean\n  as?: string\n  asChild?: boolean\n  class?: ClassValue\n  /** Override classes on named slots */\n  classNames?: Partial<{\n    item: ClassValue\n  }>\n}>()\n\nconst ctx = useAccordionInject()\n\n// Capture Reka's exposed per-item `open` ComputedRef via template ref and\n// re-provide it downward so AccordionContent can drive its animation from\n// synchronous Vue reactivity — no MutationObserver, no CSS-var race.\nconst rekaRef = useTemplateRef<{ open: { value: boolean } } | null>('reka')\nconst open = computed(() => rekaRef.value?.open?.value ?? false)\nuseAccordionItemProvide({ open })\n</script>\n\n<template>\n  <RekaAccordionItem\n    ref=\"reka\"\n    :value=\"props.value\"\n    :disabled=\"props.disabled\"\n    :unmount-on-hide=\"props.unmountOnHide\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(ctx.slotFns.value.item(), props.class, props.classNames?.item)\"\n  >\n    <slot />\n  </RekaAccordionItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAad,MAAM,MAAM,oBAAmB;EAK/B,MAAM,UAAU,eAAoD,OAAM;AAE1E,0BAAwB,EAAE,MADb,eAAe,QAAQ,OAAO,MAAM,SAAS,MAAK,EAC/B,CAAA;;uBAI9B,YAUoB,MAAA,cAAA,EAAA;IATlB,KAAI;IACH,OAAO,MAAM;IACb,UAAU,MAAM;IAChB,mBAAiB,MAAM;IACvB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAE9E,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/accordion/AccordionTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.js","names":[],"sources":["../../../src/components/accordion/AccordionTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionTrigger as RekaAccordionTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemInject } from './accordion-item.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides. */\n  classNames?: Partial<{\n    trigger: ClassValue\n    indicator: ClassValue\n  }>\n}>()\nconst ctx = useAccordionInject()\nconst item = useAccordionItemInject()\n</script>\n\n<template>\n  <RekaAccordionTrigger :class=\"composeClassName(ctx.slotFns.value.trigger(), props.class, props.classNames?.trigger)\">\n    <slot />\n    <!--\n      Indicator slot. Users can replace the chevron with any icon.\n      The wrapper keeps the rotation + color transition, so users only\n      need to supply the icon contents. For full control (custom rotation\n      behaviour etc.), spread the slot's `open` prop.\n    -->\n    <span\n      :class=\"composeClassName(ctx.slotFns.value.indicator(), props.classNames?.indicator)\"\n      aria-hidden=\"true\"\n    >\n      <slot\n        name=\"indicator\"\n        :open=\"item.open.value\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"100%\"\n          height=\"100%\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          focusable=\"false\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </span>\n  </RekaAccordionTrigger>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AccordionTrigger.js","names":[],"sources":["../../../src/components/accordion/AccordionTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionTrigger as RekaAccordionTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemInject } from './accordion-item.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides. */\n  classNames?: Partial<{\n    trigger: ClassValue\n    indicator: ClassValue\n  }>\n  as?: string\n  asChild?: boolean\n}>()\nconst ctx = useAccordionInject()\nconst item = useAccordionItemInject()\n</script>\n\n<template>\n  <RekaAccordionTrigger :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(ctx.slotFns.value.trigger(), props.class, props.classNames?.trigger)\">\n    <slot />\n    <!--\n      Indicator slot. Users can replace the chevron with any icon.\n      The wrapper keeps the rotation + color transition, so users only\n      need to supply the icon contents. For full control (custom rotation\n      behaviour etc.), spread the slot's `open` prop.\n    -->\n    <span\n      :class=\"composeClassName(ctx.slotFns.value.indicator(), props.classNames?.indicator)\"\n      aria-hidden=\"true\"\n    >\n      <slot\n        name=\"indicator\"\n        :open=\"item.open.value\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"100%\"\n          height=\"100%\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          focusable=\"false\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </span>\n  </RekaAccordionTrigger>\n</template>\n"],"mappings":""}

package/dist/components/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.js

@@ -14,14 +14,20 @@ var AccordionTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			Object,
 			Array
 		] },
-		classNames: {}
+		classNames: {},
+		as: {},
+		asChild: { type: Boolean }
 	},
 	setup(__props) {
 		const props = __props;
 		const ctx = useAccordionInject();
 		const item = useAccordionItemInject();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AccordionTrigger), { class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.trigger(), props.class, props.classNames?.trigger)) }, {
+			return openBlock(), createBlock(unref(AccordionTrigger), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.trigger(), props.class, props.classNames?.trigger))
+			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default"), createElementVNode("span", {
 					class: normalizeClass(unref(composeClassName)(unref(ctx).slotFns.value.indicator(), props.classNames?.indicator)),
 					"aria-hidden": "true"
@@ -38,7 +44,11 @@ var AccordionTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					focusable: "false"
 				}, [createElementVNode("polyline", { points: "6 9 12 15 18 9" })], -1))])], 2)]),
 				_: 3
-			}, 8, ["class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/accordion/AccordionTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionTrigger as RekaAccordionTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemInject } from './accordion-item.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides. */\n  classNames?: Partial<{\n    trigger: ClassValue\n    indicator: ClassValue\n  }>\n}>()\nconst ctx = useAccordionInject()\nconst item = useAccordionItemInject()\n</script>\n\n<template>\n  <RekaAccordionTrigger :class=\"composeClassName(ctx.slotFns.value.trigger(), props.class, props.classNames?.trigger)\">\n    <slot />\n    <!--\n      Indicator slot. Users can replace the chevron with any icon.\n      The wrapper keeps the rotation + color transition, so users only\n      need to supply the icon contents. For full control (custom rotation\n      behaviour etc.), spread the slot's `open` prop.\n    -->\n    <span\n      :class=\"composeClassName(ctx.slotFns.value.indicator(), props.classNames?.indicator)\"\n      aria-hidden=\"true\"\n    >\n      <slot\n        name=\"indicator\"\n        :open=\"item.open.value\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"100%\"\n          height=\"100%\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          focusable=\"false\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </span>\n  </RekaAccordionTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAQd,MAAM,MAAM,oBAAmB;EAC/B,MAAM,OAAO,wBAAuB;;uBAIlC,YAgCuB,MAAA,iBAAA,EAAA,EAhCA,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA,EAAA,EAAA;2BACxG,CAAR,WAAQ,KAAA,QAAA,UAAA,EAOR,mBAuBO,QAAA;KAtBJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;KACnF,eAAY;QAEZ,WAkBO,KAAA,QAAA,aAAA,EAhBJ,MAAM,MAAA,KAAI,CAAC,KAAK,OAAA,QAgBZ,CAAA,OAAA,OAAA,OAAA,KAdL,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,WAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"AccordionTrigger.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/accordion/AccordionTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AccordionTrigger as RekaAccordionTrigger } from 'reka-ui'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { useAccordionInject } from './accordion.context'\nimport { useAccordionItemInject } from './accordion-item.context'\n\nconst props = defineProps<{\n  class?: ClassValue\n  /** Per-slot class overrides. */\n  classNames?: Partial<{\n    trigger: ClassValue\n    indicator: ClassValue\n  }>\n  as?: string\n  asChild?: boolean\n}>()\nconst ctx = useAccordionInject()\nconst item = useAccordionItemInject()\n</script>\n\n<template>\n  <RekaAccordionTrigger :as=\"props.as\" :as-child=\"props.asChild\" :class=\"composeClassName(ctx.slotFns.value.trigger(), props.class, props.classNames?.trigger)\">\n    <slot />\n    <!--\n      Indicator slot. Users can replace the chevron with any icon.\n      The wrapper keeps the rotation + color transition, so users only\n      need to supply the icon contents. For full control (custom rotation\n      behaviour etc.), spread the slot's `open` prop.\n    -->\n    <span\n      :class=\"composeClassName(ctx.slotFns.value.indicator(), props.classNames?.indicator)\"\n      aria-hidden=\"true\"\n    >\n      <slot\n        name=\"indicator\"\n        :open=\"item.open.value\"\n      >\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          width=\"100%\"\n          height=\"100%\"\n          viewBox=\"0 0 24 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          focusable=\"false\"\n        >\n          <polyline points=\"6 9 12 15 18 9\" />\n        </svg>\n      </slot>\n    </span>\n  </RekaAccordionTrigger>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAUd,MAAM,MAAM,oBAAmB;EAC/B,MAAM,OAAO,wBAAuB;;uBAIlC,YAgCuB,MAAA,iBAAA,EAAA;IAhCA,IAAI,MAAM;IAAK,YAAU,MAAM;IAAU,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,SAAO,EAAI,MAAM,OAAO,MAAM,YAAY,QAAO,CAAA;;2BACjJ,CAAR,WAAQ,KAAA,QAAA,UAAA,EAOR,mBAuBO,QAAA;KAtBJ,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,IAAG,CAAC,QAAQ,MAAM,WAAS,EAAI,MAAM,YAAY,UAAS,CAAA;KACnF,eAAY;QAEZ,WAkBO,KAAA,QAAA,aAAA,EAhBJ,MAAM,MAAA,KAAI,CAAC,KAAK,OAAA,QAgBZ,CAAA,OAAA,OAAA,OAAA,KAdL,mBAaM,OAAA;KAZJ,OAAM;KACN,OAAM;KACN,QAAO;KACP,SAAQ;KACR,MAAK;KACL,QAAO;KACP,gBAAa;KACb,kBAAe;KACf,mBAAgB;KAChB,WAAU;QAEV,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,EAAA,CAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogAction.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogAction.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.js

@@ -29,7 +29,8 @@ var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		asChild: {
 			type: Boolean,
 			default: false
-		}
+		},
+		as: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -58,12 +59,17 @@ var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogAction), {
+				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child", "class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/alert-dialog/AlertDialogAction.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogAction.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAiBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAKoB,MAAA,kBAAA,EAAA;IAJjB,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogAction.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogAction.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogAction } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogAction — confirm button for destructive flows.\n *\n * Wraps reka-ui AlertDialogAction which renders <button type=\"button\"> by default\n * (confirmed: AlertDialogAction uses DialogClose which sets type=\"button\" when as=\"button\").\n *\n * D-04: Do NOT override the button type — reka-ui's default `type=\"button\"` is intentional\n * and prevents accidental form submission / Enter-key propagation.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Override default classes for any slot. Keys correspond to slot names (e.g., base). */\n  classNames?: Partial<{\n    base: ClassValue\n  }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'danger',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogAction', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogAction\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogAction>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EAkBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAMoB,MAAA,kBAAA,EAAA;IALjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogCancel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogCancel.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.js

@@ -24,7 +24,8 @@ var AlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		asChild: {
 			type: Boolean,
 			default: false
-		}
+		},
+		as: {}
 	},
 	setup(__props) {
 		const props = __props;
@@ -53,12 +54,17 @@ var AlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		}));
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogCancel), {
+				as: props.as,
 				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(slotFns.value.base(), props.class, props.classNames?.base))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as-child", "class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/alert-dialog/AlertDialogCancel.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogCancel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAed,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAKoB,MAAA,kBAAA,EAAA;IAJjB,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogCancel.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogCancel.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogCancel } from 'reka-ui'\nimport { buttonVariants, type ButtonVariants } from '@auronui/styles'\nimport { composeClassName , type ClassValue} from '../../utils/composeClassName'\nimport { warnDeprecatedVariant } from '../../utils/warnDeprecated'\nimport { computed } from 'vue'\n\n/**\n * AlertDialogCancel — dismiss button for alert dialogs.\n * Wraps reka-ui AlertDialogCancel which renders <button type=\"button\"> by default.\n */\nconst props = withDefaults(defineProps<{\n  /** variant — use 'bordered' for the outline style; 'outline' is @deprecated */\n  variant?: 'danger' | 'danger-soft' | 'primary' | 'secondary' | 'ghost' | 'bordered' | 'outline' | 'success' | 'success-soft' | 'warning' | 'warning-soft' | 'tertiary'\n  size?: 'sm' | 'md' | 'lg'\n  class?: ClassValue\n  /** Per-slot class name overrides */\n  classNames?: Partial<{ base: ClassValue }>\n  asChild?: boolean\n  as?: string\n}>(), {\n  variant: 'secondary',\n  size: 'md',\n  asChild: false,\n})\n\n// Map legacy variant names to buttonVariants-compatible variants\nconst LEGACY_VARIANTS: Record<string, ButtonVariants['variant']> = {\n  primary: 'primary',\n  secondary: 'secondary',\n  tertiary: 'secondary',\n  danger: 'danger',\n  'danger-soft': 'danger-soft',\n  success: 'success',\n  'success-soft': 'success-soft',\n  warning: 'warning',\n  'warning-soft': 'warning-soft',\n  ghost: 'ghost',\n  bordered: 'bordered',\n}\n\nconst resolvedVariant = computed(() => {\n  const v = props.variant\n  if (!v) return v\n  if (v === 'outline') {\n    warnDeprecatedVariant('AlertDialogCancel', 'outline', 'bordered')\n    return 'bordered' as ButtonVariants['variant']\n  }\n  return (LEGACY_VARIANTS[v] ?? v) as ButtonVariants['variant']\n})\n\nconst slotFns = computed(() => buttonVariants({ variant: resolvedVariant.value, size: props.size }))\n</script>\n\n<template>\n  <AlertDialogCancel\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(slotFns.base(), props.class, props.classNames?.base)\"\n  >\n    <slot />\n  </AlertDialogCancel>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWA,MAAM,QAAQ;EAgBd,MAAM,kBAA6D;GACjE,SAAS;GACT,WAAW;GACX,UAAU;GACV,QAAQ;GACR,eAAe;GACf,SAAS;GACT,gBAAgB;GAChB,SAAS;GACT,gBAAgB;GAChB,OAAO;GACP,UAAU;GACZ;EAEA,MAAM,kBAAkB,eAAe;GACrC,MAAM,IAAI,MAAM;AAChB,OAAI,CAAC,EAAG,QAAO;AACf,OAAI,MAAM,UAER,QAAO;AAET,UAAQ,gBAAgB,MAAM;IAC/B;EAED,MAAM,UAAU,eAAe,eAAe;GAAE,SAAS,gBAAgB;GAAO,MAAM,MAAM;GAAM,CAAC,CAAA;;uBAIjG,YAMoB,MAAA,kBAAA,EAAA;IALjB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,QAAA,MAAQ,MAAI,EAAI,MAAM,OAAO,MAAM,YAAY,KAAI,CAAA;;2BAEpE,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogContent.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogPortal, AlertDialogContent } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\nimport AlertDialogOverlay from './AlertDialogOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <div\n      :class=\"styles.container()\"\n      :data-placement=\"ctx.placement\"\n    >\n      <AlertDialogContent\n        :class=\"composeClassName(styles.dialog({ size: ctx.size }), props.class)\"\n        :data-placement=\"ctx.placement\"\n        @escape-key-down=\"emit('escape-key-down', $event)\"\n        @open-auto-focus=\"emit('open-auto-focus', $event)\"\n        @close-auto-focus=\"emit('close-auto-focus', $event)\"\n      >\n        <slot />\n      </AlertDialogContent>\n    </div>\n  </AlertDialogPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogContent.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogPortal, AlertDialogContent } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\nimport AlertDialogOverlay from './AlertDialogOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n  to?: string | HTMLElement\n  disabled?: boolean\n  defer?: boolean\n  forceMount?: boolean\n  disableOutsidePointerEvents?: boolean\n  asChild?: boolean\n  as?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogPortal :to=\"props.to\" :disabled=\"props.disabled\" :defer=\"props.defer\" :force-mount=\"props.forceMount\">\n    <AlertDialogOverlay />\n    <div\n      :class=\"styles.container()\"\n      :data-placement=\"ctx.placement\"\n    >\n      <AlertDialogContent\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({ size: ctx.size }), props.class)\"\n        :data-placement=\"ctx.placement\"\n        @escape-key-down=\"emit('escape-key-down', $event)\"\n        @open-auto-focus=\"emit('open-auto-focus', $event)\"\n        @close-auto-focus=\"emit('close-auto-focus', $event)\"\n        @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n        @focus-outside=\"emit('focus-outside', $event)\"\n        @interact-outside=\"emit('interact-outside', $event)\"\n      >\n        <slot />\n      </AlertDialogContent>\n    </div>\n  </AlertDialogPortal>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogContent.vue_vue_type_script_setup_true_lang.js

@@ -8,11 +8,23 @@ import { AlertDialogContent, AlertDialogPortal } from "reka-ui";
 var _hoisted_1 = ["data-placement"];
 var AlertDialogContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "AlertDialogContent",
-	props: { class: {} },
+	props: {
+		class: {},
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean },
+		disableOutsidePointerEvents: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
 	emits: [
 		"escape-key-down",
 		"open-auto-focus",
-		"close-auto-focus"
+		"close-auto-focus",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
@@ -25,22 +37,46 @@ var AlertDialogContent_vue_vue_type_script_setup_true_lang_default = /* @__PURE_
 		});
 		const styles = alertDialogVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(AlertDialogPortal), null, {
+			return openBlock(), createBlock(unref(AlertDialogPortal), {
+				to: props.to,
+				disabled: props.disabled,
+				defer: props.defer,
+				"force-mount": props.forceMount
+			}, {
 				default: withCtx(() => [createVNode(AlertDialogOverlay_default), createElementVNode("div", {
 					class: normalizeClass(unref(styles).container()),
 					"data-placement": unref(ctx).placement
 				}, [createVNode(unref(AlertDialogContent), {
+					as: props.as,
+					"as-child": props.asChild,
+					"force-mount": props.forceMount,
+					"disable-outside-pointer-events": props.disableOutsidePointerEvents,
 					class: normalizeClass(unref(composeClassName)(unref(styles).dialog({ size: unref(ctx).size }), props.class)),
 					"data-placement": unref(ctx).placement,
 					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
 					onOpenAutoFocus: _cache[1] || (_cache[1] = ($event) => emit("open-auto-focus", $event)),
-					onCloseAutoFocus: _cache[2] || (_cache[2] = ($event) => emit("close-auto-focus", $event))
+					onCloseAutoFocus: _cache[2] || (_cache[2] = ($event) => emit("close-auto-focus", $event)),
+					onPointerDownOutside: _cache[3] || (_cache[3] = ($event) => emit("pointer-down-outside", $event)),
+					onFocusOutside: _cache[4] || (_cache[4] = ($event) => emit("focus-outside", $event)),
+					onInteractOutside: _cache[5] || (_cache[5] = ($event) => emit("interact-outside", $event))
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 					_: 3
-				}, 8, ["class", "data-placement"])], 10, _hoisted_1)]),
+				}, 8, [
+					"as",
+					"as-child",
+					"force-mount",
+					"disable-outside-pointer-events",
+					"class",
+					"data-placement"
+				])], 10, _hoisted_1)]),
 				_: 3
-			});
+			}, 8, [
+				"to",
+				"disabled",
+				"defer",
+				"force-mount"
+			]);
 		};
 	}
 });

package/dist/components/alert-dialog/AlertDialogContent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogPortal, AlertDialogContent } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\nimport AlertDialogOverlay from './AlertDialogOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <div\n      :class=\"styles.container()\"\n      :data-placement=\"ctx.placement\"\n    >\n      <AlertDialogContent\n        :class=\"composeClassName(styles.dialog({ size: ctx.size }), props.class)\"\n        :data-placement=\"ctx.placement\"\n        @escape-key-down=\"emit('escape-key-down', $event)\"\n        @open-auto-focus=\"emit('open-auto-focus', $event)\"\n        @close-auto-focus=\"emit('close-auto-focus', $event)\"\n      >\n        <slot />\n      </AlertDialogContent>\n    </div>\n  </AlertDialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAId,MAAM,OAAO;EAMb,MAAM,MAAM,qBAAqB;GAAE,MAAM;GAAM,SAAS;GAAU,WAAW;GAAU,QAAQ;GAAU,CAAA;EACzG,MAAM,SAAS,qBAAoB;;uBAIjC,YAgBoB,MAAA,kBAAA,EAAA,MAAA;2BAfI,CAAtB,YAAsB,2BAAA,EACtB,mBAaM,OAAA;KAZH,OAAK,eAAE,MAAA,OAAM,CAAC,WAAS,CAAA;KACvB,kBAAgB,MAAA,IAAG,CAAC;QAErB,YAQqB,MAAA,mBAAA,EAAA;KAPlB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM,EAAA,MAAS,MAAA,IAAG,CAAC,MAAI,CAAA,EAAK,MAAM,MAAK,CAAA;KACtE,kBAAgB,MAAA,IAAG,CAAC;KACpB,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,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":"AlertDialogContent.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogPortal, AlertDialogContent } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\nimport AlertDialogOverlay from './AlertDialogOverlay.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n  to?: string | HTMLElement\n  disabled?: boolean\n  defer?: boolean\n  forceMount?: boolean\n  disableOutsidePointerEvents?: boolean\n  asChild?: boolean\n  as?: string\n}>(), {})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n}>()\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogPortal :to=\"props.to\" :disabled=\"props.disabled\" :defer=\"props.defer\" :force-mount=\"props.forceMount\">\n    <AlertDialogOverlay />\n    <div\n      :class=\"styles.container()\"\n      :data-placement=\"ctx.placement\"\n    >\n      <AlertDialogContent\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({ size: ctx.size }), props.class)\"\n        :data-placement=\"ctx.placement\"\n        @escape-key-down=\"emit('escape-key-down', $event)\"\n        @open-auto-focus=\"emit('open-auto-focus', $event)\"\n        @close-auto-focus=\"emit('close-auto-focus', $event)\"\n        @pointer-down-outside=\"emit('pointer-down-outside', $event)\"\n        @focus-outside=\"emit('focus-outside', $event)\"\n        @interact-outside=\"emit('interact-outside', $event)\"\n      >\n        <slot />\n      </AlertDialogContent>\n    </div>\n  </AlertDialogPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAWd,MAAM,OAAO;EASb,MAAM,MAAM,qBAAqB;GAAE,MAAM;GAAM,SAAS;GAAU,WAAW;GAAU,QAAQ;GAAU,CAAA;EACzG,MAAM,SAAS,qBAAoB;;uBAIjC,YAuBoB,MAAA,kBAAA,EAAA;IAvBA,IAAI,MAAM;IAAK,UAAU,MAAM;IAAW,OAAO,MAAM;IAAQ,eAAa,MAAM;;2BAC9E,CAAtB,YAAsB,2BAAA,EACtB,mBAoBM,OAAA;KAnBH,OAAK,eAAE,MAAA,OAAM,CAAC,WAAS,CAAA;KACvB,kBAAgB,MAAA,IAAG,CAAC;QAErB,YAeqB,MAAA,mBAAA,EAAA;KAdlB,IAAI,MAAM;KACV,YAAU,MAAM;KAChB,eAAa,MAAM;KACnB,kCAAgC,MAAM;KACtC,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAA,OAAM,CAAC,OAAM,EAAA,MAAS,MAAA,IAAG,CAAC,MAAI,CAAA,EAAK,MAAM,MAAK,CAAA;KACtE,kBAAgB,MAAA,IAAG,CAAC;KACpB,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;KACjD,sBAAoB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,wBAAyB,OAAM;KACzD,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,iBAAkB,OAAM;KAC3C,mBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAE1C,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogDescription.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogDescription.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogDescription } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'p',\n})\n</script>\n\n<template>\n  <AlertDialogDescription\n    :as=\"props.as\"\n    :class=\"composeClassName(props.class)\"\n  >\n    <slot />\n  </AlertDialogDescription>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogDescription.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogDescription } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n  asChild?: boolean\n}>(), {\n  as: 'p',\n  asChild: false,\n})\n</script>\n\n<template>\n  <AlertDialogDescription\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(props.class)\"\n  >\n    <slot />\n  </AlertDialogDescription>\n</template>\n"],"mappings":""}

package/dist/components/alert-dialog/AlertDialogDescription.vue_vue_type_script_setup_true_lang.js

@@ -6,18 +6,27 @@ var AlertDialogDescription_vue_vue_type_script_setup_true_lang_default = /* @__P
 	__name: "AlertDialogDescription",
 	props: {
 		as: { default: "p" },
-		class: {}
+		class: {},
+		asChild: {
+			type: Boolean,
+			default: false
+		}
 	},
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(AlertDialogDescription), {
 				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass(unref(composeClassName)(props.class))
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["as", "class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

package/dist/components/alert-dialog/AlertDialogDescription.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogDescription.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogDescription } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n}>(), {\n  as: 'p',\n})\n</script>\n\n<template>\n  <AlertDialogDescription\n    :as=\"props.as\"\n    :class=\"composeClassName(props.class)\"\n  >\n    <slot />\n  </AlertDialogDescription>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,QAAQ;;uBASZ,YAKyB,MAAA,uBAAA,EAAA;IAJtB,IAAI,MAAM;IACV,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAM,MAAK,CAAA;;2BAE5B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"AlertDialogDescription.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogDescription.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogDescription } from 'reka-ui'\nimport { composeClassName } from '../../utils/composeClassName'\n\nconst props = withDefaults(defineProps<{\n  as?: string\n  class?: string\n  asChild?: boolean\n}>(), {\n  as: 'p',\n  asChild: false,\n})\n</script>\n\n<template>\n  <AlertDialogDescription\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"composeClassName(props.class)\"\n  >\n    <slot />\n  </AlertDialogDescription>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;;uBAWZ,YAMyB,MAAA,uBAAA,EAAA;IALtB,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAE,MAAA,iBAAgB,CAAC,MAAM,MAAK,CAAA;;2BAE5B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

package/dist/components/alert-dialog/AlertDialogOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogOverlay.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogOverlay } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\n\nconst props = withDefaults(defineProps<{\n  class?: string\n}>(), {})\n\nconst ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogOverlay :class=\"composeClassName(styles.backdrop({ variant: ctx.variant }), props.class)\" />\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlertDialogOverlay.js","names":[],"sources":["../../../src/components/alert-dialog/AlertDialogOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { AlertDialogOverlay } from 'reka-ui'\nimport { alertDialogVariants } from '@auronui/styles/components/alert-dialog'\nimport { composeClassName } from '../../utils/composeClassName'\nimport { useAlertDialogInject } from './AlertDialog.vue'\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 ctx = useAlertDialogInject({ size: 'md', variant: 'opaque', placement: 'center', status: 'danger' })\nconst styles = alertDialogVariants()\n</script>\n\n<template>\n  <AlertDialogOverlay\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :force-mount=\"props.forceMount\"\n    :class=\"composeClassName(styles.backdrop({ variant: ctx.variant }), props.class)\"\n  />\n</template>\n"],"mappings":""}