@una-ui/nuxt 0.56.4 → 0.57.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.56.4",
+  "version": "0.57.0",
   "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 = "0.56.4";
+const version = "0.57.0";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/alert-dialog/AlertDialog.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NAlertDialogProps } from '../../types/index.js';
 declare var __VLS_6: {}, __VLS_11: {
-    open: boolean;
+    open: any;
 }, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_46: {}, __VLS_48: {}, __VLS_57: {}, __VLS_59: {}, __VLS_68: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

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/AlertDialogAction.vue.d.ts

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

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/AlertDialogCancel.vue.d.ts

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

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

@@ -22,7 +22,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/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/aspect-ratio/AspectRatio.vue.d.ts

@@ -1,13 +1,13 @@
 import type { NAspectRatioProps } from '../../types/aspect-ratio.js';
 declare var __VLS_6: {
-    aspect: number;
+    aspect: any;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAspectRatioProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAspectRatioProps> & Readonly<{}>, {
-    aspectRatio: string;
     rounded: import("vue").HTMLAttributes["class"];
+    aspectRatio: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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/Combobox.vue.d.ts

@@ -1,5 +1,5 @@
 import type { AcceptableValue } from 'reka-ui';
-import type { ExtractItemType, NComboboxGroupProps, NComboboxProps } from '../../types/index.js';
+import type { ExtractItemType, NComboboxProps } from '../../types/index.js';
 declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: ExtractItemType<T>) => any) | undefined;
@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         'trigger-wrapper'?: (props: {}) => any;
     } & {
         trigger?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         list?: (props: {}) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: ExtractItemType<T> | ExtractItemType<T>[];
-            open: boolean;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         header?: (props: {}) => any;
@@ -44,34 +44,34 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         group?: (props: {}) => any;
     } & {
         item?: (props: {
-            item: ExtractItemType<T>;
-            selected: boolean;
+            item: any;
+            selected: any;
         }) => any;
     } & {
         label?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         'item-indicator'?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         group?: (props: {
-            group: NComboboxGroupProps<ExtractItemType<T>>;
+            group: any;
         }) => any;
     } & {
         item?: (props: {
-            item: ExtractItemType<T>;
-            group: NComboboxGroupProps<ExtractItemType<T>>;
-            selected: boolean;
+            item: any;
+            group: any;
+            selected: any;
         }) => any;
     } & {
         label?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         indicator?: (props: {
-            item: ExtractItemType<T>;
+            item: any;
         }) => any;
     } & {
         footer?: (props: {}) => any;

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxAnchor, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardProps(delegatedProps);
 </script>
 

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

@@ -1,18 +1,15 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxEmpty } from "reka-ui";
-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 },
   size: { type: null, required: false, default: "sm" }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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

@@ -3,8 +3,8 @@
 </script>
 
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxGroup } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 import ComboboxLabel from "./ComboboxLabel.vue";
 const props = defineProps({
@@ -14,14 +14,11 @@ 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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/ComboboxInput.vue.d.ts

@@ -1,4 +1,4 @@
-declare var __VLS_12: string | number, __VLS_13: any;
+declare var __VLS_12: any, __VLS_13: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
 };

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

@@ -1,6 +1,6 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxItem, useForwardPropsEmits } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
@@ -8,15 +8,12 @@ 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" }
 });
 const emits = defineEmits(["select"]);
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxItemIndicator, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardProps(delegatedProps);
 </script>
 

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 }

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

@@ -30,9 +30,9 @@ declare const __VLS_component: import("vue").DefineComponent<NComboboxListProps,
         originalEvent: FocusEvent;
     }>) => any) | undefined;
 }>, {
-    position: "inline" | "popper";
     sideOffset: number;
     align: "start" | "center" | "end";
+    position: "inline" | "popper";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,18 +1,15 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxSeparator } from "reka-ui";
-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 },
   size: { type: null, required: false }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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/ComboboxTrigger.vue.d.ts

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

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ComboboxViewport, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../utils";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardProps(delegatedProps);
 </script>
 

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

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

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

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

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/Drawer.vue.d.ts

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

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

@@ -17,7 +17,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/drawer/DrawerDescription.vue

@@ -1,17 +1,14 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { DrawerDescription } 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>