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

package/dist/module.json

@@ -1,12 +1,12 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.9",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },
   "builder": {
-    "@nuxt/module-builder": "1.0.1",
-    "unbuild": "3.5.0"
+    "@nuxt/module-builder": "1.0.2",
+    "unbuild": "3.6.1"
   }
 }

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.9";
 
 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/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

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

@@ -45,6 +45,8 @@ const props = defineProps({
   defaultOpen: { type: Boolean, required: false },
   resetSearchTermOnBlur: { type: Boolean, required: false },
   resetSearchTermOnSelect: { type: Boolean, required: false },
+  openOnFocus: { type: Boolean, required: false },
+  openOnClick: { type: Boolean, required: false },
   ignoreFilter: { type: Boolean, required: false },
   defaultValue: { type: null, required: false },
   dir: { type: String, required: false },
@@ -52,7 +54,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, 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;
@@ -19,20 +19,20 @@ declare const _default: <T extends AcceptableValue, M extends boolean = false>(_
         'trigger-wrapper'?: (props: {}) => any;
     } & {
         trigger?: (props: {
-            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         list?: (props: {}) => any;
     } & {
         'input-wrapper'?: (props: {
-            modelValue: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         header?: (props: {}) => any;
@@ -44,34 +44,34 @@ declare const _default: <T extends AcceptableValue, M extends boolean = false>(_
         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

@@ -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/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

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

@@ -13,8 +13,10 @@ const props = defineProps({
   bodyLock: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false, default: "center" },
   alignOffset: { type: Number, required: false },
+  alignFlip: { type: Boolean, required: false },
   avoidCollisions: { type: Boolean, required: false },
   collisionBoundary: { type: null, required: false },
   collisionPadding: { type: [Number, Object], required: false },
@@ -27,7 +29,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 +49,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/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

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