@auronui/vue 1.0.20 → 1.0.22

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

@@ -11,7 +11,20 @@ var DropdownCheckboxItem_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 			default: false
 		},
 		variant: { default: "default" },
-		class: { default: void 0 }
+		class: { default: void 0 },
+		modelValue: {
+			type: Boolean,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
 	}, {
 		"isSelected": {
 			type: Boolean,
@@ -19,24 +32,31 @@ var DropdownCheckboxItem_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		},
 		"isSelectedModifiers": {}
 	}),
-	emits: ["update:isSelected"],
-	setup(__props) {
+	emits: /* @__PURE__ */ mergeModels(["select", "update:modelValue"], ["update:isSelected"]),
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const isSelected = useModel(__props, "isSelected");
 		const slots = menuItemVariants({ variant: props.variant });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuCheckboxItem), {
-				"model-value": isSelected.value,
+				"model-value": props.modelValue ?? isSelected.value,
 				"text-value": props.textValue,
-				disabled: props.isDisabled,
+				disabled: props.disabled ?? props.isDisabled,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass([unref(slots).item(), props.class]),
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isSelected.value = $event)
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => {
+					isSelected.value = $event;
+					emit("update:modelValue", $event);
+				}),
+				onSelect: _cache[1] || (_cache[1] = ($event) => emit("select", $event))
 			}, {
 				default: withCtx(() => [createVNode(unref(DropdownMenuItemIndicator), {
 					class: normalizeClass(unref(slots).indicator()),
 					"force-mount": ""
 				}, {
-					default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
+					default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "10",
 						height: "10",
@@ -56,6 +76,8 @@ var DropdownCheckboxItem_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 				"model-value",
 				"text-value",
 				"disabled",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownCheckboxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n})\n\nconst isSelected = defineModel<boolean>('isSelected', { default: false })\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuCheckboxItem\n    :model-value=\"isSelected\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.isDisabled\"\n    :class=\"[slots.item(), props.class]\"\n    @update:model-value=\"isSelected = $event\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Checkmark indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"menu-item-indicator--checkmark\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuCheckboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAYd,MAAM,aAAa,SAAoB,SAAC,aAAgC;EAExE,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YA8B2B,MAAA,yBAAA,EAAA;IA7BxB,eAAa,WAAA;IACb,cAAY,MAAM;IAClB,UAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,WAAA,QAAa;;2BAsBN,CApB5B,YAoB4B,MAAA,0BAAA,EAAA;KAnBzB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,MAAK;MACL,QAAO;MACP,gBAAa;MACb,kBAAe;MACf,mBAAgB;MAChB,aAAU;MACV,eAAY;SAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;sBAIrC,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownCheckboxItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownCheckboxItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuCheckboxItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Controlled checked state. */\n  modelValue?: boolean\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  modelValue: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n  'update:modelValue': [value: boolean]\n}>()\n\nconst isSelected = defineModel<boolean>('isSelected', { default: false })\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuCheckboxItem\n    :model-value=\"props.modelValue ?? isSelected\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @update:model-value=\"isSelected = $event; emit('update:modelValue', $event)\"\n    @select=\"emit('select', $event)\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Checkmark indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"10\"\n        height=\"10\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        stroke-width=\"3\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n        data-slot=\"menu-item-indicator--checkmark\"\n        aria-hidden=\"true\"\n      >\n        <polyline points=\"20 6 9 17 4 12\" />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuCheckboxItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAwBd,MAAM,OAAO;EAKb,MAAM,aAAa,SAAoB,SAAC,aAAgC;EAExE,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YAiC2B,MAAA,yBAAA,EAAA;IAhCxB,eAAa,MAAM,cAAc,WAAA;IACjC,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAA;AAAE,gBAAA,QAAa;AAAQ,UAAI,qBAAsB,OAAM;;IACzE,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBF,CApB5B,YAoB4B,MAAA,0BAAA,EAAA;KAnBzB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,MAAK;MACL,QAAO;MACP,gBAAa;MACb,kBAAe;MACf,mBAAgB;MAChB,aAAU;MACV,eAAY;SAEZ,mBAAoC,YAAA,EAA1B,QAAO,kBAAgB,CAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAAA;;sBAIrC,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuItem\n    :text-value=\"props.textValue\"\n    :disabled=\"props.isDisabled\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </DropdownMenuItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuItem\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </DropdownMenuItem>\n</template>\n"],"mappings":""}

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

@@ -24,7 +24,16 @@ var DropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		variant: { default: "default" },
 		shortcut: { default: void 0 },
 		description: { default: void 0 },
-		class: { default: void 0 }
+		class: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
 	},
 	emits: ["select"],
 	setup(__props, { emit: __emit }) {
@@ -34,7 +43,9 @@ var DropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuItem), {
 				"text-value": props.textValue,
-				disabled: props.isDisabled,
+				disabled: props.disabled ?? props.isDisabled,
+				as: props.as,
+				"as-child": props.asChild,
 				class: normalizeClass([unref(slots).item(), props.class]),
 				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
 			}, {
@@ -48,6 +59,8 @@ var DropdownItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 			}, 8, [
 				"text-value",
 				"disabled",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuItem\n    :text-value=\"props.textValue\"\n    :disabled=\"props.isDisabled\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </DropdownMenuItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAgBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YA6BmB,MAAA,iBAAA,EAAA;IA5BhB,cAAY,MAAM;IAClB,UAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEF;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAE5B,mBAUM,OAVN,YAUM,CATJ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAGF,MAAM,eAAA,WAAA,EADd,mBAKO,QALP,YAKO,gBADF,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;KAKhB,MAAM,YAAA,WAAA,EADd,mBAMM,OANN,YAMM,gBADD,MAAM,SAAQ,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAGnB,WAA0B,KAAA,QAAA,aAAA"}
+{"version":3,"file":"DropdownItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuItem } from 'reka-ui'\nimport { menuItemVariants, type MenuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  textValue?: string\n  isDisabled?: boolean\n  variant?: MenuItemVariants['variant']\n  shortcut?: string\n  description?: string\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  shortcut: undefined,\n  description: undefined,\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuItem\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <slot name=\"startContent\" />\n\n    <div class=\"flex flex-1 flex-col\">\n      <span data-slot=\"label\">\n        <slot />\n      </span>\n      <span\n        v-if=\"props.description\"\n        data-slot=\"description\"\n      >\n        {{ props.description }}\n      </span>\n    </div>\n\n    <kbd\n      v-if=\"props.shortcut\"\n      data-slot=\"shortcut\"\n      class=\"ml-auto text-xs text-muted font-mono\"\n    >\n      {{ props.shortcut }}\n    </kbd>\n\n    <slot name=\"endContent\" />\n  </DropdownMenuItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YA+BmB,MAAA,iBAAA,EAAA;IA9BhB,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAEF;KAA5B,WAA4B,KAAA,QAAA,eAAA;KAE5B,mBAUM,OAVN,YAUM,CATJ,mBAEO,QAFP,YAEO,CADL,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA,EAGF,MAAM,eAAA,WAAA,EADd,mBAKO,QALP,YAKO,gBADF,MAAM,YAAW,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA,CAAA,CAAA;KAKhB,MAAM,YAAA,WAAA,EADd,mBAMM,OANN,YAMM,gBADD,MAAM,SAAQ,EAAA,EAAA,IAAA,mBAAA,IAAA,KAAA;KAGnB,WAA0B,KAAA,QAAA,aAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/dropdown/DropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DropdownMenuPortal,\n  DropdownMenuContent,\n} from 'reka-ui'\nimport { dropdownVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  ariaLabel?: string\n  sideOffset?: number\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  class?: string\n}>(), {\n  ariaLabel: undefined,\n  sideOffset: 8,\n  side: 'bottom',\n  align: 'start',\n  alignOffset: 0,\n  class: undefined,\n})\n\nconst slots = dropdownVariants()\n</script>\n\n<template>\n  <DropdownMenuPortal>\n    <DropdownMenuContent\n      :side=\"props.side\"\n      :align=\"props.align\"\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :aria-label=\"props.ariaLabel\"\n      :class=\"[dropdownVariants, props.class]\"\n    >\n      <div :class=\"slots.menu()\">\n        <slot />\n      </div>\n    </DropdownMenuContent>\n  </DropdownMenuPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/dropdown/DropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DropdownMenuPortal,\n  DropdownMenuContent,\n} from 'reka-ui'\nimport { dropdownVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  ariaLabel?: string\n  sideOffset?: number\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  class?: string\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n  /** Force content to stay mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Flip to opposite side when there is not enough space. */\n  sideFlip?: boolean\n  /** Flip alignment when there is not enough space. */\n  alignFlip?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Padding between content and arrow. */\n  arrowPadding?: number\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from trigger. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** When to recalculate position. */\n  updatePositionStrategy?: 'always' | 'optimized'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  ariaLabel: undefined,\n  sideOffset: 8,\n  side: 'bottom',\n  align: 'start',\n  alignOffset: 0,\n  class: undefined,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  sideFlip: undefined,\n  alignFlip: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  arrowPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  updatePositionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = dropdownVariants()\n</script>\n\n<template>\n  <DropdownMenuPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <DropdownMenuContent\n      :side=\"props.side\"\n      :align=\"props.align\"\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :aria-label=\"props.ariaLabel\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[dropdownVariants, props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $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      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"slots.menu()\">\n        <slot />\n      </div>\n    </DropdownMenuContent>\n  </DropdownMenuPortal>\n</template>\n"],"mappings":""}

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

@@ -10,20 +10,113 @@ var DropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 		side: { default: "bottom" },
 		align: { default: "start" },
 		alignOffset: { default: 0 },
-		class: { default: void 0 }
+		class: { default: void 0 },
+		to: { default: void 0 },
+		portalDisabled: {
+			type: Boolean,
+			default: void 0
+		},
+		defer: {
+			type: Boolean,
+			default: void 0
+		},
+		forceMount: {
+			type: Boolean,
+			default: void 0
+		},
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		sideFlip: {
+			type: Boolean,
+			default: void 0
+		},
+		alignFlip: {
+			type: Boolean,
+			default: void 0
+		},
+		avoidCollisions: {
+			type: Boolean,
+			default: void 0
+		},
+		collisionBoundary: { default: void 0 },
+		collisionPadding: { default: void 0 },
+		arrowPadding: { default: void 0 },
+		hideShiftedArrow: {
+			type: Boolean,
+			default: void 0
+		},
+		sticky: { default: void 0 },
+		hideWhenDetached: {
+			type: Boolean,
+			default: void 0
+		},
+		positionStrategy: { default: void 0 },
+		updatePositionStrategy: { default: void 0 },
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			default: void 0
+		},
+		prioritizePosition: {
+			type: Boolean,
+			default: void 0
+		},
+		reference: { default: void 0 },
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
 	},
-	setup(__props) {
+	emits: [
+		"escape-key-down",
+		"pointer-down-outside",
+		"focus-outside",
+		"interact-outside",
+		"close-auto-focus"
+	],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const slots = dropdownVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuPortal), null, {
+			return openBlock(), createBlock(unref(DropdownMenuPortal), {
+				to: props.to,
+				disabled: props.portalDisabled,
+				defer: props.defer,
+				"force-mount": props.forceMount
+			}, {
 				default: withCtx(() => [createVNode(unref(DropdownMenuContent), {
 					side: props.side,
 					align: props.align,
 					"side-offset": props.sideOffset,
 					"align-offset": props.alignOffset,
 					"aria-label": props.ariaLabel,
-					class: normalizeClass([unref(dropdownVariants), props.class])
+					"force-mount": props.forceMount,
+					loop: props.loop,
+					"side-flip": props.sideFlip,
+					"align-flip": props.alignFlip,
+					"avoid-collisions": props.avoidCollisions,
+					"collision-boundary": props.collisionBoundary,
+					"collision-padding": props.collisionPadding,
+					"arrow-padding": props.arrowPadding,
+					"hide-shifted-arrow": props.hideShiftedArrow,
+					sticky: props.sticky,
+					"hide-when-detached": props.hideWhenDetached,
+					"position-strategy": props.positionStrategy,
+					"update-position-strategy": props.updatePositionStrategy,
+					"disable-update-on-layout-shift": props.disableUpdateOnLayoutShift,
+					"prioritize-position": props.prioritizePosition,
+					reference: props.reference,
+					as: props.as,
+					"as-child": props.asChild,
+					class: normalizeClass([unref(dropdownVariants), props.class]),
+					onEscapeKeyDown: _cache[0] || (_cache[0] = ($event) => emit("escape-key-down", $event)),
+					onPointerDownOutside: _cache[1] || (_cache[1] = ($event) => emit("pointer-down-outside", $event)),
+					onFocusOutside: _cache[2] || (_cache[2] = ($event) => emit("focus-outside", $event)),
+					onInteractOutside: _cache[3] || (_cache[3] = ($event) => emit("interact-outside", $event)),
+					onCloseAutoFocus: _cache[4] || (_cache[4] = ($event) => emit("close-auto-focus", $event))
 				}, {
 					default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(slots).menu()) }, [renderSlot(_ctx.$slots, "default")], 2)]),
 					_: 3
@@ -33,10 +126,33 @@ var DropdownMenu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ d
 					"side-offset",
 					"align-offset",
 					"aria-label",
+					"force-mount",
+					"loop",
+					"side-flip",
+					"align-flip",
+					"avoid-collisions",
+					"collision-boundary",
+					"collision-padding",
+					"arrow-padding",
+					"hide-shifted-arrow",
+					"sticky",
+					"hide-when-detached",
+					"position-strategy",
+					"update-position-strategy",
+					"disable-update-on-layout-shift",
+					"prioritize-position",
+					"reference",
+					"as",
+					"as-child",
 					"class"
 				])]),
 				_: 3
-			});
+			}, 8, [
+				"to",
+				"disabled",
+				"defer",
+				"force-mount"
+			]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DropdownMenuPortal,\n  DropdownMenuContent,\n} from 'reka-ui'\nimport { dropdownVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  ariaLabel?: string\n  sideOffset?: number\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  class?: string\n}>(), {\n  ariaLabel: undefined,\n  sideOffset: 8,\n  side: 'bottom',\n  align: 'start',\n  alignOffset: 0,\n  class: undefined,\n})\n\nconst slots = dropdownVariants()\n</script>\n\n<template>\n  <DropdownMenuPortal>\n    <DropdownMenuContent\n      :side=\"props.side\"\n      :align=\"props.align\"\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :aria-label=\"props.ariaLabel\"\n      :class=\"[dropdownVariants, props.class]\"\n    >\n      <div :class=\"slots.menu()\">\n        <slot />\n      </div>\n    </DropdownMenuContent>\n  </DropdownMenuPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EAgBd,MAAM,QAAQ,kBAAiB;;uBAI7B,YAaqB,MAAA,mBAAA,EAAA,MAAA;2BADG,CAXtB,YAWsB,MAAA,oBAAA,EAAA;KAVnB,MAAM,MAAM;KACZ,OAAO,MAAM;KACb,eAAa,MAAM;KACnB,gBAAc,MAAM;KACpB,cAAY,MAAM;KAClB,OAAK,eAAA,CAAG,MAAA,iBAAgB,EAAE,MAAM,MAAK,CAAA;;4BAIhC,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,MAAK,CAAC,MAAI,CAAA,EAAA,EAAA,CACrB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownMenu.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DropdownMenuPortal,\n  DropdownMenuContent,\n} from 'reka-ui'\nimport { dropdownVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  ariaLabel?: string\n  sideOffset?: number\n  side?: 'top' | 'right' | 'bottom' | 'left'\n  align?: 'start' | 'center' | 'end'\n  alignOffset?: number\n  class?: string\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n  /** Force content to stay mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Flip to opposite side when there is not enough space. */\n  sideFlip?: boolean\n  /** Flip alignment when there is not enough space. */\n  alignFlip?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Padding between content and arrow. */\n  arrowPadding?: number\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from trigger. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** When to recalculate position. */\n  updatePositionStrategy?: 'always' | 'optimized'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  ariaLabel: undefined,\n  sideOffset: 8,\n  side: 'bottom',\n  align: 'start',\n  alignOffset: 0,\n  class: undefined,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  sideFlip: undefined,\n  alignFlip: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  arrowPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  updatePositionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = dropdownVariants()\n</script>\n\n<template>\n  <DropdownMenuPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <DropdownMenuContent\n      :side=\"props.side\"\n      :align=\"props.align\"\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :aria-label=\"props.ariaLabel\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[dropdownVariants, props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $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      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"slots.menu()\">\n        <slot />\n      </div>\n    </DropdownMenuContent>\n  </DropdownMenuPortal>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOA,MAAM,QAAQ;EA+Ed,MAAM,OAAO;EAQb,MAAM,QAAQ,kBAAiB;;uBAI7B,YAyCqB,MAAA,mBAAA,EAAA;IAxClB,IAAI,MAAM;IACV,UAAU,MAAM;IAChB,OAAO,MAAM;IACb,eAAa,MAAM;;2BAoCE,CAlCtB,YAkCsB,MAAA,oBAAA,EAAA;KAjCnB,MAAM,MAAM;KACZ,OAAO,MAAM;KACb,eAAa,MAAM;KACnB,gBAAc,MAAM;KACpB,cAAY,MAAM;KAClB,eAAa,MAAM;KACnB,MAAM,MAAM;KACZ,aAAW,MAAM;KACjB,cAAY,MAAM;KAClB,oBAAkB,MAAM;KACxB,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,iBAAe,MAAM;KACrB,sBAAoB,MAAM;KAC1B,QAAQ,MAAM;KACd,sBAAoB,MAAM;KAC1B,qBAAmB,MAAM;KACzB,4BAA0B,MAAM;KAChC,kCAAgC,MAAM;KACtC,uBAAqB,MAAM;KAC3B,WAAY,MAAM;KAClB,IAAI,MAAM;KACV,YAAU,MAAM;KAChB,OAAK,eAAA,CAAG,MAAA,iBAAgB,EAAE,MAAM,MAAK,CAAA;KACrC,iBAAe,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,mBAAoB,OAAM;KAC/C,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;KACjD,kBAAgB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,oBAAqB,OAAM;;4BAI5C,CAFN,mBAEM,OAAA,EAFA,OAAK,eAAE,MAAA,MAAK,CAAC,MAAI,CAAA,EAAA,EAAA,CACrB,WAAQ,KAAA,QAAA,UAAA,CAAA,EAAA,EAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownRadioGroup.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioGroup } from 'reka-ui'\nimport type { AcceptableValue } from 'reka-ui'\n\nconst modelValue = defineModel<AcceptableValue>({ default: '' })\n</script>\n\n<template>\n  <DropdownMenuRadioGroup\n    :model-value=\"modelValue\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <slot />\n  </DropdownMenuRadioGroup>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownRadioGroup.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioGroup } from 'reka-ui'\nimport type { AcceptableValue } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  as: undefined,\n  asChild: false,\n})\n\nconst modelValue = defineModel<AcceptableValue>({ default: '' })\n</script>\n\n<template>\n  <DropdownMenuRadioGroup\n    :model-value=\"modelValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <slot />\n  </DropdownMenuRadioGroup>\n</template>\n"],"mappings":""}

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

@@ -1,23 +1,36 @@
-import { createBlock, defineComponent, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import { createBlock, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
 import { DropdownMenuRadioGroup } from "reka-ui";
 //#region src/components/dropdown/DropdownRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var DropdownRadioGroup_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "DropdownRadioGroup",
-	props: {
+	props: /* @__PURE__ */ mergeModels({
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
+	}, {
 		"modelValue": { default: "" },
 		"modelModifiers": {}
-	},
+	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
+		const props = __props;
 		const modelValue = useModel(__props, "modelValue");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuRadioGroup), {
 				"model-value": modelValue.value,
+				as: props.as,
+				"as-child": props.asChild,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
-			}, 8, ["model-value"]);
+			}, 8, [
+				"model-value",
+				"as",
+				"as-child"
+			]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownRadioGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioGroup } from 'reka-ui'\nimport type { AcceptableValue } from 'reka-ui'\n\nconst modelValue = defineModel<AcceptableValue>({ default: '' })\n</script>\n\n<template>\n  <DropdownMenuRadioGroup\n    :model-value=\"modelValue\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <slot />\n  </DropdownMenuRadioGroup>\n</template>\n"],"mappings":";;;;;;;;;;;EAIA,MAAM,aAAa,SAA4B,SAAA,aAAgB;;uBAI7D,YAKyB,MAAA,uBAAA,EAAA;IAJtB,eAAa,WAAA;IACb,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,WAAA,QAAa;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownRadioGroup.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioGroup } from 'reka-ui'\nimport type { AcceptableValue } from 'reka-ui'\n\nconst props = withDefaults(defineProps<{\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  as: undefined,\n  asChild: false,\n})\n\nconst modelValue = defineModel<AcceptableValue>({ default: '' })\n</script>\n\n<template>\n  <DropdownMenuRadioGroup\n    :model-value=\"modelValue\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    @update:model-value=\"modelValue = $event\"\n  >\n    <slot />\n  </DropdownMenuRadioGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAUd,MAAM,aAAa,SAA4B,SAAA,aAAgB;;uBAI7D,YAOyB,MAAA,uBAAA,EAAA;IANtB,eAAa,WAAA;IACb,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,WAAA,QAAa;;2BAE1B,CAAR,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownRadioItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n})\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.isDisabled\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuRadioItem>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownRadioItem.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuRadioItem>\n</template>\n"],"mappings":""}

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

@@ -12,23 +12,37 @@ var DropdownRadioItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			default: false
 		},
 		variant: { default: "default" },
-		class: { default: void 0 }
+		class: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
 	},
-	setup(__props) {
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const slots = menuItemVariants({ variant: props.variant });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(DropdownMenuRadioItem), {
 				value: props.value,
 				"text-value": props.textValue,
-				disabled: props.isDisabled,
-				class: normalizeClass([unref(slots).item(), props.class])
+				disabled: props.disabled ?? props.isDisabled,
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass([unref(slots).item(), props.class]),
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
 			}, {
 				default: withCtx(() => [createVNode(unref(DropdownMenuItemIndicator), {
 					class: normalizeClass(unref(slots).indicator()),
 					"force-mount": ""
 				}, {
-					default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("svg", {
+					default: withCtx(() => [..._cache[1] || (_cache[1] = [createElementVNode("svg", {
 						xmlns: "http://www.w3.org/2000/svg",
 						width: "8",
 						height: "8",
@@ -48,6 +62,8 @@ var DropdownRadioItem_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				"value",
 				"text-value",
 				"disabled",
+				"as",
+				"as-child",
 				"class"
 			]);
 		};

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownRadioItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n})\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.isDisabled\"\n    :class=\"[slots.item(), props.class]\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuRadioItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAad,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YA6BwB,MAAA,sBAAA,EAAA;IA5BrB,OAAO,MAAM;IACb,cAAY,MAAM;IAClB,UAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAsBN,CApB5B,YAoB4B,MAAA,0BAAA,EAAA;KAnBzB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,eAAY;MACZ,aAAU;SAEV,mBAKE,UAAA;MAJA,IAAG;MACH,IAAG;MACH,GAAE;MACF,MAAK;;;sBAKX,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}
+{"version":3,"file":"DropdownRadioItem.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownRadioItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuRadioItem, DropdownMenuItemIndicator } from 'reka-ui'\nimport { menuItemVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  value: string\n  textValue?: string\n  isDisabled?: boolean\n  variant?: 'default' | 'danger'\n  class?: string\n  /** Whether this item is disabled. */\n  disabled?: boolean\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  textValue: undefined,\n  isDisabled: false,\n  variant: 'default',\n  class: undefined,\n  disabled: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst emit = defineEmits<{\n  select: [event: Event]\n}>()\n\nconst slots = menuItemVariants({ variant: props.variant })\n</script>\n\n<template>\n  <DropdownMenuRadioItem\n    :value=\"props.value\"\n    :text-value=\"props.textValue\"\n    :disabled=\"props.disabled ?? props.isDisabled\"\n    :as=\"props.as\"\n    :as-child=\"props.asChild\"\n    :class=\"[slots.item(), props.class]\"\n    @select=\"emit('select', $event)\"\n  >\n    <DropdownMenuItemIndicator\n      :class=\"slots.indicator()\"\n      force-mount\n    >\n      <!-- Radio dot indicator -->\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width=\"8\"\n        height=\"8\"\n        viewBox=\"0 0 8 8\"\n        aria-hidden=\"true\"\n        data-slot=\"menu-item-indicator--dot\"\n      >\n        <circle\n          cx=\"4\"\n          cy=\"4\"\n          r=\"4\"\n          fill=\"currentColor\"\n        />\n      </svg>\n    </DropdownMenuItemIndicator>\n\n    <slot />\n  </DropdownMenuRadioItem>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAsBd,MAAM,OAAO;EAIb,MAAM,QAAQ,iBAAiB,EAAE,SAAS,MAAM,SAAS,CAAA;;uBAIvD,YAgCwB,MAAA,sBAAA,EAAA;IA/BrB,OAAO,MAAM;IACb,cAAY,MAAM;IAClB,UAAU,MAAM,YAAY,MAAM;IAClC,IAAI,MAAM;IACV,YAAU,MAAM;IAChB,OAAK,eAAA,CAAG,MAAA,MAAK,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;IACjC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,OAAM;;2BAsBF,CApB5B,YAoB4B,MAAA,0BAAA,EAAA;KAnBzB,OAAK,eAAE,MAAA,MAAK,CAAC,WAAS,CAAA;KACvB,eAAA;;4BAiBM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAdN,mBAcM,OAAA;MAbJ,OAAM;MACN,OAAM;MACN,QAAO;MACP,SAAQ;MACR,eAAY;MACZ,aAAU;SAEV,mBAKE,UAAA;MAJA,IAAG;MACH,IAAG;MACH,GAAE;MACF,MAAK;;;sBAKX,WAAQ,KAAA,QAAA,UAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownSection.js","names":[],"sources":["../../../src/components/dropdown/DropdownSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n  <DropdownMenuGroup :class=\"[sectionClass.base(), props.class]\">\n    <DropdownMenuLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n      class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n    >\n      {{ props.title }}\n    </DropdownMenuLabel>\n    <slot />\n    <DropdownMenuSeparator\n      v-if=\"props.showDivider\"\n      :class=\"sectionClass.separator()\"\n    />\n  </DropdownMenuGroup>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownSection.js","names":[],"sources":["../../../src/components/dropdown/DropdownSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n  /** Render as a different element or component (applied to the group wrapper). */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n  <DropdownMenuGroup :as=\"props.as\" :as-child=\"props.asChild\" :class=\"[sectionClass.base(), props.class]\">\n    <DropdownMenuLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n      class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n    >\n      {{ props.title }}\n    </DropdownMenuLabel>\n    <slot />\n    <DropdownMenuSeparator\n      v-if=\"props.showDivider\"\n      :class=\"sectionClass.separator()\"\n    />\n  </DropdownMenuGroup>\n</template>\n"],"mappings":""}

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

@@ -10,13 +10,22 @@ var DropdownSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			type: Boolean,
 			default: false
 		},
-		class: { default: void 0 }
+		class: { default: void 0 },
+		as: { default: void 0 },
+		asChild: {
+			type: Boolean,
+			default: false
+		}
 	},
 	setup(__props) {
 		const props = __props;
 		const sectionClass = menuSectionVariants();
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(DropdownMenuGroup), { class: normalizeClass([unref(sectionClass).base(), props.class]) }, {
+			return openBlock(), createBlock(unref(DropdownMenuGroup), {
+				as: props.as,
+				"as-child": props.asChild,
+				class: normalizeClass([unref(sectionClass).base(), props.class])
+			}, {
 				default: withCtx(() => [
 					props.title ? (openBlock(), createBlock(unref(DropdownMenuLabel), {
 						key: 0,
@@ -32,7 +41,11 @@ var DropdownSection_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					}, null, 8, ["class"])) : createCommentVNode("", true)
 				]),
 				_: 3
-			}, 8, ["class"]);
+			}, 8, [
+				"as",
+				"as-child",
+				"class"
+			]);
 		};
 	}
 });

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownSection.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n  <DropdownMenuGroup :class=\"[sectionClass.base(), props.class]\">\n    <DropdownMenuLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n      class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n    >\n      {{ props.title }}\n    </DropdownMenuLabel>\n    <slot />\n    <DropdownMenuSeparator\n      v-if=\"props.showDivider\"\n      :class=\"sectionClass.separator()\"\n    />\n  </DropdownMenuGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAUd,MAAM,eAAe,qBAAoB;;uBAIvC,YAaoB,MAAA,kBAAA,EAAA,EAbA,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA,EAAA,EAAA;2BAOtC;KALZ,MAAM,SAAA,WAAA,EADd,YAMoB,MAAA,kBAAA,EAAA;;MAJjB,OAAK,eAAA,CAAE,MAAA,aAAY,CAAC,OAAK,EACpB,iFAAgF,CAAA;;6BAErE,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;KAEhB,WAAQ,KAAA,QAAA,UAAA;KAEA,MAAM,eAAA,WAAA,EADd,YAGE,MAAA,sBAAA,EAAA;;MADC,OAAK,eAAE,MAAA,aAAY,CAAC,WAAS,CAAA"}
+{"version":3,"file":"DropdownSection.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/components/dropdown/DropdownSection.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuSeparator } from 'reka-ui'\nimport { menuSectionVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  title?: string\n  showDivider?: boolean\n  class?: string\n  /** Render as a different element or component (applied to the group wrapper). */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n}>(), {\n  title: undefined,\n  showDivider: false,\n  class: undefined,\n  as: undefined,\n  asChild: false,\n})\n\nconst sectionClass = menuSectionVariants()\n</script>\n\n<template>\n  <DropdownMenuGroup :as=\"props.as\" :as-child=\"props.asChild\" :class=\"[sectionClass.base(), props.class]\">\n    <DropdownMenuLabel\n      v-if=\"props.title\"\n      :class=\"sectionClass.label()\"\n      class=\"px-2 py-1 text-[10px] font-semibold tracking-widest text-default-200 uppercase\"\n    >\n      {{ props.title }}\n    </DropdownMenuLabel>\n    <slot />\n    <DropdownMenuSeparator\n      v-if=\"props.showDivider\"\n      :class=\"sectionClass.separator()\"\n    />\n  </DropdownMenuGroup>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EAgBd,MAAM,eAAe,qBAAoB;;uBAIvC,YAaoB,MAAA,kBAAA,EAAA;IAbA,IAAI,MAAM;IAAK,YAAU,MAAM;IAAU,OAAK,eAAA,CAAG,MAAA,aAAY,CAAC,MAAI,EAAI,MAAM,MAAK,CAAA;;2BAO/E;KALZ,MAAM,SAAA,WAAA,EADd,YAMoB,MAAA,kBAAA,EAAA;;MAJjB,OAAK,eAAA,CAAE,MAAA,aAAY,CAAC,OAAK,EACpB,iFAAgF,CAAA;;6BAErE,CAAA,gBAAA,gBAAd,MAAM,MAAK,EAAA,EAAA,CAAA,CAAA;;;KAEhB,WAAQ,KAAA,QAAA,UAAA;KAEA,MAAM,eAAA,WAAA,EADd,YAGE,MAAA,sBAAA,EAAA;;MADC,OAAK,eAAE,MAAA,aAAY,CAAC,WAAS,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownSubContent.js","names":[],"sources":["../../../src/components/dropdown/DropdownSubContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuSubContent, DropdownMenuPortal } from 'reka-ui'\nimport { dropdownVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  alignOffset?: number\n  class?: string\n}>(), {\n  sideOffset: 4,\n  alignOffset: -5,\n  class: undefined,\n})\n\nconst slots = dropdownVariants()\n</script>\n\n<template>\n  <DropdownMenuPortal>\n    <DropdownMenuSubContent\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :class=\"[slots.popover(), props.class]\"\n    >\n      <div :class=\"slots.menu()\">\n        <slot />\n      </div>\n    </DropdownMenuSubContent>\n  </DropdownMenuPortal>\n</template>\n"],"mappings":""}
+{"version":3,"file":"DropdownSubContent.js","names":[],"sources":["../../../src/components/dropdown/DropdownSubContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DropdownMenuSubContent, DropdownMenuPortal } from 'reka-ui'\nimport { dropdownVariants } from '@auronui/styles'\n\nconst props = withDefaults(defineProps<{\n  sideOffset?: number\n  alignOffset?: number\n  class?: string\n  /** Keep sub-content mounted even when closed. */\n  forceMount?: boolean\n  /** Keep keyboard focus loop within the content. */\n  loop?: boolean\n  /** Flip to opposite side when there is not enough space. */\n  sideFlip?: boolean\n  /** Flip alignment when there is not enough space. */\n  alignFlip?: boolean\n  /** Avoid collisions with the viewport edges. */\n  avoidCollisions?: boolean\n  /** Boundary element(s) for collision detection. */\n  collisionBoundary?: Element | null | Array<Element | null>\n  /** Padding around collision boundary. */\n  collisionPadding?: number | Partial<Record<'top' | 'right' | 'bottom' | 'left', number>>\n  /** Padding between content and arrow. */\n  arrowPadding?: number\n  /** Hide the arrow when the content is shifted. */\n  hideShiftedArrow?: boolean\n  /** Sticky behavior when scrolling. */\n  sticky?: 'partial' | 'always'\n  /** Hide content when fully detached from trigger. */\n  hideWhenDetached?: boolean\n  /** CSS position strategy for the floating element. */\n  positionStrategy?: 'fixed' | 'absolute'\n  /** When to recalculate position. */\n  updatePositionStrategy?: 'always' | 'optimized'\n  /** Disable position update on layout shift. */\n  disableUpdateOnLayoutShift?: boolean\n  /** Prioritize keeping the content in view over alignment. */\n  prioritizePosition?: boolean\n  /** Virtual or DOM reference element to position against. */\n  reference?: object | null\n  /** Render as a different element or component. */\n  as?: string\n  /** Merge props onto child element instead of rendering a wrapper. */\n  asChild?: boolean\n  /** Portal target element or selector. */\n  to?: string | HTMLElement\n  /** Disable the portal. */\n  portalDisabled?: boolean\n  /** Defer portal rendering. */\n  defer?: boolean\n}>(), {\n  sideOffset: 4,\n  alignOffset: -5,\n  class: undefined,\n  forceMount: undefined,\n  loop: undefined,\n  sideFlip: undefined,\n  alignFlip: undefined,\n  avoidCollisions: undefined,\n  collisionBoundary: undefined,\n  collisionPadding: undefined,\n  arrowPadding: undefined,\n  hideShiftedArrow: undefined,\n  sticky: undefined,\n  hideWhenDetached: undefined,\n  positionStrategy: undefined,\n  updatePositionStrategy: undefined,\n  disableUpdateOnLayoutShift: undefined,\n  prioritizePosition: undefined,\n  reference: undefined,\n  as: undefined,\n  asChild: false,\n  to: undefined,\n  portalDisabled: undefined,\n  defer: undefined,\n})\n\nconst emit = defineEmits<{\n  'escape-key-down': [event: KeyboardEvent]\n  'pointer-down-outside': [event: Event]\n  'focus-outside': [event: Event]\n  'interact-outside': [event: Event]\n  'entry-focus': [event: Event]\n  'open-auto-focus': [event: Event]\n  'close-auto-focus': [event: Event]\n}>()\n\nconst slots = dropdownVariants()\n</script>\n\n<template>\n  <DropdownMenuPortal\n    :to=\"props.to\"\n    :disabled=\"props.portalDisabled\"\n    :defer=\"props.defer\"\n    :force-mount=\"props.forceMount\"\n  >\n    <DropdownMenuSubContent\n      :side-offset=\"props.sideOffset\"\n      :align-offset=\"props.alignOffset\"\n      :force-mount=\"props.forceMount\"\n      :loop=\"props.loop\"\n      :side-flip=\"props.sideFlip\"\n      :align-flip=\"props.alignFlip\"\n      :avoid-collisions=\"props.avoidCollisions\"\n      :collision-boundary=\"props.collisionBoundary\"\n      :collision-padding=\"props.collisionPadding\"\n      :arrow-padding=\"props.arrowPadding\"\n      :hide-shifted-arrow=\"props.hideShiftedArrow\"\n      :sticky=\"props.sticky\"\n      :hide-when-detached=\"props.hideWhenDetached\"\n      :position-strategy=\"props.positionStrategy\"\n      :update-position-strategy=\"props.updatePositionStrategy\"\n      :disable-update-on-layout-shift=\"props.disableUpdateOnLayoutShift\"\n      :prioritize-position=\"props.prioritizePosition\"\n      :reference=\"(props.reference as any)\"\n      :as=\"props.as\"\n      :as-child=\"props.asChild\"\n      :class=\"[slots.popover(), props.class]\"\n      @escape-key-down=\"emit('escape-key-down', $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      @entry-focus=\"emit('entry-focus', $event)\"\n      @open-auto-focus=\"emit('open-auto-focus', $event)\"\n      @close-auto-focus=\"emit('close-auto-focus', $event)\"\n    >\n      <div :class=\"slots.menu()\">\n        <slot />\n      </div>\n    </DropdownMenuSubContent>\n  </DropdownMenuPortal>\n</template>\n"],"mappings":""}