@una-ui/nuxt 1.0.0-alpha.7 → 1.0.0-alpha.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "1.0.0-alpha.7";
+const version = "1.0.0-alpha.8";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/alert-dialog/AlertDialogAction.vue

@@ -4,7 +4,7 @@ import Button from "../elements/Button.vue";
 const props = defineProps({
   onClick: { type: Function, 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 },

package/dist/runtime/components/alert-dialog/AlertDialogCancel.vue

@@ -5,7 +5,7 @@ import Button from "../elements/Button.vue";
 const props = defineProps({
   onClick: { type: Function, 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 },

package/dist/runtime/components/alert-dialog/AlertDialogContent.vue

@@ -21,7 +21,7 @@ const props = defineProps({
   forceMount: { 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/alert-dialog/AlertDialogDescription.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/alert-dialog/AlertDialogOverlay.vue

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

package/dist/runtime/components/alert-dialog/AlertDialogTitle.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/alert-dialog/AlertDialogTrigger.vue

@@ -2,7 +2,7 @@
 import { AlertDialogTrigger } 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/aspect-ratio/AspectRatio.vue

@@ -7,7 +7,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   ratio: { 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 },
   rounded: { type: null, required: false, default: "md" }
 });

package/dist/runtime/components/combobox/Combobox.vue

@@ -52,7 +52,7 @@ const props = defineProps({
   highlightOnHover: { type: Boolean, required: false },
   by: { type: [String, Function], 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 },
   status: { type: String, required: false },

package/dist/runtime/components/combobox/ComboboxAnchor.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   reference: { 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 }
 });

package/dist/runtime/components/combobox/ComboboxEmpty.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 },
   size: { type: null, required: false, default: "sm" }
 });

package/dist/runtime/components/combobox/ComboboxGroup.vue

@@ -14,7 +14,7 @@ const props = defineProps({
   _comboboxLabel: { type: Object, required: false },
   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 },
   size: { type: null, required: false }
 });

package/dist/runtime/components/combobox/ComboboxInput.vue

@@ -12,7 +12,7 @@ const props = defineProps({
   autoFocus: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   type: { type: null, required: false },
   status: { type: String, required: false },
   loading: { type: Boolean, required: false },

package/dist/runtime/components/combobox/ComboboxItem.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   value: { type: null, required: true },
   disabled: { 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 },
   size: { type: null, required: false, default: "sm" }
 });

package/dist/runtime/components/combobox/ComboboxItemIndicator.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   icon: { type: null, required: false, default: "combobox-item-indicator-icon-name" },
   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 },
   size: { type: null, required: false }
 });

package/dist/runtime/components/combobox/ComboboxLabel.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   for: { type: String, 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 }
 });

package/dist/runtime/components/combobox/ComboboxList.vue

@@ -27,7 +27,7 @@ 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 },
   disableOutsidePointerEvents: { type: Boolean, required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }
@@ -47,6 +47,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="forwarded"
       :class="cn(
   'origin-(--reka-combobox-content-transform-origin)',
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
   'combobox-list',
   props.una?.comboboxList,
   props.class

package/dist/runtime/components/combobox/ComboboxSeparator.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 },
   size: { type: null, required: false }
 });

package/dist/runtime/components/combobox/ComboboxTrigger.vue

@@ -11,7 +11,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   disabled: { type: Boolean, 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 },

package/dist/runtime/components/combobox/ComboboxViewport.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   nonce: { type: String, 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 }
 });

package/dist/runtime/components/data/table/TableBody.vue

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

package/dist/runtime/components/data/table/TableCaption.vue

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

package/dist/runtime/components/data/table/TableCell.vue

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

package/dist/runtime/components/data/table/TableFooter.vue

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

package/dist/runtime/components/data/table/TableHead.vue

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

package/dist/runtime/components/data/table/TableHeader.vue

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

package/dist/runtime/components/data/table/TableRow.vue

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

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

@@ -2,7 +2,7 @@
 import { DrawerClose } from "vaul-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 },

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

@@ -16,7 +16,7 @@ const props = defineProps({
   forceMount: { 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/drawer/DrawerDescription.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"]);

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

@@ -7,7 +7,7 @@ const props = defineProps({
   class: { type: null, required: false },
   forceMount: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
@@ -18,6 +18,7 @@ const delegatedProps = reactiveOmit(props, ["class"]);
     v-bind="delegatedProps"
     :class="cn(
   'drawer-overlay',
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
   props.una?.drawerOverlay,
   props.class
 )"

package/dist/runtime/components/drawer/DrawerTitle.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"]);

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/AvatarGroup.vue

@@ -17,7 +17,7 @@ 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 },

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

@@ -15,7 +15,7 @@ const props = defineProps({
   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 = reactiveOmit(props, ["class"]);

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

@@ -10,7 +10,7 @@ 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 }
 });

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

@@ -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 },

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

@@ -17,7 +17,7 @@ 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 },

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

@@ -8,7 +8,7 @@ const props = defineProps({
   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/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/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>
@@ -13,6 +13,7 @@ const props = defineProps({
   <CollapsibleContent
     v-bind="props"
     :class="cn(
+  'data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down',
   'collapsible-content',
   props.class
 )"

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/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/DialogContent.vue

@@ -22,7 +22,7 @@ const props = defineProps({
   forceMount: { 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");
@@ -17,7 +17,8 @@ const forwardedProps = useForwardProps(delegatedProps);
     data-slot="dialog-description"
     v-bind="forwardedProps"
     :class="cn(
-  'dialog-description data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-48% data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-48%',
+  'dialog-description',
   props.una?.dialogDescription,
   props.class
 )"

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

@@ -22,7 +22,7 @@ const props = defineProps({
   forceMount: { 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/dialog/DialogTrigger.vue

@@ -2,7 +2,7 @@
 import { DialogTrigger } 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/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/DropdownMenuContent.vue

@@ -33,7 +33,7 @@ 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 = reactiveOmit(props, ["class"]);
@@ -45,7 +45,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <DropdownMenuContent
       v-bind="forwarded"
       :class="cn(
-  'dropdown-menu-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+  'dropdown-menu-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
   props.una?.dropdownMenuContent,
   props.class
 )"

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

@@ -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 },

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

@@ -8,7 +8,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   class: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);