@una-ui/nuxt 0.56.5 → 0.58.0

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

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

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

@@ -20,14 +20,14 @@ const props = defineProps({
   square: { type: null, required: false, default: "1em" },
   rounded: { type: null, required: false },
   icon: { type: null, required: false },
-  modelValue: { type: [String, Number, Object, null], required: false },
-  defaultValue: { type: [String, Number, Object, 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 }
 });

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

@@ -22,10 +22,10 @@ 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: [String, Number, Object, null], 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

@@ -8,8 +8,8 @@ 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<{}>, {
-    size: import("vue").HTMLAttributes["class"];
     icon: import("vue").HTMLAttributes["class"];
+    size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];
     radioGroup: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -1,11 +1,11 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   SelectContent,
   SelectPortal,
   SelectViewport,
   useForwardPropsEmits
 } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 import SelectScrollDownButton from "./SelectScrollDownButton.vue";
 import SelectScrollUpButton from "./SelectScrollUpButton.vue";
@@ -36,15 +36,12 @@ 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 }
 });
 const emits = defineEmits(["closeAutoFocus", "escapeKeyDown", "pointerDownOutside"]);
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 

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

@@ -1,18 +1,15 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { SelectGroup } from "reka-ui";
-import { computed } from "vue";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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

@@ -1,9 +1,9 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import {
   SelectItem,
   useForwardProps
 } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 import SelectItemIndicator from "./SelectItemIndicator.vue";
 import SelectItemText from "./SelectItemText.vue";
@@ -17,14 +17,11 @@ 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);
 </script>
 

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { SelectScrollDownButton, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);
 </script>
 

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { SelectScrollUpButton, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);
 </script>
 

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

@@ -1,18 +1,15 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { SelectSeparator } from "reka-ui";
-import { computed } from "vue";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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/navigation/breadcrumb/BreadcrumbEllipsis.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbEllipsisProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbEllipsisProps> & Readonly<{}>, {
-    size: string;
     icon: string;
+    size: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NBreadcrumbSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NBreadcrumbSeparatorProps> & Readonly<{}>, {
-    size: string;
     icon: string;
+    size: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

@@ -11,7 +11,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

@@ -14,9 +14,9 @@ declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuLink
         originalEvent: Event;
     }>) => any) | undefined;
 }>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
     btn: string;
     navigationMenuLink: string;
+    as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { NavigationMenuList, useForwardProps } from "reka-ui";
-import { computed } from "vue";
 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 }
 });
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 const forwardedProps = useForwardProps(delegatedProps);
 </script>
 

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/NavigationMenuTrigger.vue.d.ts

@@ -4,10 +4,10 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNavigationMenuTriggerProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
     btn: string;
     trailing: string;
     navigationMenu: string;
+    as: import("reka-ui").AsTag | import("vue").Component;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

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

@@ -1,6 +1,6 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ToastAction } from "reka-ui";
-import { computed } from "vue";
 import { cn, omitProps, randomId } from "../../../utils";
 import Button from "../../elements/Button.vue";
 defineOptions({
@@ -38,12 +38,9 @@ const props = defineProps({
   ariaLabel: { type: String, required: false },
   altText: { type: String, required: true },
   asChild: { type: Boolean, required: false },
-  as: { type: null, required: false }
-});
-const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
+  as: { type: [String, Object, Function], required: false }
 });
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NToastActionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NToastActionProps> & Readonly<{}>, {
-    size: string;
     btn: string;
+    size: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,17 +1,14 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ToastDescription } from "reka-ui";
-import { computed } from "vue";
 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 = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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

@@ -1,17 +1,14 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ToastTitle } from "reka-ui";
-import { computed } from "vue";
 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 = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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

@@ -1,19 +1,16 @@
 <script setup>
+import { reactiveOmit } from "@vueuse/core";
 import { ToastViewport } from "reka-ui";
-import { computed } from "vue";
 import { cn } from "../../../utils";
 const props = defineProps({
   una: { type: Object, required: false },
   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 = computed(() => {
-  const { class: _, ...delegated } = props;
-  return delegated;
-});
+const delegatedProps = reactiveOmit(props, ["class"]);
 </script>
 
 <template>

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/ResizablePanel.vue.d.ts

@@ -2,6 +2,9 @@ import type { NResizablePanelProps } from '../../types/index.js';
 declare var __VLS_6: {
     isCollapsed: boolean;
     isExpanded: boolean;
+    collapse: () => void;
+    expand: () => void;
+    resize: (size: number) => void;
 };
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;

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/ScrollArea.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NScrollAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NScrollAreaProps> & Readonly<{}>, {
-    rounded: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
+    rounded: import("vue").HTMLAttributes["class"];
     scrollArea: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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