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

package/dist/runtime/components/elements/dialog/DialogTrigger.vue

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

package/dist/runtime/components/elements/dropdown-menu/DropdownMenu.vue

@@ -60,7 +60,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 },
   dropdownMenuItem: { type: null, required: false },
   shortcut: { type: String, required: false },
   onSelect: { type: Function, required: false },

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuContent.vue

@@ -33,7 +33,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", "closeAutoFocus"]);
 const delegatedProps = reactiveOmit(props, ["class"]);
@@ -45,7 +45,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
     <DropdownMenuContent
       v-bind="forwarded"
       :class="cn(
-  'dropdown-menu-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-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',
   props.una?.dropdownMenuContent,
   props.class
 )"

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuGroup.vue

@@ -6,7 +6,7 @@ const props = defineProps({
   class: { type: null, required: false },
   size: { 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/elements/dropdown-menu/DropdownMenuItem.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 },
   type: { type: String, required: false },
   loadingPlacement: { type: String, required: false },
   icon: { type: Boolean, required: false },

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuLabel.vue

@@ -8,7 +8,7 @@ const props = defineProps({
   una: { type: Object, required: false },
   class: { type: null, 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/DropdownMenuSeparator.vue

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -8,6 +8,7 @@ import { RadioGroupRoot, useForwardPropsEmits } from "reka-ui";
 import { cn } from "../../../utils";
 import RadioGroupItem from "./RadioGroupItem.vue";
 const props = defineProps({
+  modelValue: { type: null, required: true },
   items: { type: Array, required: false },
   labelKey: { type: null, required: false },
   valueKey: { type: null, required: false },
@@ -20,14 +21,13 @@ const props = defineProps({
   square: { type: null, required: false, default: "1em" },
   rounded: { type: null, required: false },
   icon: { type: null, required: false },
-  modelValue: { type: null, required: false },
   defaultValue: { type: null, required: false },
   disabled: { type: Boolean, required: false },
   orientation: { type: String, required: false },
   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 }
 });
@@ -71,7 +71,6 @@ function getItemDescription(item) {
 
 <template>
   <RadioGroupRoot
-    v-slot="{ modelValue }"
     :class="cn(
   'radio-group',
   orientation === 'horizontal' ? 'radio-group-orientation-horizontal' : 'radio-group-orientation-vertical',

package/dist/runtime/components/forms/radio-group/RadioGroup.vue.d.ts

@@ -1,22 +1,22 @@
 import type { AcceptableValue } from 'reka-ui';
 import type { NRadioGroupItemProps, NRadioGroupProps } from '../../../types/index.js';
-declare const _default: <T extends AcceptableValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T extends AcceptableValue, Item extends T | NRadioGroupItemProps<T>>(__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"?: ((payload: string) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T> & Partial<{}>> & import("vue").PublicProps;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NRadioGroupProps<T, Item> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
         default?: (props: {
-            modelValue: any;
+            modelValue: T;
         }) => any;
     } & {
         label?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: Item;
         }) => any;
     } & {
         description?: (props: {
-            item: NRadioGroupItemProps | T;
+            item: Item;
         }) => any;
     };
     emit: (evt: "update:modelValue", payload: string) => void;

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

@@ -12,6 +12,7 @@ defineOptions({
   inheritAttrs: false
 });
 const props = defineProps({
+  value: { type: null, required: true },
   label: { type: String, required: false },
   radioGroup: { type: null, required: false, default: "primary" },
   description: { type: String, required: false },
@@ -22,10 +23,9 @@ const props = defineProps({
   rounded: { type: null, required: false },
   icon: { type: null, required: false, default: "radio-group-indicator-icon" },
   id: { type: String, required: false },
-  value: { type: 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 }
 });

package/dist/runtime/components/forms/radio-group/RadioGroupItem.vue.d.ts

@@ -1,4 +1,5 @@
 import type { NRadioGroupItemProps } from '../../../types/index.js';
+type __VLS_Props = NRadioGroupItemProps;
 declare var __VLS_9: {}, __VLS_17: {}, __VLS_19: {};
 type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_9) => any;
@@ -7,7 +8,7 @@ type __VLS_Slots = {} & {
 } & {
     description?: (props: typeof __VLS_19) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<NRadioGroupItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NRadioGroupItemProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     icon: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];

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

@@ -49,7 +49,6 @@ const props = defineProps({
   id: { type: String, required: false }
 });
 const emits = defineEmits(["update:modelValue", "update:open"]);
-defineSlots();
 const hasGroups = computed(() => {
   return Array.isArray(props.items) && props.items.length > 0 && typeof props.items[0] === "object" && "items" in props.items[0];
 });
@@ -88,15 +87,14 @@ function isItemSelected(item, modelValue) {
 
 <template>
   <SelectRoot
-    v-slot="{ modelValue, open }"
     :class="cn(
   props.una?.select,
   props.class
 )"
     v-bind="forwarded"
   >
-    <slot :model-value="modelValue" :open>
-      <slot name="trigger-wrapper" :model-value="modelValue" :open>
+    <slot :model-value :open>
+      <slot name="trigger-wrapper" :model-value :open>
         <SelectTrigger
           :id
           :size
@@ -105,7 +103,7 @@ function isItemSelected(item, modelValue) {
           v-bind="props._selectTrigger"
           :una
         >
-          <slot name="trigger" :model-value="modelValue" :open="open">
+          <slot name="trigger" :model-value :open="open">
             <SelectValue
               :placeholder="props.placeholder"
               v-bind="props._selectValue"
@@ -113,7 +111,7 @@ function isItemSelected(item, modelValue) {
               :data-status="status"
               :una
             >
-              <slot name="value" :model-value="modelValue" :open>
+              <slot name="value" :model-value :open>
                 {{ formatSelectedValue(modelValue) || props.placeholder }}
               </slot>
             </SelectValue>

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

@@ -1,5 +1,5 @@
 import type { AcceptableValue } from 'reka-ui';
-import type { NSelectProps, NSelectSlots, SelectGroup as SelectGroupType } from '../../../types/index.js';
+import type { NSelectProps, SelectGroup as SelectGroupType } from '../../../types/index.js';
 declare const _default: <T extends AcceptableValue, I extends Array<T | SelectGroupType<T>>, 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: T) => any) | undefined;
@@ -7,7 +7,59 @@ declare const _default: <T extends AcceptableValue, I extends Array<T | SelectGr
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onUpdate:open"> & NSelectProps<T, I, M> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: NSelectSlots<T, I, M>;
+    slots: {
+        default?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        'trigger-wrapper'?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        trigger?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        value?: (props: {
+            modelValue: (M extends true ? T[] : T) | undefined;
+            open: boolean | undefined;
+        }) => any;
+    } & {
+        content?: (props: {
+            items: I;
+        }) => any;
+    } & {
+        label?: (props: {
+            label: string;
+        }) => any;
+    } & {
+        item?: (props: {
+            item: I extends number ? number : I extends string ? string : I extends any[] ? I[number] : I extends Iterable<infer T1> ? T1 : 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;
+        }) => any;
+    } & {
+        group?: (props: {
+            items: SelectGroupType<T>;
+        }) => any;
+    } & {
+        label?: (props: {
+            label: string;
+        }) => any;
+    } & {
+        item?: (props: {
+            item: T;
+        }) => any;
+    } & {
+        indicator?: (props: {
+            item: T;
+        }) => any;
+    };
     emit: ((evt: "update:modelValue", value: T) => void) & ((evt: "update:open", value: boolean) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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

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

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