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

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.6",
+  "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.6";
+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

@@ -25,6 +25,7 @@ const props = defineProps({
   groupSeparator: { type: Boolean, required: false },
   textEmpty: { type: String, required: false, default: "No items found." },
   label: { type: String, required: false },
+  multiple: { type: null, required: false },
   _comboboxAnchor: { type: Object, required: false },
   _comboboxEmpty: { type: Object, required: false },
   _comboboxGroup: { type: Object, required: false },
@@ -46,13 +47,12 @@ const props = defineProps({
   resetSearchTermOnSelect: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
-  multiple: { type: Boolean, required: false },
   dir: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   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 },
@@ -139,7 +139,6 @@ function isItemSelected(item) {
 
 <template>
   <ComboboxRoot
-    v-slot="{ modelValue, open }"
     data-slot="combobox"
     :class="cn(
   'combobox',

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

@@ -1,6 +1,6 @@
 import type { AcceptableValue } from 'reka-ui';
 import type { ExtractItemType, NComboboxGroupProps, 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<{
+declare const _default: <T extends AcceptableValue, M extends boolean = false>(__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;
         readonly onHighlight?: ((payload: {
@@ -8,7 +8,7 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
             value: ExtractItemType<T>;
         } | undefined) => any) | undefined;
         readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onHighlight" | "onUpdate:open"> & NComboboxProps<T, M> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awa
         'trigger-wrapper'?: (props: {}) => any;
     } & {
         trigger?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         list?: (props: {}) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: any;
-            open: any;
+            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
+            open: boolean | undefined;
         }) => any;
     } & {
         header?: (props: {}) => any;

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");