npm - @una-ui/nuxt - Versions diffs - 1.0.0-alpha.7 → 1.0.0-alpha.8 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (139) hide show

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSeparator.vue CHANGED Viewed

@@ -8,7 +8,7 @@ import Separator from "../Separator.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 },
   separator: { type: null, required: false },
   separatorPosition: { type: null, required: false },
   size: { type: null, required: false },

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubContent.vue CHANGED Viewed

@@ -25,7 +25,7 @@ const props = defineProps({
   prioritizePosition: { type: Boolean, required: false },
   reference: { type: null, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"]);
 const delegatedProps = reactiveOmit(props, ["class"]);
@@ -36,7 +36,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
   <DropdownMenuSubContent
     v-bind="forwarded"
     :class="cn(
-  'dropdown-menu-sub-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+  'dropdown-menu-sub-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95',
   forwarded.una?.dropdownMenuSubContent,
   props.class
 )"

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSubTrigger.vue CHANGED Viewed

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

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuTrigger.vue CHANGED Viewed

@@ -33,7 +33,7 @@ const props = defineProps({
   navigationMenuLink: { type: String, required: false },
   ariaLabel: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 const forwardedProps = useForwardProps(props);
 </script>

package/dist/runtime/components/elements/pagination/Pagination.vue CHANGED Viewed

@@ -30,7 +30,7 @@ const props = defineProps({
   disabled: { type: Boolean, required: false },
   showEdges: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   square: { type: null, required: false },
   class: { type: null, required: false },
   rounded: { type: null, required: false },

package/dist/runtime/components/elements/pagination/PaginationEllipsis.vue CHANGED Viewed

@@ -7,7 +7,7 @@ const props = defineProps({
   paginationEllipsis: { type: null, required: false, default: "~" },
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   square: { type: null, required: false },
   class: { type: null, required: false },
   rounded: { type: null, required: false },

package/dist/runtime/components/elements/pagination/PaginationFirst.vue CHANGED Viewed

@@ -6,7 +6,7 @@ import Button from "../../elements/Button.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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false, default: true },

package/dist/runtime/components/elements/pagination/PaginationLast.vue CHANGED Viewed

@@ -6,7 +6,7 @@ import Button from "../../elements/Button.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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false, default: true },

package/dist/runtime/components/elements/pagination/PaginationListItem.vue CHANGED Viewed

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

package/dist/runtime/components/elements/pagination/PaginationNext.vue CHANGED Viewed

@@ -6,7 +6,7 @@ import Button from "../../elements/Button.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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false, default: true },

package/dist/runtime/components/elements/pagination/PaginationPrev.vue CHANGED Viewed

@@ -6,7 +6,7 @@ import Button from "../../elements/Button.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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false, default: true },

package/dist/runtime/components/elements/popover/PopoverContent.vue CHANGED Viewed

@@ -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 }
 });
@@ -42,6 +42,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',
     'popover-content',
     props.class
   )

package/dist/runtime/components/elements/tabs/Tabs.vue CHANGED Viewed

@@ -18,7 +18,7 @@ const props = defineProps({
   modelValue: { type: null, required: false },
   unmountOnHide: { 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" },
   tabsActive: { type: String, required: false },

package/dist/runtime/components/elements/tabs/TabsContent.vue CHANGED Viewed

@@ -10,7 +10,7 @@ const props = defineProps({
   value: { type: [String, Number], required: true },
   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 }
 });

package/dist/runtime/components/elements/tabs/TabsList.vue CHANGED Viewed

@@ -6,7 +6,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   loop: { 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/elements/tabs/TabsTrigger.vue CHANGED Viewed

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

package/dist/runtime/components/elements/tooltip/TooltipContent.vue CHANGED Viewed

@@ -13,7 +13,7 @@ const props = defineProps({
   forceMount: { type: Boolean, required: false },
   ariaLabel: { type: String, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   side: { type: null, required: false },
   sideOffset: { type: Number, required: false, default: 4 },
   align: { type: null, required: false },
@@ -37,6 +37,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <TooltipContent
       v-bind="{ ...forwarded, ...$attrs }"
       :class="cn(
+  'animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95',
   'tooltip-content',
   props.class,
   props.una?.tooltipContent

package/dist/runtime/components/elements/tooltip/TooltipTrigger.vue CHANGED Viewed

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

package/dist/runtime/components/forms/Checkbox.vue CHANGED Viewed

@@ -23,7 +23,7 @@ const props = defineProps({
   value: { type: null, 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 },
   class: { type: null, required: false },

package/dist/runtime/components/forms/FormGroup.vue CHANGED Viewed

@@ -16,7 +16,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 }
 });
 const id = computed(() => props.id ?? randomId("form-group"));
 const statusClassVariants = computed(() => {

package/dist/runtime/components/forms/Slider.vue CHANGED Viewed

@@ -18,7 +18,7 @@ const props = defineProps({
   minStepsBetweenThumbs: { type: Number, required: false },
   thumbAlignment: { 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 },
   class: { type: null, required: false }

package/dist/runtime/components/forms/Switch.vue CHANGED Viewed

@@ -21,7 +21,7 @@ const props = defineProps({
   id: { type: String, required: false },
   value: { 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 },
   class: { type: null, required: false },

package/dist/runtime/components/forms/form/FormField.vue CHANGED Viewed

@@ -24,7 +24,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 }
 });
 const statusClassVariants = computed(() => {
   const text = {

package/dist/runtime/components/forms/form/FormLabel.vue CHANGED Viewed

@@ -8,7 +8,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 { formItemId } = useFormField();
 </script>

package/dist/runtime/components/forms/radio-group/RadioGroup.vue CHANGED Viewed

@@ -27,7 +27,7 @@ const props = defineProps({
   dir: { type: String, required: false },
   loop: { 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 }
 });

package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue CHANGED Viewed

@@ -25,7 +25,7 @@ const props = defineProps({
   id: { type: String, 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 }
 });

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

@@ -36,7 +36,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 +51,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 CHANGED Viewed

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

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

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

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

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

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

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

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

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

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

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

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

@@ -28,7 +28,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 +44,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 CHANGED Viewed

@@ -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-menu/NavigationMenu.vue CHANGED Viewed

@@ -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/NavigationMenuContent.vue CHANGED Viewed

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

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

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

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

@@ -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/NavigationMenuList.vue CHANGED Viewed

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

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

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

@@ -23,7 +23,7 @@ const props = defineProps({
   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 CHANGED Viewed

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

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

@@ -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/toast/Toast.vue CHANGED Viewed

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