@una-ui/nuxt 0.47.1 → 0.48.0

package/dist/module.json

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

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

@@ -25,6 +25,8 @@ const mergeVariants = computed(() => {
     'dropdown-menu': props.dropdownMenu,
     'toggle-on': props.toggleOn,
     'toggle-off': props.toggleOff,
+    'navigation-menu': props.navigationMenu,
+    'navigation-menu-link': props.navigationMenuLink,
   }
 })
 

package/dist/runtime/components/elements/pagination/Pagination.vue

@@ -50,6 +50,8 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
           :pagination-selected
           :pagination-unselected
           v-bind="_paginationFirst"
+          :square
+          :una
         >
           <slot
             name="first"
@@ -63,6 +65,8 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
           :pagination-unselected
           :size
           v-bind="_paginationPrev"
+          :square
+          :una
         >
           <slot
             name="prev"
@@ -85,6 +89,8 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
                 :size
                 :pagination-selected
                 :pagination-unselected
+                :square
+                :una
                 v-bind="_paginationListItem"
               />
             </slot>
@@ -96,6 +102,7 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
               :rounded
               :size
               :pagination-ellipsis
+              :square
               :una
               v-bind="_paginationEllipsis"
             >
@@ -113,6 +120,8 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
           :pagination-selected
           :pagination-unselected
           v-bind="_paginationNext"
+          :square
+          :una
         >
           <slot
             name="next"
@@ -125,6 +134,8 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
           :size
           :pagination-selected
           :pagination-unselected
+          :square
+          :una
           v-bind="_paginationLast"
         >
           <slot

package/dist/runtime/components/elements/pagination/PaginationEllipsis.vue

@@ -24,6 +24,7 @@ const forwardedProps = useForwardProps(delegatedProps)
     :pagination-ellipsis
     :class="cn(
       'pagination-ellipsis-base',
+      props.una?.pagination,
       props.una?.paginationEllipsis,
       props.class,
     )"

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

@@ -31,6 +31,8 @@ const forwardedProps = useForwardProps(delegatedProps)
         v-bind="forwardedProps"
         :class="cn(
           'pagination-first',
+          props.una?.pagination,
+          props.una?.paginationFirst,
           props.class,
         )"
       />

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

@@ -29,6 +29,8 @@ const forwardedProps = useForwardProps(delegatedProps)
         v-bind="forwardedProps"
         :class="cn(
           'pagination-last',
+          props.una?.pagination,
+          props.una?.paginationLast,
           props.class,
         )"
       />

package/dist/runtime/components/elements/pagination/PaginationListItem.vue

@@ -35,6 +35,8 @@ const forwardedProps = useForwardProps(delegatedProps)
       :label
       :class="cn(
         'pagination-list-item',
+        props?.una?.pagination,
+        props?.una?.paginationListItem,
         props.class,
       )"
     >

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

@@ -29,7 +29,10 @@ const forwardedProps = useForwardProps(delegatedProps)
         v-bind="forwardedProps"
         :class="cn(
           'pagination-next',
-          props.class)"
+          props.una?.pagination,
+          props.una?.paginationNext,
+          props.class,
+        )"
       />
     </slot>
   </PaginationNext>

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

@@ -29,6 +29,8 @@ const forwardedProps = useForwardProps(delegatedProps)
         v-bind="forwardedProps"
         :class="cn(
           'pagination-prev',
+          props.una?.pagination,
+          props.una?.paginationPrev,
           props.class,
         )"
       />

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

@@ -0,0 +1,128 @@
+<script setup lang="ts" generic="T extends U[], U extends NNavigationMenuItemProps">
+import type { NavigationMenuRootEmits } from 'reka-ui'
+import type { NNavigationMenuItemProps, NNavigationMenuProps } from '../../types'
+import { createReusableTemplate, reactiveOmit } from '@vueuse/core'
+import { NavigationMenuRoot, useForwardPropsEmits } from 'reka-ui'
+import { cn, omitProps } from '../../utils'
+import NavigationMenuContent from './NavigationMenuContent.vue'
+import NavigationMenuContentItem from './NavigationMenuContentItem.vue'
+import NavigationMenuIndicator from './NavigationMenuIndicator.vue'
+import NavigationMenuItem from './NavigationMenuItem.vue'
+import NavigationMenuLink from './NavigationMenuLink.vue'
+import NavigationMenuList from './NavigationMenuList.vue'
+import NavigationMenuTrigger from './NavigationMenuTrigger.vue'
+import NavigationMenuViewport from './NavigationMenuViewport.vue'
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NNavigationMenuProps<T>>(), {
+  orientation: 'horizontal',
+  unmountOnHide: true,
+})
+const emits = defineEmits<NavigationMenuRootEmits>()
+
+const rootProps = reactiveOmit(props, ['navigationMenu', 'navigationMenuLink', 'una', 'items'])
+const forwarded = useForwardPropsEmits(rootProps, emits)
+
+const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate()
+</script>
+
+<template>
+  <NavigationMenuRoot
+    v-slot="{ modelValue }"
+    v-bind="forwarded"
+    :class="cn(
+      'navigation-menu',
+      props.una?.navigationMenu,
+      props.class,
+    )"
+  >
+    <slot :items="items">
+      <DefineLinkTemplate v-slot="{ link, isList }">
+        <component
+          :is="isList ? NavigationMenuContentItem : NavigationMenuLink"
+          :size
+          :una
+          :disabled="link.disabled"
+          v-bind="{ ...link, ...props._navigationMenuLink }"
+        />
+      </DefineLinkTemplate>
+
+      <NavigationMenuList
+        v-bind="props._navigationMenuList"
+        :una
+        :orientation
+      >
+        <slot name="list" :items="items">
+          <template
+            v-for="item, idx in items"
+            :key="item"
+          >
+            <NavigationMenuItem
+              v-if="item.items && item.items?.length > 0"
+              v-bind="props._navigationMenuItem"
+              :value="item.value"
+              :una
+            >
+              <slot :name="item.slot || 'item'" :item="item" :active="item.active">
+                <NavigationMenuTrigger
+                  :size
+                  :una
+                  :navigation-menu="item?._navigationMenuTrigger?.navigationMenu ?? item.navigationMenu ?? navigationMenu"
+                  :disabled="item?._navigationMenuTrigger?.disabled ?? item.disabled ?? disabled"
+                  v-bind="{ ...omitProps(item, ['items']), ...props._navigationMenuTrigger, ...item?._navigationMenuTrigger }"
+                >
+                  <slot name="trigger" :model-value :item="item" :index="idx" />
+                </NavigationMenuTrigger>
+
+                <NavigationMenuContent
+                  v-bind="props._navigationMenuContent"
+                  :una
+                >
+                  <slot :name="item.slot ? `${item.slot}-content` : 'item-content'" :items="item.items" :item="item">
+                    <ul class="navigation-menu-content-list">
+                      <ReuseLinkTemplate
+                        v-for="(child, childIndex) in item.items"
+                        :key="childIndex"
+                        :link="child"
+                        :is-list="true"
+                        :navigation-menu-link
+                      />
+                    </ul>
+                  </slot>
+                </NavigationMenuContent>
+              </slot>
+            </NavigationMenuItem>
+            <NavigationMenuItem
+              v-else
+              v-bind="props._navigationMenuItem"
+              :value="item.value"
+              :una
+            >
+              <slot :name="item.slot || 'item'" :item="item">
+                <ReuseLinkTemplate
+                  :link="item"
+                  :is-list="false"
+                  :navigation-menu="item.navigationMenu ?? navigationMenu"
+                />
+              </slot>
+            </NavigationMenuItem>
+          </template>
+        </slot>
+        <NavigationMenuIndicator
+          v-if="indicator"
+          :una
+        />
+      </NavigationMenuList>
+    </slot>
+
+    <slot name="viewport">
+      <NavigationMenuViewport
+        v-bind="props._navigationMenuViewport"
+        :orientation="props.orientation"
+      />
+    </slot>
+  </NavigationMenuRoot>
+</template>

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

@@ -0,0 +1,31 @@
+<script setup lang="ts">
+import type { NavigationMenuContentEmits } from 'reka-ui'
+import type { NNavigationMenuContentProps } from '../../types'
+import { reactiveOmit } from '@vueuse/core'
+import {
+  NavigationMenuContent,
+  useForwardPropsEmits,
+} from 'reka-ui'
+import { cn } from '../../utils'
+
+const props = defineProps<NNavigationMenuContentProps>()
+const emits = defineEmits<NavigationMenuContentEmits>()
+
+const delegatedProps = reactiveOmit(props, 'class')
+
+const forwarded = useForwardPropsEmits(delegatedProps, emits)
+</script>
+
+<template>
+  <NavigationMenuContent
+    v-bind="forwarded"
+    :class="cn(
+      'navigation-menu-content',
+      'data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52',
+      props.una?.navigationMenuContent,
+      props.class,
+    )"
+  >
+    <slot />
+  </NavigationMenuContent>
+</template>

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

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import type { NavigationMenuLinkEmits } from 'reka-ui'
+import type { NNavigationMenuListItemProps } from '../../types'
+import { useForwardPropsEmits } from 'reka-ui'
+import { cn } from '../../utils'
+import NavigationMenuLink from './NavigationMenuLink.vue'
+
+const props = defineProps<NNavigationMenuListItemProps>()
+const emits = defineEmits<NavigationMenuLinkEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
+</script>
+
+<template>
+  <NavigationMenuLink
+    v-bind="forwarded"
+    :class="cn(
+      'navigation-menu-content-item',
+      props.una?.navigationMenuContentItem,
+      props.class,
+    )"
+  >
+    <slot>
+      <div
+        :class="cn(
+          'navigation-menu-content-item-wrapper',
+          props.una?.navigationMenuContentItemWrapper,
+        )"
+      >
+        <p
+          :class="cn(
+            'navigation-menu-content-item-label',
+            props.una?.navigationMenuContentItemLabel,
+          )"
+        >
+          {{ label }}
+        </p>
+        <p
+          v-if="description" :class="cn(
+            'navigation-menu-content-item-description',
+            props.una?.navigationMenuContentItemDescription,
+          )"
+        >
+          {{ description }}
+        </p>
+      </div>
+    </slot>
+  </NavigationMenuLink>
+</template>

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

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+import type { NNavigationMenuIndicatorProps } from '../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { NavigationMenuIndicator, useForwardProps } from 'reka-ui'
+import { cn } from '../../utils'
+
+const props = defineProps<NNavigationMenuIndicatorProps>()
+
+const delegatedProps = reactiveOmit(props, 'class')
+
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <NavigationMenuIndicator
+    v-bind="forwardedProps"
+    :class="cn(
+      'navigation-menu-indicator',
+      props.una?.navigationMenuIndicator,
+      props.class,
+    )"
+  >
+    <slot />
+    <div
+      class="navigation-menu-indicator-arrow"
+      :class="props.una?.navigationMenuIndicatorArrow"
+    />
+  </NavigationMenuIndicator>
+</template>

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

@@ -0,0 +1,12 @@
+<script setup lang="ts">
+import type { NNavigationMenuItemProps } from '../../types'
+import { NavigationMenuItem } from 'reka-ui'
+
+const props = defineProps<NNavigationMenuItemProps>()
+</script>
+
+<template>
+  <NavigationMenuItem v-bind="props">
+    <slot />
+  </NavigationMenuItem>
+</template>

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

@@ -0,0 +1,41 @@
+<script setup lang="ts">
+import type { NavigationMenuLinkEmits } from 'reka-ui'
+import type { NNavigationMenuLinkProps } from '../../types'
+import { NavigationMenuLink, useForwardPropsEmits } from 'reka-ui'
+import { cn } from '../../utils'
+import Button from '../elements/Button.vue'
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NNavigationMenuLinkProps>(), {
+  navigationMenuLink: 'ghost-white',
+  btn: '~',
+  as: Button,
+})
+const emits = defineEmits<NavigationMenuLinkEmits>()
+
+const forwarded = useForwardPropsEmits(props, emits)
+</script>
+
+<template>
+  <NavigationMenuLink
+    v-bind="!props.asChild ? {
+      ...$attrs,
+      ...forwarded,
+      class: cn(
+        'navigation-menu-link group',
+        props.una?.navigationMenuLink,
+        props.class,
+      ),
+      navigationMenuLink: btn !== '~' ? undefined : navigationMenuLink,
+      navigationMenu: btn === '~' ? props.navigationMenu : undefined,
+    } : {}"
+    :as-child
+    :as
+    :active
+  >
+    <slot :active="active" />
+  </NavigationMenuLink>
+</template>

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

@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import type { NNavigationMenuListProps } from '../../types'
+import { NavigationMenuList, useForwardProps } from 'reka-ui'
+import { computed } from 'vue'
+import { cn } from '../../utils'
+
+const props = defineProps<NNavigationMenuListProps>()
+
+const delegatedProps = computed(() => {
+  const { class: _, ...delegated } = props
+
+  return delegated
+})
+
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <NavigationMenuList
+    v-bind="forwardedProps"
+    :class="
+      cn(
+        'group',
+        'navigation-menu-list',
+        props.orientation === 'vertical' ? 'navigation-menu-list-vertical' : 'navigation-menu-list-horizontal',
+        props.una?.navigationMenuList,
+        props.class,
+      )
+    "
+  >
+    <slot />
+  </NavigationMenuList>
+</template>

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

@@ -0,0 +1,49 @@
+<script setup lang="ts">
+import type { NNavigationMenuTriggerProps } from '../../types'
+import { reactiveOmit } from '@vueuse/core'
+import {
+  NavigationMenuTrigger,
+  useForwardProps,
+} from 'reka-ui'
+import { cn } from '../../utils'
+import Button from '../elements/Button.vue'
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = withDefaults(defineProps<NNavigationMenuTriggerProps>(), {
+  btn: '~',
+  navigationMenu: 'ghost-white',
+  trailing: 'navigation-menu-trigger-trailing-icon',
+  as: Button,
+})
+
+const delegatedProps = reactiveOmit(props, 'class')
+
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <NavigationMenuTrigger
+    v-bind="!props.asChild ? {
+      ...$attrs,
+      ...forwardedProps,
+      class: cn(
+        'navigation-menu-trigger group',
+        props.una?.navigationMenuTrigger,
+        props.class,
+      ),
+      navigationMenu: btn === '~' ? navigationMenu : undefined,
+      una: {
+        btnTrailing: cn('navigation-menu-trigger-trailing', forwardedProps.una?.btnTrailing),
+        ...props.una,
+      },
+    } : {}"
+    :as-child="props.asChild"
+    :as="props.as"
+    :disabled
+  >
+    <slot />
+  </NavigationMenuTrigger>
+</template>

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

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { NNavigationMenuViewportProps } from '../../types'
+import { reactiveOmit } from '@vueuse/core'
+import { NavigationMenuViewport, useForwardProps } from 'reka-ui'
+import { cn } from '../../utils'
+
+defineOptions({
+  inheritAttrs: false,
+})
+
+const props = defineProps<NNavigationMenuViewportProps>()
+
+const delegatedProps = reactiveOmit(props, 'class')
+
+const forwardedProps = useForwardProps(delegatedProps)
+</script>
+
+<template>
+  <div
+    :class="cn(
+      'navigation-menu-viewport-wrapper',
+      props.orientation === 'horizontal' && 'navigation-menu-viewport-wrapper-horizontal',
+      props.orientation === 'vertical' && 'navigation-menu-viewport-wrapper-vertical',
+      props.una?.navigationMenuViewportWrapper,
+      props.class,
+    )"
+  >
+    <NavigationMenuViewport
+      v-bind="{ ...forwardedProps, ...$attrs }"
+      :class="
+        cn(
+          'navigation-menu-viewport',
+          'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90',
+          props.una?.navigationMenuViewport,
+        )
+      "
+    />
+  </div>
+</template>

package/dist/runtime/plugins/theme.client.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/plugins/theme.server.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

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

@@ -11,6 +11,8 @@ interface BaseExtensionProps {
     dropdownMenu?: string;
     toggleOn?: string;
     toggleOff?: string;
+    navigationMenu?: string;
+    navigationMenuLink?: string;
     ariaLabel?: string;
 }
 export interface NButtonProps extends BaseExtensionProps {

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

@@ -18,6 +18,7 @@ export * from './input.js';
 export * from './kbd.js';
 export * from './label.js';
 export * from './link.js';
+export * from './navigation-menu.js';
 export * from './pagination.js';
 export * from './popover.js';
 export * from './progress.js';

package/dist/runtime/types/index.js

@@ -18,6 +18,7 @@ export * from "./input.js";
 export * from "./kbd.js";
 export * from "./label.js";
 export * from "./link.js";
+export * from "./navigation-menu.js";
 export * from "./pagination.js";
 export * from "./popover.js";
 export * from "./progress.js";

package/dist/runtime/types/navigation-menu.d.ts

@@ -0,0 +1,136 @@
+import type { NavigationMenuContentProps, NavigationMenuIndicatorProps, NavigationMenuItemProps, NavigationMenuLinkProps, NavigationMenuListProps, NavigationMenuRootProps, NavigationMenuSubProps, NavigationMenuTriggerProps, NavigationMenuViewportProps } from 'reka-ui';
+import type { HTMLAttributes } from 'vue';
+import type { NButtonProps } from './button.js';
+interface BaseExtensions {
+    /** CSS class for the component */
+    class?: HTMLAttributes['class'];
+    /** Size of the component */
+    size?: HTMLAttributes['class'];
+}
+export interface NNavigationMenuProps<T> extends Omit<NavigationMenuRootProps, 'class'>, Pick<NNavigationMenuTriggerProps, 'navigationMenu' | 'disabled'>, Pick<NNavigationMenuLinkProps, 'navigationMenuLink'>, BaseExtensions {
+    /**
+     * The array of items that is passed to the navigation menu.
+     *
+     * @default []
+     */
+    items?: T;
+    /** Whether to show the indicator or not */
+    indicator?: boolean;
+    /** Props for the navigation menu trigger */
+    _navigationMenuTrigger?: Partial<NNavigationMenuTriggerProps>;
+    /** Props for the navigation menu content */
+    _navigationMenuContent?: Partial<NNavigationMenuContentProps>;
+    /** Props for the navigation menu item */
+    _navigationMenuItem?: Partial<NNavigationMenuItemProps>;
+    /** Props for the navigation menu viewport */
+    _navigationMenuViewport?: Partial<NNavigationMenuViewportProps>;
+    /** Props for the navigation menu list */
+    _navigationMenuList?: Partial<NNavigationMenuListProps>;
+    /** Props for the navigation menu list item */
+    _navigationMenuListItem?: Partial<NNavigationMenuListItemProps>;
+    /** Props for the navigation menu link */
+    _navigationMenuLink?: Partial<NNavigationMenuLinkProps>;
+    /** Props for the navigation menu indicator */
+    _navigationMenuIndicator?: Partial<NNavigationMenuIndicatorProps>;
+    /**
+     * `UnaUI` preset configuration
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/navigation-menu.ts
+     */
+    una?: NNavigationMenuUnaProps;
+}
+export interface NNavigationMenuTriggerProps extends NavigationMenuTriggerProps, Omit<NButtonProps, 'una'> {
+    /**
+     * Allows you to add `UnaUI` button preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/navigation-menu.ts
+     * @example
+     * navigation-menu="solid-indigo"
+     */
+    navigationMenu?: string;
+    /** Additional properties for the una component */
+    una?: Pick<NNavigationMenuUnaProps, 'navigationMenuTrigger' | 'navigationMenuDefaultVariant'> & NButtonProps['una'];
+}
+export interface NNavigationMenuContentProps extends NavigationMenuContentProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: NNavigationMenuUnaProps['navigationMenuContent'];
+}
+export interface NNavigationMenuItemProps extends NavigationMenuItemProps, Omit<NNavigationMenuTriggerProps, 'una'>, Pick<NNavigationMenuLinkProps, 'active' | 'onSelect'>, Pick<NNavigationMenuProps<NNavigationMenuItemProps[]>, '_navigationMenuLink' | '_navigationMenuTrigger'> {
+    /** Slot of the navigation menu item */
+    slot?: string;
+    /** The array of links that is passed to the navigation menu items. */
+    items?: NNavigationMenuLinkProps[];
+    /** Additional properties for the una component */
+    una?: Pick<NNavigationMenuUnaProps, 'navigationMenuTrigger' | 'navigationMenuContent'>;
+}
+export interface NNavigationMenuIndicatorProps extends NavigationMenuIndicatorProps, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: NNavigationMenuUnaProps['navigationMenuIndicator'];
+}
+export interface NNavigationMenuLinkProps extends NavigationMenuLinkProps, Omit<NButtonProps, 'size'>, BaseExtensions {
+    /**
+     * Allows you to add `UnaUI` button preset properties,
+     * Think of it as a shortcut for adding options or variants to the preset if available.
+     *
+     * @see https://github.com/una-ui/una-ui/blob/main/packages/preset/src/_shortcuts/navigation-menu.ts
+     * @example
+     * navigation-menu-link="ghost-gray"
+     */
+    navigationMenuLink?: string;
+    /** Event handler called when the link is clicked */
+    onSelect?: (e: Event) => void;
+    /** Additional properties for the una component */
+    una?: NNavigationMenuUnaProps['navigationMenuLink'] & NButtonProps['una'];
+}
+export interface NNavigationMenuListProps extends NavigationMenuListProps, Pick<NavigationMenuRootProps, 'orientation'>, BaseExtensions {
+    /** Additional properties for the una component */
+    una?: NNavigationMenuUnaProps['navigationMenuList'];
+}
+export interface NNavigationMenuListItemProps extends NNavigationMenuLinkProps {
+    /** Description of the link. This is only used when `orientation` is `horizontal`. */
+    description?: string;
+    /** Additional properties for the una component */
+    una?: Pick<NNavigationMenuUnaProps, 'navigationMenuListItem' | 'navigationMenuContentItem' | 'navigationMenuContentItemWrapper' | 'navigationMenuContentItemLabel' | 'navigationMenuContentItemDescription'>;
+}
+export interface NNavigationMenuSubProps extends NavigationMenuSubProps {
+}
+export interface NNavigationMenuViewportProps extends NavigationMenuViewportProps, Pick<NavigationMenuRootProps, 'orientation'>, Pick<BaseExtensions, 'class'> {
+    /** Additional properties for the una component */
+    una?: Pick<NNavigationMenuUnaProps, 'navigationMenuViewport' | 'navigationMenuViewportWrapper'>;
+}
+interface NNavigationMenuUnaProps {
+    /** CSS class for the navigation menu */
+    navigationMenu?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu content */
+    navigationMenuContent?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu content item */
+    navigationMenuContentItem?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu content item wrapper */
+    navigationMenuContentItemWrapper?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu content item label */
+    navigationMenuContentItemLabel?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu content item description */
+    navigationMenuContentItemDescription?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu trigger */
+    navigationMenuTrigger?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu trigger default variant */
+    navigationMenuDefaultVariant?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu list */
+    navigationMenuList?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu list item */
+    navigationMenuListItem?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu item */
+    navigationMenuItem?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu link */
+    navigationMenuLink?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu indicator */
+    navigationMenuIndicator?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu indicator arrow */
+    navigationMenuIndicatorArrow?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu viewport */
+    navigationMenuViewport?: HTMLAttributes['class'];
+    /** CSS class for the navigation menu viewport wrapper */
+    navigationMenuViewportWrapper?: HTMLAttributes['class'];
+}
+export {};

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

@@ -26,25 +26,35 @@ export interface NPaginationProps extends PaginationRootProps, BaseExtensionProp
 export interface NPaginationListProps extends PaginationListProps, BaseExtensionProps {
     una?: Pick<NPaginationUnaProps, 'paginationList'>;
 }
-export interface NPaginationListItemProps extends PaginationListItemProps, NButtonProps {
+export interface NPaginationListItemProps extends PaginationListItemProps, Omit<NButtonProps, 'una'> {
     isSelected?: boolean;
     page?: PaginationRootProps['page'];
+    una?: Pick<NPaginationUnaProps, 'paginationListItem' | 'pagination'> & NButtonProps['una'];
 }
 export interface NPaginationEllipsisProps extends PaginationEllipsisProps, BaseExtensionProps {
     paginationEllipsis?: HTMLAttributes['class'];
-    una?: Pick<NPaginationUnaProps, 'paginationEllipsis' | 'paginationEllipsisIconBase' | 'paginationEllipsisIcon'>;
+    una?: Pick<NPaginationUnaProps, 'paginationEllipsis' | 'paginationEllipsisIconBase' | 'paginationEllipsisIcon' | 'pagination'>;
 }
-export interface NPaginationFirstProps extends PaginationFirstProps, NButtonProps {
+export interface NPaginationFirstProps extends PaginationFirstProps, Omit<NButtonProps, 'una'> {
+    una?: Pick<NPaginationUnaProps, 'paginationFirst' | 'pagination'> & NButtonProps['una'];
 }
-export interface NPaginationPrevProps extends PaginationPrevProps, NButtonProps {
+export interface NPaginationPrevProps extends PaginationPrevProps, Omit<NButtonProps, 'una'> {
+    una?: Pick<NPaginationUnaProps, 'paginationPrev' | 'pagination'> & NButtonProps['una'];
 }
-export interface NPaginationNextProps extends PaginationNextProps, NButtonProps {
+export interface NPaginationNextProps extends PaginationNextProps, Omit<NButtonProps, 'una'> {
+    una?: Pick<NPaginationUnaProps, 'paginationNext' | 'pagination'> & NButtonProps['una'];
 }
-export interface NPaginationLastProps extends PaginationLastProps, NButtonProps {
+export interface NPaginationLastProps extends PaginationLastProps, Omit<NButtonProps, 'una'> {
+    una?: Pick<NPaginationUnaProps, 'paginationLast' | 'pagination'> & NButtonProps['una'];
 }
 interface NPaginationUnaProps {
+    pagination?: HTMLAttributes['class'];
     paginationRoot?: HTMLAttributes['class'];
     paginationList?: HTMLAttributes['class'];
+    paginationNext?: HTMLAttributes['class'];
+    paginationPrev?: HTMLAttributes['class'];
+    paginationFirst?: HTMLAttributes['class'];
+    paginationLast?: HTMLAttributes['class'];
     paginationListItem?: HTMLAttributes['class'];
     paginationEllipsis?: HTMLAttributes['class'];
     paginationEllipsisIconBase?: HTMLAttributes['class'];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@una-ui/nuxt",
   "type": "module",
-  "version": "0.47.1",
+  "version": "0.48.0",
   "description": "Nuxt module for @una-ui",
   "author": "Phojie Rengel <phojrengel@gmail.com>",
   "license": "MIT",
@@ -59,11 +59,11 @@
     "typescript": "5.6.3",
     "unocss": "^66.0.0",
     "unocss-preset-animations": "^1.1.1",
-    "@una-ui/extractor-vue-script": "^0.47.1",
-    "@una-ui/preset": "^0.47.1"
+    "@una-ui/extractor-vue-script": "^0.48.0",
+    "@una-ui/preset": "^0.48.0"
   },
   "devDependencies": {
-    "@iconify-json/lucide": "^1.2.32",
+    "@iconify-json/lucide": "^1.2.34",
     "@iconify-json/radix-icons": "^1.2.2",
     "@iconify-json/tabler": "^1.2.17",
     "@nuxt/module-builder": "^0.8.4",