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

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

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

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

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

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

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

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

package/dist/runtime/components/resizable/ResizableHandle.vue

@@ -13,7 +13,7 @@ const props = defineProps({
   tabindex: { type: Number, 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 }
 });
 const emits = defineEmits(["dragging"]);

package/dist/runtime/components/resizable/ResizablePanel.vue

@@ -12,7 +12,7 @@ const props = defineProps({
   minSize: { type: Number, required: false },
   order: { 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 }
 });
 const emits = defineEmits(["collapse", "expand", "resize"]);

package/dist/runtime/components/resizable/ResizablePanelGroup.vue

@@ -10,7 +10,7 @@ const props = defineProps({
   keyboardResizeBy: { type: [Number, null], required: false },
   storage: { 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 emits = defineEmits(["layout"]);

package/dist/runtime/components/scroll-area/ScrollArea.vue

@@ -17,7 +17,7 @@ const props = defineProps({
   dir: { type: String, required: false },
   scrollHideDelay: { type: Number, 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, default: "md" },

package/dist/runtime/components/scroll-area/ScrollBar.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   orientation: { type: String, required: false, default: "vertical" },
   forceMount: { type: Boolean, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false },
+  as: { type: [String, Object, Function], required: false },
   scrollArea: { type: null, required: false },
   class: { type: null, required: false },
   size: { type: null, required: false },

package/dist/runtime/components/sheet/SheetClose.vue

@@ -3,7 +3,7 @@ import { DialogClose } from "reka-ui";
 import Button from "../elements/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/sheet/SheetContent.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 }
 });
 const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
 const contentProps = reactiveOmit(props, ["sheet", "class", "_sheetClose", "_sheetPortal", "_sheetOverlay"]);
@@ -54,7 +54,12 @@ const contentEvents = computed(() => {
       data-slot="sheet-content"
       v-bind="{ ...forwarded, ...$attrs }"
       :sheet
-      :class="cn('sheet-content', props.una?.sheetContent, props.class)"
+      :class="cn(
+  'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',
+  'sheet-content',
+  props.una?.sheetContent,
+  props.class
+)"
       v-on="contentEvents"
     >
       <slot />

package/dist/runtime/components/sheet/SheetDescription.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 }
+  as: { type: [String, Object, Function], required: false }
 });
 const delegatedProps = reactiveOmit(props, ["class"]);
 </script>

package/dist/runtime/components/sheet/SheetOverlay.vue

@@ -7,7 +7,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 }
 });
 const delegatedProps = reactiveOmit(props, "class");
 </script>
@@ -15,7 +15,12 @@ const delegatedProps = reactiveOmit(props, "class");
 <template>
   <DialogOverlay
     data-slot="sheet-overlay"
-    :class="cn('dialog-overlay', props.una?.sheetOverlay, props.class)"
+    :class="cn(
+  'data-[state=closed]:animate-out data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=closed]:fade-out-0',
+  'sheet-overlay',
+  props.una?.sheetOverlay,
+  props.class
+)"
     v-bind="delegatedProps"
   >
     <slot />

package/dist/runtime/components/sheet/SheetTitle.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 }
+  as: { type: [String, Object, Function], required: false }
 });
 const delegatedProps = reactiveOmit(props, ["class"]);
 </script>

package/dist/runtime/components/sheet/SheetTrigger.vue

@@ -2,7 +2,7 @@
 import { DialogTrigger } from "reka-ui";
 const props = defineProps({
   asChild: { type: Boolean, required: false, default: true },
-  as: { type: null, required: false }
+  as: { type: [String, Object, Function], required: false }
 });
 </script>
 

package/dist/runtime/components/sidebar/SidebarGroupAction.vue

@@ -5,7 +5,7 @@ const props = defineProps({
   class: { type: null, required: false },
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false, default: false },
-  as: { type: null, required: false, default: "button" }
+  as: { type: [String, Object, Function], required: false, default: "button" }
 });
 </script>
 

package/dist/runtime/components/sidebar/SidebarGroupLabel.vue

@@ -5,7 +5,7 @@ const props = defineProps({
   class: { type: null, required: false },
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false, default: false },
-  as: { type: null, required: false, default: "div" }
+  as: { type: [String, Object, Function], required: false, default: "div" }
 });
 </script>
 

package/dist/runtime/components/sidebar/SidebarMenuAction.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: "button" }
+  as: { type: [String, Object, Function], required: false, default: "button" }
 });
 </script>
 

package/dist/runtime/components/sidebar/SidebarMenuButton.vue

@@ -9,14 +9,14 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
-  tooltip: { type: null, required: false },
+  tooltip: { type: [String, Object, Function], required: false },
   isActive: { type: Boolean, required: false },
   variant: { type: String, required: false, default: "default" },
   size: { type: String, required: false, default: "default" },
   class: { type: null, required: false },
   una: { type: Object, required: false },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false, default: "button" }
+  as: { type: [String, Object, Function], required: false, default: "button" }
 });
 const { isMobile, state } = useSidebar();
 const delegatedProps = computed(() => {

package/dist/runtime/components/sidebar/SidebarMenuButtonChild.vue

@@ -9,7 +9,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: "button" }
+  as: { type: [String, Object, Function], required: false, default: "button" }
 });
 const sidebarMenuButtonVariants = cva(
   "peer-menu_button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu_item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!square-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>span[icon-base]]:square-4",

package/dist/runtime/components/sidebar/SidebarMenuSubButton.vue

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

package/dist/runtime/types/combobox.d.ts

@@ -10,12 +10,12 @@ interface BaseExtensions {
 export type ExtractItemType<T> = T extends {
     items: infer I extends AcceptableValue[];
 } ? I[number] : T;
-export interface NComboboxProps<T extends AcceptableValue> extends Omit<ComboboxRootProps<ExtractItemType<T>>, 'modelValue'>, Pick<NComboboxInputProps, 'status' | 'id'>, BaseExtensions {
+export interface NComboboxProps<T extends AcceptableValue, M extends boolean> extends Omit<ComboboxRootProps<ExtractItemType<T>>, 'modelValue'>, Pick<NComboboxInputProps, 'status' | 'id'>, BaseExtensions {
     /**
      * The model value for the combobox.
      * When using grouped items, this will be the item type from within the groups.
      */
-    modelValue?: ExtractItemType<T> | ExtractItemType<T>[] | null | undefined;
+    modelValue?: (M extends true ? ExtractItemType<T>[] : ExtractItemType<T>) | null;
     /**
      * The items to display in the combobox.
      *
@@ -52,6 +52,7 @@ export interface NComboboxProps<T extends AcceptableValue> extends Omit<Combobox
      * @default ''
      */
     label?: string;
+    multiple?: M;
     /**
      * Sub-component configurations
      */

package/dist/runtime/types/radio-group.d.ts

@@ -22,11 +22,12 @@ interface BaseProps {
      */
     icon?: HTMLAttributes['class'];
 }
-export interface NRadioGroupProps<T extends AcceptableValue> extends BaseProps, RadioGroupRootProps {
+export interface NRadioGroupProps<T extends AcceptableValue, Item extends T | NRadioGroupItemProps<T>> extends BaseProps, RadioGroupRootProps {
+    modelValue: T;
     /**
      * The items to display in the radio group.
      */
-    items?: T[] | NRadioGroupItemProps[];
+    items?: Item[];
     /**
      * The key name to use to display in the radio items.
      */
@@ -61,7 +62,8 @@ export interface NRadioGroupProps<T extends AcceptableValue> extends BaseProps,
      */
     una?: NRadioGroupUnaProps;
 }
-export interface NRadioGroupItemProps extends BaseProps, RadioGroupItemProps {
+export interface NRadioGroupItemProps<T extends AcceptableValue = any> extends BaseProps, RadioGroupItemProps {
+    value: T;
     /**
      * The label to display in the radio item.
      */