@una-ui/nuxt 0.54.2 → 0.54.3

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

@@ -1,12 +1,12 @@
-<script lang="ts" setup>
-import type { NBreadcrumbSeparatorProps } from '../../../types'
-import { cn } from '../../../utils'
-import Icon from '../../elements/Icon.vue'
-
-const props = withDefaults(defineProps<NBreadcrumbSeparatorProps>(), {
-  icon: 'breadcrumb-separator-icon',
-  size: 'sm',
-})
+<script setup>
+import { cn } from "../../../utils";
+import Icon from "../../elements/Icon.vue";
+const props = defineProps({
+  icon: { type: String, required: false, default: "breadcrumb-separator-icon" },
+  size: { type: String, required: false, default: "sm" },
+  una: { type: Object, required: false },
+  class: { type: null, required: false }
+});
 </script>
 
 <template>
@@ -14,10 +14,10 @@ const props = withDefaults(defineProps<NBreadcrumbSeparatorProps>(), {
     role="presentation"
     aria-hidden="true"
     :class="cn(
-      'breadcrumb-separator',
-      props.class,
-      props.una?.breadcrumbSeparator,
-    )"
+  'breadcrumb-separator',
+  props.class,
+  props.una?.breadcrumbSeparator
+)"
     :size
   >
     <slot>

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

@@ -0,0 +1,16 @@
+import type { NBreadcrumbSeparatorProps } from '../../../types/index.js';
+declare var __VLS_1: {};
+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;
+}, {}, {}, {}, 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/navigation-menu/NavigationMenu.vue

@@ -1,32 +1,52 @@
-<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'
-
+<script setup>
+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()
+  inheritAttrs: false
+});
+const props = defineProps({
+  items: { type: null, required: false },
+  indicator: { type: Boolean, required: false },
+  _navigationMenuTrigger: { type: Object, required: false },
+  _navigationMenuContent: { type: Object, required: false },
+  _navigationMenuItem: { type: Object, required: false },
+  _navigationMenuViewport: { type: Object, required: false },
+  _navigationMenuList: { type: Object, required: false },
+  _navigationMenuListItem: { type: Object, required: false },
+  _navigationMenuLink: { type: Object, required: false },
+  _navigationMenuIndicator: { type: Object, required: false },
+  una: { type: Object, required: false },
+  modelValue: { type: String, required: false },
+  defaultValue: { type: String, required: false },
+  dir: { type: String, required: false },
+  orientation: { type: String, required: false, default: "horizontal" },
+  delayDuration: { type: Number, required: false },
+  skipDelayDuration: { type: Number, required: false },
+  disableClickTrigger: { type: Boolean, required: false },
+  disableHoverTrigger: { type: Boolean, required: false },
+  disablePointerLeaveClose: { type: Boolean, required: false },
+  unmountOnHide: { type: Boolean, required: false, default: true },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  navigationMenu: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  navigationMenuLink: { type: String, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const emits = defineEmits(["update:modelValue"]);
+const rootProps = reactiveOmit(props, ["navigationMenu", "navigationMenuLink", "una", "items"]);
+const forwarded = useForwardPropsEmits(rootProps, emits);
+const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate();
 </script>
 
 <template>
@@ -34,10 +54,10 @@ const [DefineLinkTemplate, ReuseLinkTemplate] = createReusableTemplate()
     v-slot="{ modelValue }"
     v-bind="forwarded"
     :class="cn(
-      'navigation-menu',
-      props.una?.navigationMenu,
-      props.class,
-    )"
+  'navigation-menu',
+  props.una?.navigationMenu,
+  props.class
+)"
   >
     <slot :items="items">
       <DefineLinkTemplate v-slot="{ link, isList }">

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

@@ -0,0 +1,46 @@
+import type { NNavigationMenuItemProps, NNavigationMenuProps } from '../../types/index.js';
+declare const _default: <T extends U[], U extends NNavigationMenuItemProps>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & NNavigationMenuProps<T> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        [x: string]: ((props: {
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+            active: boolean | undefined;
+        }) => any) | undefined;
+    } & {
+        [x: `${string}-content`]: ((props: {
+            items: import("../../types/index.js").NNavigationMenuLinkProps[];
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+        }) => any) | undefined;
+    } & {
+        [x: string]: ((props: {
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+        }) => any) | undefined;
+    } & {
+        default?: (props: {
+            items: T | undefined;
+        }) => any;
+    } & {
+        list?: (props: {
+            items: T | undefined;
+        }) => any;
+    } & {
+        trigger?: (props: {
+            modelValue: string;
+            item: T extends number ? number : T extends string ? string : T extends any[] ? T[number] : T extends Iterable<infer T1> ? T1 : any;
+            index: number;
+        }) => any;
+    } & {
+        viewport?: (props: {}) => any;
+    };
+    emit: (evt: "update:modelValue", value: string) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,30 +1,33 @@
-<script setup lang="ts">
-import type { NavigationMenuContentEmits } from 'reka-ui'
-import type { NNavigationMenuContentProps } from '../../types'
-import { reactiveOmit } from '@vueuse/core'
+<script setup>
+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)
+  useForwardPropsEmits
+} from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  disableOutsidePointerEvents: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"]);
+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,
-    )"
+  '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>

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

@@ -0,0 +1,39 @@
+import type { NNavigationMenuContentProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuContentProps, {}, {}, {}, {}, 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;
+}, string, import("vue").PublicProps, Readonly<NNavigationMenuContentProps> & 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;
+}>, {}, {}, {}, {}, 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/navigation-menu/NavigationMenuContentItem.vue

@@ -1,14 +1,43 @@
-<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 setup>
+import { useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../utils";
+import NavigationMenuLink from "./NavigationMenuLink.vue";
+const props = defineProps({
+  description: { type: String, required: false },
+  una: { type: Object, required: false },
+  navigationMenuLink: { type: String, required: false },
+  onSelect: { type: Function, required: false },
+  active: { type: Boolean, required: false },
+  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 },
+  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 },
+  ariaLabel: { type: String, required: false },
+  size: { type: null, required: false }
+});
+const emits = defineEmits(["select"]);
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>
@@ -16,31 +45,31 @@ const forwarded = useForwardPropsEmits(props, emits)
     v-bind="forwarded"
     :una
     :class="cn(
-      'navigation-menu-content-item',
-      props.una?.navigationMenuContentItem,
-      props.class,
-    )"
+  'navigation-menu-content-item',
+  props.una?.navigationMenuContentItem,
+  props.class
+)"
   >
     <slot>
       <div
         :class="cn(
-          'navigation-menu-content-item-wrapper',
-          props.una?.navigationMenuContentItemWrapper,
-        )"
+  'navigation-menu-content-item-wrapper',
+  props.una?.navigationMenuContentItemWrapper
+)"
       >
         <p
           :class="cn(
-            'navigation-menu-content-item-label',
-            props.una?.navigationMenuContentItemLabel,
-          )"
+  'navigation-menu-content-item-label',
+  props.una?.navigationMenuContentItemLabel
+)"
         >
           {{ label }}
         </p>
         <p
           v-if="description" :class="cn(
-            'navigation-menu-content-item-description',
-            props.una?.navigationMenuContentItemDescription,
-          )"
+  'navigation-menu-content-item-description',
+  props.una?.navigationMenuContentItemDescription
+)"
         >
           {{ description }}
         </p>

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

@@ -0,0 +1,21 @@
+import type { NNavigationMenuListItemProps } from '../../types/index.js';
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (payload: CustomEvent<{
+        originalEvent: Event;
+    }>) => any;
+}, string, import("vue").PublicProps, Readonly<NNavigationMenuListItemProps> & Readonly<{
+    onSelect?: ((payload: CustomEvent<{
+        originalEvent: Event;
+    }>) => any) | undefined;
+}>, {}, {}, {}, {}, 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/navigation-menu/NavigationMenuIndicator.vue

@@ -1,24 +1,27 @@
-<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 setup>
+import { reactiveOmit } from "@vueuse/core";
+import { NavigationMenuIndicator, useForwardProps } from "reka-ui";
+import { cn } from "../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  forceMount: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
+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,
-    )"
+  'navigation-menu-indicator',
+  props.una?.navigationMenuIndicator,
+  props.class
+)"
   >
     <slot />
     <div

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

@@ -0,0 +1,13 @@
+import type { NNavigationMenuIndicatorProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuIndicatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNavigationMenuIndicatorProps> & 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/navigation-menu/NavigationMenuItem.vue

@@ -1,8 +1,43 @@
-<script setup lang="ts">
-import type { NNavigationMenuItemProps } from '../../types'
-import { NavigationMenuItem } from 'reka-ui'
-
-const props = defineProps<NNavigationMenuItemProps>()
+<script setup>
+import { NavigationMenuItem } from "reka-ui";
+const props = defineProps({
+  slot: { type: String, required: false },
+  items: { type: Array, required: false },
+  una: { type: Object, required: false },
+  value: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  navigationMenu: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  type: { type: String, required: false },
+  loadingPlacement: { type: String, required: false },
+  icon: { 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 },
+  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 },
+  navigationMenuLink: { type: String, required: false },
+  ariaLabel: { type: String, required: false },
+  active: { type: Boolean, required: false },
+  onSelect: { type: Function, required: false },
+  _navigationMenuLink: { type: Object, required: false },
+  _navigationMenuTrigger: { type: Object, required: false }
+});
 </script>
 
 <template>

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

@@ -0,0 +1,13 @@
+import type { NNavigationMenuItemProps } from '../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NNavigationMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NNavigationMenuItemProps> & 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/navigation-menu/NavigationMenuLink.vue

@@ -1,37 +1,60 @@
-<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'
-
+<script setup>
+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)
+  inheritAttrs: false
+});
+const props = defineProps({
+  navigationMenuLink: { type: String, required: false, default: "ghost-white" },
+  onSelect: { type: Function, required: false },
+  una: { type: Object, required: false },
+  active: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false, default: Button },
+  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, default: "~" },
+  leading: { type: String, required: false },
+  trailing: { type: String, 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 },
+  ariaLabel: { type: String, required: false },
+  size: { type: null, required: false }
+});
+const emits = defineEmits(["select"]);
+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,
-    } : {}"
+  ...$attrs,
+  ...forwarded,
+  class: cn(
+    'navigation-menu-link group',
+    props.una?.navigationMenuLink,
+    props.class
+  ),
+  navigationMenuLink: btn !== '~' ? void 0 : navigationMenuLink,
+  navigationMenu: btn === '~' ? props.navigationMenu : void 0
+} : {}"
     :as-child
     :as
     :active