@una-ui/nuxt 0.54.4 → 0.55.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "configKey": "una",
-  "version": "0.54.4",
+  "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.4";
+const version = "0.55.0";
 
 const module = defineNuxtModule({
   meta: {

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

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.54.4",
+  "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": [
@@ -54,11 +54,12 @@
     "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/extractor-vue-script": "^0.54.4",
-    "@una-ui/preset": "^0.54.4"
+    "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",