@una-ui/nuxt 0.54.3 → 0.55.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.54.3",
+  "version": "0.55.0",
   "compatibility": {
     "nuxt": ">=3.0.0"
   },

package/dist/module.mjs

@@ -8,7 +8,7 @@ import 'unocss';
 import 'unocss-preset-animations';
 
 const name = "@una-ui/nuxt";
-const version = "0.54.3";
+const version = "0.55.0";
 
 const module = defineNuxtModule({
   meta: {

package/dist/runtime/components/aspect-ratio/AspectRatio.vue.d.ts

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

package/dist/runtime/components/drawer/Drawer.vue

@@ -0,0 +1,161 @@
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { useForwardPropsEmits, VisuallyHidden } from "reka-ui";
+import { DrawerRoot } from "vaul-vue";
+import { computed } from "vue";
+import { cn, randomId } from "../../utils";
+import DrawerClose from "./DrawerClose.vue";
+import DrawerContent from "./DrawerContent.vue";
+import DrawerDescription from "./DrawerDescription.vue";
+import DrawerFooter from "./DrawerFooter.vue";
+import DrawerHeader from "./DrawerHeader.vue";
+import DrawerTitle from "./DrawerTitle.vue";
+import DrawerTrigger from "./DrawerTrigger.vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  title: { type: String, required: false },
+  description: { type: String, required: false },
+  _drawerTitle: { type: Object, required: false },
+  _drawerDescription: { type: Object, required: false },
+  _drawerContent: { type: Object, required: false },
+  _drawerTrigger: { type: Object, required: false },
+  _drawerHeader: { type: Object, required: false },
+  _drawerFooter: { type: Object, required: false },
+  fadeFromIndex: { type: Number, required: false },
+  una: { type: Object, required: false },
+  activeSnapPoint: { type: [Number, String, null], required: false },
+  closeThreshold: { type: Number, required: false },
+  shouldScaleBackground: { type: Boolean, required: false, default: true },
+  setBackgroundColorOnScale: { type: Boolean, required: false },
+  scrollLockTimeout: { type: Number, required: false },
+  fixed: { type: Boolean, required: false },
+  dismissible: { type: Boolean, required: false },
+  modal: { type: Boolean, required: false },
+  open: { type: Boolean, required: false },
+  defaultOpen: { type: Boolean, required: false },
+  nested: { type: Boolean, required: false },
+  direction: { type: String, required: false },
+  noBodyStyles: { type: Boolean, required: false },
+  handleOnly: { type: Boolean, required: false },
+  preventScrollRestoration: { type: Boolean, required: false },
+  snapPoints: { type: Array, required: false },
+  showClose: { type: Boolean, required: false },
+  overlay: { type: Boolean, required: false },
+  _drawerClose: { type: Object, required: false },
+  _drawerOverlay: { type: Object, required: false }
+});
+const emits = defineEmits(["drag", "release", "close", "update:open", "update:activeSnapPoint", "animationEnd"]);
+const DEFAULT_TITLE = randomId("drawer-title");
+const DEFAULT_DESCRIPTION = randomId("drawer-description");
+const title = computed(() => props.title ?? DEFAULT_TITLE);
+const description = computed(() => props.description ?? DEFAULT_DESCRIPTION);
+const rootProps = reactivePick(props, [
+  "activeSnapPoint",
+  "closeThreshold",
+  "shouldScaleBackground",
+  "setBackgroundColorOnScale",
+  "scrollLockTimeout",
+  "fixed",
+  "dismissible",
+  "modal",
+  "open",
+  "defaultOpen",
+  "nested",
+  "direction",
+  "noBodyStyles",
+  "handleOnly",
+  "preventScrollRestoration",
+  "snapPoints"
+]);
+const forwarded = useForwardPropsEmits(rootProps, emits);
+</script>
+
+<template>
+  <DrawerRoot
+    v-slot="{ open }"
+    data-slot="drawer"
+    v-bind="forwarded"
+  >
+    <slot>
+      <DrawerTrigger
+        v-bind="_drawerTrigger"
+        as-child
+      >
+        <slot name="trigger" :open />
+      </DrawerTrigger>
+
+      <DrawerContent
+        v-bind="_drawerContent"
+        :_drawer-overlay
+        :una
+      >
+        <VisuallyHidden v-if="title === DEFAULT_TITLE || !!$slots.title || (description === DEFAULT_DESCRIPTION || !!$slots.description)">
+          <DrawerTitle v-if="title === DEFAULT_TITLE || !!$slots.title">
+            {{ title }}
+          </DrawerTitle>
+
+          <DrawerDescription v-if="description === DEFAULT_DESCRIPTION || !!$slots.description">
+            {{ description }}
+          </DrawerDescription>
+        </VisuallyHidden>
+
+        <slot name="content">
+          <div
+            :class="cn(
+  'content-wrapper',
+  una?.drawerContentWrapper
+)"
+          >
+            <!-- Header -->
+            <DrawerHeader
+              v-if="!!$slots.header || (title !== DEFAULT_TITLE || !!$slots.title) || (description !== DEFAULT_DESCRIPTION || !!$slots.description)"
+              v-bind="_drawerHeader"
+              :una
+            >
+              <slot name="header">
+                <DrawerTitle
+                  v-if="title !== DEFAULT_TITLE || !!$slots.title"
+                  v-bind="_drawerTitle"
+                  :una
+                >
+                  <slot name="title">
+                    {{ title }}
+                  </slot>
+                </DrawerTitle>
+
+                <DrawerDescription
+                  v-if="description !== DEFAULT_DESCRIPTION || !!$slots.description"
+                  v-bind="_drawerDescription"
+                  :una
+                >
+                  <slot name="description">
+                    {{ description }}
+                  </slot>
+                </DrawerDescription>
+              </slot>
+            </DrawerHeader>
+
+            <!-- Body -->
+            <slot name="body" />
+
+            <!-- Footer -->
+            <DrawerFooter
+              v-bind="_drawerFooter"
+              :una
+            >
+              <slot name="footer">
+                <DrawerClose
+                  v-bind="_drawerClose"
+                >
+                  <slot name="close" />
+                </DrawerClose>
+              </slot>
+            </DrawerFooter>
+          </div>
+        </slot>
+      </DrawerContent>
+    </slot>
+  </DrawerRoot>
+</template>

package/dist/runtime/components/drawer/Drawer.vue.d.ts

@@ -0,0 +1,47 @@
+import type { NDrawerProps } from '../../types/index.js';
+declare var __VLS_6: {}, __VLS_11: {
+    open: boolean;
+}, __VLS_26: {}, __VLS_31: {}, __VLS_36: {}, __VLS_41: {}, __VLS_43: {}, __VLS_48: {}, __VLS_53: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+} & {
+    trigger?: (props: typeof __VLS_11) => any;
+} & {
+    content?: (props: typeof __VLS_26) => any;
+} & {
+    header?: (props: typeof __VLS_31) => any;
+} & {
+    title?: (props: typeof __VLS_36) => any;
+} & {
+    description?: (props: typeof __VLS_41) => any;
+} & {
+    body?: (props: typeof __VLS_43) => any;
+} & {
+    footer?: (props: typeof __VLS_48) => any;
+} & {
+    close?: (props: typeof __VLS_53) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    drag: (percentageDragged: number) => any;
+    "update:open": (open: boolean) => any;
+    animationEnd: (open: boolean) => any;
+    release: (open: boolean) => any;
+    "update:activeSnapPoint": (val: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<NDrawerProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onDrag?: ((percentageDragged: number) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onAnimationEnd?: ((open: boolean) => any) | undefined;
+    onRelease?: ((open: boolean) => any) | undefined;
+    "onUpdate:activeSnapPoint"?: ((val: string | number) => any) | undefined;
+}>, {
+    shouldScaleBackground: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerClose.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { DrawerClose } from "vaul-vue";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { type: Boolean, required: false },
+  disabled: { type: Boolean, required: false },
+  reverse: { type: Boolean, required: false },
+  loading: { type: Boolean, required: false },
+  block: { type: Boolean, required: false },
+  to: { type: null, required: false },
+  label: { type: String, required: false },
+  btn: { type: String, required: false },
+  leading: { type: String, required: false },
+  trailing: { type: String, required: false },
+  size: { type: String, required: false },
+  una: { type: Object, required: false },
+  square: { type: null, required: false },
+  rounded: { type: null, required: false },
+  class: { type: null, required: false },
+  breadcrumbActive: { type: String, required: false },
+  breadcrumbInactive: { type: String, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  dropdownMenu: { type: String, required: false },
+  toggleOn: { type: String, required: false },
+  toggleOff: { type: String, required: false },
+  navigationMenu: { type: String, required: false },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false }
+});
+</script>
+
+<template>
+  <DrawerClose
+    data-slot="drawer-close"
+    v-bind="props"
+  >
+    <slot />
+  </DrawerClose>
+</template>

package/dist/runtime/components/drawer/DrawerClose.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDrawerCloseProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerCloseProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerContent.vue

@@ -0,0 +1,58 @@
+<script setup>
+import { reactiveOmit } from "@vueuse/core";
+import { useForwardPropsEmits } from "reka-ui";
+import { DrawerContent, DrawerPortal } from "vaul-vue";
+import { cn } from "../../utils";
+import DrawerOverlay from "./DrawerOverlay.vue";
+defineOptions({
+  inheritAttrs: false
+});
+const props = defineProps({
+  showClose: { type: Boolean, required: false },
+  overlay: { type: Boolean, required: false, default: true },
+  _drawerClose: { type: Object, required: false },
+  _drawerOverlay: { type: Object, required: false },
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  trapFocus: { type: Boolean, required: false },
+  disableOutsidePointerEvents: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false }
+});
+const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"]);
+const delegatedProps = reactiveOmit(props, ["class", "una", "_drawerOverlay", "_drawerClose"]);
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
+</script>
+
+<template>
+  <DrawerPortal>
+    <DrawerOverlay
+      v-if="overlay"
+      v-bind="_drawerOverlay"
+      :una
+    />
+    <DrawerContent
+      data-slot="drawer-content"
+      v-bind="{ ...forwarded, ...$attrs }"
+      :class="cn(
+  'drawer-content',
+  'drawer-content-top',
+  'drawer-content-bottom',
+  'drawer-content-right',
+  'drawer-content-left',
+  'group',
+  props.una?.drawerContent,
+  props.class
+)"
+    >
+      <div
+        :class="cn(
+  'drawer-handle',
+  props.una?.drawerHandle
+)"
+      />
+      <slot />
+    </DrawerContent>
+  </DrawerPortal>
+</template>

package/dist/runtime/components/drawer/DrawerContent.vue.d.ts

@@ -0,0 +1,45 @@
+import type { NDrawerContentProps } from '../../types/index.js';
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerContentProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    escapeKeyDown: (event: KeyboardEvent) => any;
+    pointerDownOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any;
+    focusOutside: (event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+    interactOutside: (event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any;
+    openAutoFocus: (event: Event) => any;
+    closeAutoFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<NDrawerContentProps> & Readonly<{
+    onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }>) => any) | undefined;
+    onFocusOutside?: ((event: CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onInteractOutside?: ((event: CustomEvent<{
+        originalEvent: PointerEvent;
+    }> | CustomEvent<{
+        originalEvent: FocusEvent;
+    }>) => any) | undefined;
+    onOpenAutoFocus?: ((event: Event) => any) | undefined;
+    onCloseAutoFocus?: ((event: Event) => any) | undefined;
+}>, {
+    overlay: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerDescription.vue

@@ -0,0 +1,25 @@
+<script setup>
+import { DrawerDescription } from "vaul-vue";
+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 },
+  class: { type: null, required: false }
+});
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
+</script>
+
+<template>
+  <DrawerDescription
+    data-slot="drawer-description"
+    v-bind="delegatedProps"
+    :class="cn('drawer-description', props.class)"
+  >
+    <slot />
+  </DrawerDescription>
+</template>

package/dist/runtime/components/drawer/DrawerDescription.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDrawerDescriptionProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerDescriptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerDescriptionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerFooter.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="drawer-footer"
+    :class="cn('drawer-footer', props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/drawer/DrawerFooter.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDrawerFooterProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerFooterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerHeader.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
+</script>
+
+<template>
+  <div
+    data-slot="drawer-header"
+    :class="cn('drawer-header', props.class)"
+  >
+    <slot />
+  </div>
+</template>

package/dist/runtime/components/drawer/DrawerHeader.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDrawerHeaderProps } from '../../types/index.js';
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerHeaderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerOverlay.vue

@@ -0,0 +1,24 @@
+<script setup>
+import { DrawerOverlay } from "vaul-vue";
+import { computed } from "vue";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
+</script>
+
+<template>
+  <DrawerOverlay
+    data-slot="drawer-overlay"
+    v-bind="delegatedProps"
+    :class="cn('drawer-overlay', props.class)"
+  />
+</template>

package/dist/runtime/components/drawer/DrawerOverlay.vue.d.ts

@@ -0,0 +1,3 @@
+import type { NDrawerOverlayProps } from '../../types/index.js';
+declare const _default: import("vue").DefineComponent<NDrawerOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerOverlayProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/runtime/components/drawer/DrawerTitle.vue

@@ -0,0 +1,25 @@
+<script setup>
+import { DrawerTitle } from "vaul-vue";
+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 },
+  class: { type: null, required: false }
+});
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
+</script>
+
+<template>
+  <DrawerTitle
+    data-slot="drawer-title"
+    v-bind="delegatedProps"
+    :class="cn('drawer-title', props.class)"
+  >
+    <slot />
+  </DrawerTitle>
+</template>

package/dist/runtime/components/drawer/DrawerTitle.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDrawerTitleProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerTitleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/drawer/DrawerTrigger.vue

@@ -0,0 +1,16 @@
+<script setup>
+import { DrawerTrigger } from "vaul-vue";
+const props = defineProps({
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+</script>
+
+<template>
+  <DrawerTrigger
+    data-slot="drawer-trigger"
+    v-bind="props"
+  >
+    <slot />
+  </DrawerTrigger>
+</template>

package/dist/runtime/components/drawer/DrawerTrigger.vue.d.ts

@@ -0,0 +1,13 @@
+import type { NDrawerTriggerProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDrawerTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDrawerTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/Button.vue.d.ts

@@ -10,6 +10,9 @@ type __VLS_Slots = {} & {
     trailing?: (props: typeof __VLS_37) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NButtonProps> & Readonly<{}>, {
+    type: "button" | "submit" | "reset";
+    loadingPlacement: "leading" | "trailing" | "label";
+    size: string;
     una: {
         btnDefaultVariant?: string;
         btn?: string;
@@ -21,9 +24,6 @@ declare const __VLS_component: import("vue").DefineComponent<NButtonProps, {}, {
         btnLoadingIcon?: string;
     };
     rounded: import("vue").HTMLAttributes["class"];
-    size: string;
-    type: "button" | "submit" | "reset";
-    loadingPlacement: "leading" | "trailing" | "label";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/elements/Link.vue

@@ -24,6 +24,10 @@ export default defineComponent({
       type: Boolean,
       default: false
     },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
     // styling
     inactiveClass: {
       type: String,
@@ -110,7 +114,8 @@ export default defineComponent({
       resolveNavLinkActive,
       resolveNavLinkInactive,
       isLinkActive,
-      label: props.label
+      label: props.label,
+      disabled: props.disabled
     };
   }
 });
@@ -124,10 +129,14 @@ export default defineComponent({
   >
     <a
       v-bind="$attrs"
-      :href
+      :href="disabled ? void 0 : href"
       :rel="rel ?? void 0"
+      :aria-disabled="disabled ? 'true' : void 0"
       :target="target ?? void 0"
-      :class="resolveLinkClass(route, $route, { isActive, isExactActive })"
+      :class="[
+  { '_link-disabled': disabled },
+  resolveLinkClass(route, $route, { isActive, isExactActive })
+]"
       :nav-link-active="resolveNavLinkActive(route, $route, { isActive, isExactActive })"
       :nav-link-inactive="resolveNavLinkInactive(route, $route, { isActive, isExactActive })"
       @click="(e) => !isExternal && navigate(e)"

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -13,6 +13,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     }) => string | null;
     isLinkActive: ({ route: linkRoute, isActive, isExactActive }: any) => any;
     label: any;
+    disabled: any;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {} | {
     [x: string]: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/components/elements/avatar/Avatar.vue.d.ts

@@ -6,10 +6,10 @@ type __VLS_Slots = {} & {
     fallback?: (props: typeof __VLS_14) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NAvatarProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
-    rounded: import("vue").HTMLAttributes["class"];
     size: import("vue").HTMLAttributes["class"];
     square: import("vue").HTMLAttributes["class"];
+    rounded: import("vue").HTMLAttributes["class"];
+    as: import("reka-ui").AsTag | import("vue").Component;
     avatar: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/dialog/DialogClose.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NDialogCloseProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDialogCloseProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     btn: string;
     square: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuItem.vue.d.ts

@@ -1,8 +1,8 @@
 import type { NDropdownMenuItemProps } from '../../../types/index.js';
 type __VLS_Slots = any;
 declare const __VLS_component: import("vue").DefineComponent<NDropdownMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDropdownMenuItemProps> & Readonly<{}>, {
-    rounded: import("vue").HTMLAttributes["class"];
     size: string;
+    rounded: import("vue").HTMLAttributes["class"];
     dropdownMenuItem: import("vue").HTMLAttributes["class"];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

package/dist/runtime/components/elements/pagination/PaginationFirst.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationFirstProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationFirstProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/pagination/PaginationLast.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationLastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationLastProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/pagination/PaginationNext.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationNextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationNextProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/elements/pagination/PaginationPrev.vue.d.ts

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NPaginationPrevProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NPaginationPrevProps> & Readonly<{}>, {
-    label: string;
     icon: boolean;
+    label: string;
     square: import("vue").HTMLAttributes["class"];
     paginationUnselected: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/forms/Input.vue.d.ts

@@ -17,9 +17,9 @@ declare const __VLS_component: import("vue").DefineComponent<NInputProps, {
     onTrailing?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    type: HTMLInputElement["type"] | "textarea";
     size: string;
     resize: string | null;
-    type: HTMLInputElement["type"] | "textarea";
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NSidebarMenuButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSidebarMenuButtonProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
     size: "default" | "sm" | "lg";
+    as: import("reka-ui").AsTag | import("vue").Component;
     variant: "default" | "outline";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -18,8 +18,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NSidebarMenuButtonChildProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSidebarMenuButtonChildProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
     size: "default" | "sm" | "lg";
+    as: import("reka-ui").AsTag | import("vue").Component;
     variant: "default" | "outline";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -4,8 +4,8 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_6) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<NSidebarMenuSubButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NSidebarMenuSubButtonProps> & Readonly<{}>, {
-    as: import("reka-ui").AsTag | import("vue").Component;
     size: "sm" | "md";
+    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/types/drawer.d.ts

@@ -0,0 +1,91 @@
+import type { DialogContentProps, DialogOverlayProps } from 'reka-ui';
+import type { DrawerCloseProps, DrawerDescriptionProps, DrawerRootProps, DrawerTitleProps, DrawerTriggerProps } from 'vaul-vue';
+import type { HTMLAttributes } from 'vue';
+import type { NButtonProps } from './button.js';
+export interface NDrawerProps extends Omit<DrawerRootProps, 'fadeFromIndex'>, Pick<NDrawerContentProps, 'showClose' | 'overlay' | '_drawerClose' | '_drawerOverlay'> {
+    /**
+     * The title of the dialog.
+     */
+    title?: string;
+    /**
+     * The description of the dialog.
+     */
+    description?: string;
+    _drawerTitle?: NDrawerTitleProps;
+    _drawerDescription?: NDrawerDescriptionProps;
+    _drawerContent?: NDrawerContentProps;
+    _drawerTrigger?: NDrawerTriggerProps;
+    _drawerHeader?: NDrawerHeaderProps;
+    _drawerFooter?: NDrawerFooterProps;
+    /**
+     * The index of the fade from the drawer.
+     */
+    fadeFromIndex?: number;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/drawer.ts
+     */
+    una?: NDrawerUnaProps;
+}
+export interface NDrawerTitleProps extends DrawerTitleProps, BaseExtensions {
+    una?: Pick<NDrawerUnaProps, 'drawerTitle'>;
+}
+export interface NDrawerDescriptionProps extends DrawerDescriptionProps, BaseExtensions {
+    una?: Pick<NDrawerUnaProps, 'drawerDescription'>;
+}
+export interface NDrawerContentProps extends DialogContentProps, BaseExtensions {
+    /**
+     * Show close button.
+     *
+     * @default true
+     */
+    showClose?: boolean;
+    /**
+     * Show overlay.
+     *
+     * @default true
+     */
+    overlay?: boolean;
+    /**
+     * The close button props.
+     */
+    _drawerClose?: NDrawerCloseProps;
+    /**
+     * The overlay props.
+     */
+    _drawerOverlay?: NDrawerOverlayProps;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/drawer.ts
+     */
+    una?: Pick<NDrawerUnaProps, 'drawerContent' | 'drawerOverlay' | 'drawerHandle'>;
+}
+export interface NDrawerCloseProps extends DrawerCloseProps, NButtonProps {
+}
+export interface NDrawerOverlayProps extends BaseExtensions, DialogOverlayProps {
+    una?: Pick<NDrawerUnaProps, 'drawerOverlay'>;
+}
+export interface NDrawerTriggerProps extends DrawerTriggerProps {
+}
+export interface NDrawerHeaderProps extends BaseExtensions {
+    una?: Pick<NDrawerUnaProps, 'drawerHeader'>;
+}
+export interface NDrawerFooterProps extends BaseExtensions {
+    una?: Pick<NDrawerUnaProps, 'drawerFooter'>;
+}
+export interface NDrawerUnaProps {
+    drawerTitle?: HTMLAttributes['class'];
+    drawerDescription?: HTMLAttributes['class'];
+    drawerOverlay?: HTMLAttributes['class'];
+    drawerContent?: HTMLAttributes['class'];
+    drawerContentWrapper?: HTMLAttributes['class'];
+    drawerHandle?: HTMLAttributes['class'];
+    drawerHeader?: HTMLAttributes['class'];
+    drawerFooter?: HTMLAttributes['class'];
+}
+interface BaseExtensions {
+    class?: HTMLAttributes['class'];
+}
+export {};

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

@@ -12,6 +12,7 @@ export * from './checkbox.js';
 export * from './collapsible.js';
 export * from './combobox.js';
 export * from './dialog.js';
+export * from './drawer.js';
 export * from './dropdown-menu.js';
 export * from './form.js';
 export * from './form-group.js';

package/dist/runtime/types/index.js

@@ -12,6 +12,7 @@ export * from "./checkbox.js";
 export * from "./collapsible.js";
 export * from "./combobox.js";
 export * from "./dialog.js";
+export * from "./drawer.js";
 export * from "./dropdown-menu.js";
 export * from "./form.js";
 export * from "./form-group.js";

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

@@ -22,6 +22,12 @@ export interface NLinkProps extends NuxtLinkProps {
      * @default false
      */
     exactHash?: boolean;
+    /**
+     * Disable the link
+     *
+     * @default false
+     */
+    disabled?: boolean;
     /**
      * Active classes to apply when the link is inactive
      *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.54.3",
+  "version": "0.55.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -11,6 +11,9 @@
     "type": "git",
     "url": "git+https://github.com/una-ui/una-ui.git"
   },
+  "imports": {
+    "#build/una/*": "./.nuxt/una/*.ts"
+  },
   "exports": {
     ".": {
       "types": "./dist/types.d.mts",
@@ -27,9 +30,6 @@
       "import": "./dist/runtime/utils/*.js"
     }
   },
-  "imports": {
-    "#build/una/*": "./.nuxt/una/*.ts"
-  },
   "module": "./dist/module.mjs",
   "types": "./dist/types.d.mts",
   "files": [
@@ -38,7 +38,7 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.23",
     "@iconify/utils": "^2.3.0",
-    "@nuxt/kit": "^3.17.2",
+    "@nuxt/kit": "^3.17.3",
     "@nuxtjs/color-mode": "^3.5.2",
     "@tanstack/vue-table": "^8.21.3",
     "@unocss/core": "^66.0.0",
@@ -54,19 +54,20 @@
     "clsx": "^2.1.1",
     "ohash": "^1.1.6",
     "reka-ui": "^2.2.1",
-    "tailwind-merge": "^3.2.0",
+    "tailwind-merge": "^3.3.0",
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.2.1",
-    "@una-ui/preset": "^0.54.3",
-    "@una-ui/extractor-vue-script": "^0.54.3"
+    "vaul-vue": "^0.4.1",
+    "@una-ui/extractor-vue-script": "^0.55.0",
+    "@una-ui/preset": "^0.55.0"
   },
   "devDependencies": {
     "@iconify-json/lucide": "^1.2.42",
     "@iconify-json/radix-icons": "^1.2.2",
     "@iconify-json/tabler": "^1.2.17",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.17.2",
-    "nuxt": "^3.17.2",
+    "@nuxt/schema": "^3.17.3",
+    "nuxt": "^3.17.3",
     "zod": "^3.24.4"
   },
   "publishConfig": {