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

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "1.0.0-alpha.7",
+  "version": "1.0.0-alpha.8",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -58,8 +58,8 @@
     "unocss": "^66.2.0",
     "unocss-preset-animations": "^1.2.1",
     "vaul-vue": "^0.4.1",
-    "@una-ui/preset": "^1.0.0-alpha.7",
-    "@una-ui/extractor-vue-script": "^1.0.0-alpha.7"
+    "@una-ui/preset": "^1.0.0-alpha.8",
+    "@una-ui/extractor-vue-script": "^1.0.0-alpha.8"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.57",