@una-ui/nuxt 0.56.5 → 0.57.0

package/dist/runtime/components/drawer/DrawerOverlay.vue

@@ -1,18 +1,15 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { DrawerOverlay } from "vaul-vue";
-import { computed } from "vue";
 import { cn } from "../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
   class: { type: null, required: false },
   forceMount: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
-});
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
+  as: { type: [String, Object, Function], required: false }
 });
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

package/dist/runtime/components/drawer/DrawerTitle.vue

@@ -1,17 +1,14 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { DrawerTitle } from "vaul-vue";
-import { computed } from "vue";
 import { cn } from "../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

package/dist/runtime/components/drawer/DrawerTrigger.vue

@@ -2,7 +2,7 @@
 import { DrawerTrigger } from "vaul-vue";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 </script>
 

package/dist/runtime/components/elements/Accordion.vue.d.ts

@@ -1,12 +1,12 @@
-import type { NAccordionItemProps, NAccordionProps } from '../../types/index.js';
+import type { NAccordionProps } from '../../types/index.js';
 declare var __VLS_6: any, __VLS_7: {
     item: any;
     index: any;
     open: any;
     close: any;
 }, __VLS_21: {
-    item: NAccordionItemProps;
-    index: number;
+    item: any;
+    index: any;
     open: any;
     close: any;
 };

package/dist/runtime/components/elements/Alert.vue.d.ts

@@ -6,11 +6,7 @@ type __VLS_Slots = {
     icon?: any;
     closeIcon?: any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<NAlertProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {
+declare const __VLS_component: import("vue").DefineComponent<NAlertProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     icon: string | boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/AvatarGroup.vue

@@ -17,10 +17,11 @@ const props = defineProps({
   rounded: { type: null, required: false },
   avatar: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: "div" },
+  as: { type: [String, Object, Function], required: false, default: "div" },
   icon: { type: Boolean, required: false },
   delayMs: { type: Number, required: false },
-  referrerPolicy: { type: null, required: false }
+  referrerPolicy: { type: null, required: false },
+  crossOrigin: { type: null, required: false }
 });
 const slots = defineSlots();
 const max = computed(() => typeof props.max === "string" ? Number.parseInt(props.max, 10) : props.max);

package/dist/runtime/components/elements/Badge.vue.d.ts

@@ -3,11 +3,7 @@ declare var __VLS_4: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_4) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<NBadgeProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {
+declare const __VLS_component: import("vue").DefineComponent<NBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     una: {
         badgeDefaultVariant?: string;
         badge?: string;

package/dist/runtime/components/elements/Button.vue.d.ts

@@ -10,6 +10,9 @@ type __VLS_Slots = {} & {
     trailing?: (props: typeof __VLS_37) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NButtonProps> & Readonly<{}>, {
+    type: "button" | "submit" | "reset";
+    loadingPlacement: "leading" | "trailing" | "label";
+    size: string;
     una: {
         btnDefaultVariant?: string;
         btn?: string;
@@ -21,9 +24,6 @@ declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {
         btnLoadingIcon?: string;
     };
     rounded: import("vue").HTMLAttributes["class"];
-    size: string;
-    type: "button" | "submit" | "reset";
-    loadingPlacement: "leading" | "trailing" | "label";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/elements/Label.vue

@@ -7,7 +7,7 @@ const props = defineProps({
   class: { type: null, required: false },
   for: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const rootProps = reactiveOmit(props, ["label", "class"]);
 </script>

package/dist/runtime/components/elements/Progress.vue

@@ -1,9 +1,9 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   ProgressIndicator,
   ProgressRoot
 } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 const props = defineProps({
   progress: { type: null, required: false, default: "primary" },
@@ -13,14 +13,12 @@ const props = defineProps({
   modelValue: { type: [Number, null], required: false },
   max: { type: Number, required: false },
   getValueLabel: { type: Function, required: false },
+  getValueText: { type: Function, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

package/dist/runtime/components/elements/Progress.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NProgressProps } from '../../types/index.js';
 declare var __VLS_6: {
-    modelValue: number | null | undefined;
+    modelValue: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/elements/Separator.vue

@@ -1,7 +1,7 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { Separator } from "reka-ui";
-import { computed } from "vue";
-import { cn, omitProps } from "../../utils";
+import { cn } from "../../utils";
 const props = defineProps({
   separator: { type: null, required: false },
   separatorPosition: { type: null, required: false },
@@ -10,19 +10,16 @@ const props = defineProps({
   orientation: { type: String, required: false, default: "horizontal" },
   decorative: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false },
   label: { type: String, required: false }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = omitProps(props, ["una"]);
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["una", "separatorPosition"]);
 </script>
 
 <template>
   <Separator
-    v-bind="omitProps(delegatedProps, ['una', 'separatorPosition'])"
+    v-bind="delegatedProps"
     :class="
   cn(
     'separator',

package/dist/runtime/components/elements/Toggle.vue

@@ -1,6 +1,6 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { Toggle, useForwardPropsEmits } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 import Button from "./Button.vue";
 const props = defineProps({
@@ -10,7 +10,7 @@ const props = defineProps({
   modelValue: { type: [Boolean, null], required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   name: { type: String, required: false },
   required: { type: Boolean, required: false },
   type: { type: String, required: false },
@@ -41,10 +41,7 @@ const props = defineProps({
   ariaLabel: { type: String, required: false }
 });
 const emits = defineEmits(["update:modelValue"]);
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 

package/dist/runtime/components/elements/Toggle.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NToggleProps } from '../../types/index.js';
-declare var __VLS_7: string | number, __VLS_8: any;
+declare var __VLS_7: any, __VLS_8: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
 };

package/dist/runtime/components/elements/avatar/Avatar.vue

@@ -17,13 +17,14 @@ const props = defineProps({
   rounded: { type: null, required: false, default: "full" },
   avatar: { type: null, required: false, default: "soft" },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: "span" },
+  as: { type: [String, Object, Function], required: false, default: "span" },
   label: { type: String, required: false },
   icon: { type: Boolean, required: false },
   delayMs: { type: Number, required: false },
   src: { type: String, required: false },
   alt: { type: String, required: false },
-  referrerPolicy: { type: null, required: false }
+  referrerPolicy: { type: null, required: false },
+  crossOrigin: { type: null, required: false }
 });
 </script>
 

package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_Slots = {} & {
     fallback?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
-    rounded: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];
+    rounded: import("vue").HTMLAttributes["class"];
+    as: import("reka-ui").AsTag | import("vue").Component;
     avatar: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/avatar/AvatarFallback.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   delayMs: { type: Number, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false },
   size: { type: null, required: false },
   square: { type: null, required: false },

package/dist/runtime/components/elements/avatar/AvatarImage.vue

@@ -6,8 +6,9 @@ const props = defineProps({
   alt: { type: String, required: false },
   una: { type: Object, required: false },
   referrerPolicy: { type: null, required: false },
+  crossOrigin: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false },
   size: { type: null, required: false },
   square: { type: null, required: false },

package/dist/runtime/components/elements/card/Card.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed } from "vue";
+import { reactiveOmit } from "@vueuse/core";
 import { cn } from "../../../utils";
 import CardContent from "./CardContent.vue";
 import CardDescription from "./CardDescription.vue";
@@ -21,10 +21,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   class: { type: null, required: false }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

package/dist/runtime/components/elements/collapsible/Collapsible.vue

@@ -9,7 +9,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   unmountOnHide: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const emits = defineEmits(["update:open"]);
 const forwarded = useForwardPropsEmits(props, emits);

package/dist/runtime/components/elements/collapsible/Collapsible.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NCollapsibleProps } from '../../../types/index.js';
 declare var __VLS_6: {
-    open: boolean;
+    open: any;
 }, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

package/dist/runtime/components/elements/collapsible/CollapsibleContent.vue

@@ -4,7 +4,7 @@ import { cn } from "../../../utils";
 const props = defineProps({
   forceMount: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
 </script>

package/dist/runtime/components/elements/collapsible/CollapsibleTrigger.vue

@@ -2,7 +2,7 @@
 import { CollapsibleTrigger } from "reka-ui";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 </script>
 

package/dist/runtime/components/elements/dialog/Dialog.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NDialogProps } from '../../../types/index.js';
 declare var __VLS_10: {
-    open: boolean;
+    open: any;
 }, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {};
 type __VLS_Slots = {} & {
     trigger?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/elements/dialog/DialogClose.vue

@@ -3,7 +3,7 @@ import { DialogClose } from "reka-ui";
 import Button from "../Button.vue";
 const props = defineProps({
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false, default: true },

package/dist/runtime/components/elements/dialog/DialogClose.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NDialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogCloseProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     btn: string;
     square: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/dialog/DialogContent.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);

package/dist/runtime/components/elements/dialog/DialogDescription.vue

@@ -5,7 +5,7 @@ import { cn } from "../../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
 const delegatedProps = reactiveOmit(props, "class", "una");

package/dist/runtime/components/elements/dialog/DialogScrollContent.vue

@@ -23,7 +23,7 @@ const props = defineProps({
   trapFocus: { type: Boolean, required: false },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);

package/dist/runtime/components/elements/dialog/DialogTitle.vue

@@ -5,7 +5,7 @@ import { cn } from "../../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
 const delegatedProps = reactiveOmit(props, "class", "una");

package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue

@@ -60,7 +60,7 @@ const props = defineProps({
   navigationMenuLink: { type: String, required: false },
   ariaLabel: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   dropdownMenuItem: { type: null, required: false },
   shortcut: { type: String, required: false },
   onSelect: { type: Function, required: false },

package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue.d.ts

@@ -1,10 +1,10 @@
 import type { NDropdownMenuProps } from '../../../types/index.js';
 declare var __VLS_7: {}, __VLS_12: {}, __VLS_17: {}, __VLS_22: {
-    items: NDropdownMenuProps[] | undefined;
+    items: any;
 }, __VLS_27: {
-    items: NDropdownMenuProps[] | undefined;
-}, __VLS_30: `item-${string}`, __VLS_31: {}, __VLS_62: {
-    label: string | undefined;
+    items: any;
+}, __VLS_30: any, __VLS_31: {}, __VLS_62: {
+    label: any;
 };
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_30>]?: (props: typeof __VLS_31) => any;

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuContent.vue

@@ -1,10 +1,10 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   DropdownMenuContent,
   DropdownMenuPortal,
   useForwardPropsEmits
 } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 const props = defineProps({
   onCloseAutoFocus: { type: Function, required: false },
@@ -33,13 +33,10 @@ const props = defineProps({
   prioritizePosition: { type: Boolean, required: false },
   reference: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "closeAutoFocus"]);
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuGroup.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   class: { type: null, required: false },
   size: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 </script>
 

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuItem.vue

@@ -1,6 +1,6 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuItem, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 import Button from "../Button.vue";
 import DropdownMenuShortcut from "./DropdownMenuShortcut.vue";
@@ -17,7 +17,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   textValue: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false },
@@ -47,10 +47,7 @@ const props = defineProps({
   ariaLabel: { type: String, required: false }
 });
 const slots = defineSlots();
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);
 </script>
 

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NDropdownMenuItemProps } from '../../../types/index.js';
 type __VLS_Slots = any;
 declare const __VLS_component: import("vue").DefineComponent<NDropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDropdownMenuItemProps> & Readonly<{}>, {
-    rounded: import("vue").HTMLAttributes["class"];
     size: string;
+    rounded: import("vue").HTMLAttributes["class"];
     dropdownMenuItem: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuLabel.vue

@@ -1,6 +1,6 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { DropdownMenuLabel, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 const props = defineProps({
   inset: { type: Boolean, required: false },
@@ -8,12 +8,9 @@ const props = defineProps({
   una: { type: Object, required: false },
   class: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
-});
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
+  as: { type: [String, Object, Function], required: false }
 });
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);
 </script>
 

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,14 +1,14 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   DropdownMenuSeparator
 } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 import Separator from "../Separator.vue";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   separator: { type: null, required: false },
   separatorPosition: { type: null, required: false },
   size: { type: null, required: false },
@@ -17,10 +17,7 @@ const props = defineProps({
   class: { type: null, required: false },
   label: { type: String, required: false }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,9 +1,9 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   DropdownMenuSubContent,
   useForwardPropsEmits
 } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
@@ -25,13 +25,10 @@ const props = defineProps({
   prioritizePosition: { type: Boolean, required: false },
   reference: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"]);
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>