@una-ui/nuxt 0.52.1 → 0.53.0

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuSeparator.vue

@@ -1,19 +1,26 @@
-<script setup lang="ts">
-import type { NDropdownMenuSeparatorProps } from '../../../types'
+<script setup>
 import {
-  DropdownMenuSeparator,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import Separator from '../Separator.vue'
-
-const props = defineProps<NDropdownMenuSeparatorProps>()
-
+  DropdownMenuSeparator
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import Separator from "../Separator.vue";
+const props = defineProps({
+  una: { type: Object, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  separator: { type: null, required: false },
+  separatorPosition: { type: null, required: false },
+  size: { type: null, required: false },
+  orientation: { type: String, required: false },
+  decorative: { type: Boolean, required: false },
+  class: { type: null, required: false },
+  label: { type: String, required: false }
+});
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
 </script>
 
 <template>
@@ -24,10 +31,10 @@ const delegatedProps = computed(() => {
       <Separator
         v-bind="delegatedProps"
         :class="cn(
-          'dropdown-menu-separator my-1',
-          props.una?.dropdownMenuSeparator,
-          props.class,
-        )"
+  'dropdown-menu-separator my-1',
+  props.una?.dropdownMenuSeparator,
+  props.class
+)"
       />
     </div>
   </DropdownMenuSeparator>

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

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

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuShortcut.vue

@@ -1,17 +1,20 @@
-<script setup lang="ts">
-import type { NDropdownMenuShortcutProps } from '../../../types/dropdown-menu'
-import { cn } from '../../../utils'
-
-const props = defineProps<NDropdownMenuShortcutProps>()
+<script setup>
+import { cn } from "../../../utils";
+const props = defineProps({
+  value: { type: String, required: false },
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false }
+});
 </script>
 
 <template>
   <span
     :class="cn(
-      'dropdown-menu-shortcut',
-      props.una?.dropdownMenuShortcut,
-      props.class,
-    )"
+  'dropdown-menu-shortcut',
+  props.una?.dropdownMenuShortcut,
+  props.class
+)"
   >
     <slot>
       {{ props.value }}

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

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

@@ -1,18 +1,14 @@
-<script setup lang="ts">
-import type {
-  DropdownMenuSubEmits,
-  DropdownMenuSubProps,
-} from 'reka-ui'
-
+<script setup>
 import {
   DropdownMenuSub,
-  useForwardPropsEmits,
-} from 'reka-ui'
-
-const props = defineProps<DropdownMenuSubProps>()
-const emits = defineEmits<DropdownMenuSubEmits>()
-
-const forwarded = useForwardPropsEmits(props, emits)
+  useForwardPropsEmits
+} from "reka-ui";
+const props = defineProps({
+  defaultOpen: { type: Boolean, required: false },
+  open: { type: Boolean, required: false }
+});
+const emits = defineEmits(["update:open"]);
+const forwarded = useForwardPropsEmits(props, emits);
 </script>
 
 <template>

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

@@ -0,0 +1,17 @@
+import type { DropdownMenuSubProps } from 'reka-ui';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DropdownMenuSubProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (payload: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<DropdownMenuSubProps> & Readonly<{
+    "onUpdate:open"?: ((payload: boolean) => 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/elements/dropdown-menu/DropdownMenuSubContent.vue

@@ -1,33 +1,48 @@
-<script setup lang="ts">
-import type { DropdownMenuSubContentEmits } from 'reka-ui'
-import type { NDropdownMenuSubContentProps } from '../../../types'
+<script setup>
 import {
   DropdownMenuSubContent,
-  useForwardPropsEmits,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-
-const props = defineProps<NDropdownMenuSubContentProps>()
-const emits = defineEmits<DropdownMenuSubContentEmits>()
-
+  useForwardPropsEmits
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+const props = defineProps({
+  una: { type: Object, required: false },
+  class: { type: null, required: false },
+  size: { type: null, required: false },
+  forceMount: { type: Boolean, required: false },
+  loop: { type: Boolean, required: false },
+  sideOffset: { type: Number, required: false },
+  alignOffset: { type: Number, required: false },
+  avoidCollisions: { type: Boolean, required: false },
+  collisionBoundary: { type: null, required: false },
+  collisionPadding: { type: [Number, Object], required: false },
+  arrowPadding: { type: Number, required: false },
+  sticky: { type: String, required: false },
+  hideWhenDetached: { type: Boolean, required: false },
+  positionStrategy: { type: String, required: false },
+  updatePositionStrategy: { type: String, required: false },
+  disableUpdateOnLayoutShift: { type: Boolean, required: false },
+  prioritizePosition: { type: Boolean, required: false },
+  reference: { type: null, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const emits = defineEmits(["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "entryFocus", "openAutoFocus", "closeAutoFocus"]);
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwarded = useForwardPropsEmits(delegatedProps, emits)
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
+const forwarded = useForwardPropsEmits(delegatedProps, emits);
 </script>
 
 <template>
   <DropdownMenuSubContent
     v-bind="forwarded"
     :class="cn(
-      'dropdown-menu-sub-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
-      forwarded.una?.dropdownMenuSubContent,
-      props.class,
-    )"
+  'dropdown-menu-sub-content data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',
+  forwarded.una?.dropdownMenuSubContent,
+  props.class
+)"
   >
     <slot />
   </DropdownMenuSubContent>

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

@@ -0,0 +1,45 @@
+import type { NDropdownMenuSubContentProps } from '../../../types/index.js';
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDropdownMenuSubContentProps, {}, {}, {}, {}, 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;
+    entryFocus: (event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<NDropdownMenuSubContentProps> & 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;
+    onEntryFocus?: ((event: 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/elements/dropdown-menu/DropdownMenuSubTrigger.vue

@@ -1,25 +1,50 @@
-<script setup lang="ts">
-import type { NDropdownMenuSubTriggerProps } from '../../../types'
+<script setup>
 import {
   DropdownMenuSubTrigger,
-  useForwardProps,
-} from 'reka-ui'
-import { computed } from 'vue'
-import { cn } from '../../../utils'
-import Button from '../Button.vue'
-
-const props = withDefaults(defineProps<NDropdownMenuSubTriggerProps>(), {
-  dropdownMenuItem: '~',
-  rounded: 'sm',
-})
-
+  useForwardProps
+} from "reka-ui";
+import { computed } from "vue";
+import { cn } from "../../../utils";
+import Button from "../Button.vue";
+const props = defineProps({
+  dropdownMenuItem: { type: null, required: false, default: "~" },
+  inset: { type: Boolean, 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, default: "sm" },
+  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 },
+  textValue: { type: String, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
 const delegatedProps = computed(() => {
-  const { class: _, ...delegated } = props
-
-  return delegated
-})
-
-const forwardedProps = useForwardProps(delegatedProps)
+  const { class: _, ...delegated } = props;
+  return delegated;
+});
+const forwardedProps = useForwardProps(delegatedProps);
 </script>
 
 <template>
@@ -30,16 +55,16 @@ const forwardedProps = useForwardProps(delegatedProps)
       v-bind="{ ...forwardedProps, ...$attrs }"
       :dropdown-menu-item
       :class="cn(
-        'dropdown-menu-sub-trigger w-full justify-start font-normal px-0.5714285714285714em py-0.42857142857142855em h-auto',
-        inset && !(forwardedProps.leading || $slots.leading) && 'pl-8',
-        props.class,
-      )"
+  'dropdown-menu-sub-trigger w-full justify-start font-normal px-0.5714285714285714em py-0.42857142857142855em h-auto',
+  inset && !(forwardedProps.leading || $slots.leading) && 'pl-8',
+  props.class
+)"
       btn="~"
       :una="{
-        btnLeading: cn('dropdown-menu-sub-trigger-leading ml-0', forwardedProps.una?.btnLeading),
-        btnTrailing: cn('dropdown-menu-sub-trigger-trailing', forwardedProps.una?.btnTrailing),
-        ...forwardedProps.una,
-      }"
+  btnLeading: cn('dropdown-menu-sub-trigger-leading ml-0', forwardedProps.una?.btnLeading),
+  btnTrailing: cn('dropdown-menu-sub-trigger-trailing', forwardedProps.una?.btnTrailing),
+  ...forwardedProps.una
+}"
       trailing="dropdown-menu-sub-trigger-trailing-icon"
     >
       <template v-for="(_, name) in $slots" #[name]="slotData">

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

@@ -0,0 +1,16 @@
+import type { NDropdownMenuSubTriggerProps } from '../../../types/index.js';
+declare var __VLS_10: string | number, __VLS_11: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_10>]?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NDropdownMenuSubTriggerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NDropdownMenuSubTriggerProps> & Readonly<{}>, {
+    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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/elements/dropdown-menu/DropdownMenuTrigger.vue

@@ -1,12 +1,39 @@
-<script setup lang="ts">
-import type { NDropdownMenuTriggerProps } from '../../../types'
-import { DropdownMenuTrigger, useForwardProps } from 'reka-ui'
-import { cn, randomId } from '../../../utils'
-import Button from '../Button.vue'
-
-const props = defineProps<NDropdownMenuTriggerProps>()
-
-const forwardedProps = useForwardProps(props)
+<script setup>
+import { DropdownMenuTrigger, useForwardProps } from "reka-ui";
+import { cn, randomId } from "../../../utils";
+import Button from "../Button.vue";
+const props = defineProps({
+  una: { type: Object, 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 },
+  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 },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false }
+});
+const forwardedProps = useForwardProps(props);
 </script>
 
 <template>
@@ -18,15 +45,15 @@ const forwardedProps = useForwardProps(props)
         v-bind="forwardedProps"
         :id="randomId('dropdown-menu-trigger')"
         :class="cn(
-          'dropdown-menu-trigger',
-          props.class,
-        )"
+  'dropdown-menu-trigger',
+  props.class
+)"
         :una="{
-          btnDefaultVariant: 'dropdown-menu-default-variant',
-          btnLeading: cn('dropdown-menu-trigger-leading', forwardedProps.una?.btnLeading),
-          btnTrailing: cn('dropdown-menu-trigger-trailing', forwardedProps.una?.btnTrailing),
-          ...props.una,
-        }"
+  btnDefaultVariant: 'dropdown-menu-default-variant',
+  btnLeading: cn('dropdown-menu-trigger-leading', forwardedProps.una?.btnLeading),
+  btnTrailing: cn('dropdown-menu-trigger-trailing', forwardedProps.una?.btnTrailing),
+  ...props.una
+}"
       />
     </slot>
   </DropdownMenuTrigger>

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

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

@@ -1,26 +1,46 @@
-<script setup lang="ts">
-import type { PaginationRootEmits } from 'reka-ui'
-import type { NPaginationProps } from '../../../types'
-import { reactivePick } from '@vueuse/core'
-import { PaginationList, PaginationRoot, useForwardPropsEmits } from 'reka-ui'
-import { cn } from '../../../utils'
-import PaginationEllipsis from './PaginationEllipsis.vue'
-import PaginationFirst from './PaginationFirst.vue'
-import PaginationLast from './PaginationLast.vue'
-import PaginationListItem from './PaginationListItem.vue'
-import PaginationNext from './PaginationNext.vue'
-import PaginationPrev from './PaginationPrev.vue'
-
-const props = withDefaults(defineProps<NPaginationProps>(), {
-  showFirst: true,
-  showLast: true,
-  showListItem: true,
-  showNext: true,
-  showPrev: true,
-})
-
-const emits = defineEmits<PaginationRootEmits>()
-const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage', 'disabled', 'itemsPerPage', 'page', 'showEdges', 'siblingCount', 'total'), emits)
+<script setup>
+import { reactivePick } from "@vueuse/core";
+import { PaginationList, PaginationRoot, useForwardPropsEmits } from "reka-ui";
+import { cn } from "../../../utils";
+import PaginationEllipsis from "./PaginationEllipsis.vue";
+import PaginationFirst from "./PaginationFirst.vue";
+import PaginationLast from "./PaginationLast.vue";
+import PaginationListItem from "./PaginationListItem.vue";
+import PaginationNext from "./PaginationNext.vue";
+import PaginationPrev from "./PaginationPrev.vue";
+const props = defineProps({
+  showFirst: { type: Boolean, required: false, default: true },
+  showPrev: { type: Boolean, required: false, default: true },
+  showNext: { type: Boolean, required: false, default: true },
+  showLast: { type: Boolean, required: false, default: true },
+  showListItem: { type: Boolean, required: false, default: true },
+  _paginationList: { type: Object, required: false },
+  _paginationListItem: { type: Object, required: false },
+  _paginationEllipsis: { type: Object, required: false },
+  _paginationFirst: { type: Object, required: false },
+  _paginationPrev: { type: Object, required: false },
+  _paginationNext: { type: Object, required: false },
+  _paginationLast: { type: Object, required: false },
+  una: { type: Object, required: false },
+  page: { type: Number, required: false },
+  defaultPage: { type: Number, required: false },
+  itemsPerPage: { type: Number, required: true },
+  total: { type: Number, required: false },
+  siblingCount: { type: Number, required: false },
+  disabled: { type: Boolean, required: false },
+  showEdges: { type: Boolean, required: false },
+  asChild: { type: Boolean, required: false },
+  as: { type: null, required: false },
+  square: { type: null, required: false },
+  class: { type: null, required: false },
+  rounded: { type: null, required: false },
+  size: { type: null, required: false },
+  paginationSelected: { type: String, required: false },
+  paginationUnselected: { type: String, required: false },
+  paginationEllipsis: { type: null, required: false }
+});
+const emits = defineEmits(["update:page"]);
+const rootProps = useForwardPropsEmits(reactivePick(props, "as", "defaultPage", "disabled", "itemsPerPage", "page", "showEdges", "siblingCount", "total"), emits);
 </script>
 
 <template>
@@ -28,18 +48,18 @@ const rootProps = useForwardPropsEmits(reactivePick(props, 'as', 'defaultPage',
     v-slot="{ page }"
     v-bind="rootProps"
     :class="cn(
-      'pagination-root',
-      props.class,
-      props.una?.paginationRoot,
-    )"
+  'pagination-root',
+  props.class,
+  props.una?.paginationRoot
+)"
   >
     <PaginationList
       v-slot="{ items }"
       :class="cn(
-        'pagination-list',
-        props?._paginationList?.class,
-        props.una?.paginationList,
-      )"
+  'pagination-list',
+  props?._paginationList?.class,
+  props.una?.paginationList
+)"
       v-bind="_paginationList"
     >
       <slot>

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

@@ -0,0 +1,41 @@
+import type { NPaginationProps } from '../../../types/index.js';
+declare var __VLS_10: {}, __VLS_15: {}, __VLS_20: {}, __VLS_22: {
+    item: {
+        type: "page";
+        value: number;
+    };
+    page: number;
+}, __VLS_30: {}, __VLS_35: {}, __VLS_40: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+} & {
+    first?: (props: typeof __VLS_15) => any;
+} & {
+    prev?: (props: typeof __VLS_20) => any;
+} & {
+    'list-item'?: (props: typeof __VLS_22) => any;
+} & {
+    ellipsis?: (props: typeof __VLS_30) => any;
+} & {
+    next?: (props: typeof __VLS_35) => any;
+} & {
+    last?: (props: typeof __VLS_40) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<NPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:page": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<NPaginationProps> & Readonly<{
+    "onUpdate:page"?: ((value: number) => any) | undefined;
+}>, {
+    showFirst: boolean;
+    showPrev: boolean;
+    showNext: boolean;
+    showLast: boolean;
+    showListItem: 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;
+    };
+};