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

package/dist/runtime/components/forms/select/Select.vue.d.ts

@@ -9,55 +9,55 @@ declare const _default: <T extends AcceptableValue, I extends Array<T | SelectGr
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: (M extends true ? T[] : T) | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         'trigger-wrapper'?: (props: {
-            modelValue: (M extends true ? T[] : T) | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         trigger?: (props: {
-            modelValue: (M extends true ? T[] : T) | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         value?: (props: {
-            modelValue: (M extends true ? T[] : T) | undefined;
-            open: boolean | undefined;
+            modelValue: any;
+            open: any;
         }) => any;
     } & {
         content?: (props: {
-            items: I;
+            items: any;
         }) => any;
     } & {
         label?: (props: {
-            label: string;
+            label: any;
         }) => any;
     } & {
         item?: (props: {
-            item: I extends number ? number : I extends string ? string : I extends any[] ? I[number] : I extends Iterable<infer T1> ? T1 : any;
+            item: any;
         }) => any;
     } & {
         indicator?: (props: {
-            item: I extends number ? number : I extends string ? string : I extends any[] ? I[number] : I extends Iterable<infer T1> ? T1 : any;
+            item: any;
         }) => any;
     } & {
         group?: (props: {
-            items: SelectGroupType<T>;
+            items: any;
         }) => any;
     } & {
         label?: (props: {
-            label: string;
+            label: any;
         }) => any;
     } & {
         item?: (props: {
-            item: T;
+            item: any;
         }) => any;
     } & {
         indicator?: (props: {
-            item: T;
+            item: any;
         }) => any;
     };
     emit: ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void);

package/dist/runtime/components/forms/select/SelectContent.vue

@@ -22,8 +22,10 @@ const props = defineProps({
   bodyLock: { type: Boolean, required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false },
+  sideFlip: { type: Boolean, required: false },
   align: { type: null, required: false },
   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 },
@@ -36,7 +38,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 },
   class: { type: null, required: false },
   size: { type: null, required: false }
 });
@@ -51,6 +53,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
   cn(
+    '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',
     'select-content',
     position === 'popper' && 'select-content-popper',
     props.class

package/dist/runtime/components/forms/select/SelectGroup.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/forms/select/SelectItem.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 },
   class: { type: null, required: false },
   size: { type: null, required: false }
 });

package/dist/runtime/components/forms/select/SelectItemIndicator.vue

@@ -7,7 +7,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: "span" }
+  as: { type: [String, Object, Function], required: false, default: "span" }
 });
 </script>
 

package/dist/runtime/components/forms/select/SelectItemText.vue

@@ -3,7 +3,7 @@ import { SelectItemText } from "reka-ui";
 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/forms/select/SelectLabel.vue

@@ -5,7 +5,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/forms/select/SelectScrollDownButton.vue

@@ -6,7 +6,7 @@ import Icon from "../../elements/Icon.vue";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }
 });

package/dist/runtime/components/forms/select/SelectScrollUpButton.vue

@@ -6,7 +6,7 @@ import Icon from "../../elements/Icon.vue";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }
 });

package/dist/runtime/components/forms/select/SelectSeparator.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/forms/select/SelectTrigger.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   disabled: { 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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false },

package/dist/runtime/components/forms/select/SelectValue.vue

@@ -5,7 +5,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   placeholder: { 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/hover-card/HoverCard.vue

@@ -17,7 +17,7 @@ const props = defineProps({
   closeDelay: { type: Number, required: false },
   reference: { type: null, 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/hover-card/HoverCardArrow.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   height: { type: Number, required: false, default: 6 },
   rounded: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   hoverCard: { type: null, required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }

package/dist/runtime/components/hover-card/HoverCardContent.vue

@@ -14,8 +14,10 @@ const props = defineProps({
   forceMount: { 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 },
   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 },
@@ -28,7 +30,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 },
   hoverCard: { type: null, required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }
@@ -44,6 +46,7 @@ const forwarded = useForwardProps(delegatedProps);
       v-bind="{ ...forwarded, ...$attrs }"
       :class="
   cn(
+    'data-[state=hidden]:opacity-0 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',
     'hover-card-content',
     props.una?.hoverCardContent,
     props.class

package/dist/runtime/components/hover-card/HoverCardTrigger.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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false },

package/dist/runtime/components/navigation/breadcrumb/Breadcrumb.vue.d.ts

@@ -1,26 +1,16 @@
 import type { NBreadcrumbProps } from '../../../types/index.js';
 declare var __VLS_5: {
-    items: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>[];
+    items: any;
 }, __VLS_10: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
+    item: any;
 }, __VLS_15: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
+    item: any;
 }, __VLS_20: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
-    index: number;
+    item: any;
+    index: any;
     isActive: boolean;
 }, __VLS_22: {
-    item: Partial<import("../../../types/index.js").NButtonProps & {
-        children?: import("../../../types/index.js").NButtonProps[];
-    }>;
+    item: any;
 }, __VLS_33: {};
 type __VLS_Slots = {} & {
     root?: (props: typeof __VLS_5) => any;

package/dist/runtime/components/navigation-menu/NavigationMenu.vue

@@ -36,7 +36,7 @@ const props = defineProps({
   disablePointerLeaveClose: { type: Boolean, required: false },
   unmountOnHide: { type: Boolean, required: false, default: true },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   navigationMenu: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   navigationMenuLink: { type: String, required: false },

package/dist/runtime/components/navigation-menu/NavigationMenu.vue.d.ts

@@ -7,31 +7,31 @@ declare const _default: <T extends U[], U extends NNavigationMenuItemProps>(__VL
     attrs: any;
     slots: {
         [x: string]: ((props: {
-            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
-            active: boolean | undefined;
+            item: any;
+            active: any;
         }) => any) | undefined;
     } & {
-        [x: `${string}-content`]: ((props: {
-            items: import("../../types/index.js").NNavigationMenuLinkProps[];
-            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+        [x: string]: ((props: {
+            items: any;
+            item: any;
         }) => any) | undefined;
     } & {
         [x: string]: ((props: {
-            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+            item: any;
         }) => any) | undefined;
     } & {
         default?: (props: {
-            items: T | undefined;
+            items: any;
         }) => any;
     } & {
         list?: (props: {
-            items: T | undefined;
+            items: any;
         }) => any;
     } & {
         trigger?: (props: {
             modelValue: any;
-            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
-            index: number;
+            item: any;
+            index: any;
         }) => any;
     } & {
         viewport?: (props: {}) => any;

package/dist/runtime/components/navigation-menu/NavigationMenuContent.vue

@@ -10,7 +10,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 },
   size: { type: null, required: false }
 });

package/dist/runtime/components/navigation-menu/NavigationMenuContentItem.vue

@@ -9,7 +9,7 @@ const props = defineProps({
   onSelect: { type: Function, required: false },
   active: { 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/navigation-menu/NavigationMenuIndicator.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   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 },
   size: { type: null, required: false }
 });
@@ -18,6 +18,7 @@ const forwardedProps = useForwardProps(delegatedProps);
   <NavigationMenuIndicator
     v-bind="forwardedProps"
     :class="cn(
+  'data-[state=hidden]:opacity-0 data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut',
   'navigation-menu-indicator',
   props.una?.navigationMenuIndicator,
   props.class

package/dist/runtime/components/navigation-menu/NavigationMenuItem.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   value: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   navigationMenu: { type: String, required: false },
   disabled: { type: Boolean, required: false },
   type: { type: String, required: false },

package/dist/runtime/components/navigation-menu/NavigationMenuLink.vue

@@ -12,7 +12,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   active: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: Button },
+  as: { type: [String, Object, Function], required: false, default: Button },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false },

package/dist/runtime/components/navigation-menu/NavigationMenuLink.vue.d.ts

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

package/dist/runtime/components/navigation-menu/NavigationMenuList.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 },
   orientation: { type: String, required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }

package/dist/runtime/components/navigation-menu/NavigationMenuTrigger.vue

@@ -14,7 +14,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: Button },
+  as: { type: [String, Object, Function], required: false, default: Button },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false },

package/dist/runtime/components/navigation-menu/NavigationMenuViewport.vue

@@ -10,7 +10,7 @@ const props = defineProps({
   forceMount: { type: Boolean, required: false },
   align: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   orientation: { type: String, required: false },
   class: { type: null, required: false }
 });
@@ -34,6 +34,7 @@ const forwardedProps = useForwardProps(delegatedProps);
   cn(
     'navigation-menu-viewport',
     'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90',
+    'data-[state=closed]:fade-out data-[state=open]:fade-in',
     props.una?.navigationMenuViewport
   )
 "

package/dist/runtime/components/number-field/NumberField.vue

@@ -19,11 +19,12 @@ const props = defineProps({
   formatOptions: { type: null, required: false },
   locale: { type: String, required: false },
   disabled: { type: Boolean, required: false },
+  readonly: { type: Boolean, required: false },
   disableWheelChange: { type: Boolean, required: false },
   invertWheelChange: { type: Boolean, required: false },
   id: { type: String, 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 },
   leading: { type: String, required: false, default: "i-lucide-minus" },

package/dist/runtime/components/number-field/NumberFieldDecrement.vue

@@ -8,7 +8,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 },
   class: { type: null, required: false },
   size: { type: null, required: false, default: "md" }
 });

package/dist/runtime/components/number-field/NumberFieldIncrement.vue

@@ -8,7 +8,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 },
   class: { type: null, required: false },
   size: { type: null, required: false, default: "md" }
 });

package/dist/runtime/components/number-field/NumberFieldInput.vue

@@ -4,7 +4,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 },
   numberField: { type: null, required: false, default: "outline-primary" }

package/dist/runtime/components/overlays/Toaster.vue.d.ts

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

package/dist/runtime/components/overlays/toast/Toast.vue

@@ -40,7 +40,7 @@ const props = defineProps({
   open: { type: Boolean, required: false },
   duration: { type: Number, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pause", "resume", "swipeStart", "swipeMove", "swipeCancel", "swipeEnd", "update:open"]);
 const rootProps = useForwardPropsEmits(reactivePick(props, "as", "asChild", "defaultOpen", "open", "duration", "type", "forceMount"), emits);

package/dist/runtime/components/overlays/toast/Toast.vue.d.ts

@@ -1,6 +1,6 @@
 import type { NToastProps } from '../../../types/index.js';
 declare var __VLS_10: {}, __VLS_15: {}, __VLS_20: {}, __VLS_25: {}, __VLS_30: {}, __VLS_32: {
-    actions: import("reka-ui").ToastActionProps[];
+    actions: any;
 }, __VLS_40: {};
 type __VLS_Slots = {} & {
     leading?: (props: typeof __VLS_10) => any;

package/dist/runtime/components/overlays/toast/ToastAction.vue

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

package/dist/runtime/components/overlays/toast/ToastAction.vue.d.ts

@@ -1,5 +1,5 @@
 import type { NToastActionProps } 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/overlays/toast/ToastClose.vue

@@ -6,7 +6,7 @@ import Icon from "../../elements/Icon.vue";
 const props = defineProps({
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   class: { type: null, required: false }
 });
 const delegatedProps = computed(() => {

package/dist/runtime/components/overlays/toast/ToastDescription.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/overlays/toast/ToastTitle.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/overlays/toast/ToastViewport.vue

@@ -7,7 +7,7 @@ const props = defineProps({
   hotkey: { type: Array, required: false },
   label: { type: [String, 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/pin-input/PinInput.vue

@@ -28,7 +28,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   id: { type: String, 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 },
   pinInput: { type: null, required: false, default: "outline-primary" },

package/dist/runtime/components/pin-input/PinInputGroup.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/pin-input/PinInputSeparator.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   icon: { type: String, required: false, default: "i-lucide-minus" },
   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/pin-input/PinInputSlot.vue

@@ -10,7 +10,7 @@ const props = defineProps({
   index: { type: Number, required: true },
   disabled: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   icon: { type: String, required: false },
   class: { type: null, required: false },
   size: { type: null, required: false }