@ark-ui/vue 5.29.0 → 5.30.0

package/dist/components/navigation-menu/navigation-menu.d.ts

@@ -0,0 +1,14 @@
+export type { ValueChangeDetails } from '@zag-js/navigation-menu';
+export { default as Arrow, type NavigationMenuArrowProps as ArrowProps, type NavigationMenuArrowBaseProps as ArrowBaseProps, } from './navigation-menu-arrow.vue';
+export { default as Content, type NavigationMenuContentProps as ContentProps, type NavigationMenuContentBaseProps as ContentBaseProps, } from './navigation-menu-content.vue';
+export { default as Context, type NavigationMenuContextProps as ContextProps } from './navigation-menu-context.vue';
+export { default as Indicator, type NavigationMenuIndicatorProps as IndicatorProps, type NavigationMenuIndicatorBaseProps as IndicatorBaseProps, } from './navigation-menu-indicator.vue';
+export { default as Item, type NavigationMenuItemProps as ItemProps, type NavigationMenuItemBaseProps as ItemBaseProps, } from './navigation-menu-item.vue';
+export { default as ItemIndicator, type NavigationMenuItemIndicatorProps as ItemIndicatorProps, type NavigationMenuItemIndicatorBaseProps as ItemIndicatorBaseProps, } from './navigation-menu-item-indicator.vue';
+export { default as Link, type NavigationMenuLinkProps as LinkProps, type NavigationMenuLinkBaseProps as LinkBaseProps, } from './navigation-menu-link.vue';
+export { default as List, type NavigationMenuListProps as ListProps, type NavigationMenuListBaseProps as ListBaseProps, } from './navigation-menu-list.vue';
+export { default as RootProvider, type NavigationMenuRootProviderProps as RootProviderProps, type NavigationMenuRootProviderBaseProps as RootProviderBaseProps, } from './navigation-menu-root-provider.vue';
+export { default as Root, type NavigationMenuRootEmits as RootEmits, type NavigationMenuRootBaseProps as RootBaseProps, type NavigationMenuRootProps as RootProps, } from './navigation-menu-root.vue';
+export { default as Trigger, type NavigationMenuTriggerProps as TriggerProps, type NavigationMenuTriggerBaseProps as TriggerBaseProps, } from './navigation-menu-trigger.vue';
+export { default as Viewport, type NavigationMenuViewportProps as ViewportProps, type NavigationMenuViewportBaseProps as ViewportBaseProps, } from './navigation-menu-viewport.vue';
+export { default as ViewportPositioner, type NavigationMenuViewportPositionerProps as ViewportPositionerProps, type NavigationMenuViewportPositionerBaseProps as ViewportPositionerBaseProps, } from './navigation-menu-viewport-positioner.vue';

package/dist/components/navigation-menu/navigation-menu.js

@@ -0,0 +1,13 @@
+export { default as Arrow } from './navigation-menu-arrow.vue.js';
+export { default as Content } from './navigation-menu-content.vue.js';
+export { default as Context } from './navigation-menu-context.vue.js';
+export { default as Indicator } from './navigation-menu-indicator.vue.js';
+export { default as Item } from './navigation-menu-item.vue.js';
+export { default as ItemIndicator } from './navigation-menu-item-indicator.vue.js';
+export { default as Link } from './navigation-menu-link.vue.js';
+export { default as List } from './navigation-menu-list.vue.js';
+export { default as RootProvider } from './navigation-menu-root-provider.vue.js';
+export { default as Root } from './navigation-menu-root.vue.js';
+export { default as Trigger } from './navigation-menu-trigger.vue.js';
+export { default as Viewport } from './navigation-menu-viewport.vue.js';
+export { default as ViewportPositioner } from './navigation-menu-viewport-positioner.vue.js';

package/dist/components/navigation-menu/navigation-menu.types.d.cts

@@ -0,0 +1,64 @@
+import type * as navigationMenu from '@zag-js/navigation-menu';
+export interface RootProps {
+    /**
+     * The delay before the menu closes
+     * @default 300
+     */
+    closeDelay?: number;
+    /**
+     * The default value of the navigation menu.
+     * Use when you don't want to control the value of the menu.
+     */
+    defaultValue?: string;
+    /**
+     * Whether to disable the click trigger
+     */
+    disableClickTrigger?: boolean;
+    /**
+     * Whether to disable the hover trigger
+     */
+    disableHoverTrigger?: boolean;
+    /**
+     * Whether to disable the pointer leave close
+     */
+    disablePointerLeaveClose?: boolean;
+    /**
+     * The unique identifier of the machine.
+     */
+    id?: string;
+    /**
+     * The ids of the elements in the machine.
+     */
+    ids?: Partial<{
+        root: string;
+        list: string;
+        item: string;
+        trigger: (value: string) => string;
+        content: (value: string) => string;
+        viewport: string;
+    }>;
+    /**
+     * The delay before the menu opens
+     * @default 200
+     */
+    openDelay?: number;
+    /**
+     * The orientation of the navigation menu
+     * @default "horizontal"
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The controlled value of the navigation menu
+     */
+    value?: string;
+}
+export type RootEmits = {
+    /**
+     * Function called when the value of the navigation menu changes
+     */
+    valueChange: [details: navigationMenu.ValueChangeDetails];
+    /**
+     * The callback fired when the model value changes.
+     */
+    'update:value': [value: string];
+};

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

@@ -0,0 +1,64 @@
+import type * as navigationMenu from '@zag-js/navigation-menu';
+export interface RootProps {
+    /**
+     * The delay before the menu closes
+     * @default 300
+     */
+    closeDelay?: number;
+    /**
+     * The default value of the navigation menu.
+     * Use when you don't want to control the value of the menu.
+     */
+    defaultValue?: string;
+    /**
+     * Whether to disable the click trigger
+     */
+    disableClickTrigger?: boolean;
+    /**
+     * Whether to disable the hover trigger
+     */
+    disableHoverTrigger?: boolean;
+    /**
+     * Whether to disable the pointer leave close
+     */
+    disablePointerLeaveClose?: boolean;
+    /**
+     * The unique identifier of the machine.
+     */
+    id?: string;
+    /**
+     * The ids of the elements in the machine.
+     */
+    ids?: Partial<{
+        root: string;
+        list: string;
+        item: string;
+        trigger: (value: string) => string;
+        content: (value: string) => string;
+        viewport: string;
+    }>;
+    /**
+     * The delay before the menu opens
+     * @default 200
+     */
+    openDelay?: number;
+    /**
+     * The orientation of the navigation menu
+     * @default "horizontal"
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * The controlled value of the navigation menu
+     */
+    value?: string;
+}
+export type RootEmits = {
+    /**
+     * Function called when the value of the navigation menu changes
+     */
+    valueChange: [details: navigationMenu.ValueChangeDetails];
+    /**
+     * The callback fired when the model value changes.
+     */
+    'update:value': [value: string];
+};

package/dist/components/navigation-menu/use-navigation-menu-context.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [NavigationMenuProvider, useNavigationMenuContext] = createContext.createContext("NavigationMenuContext");
+
+exports.NavigationMenuProvider = NavigationMenuProvider;
+exports.useNavigationMenuContext = useNavigationMenuContext;

package/dist/components/navigation-menu/use-navigation-menu-context.d.cts

@@ -0,0 +1,4 @@
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+export declare const NavigationMenuProvider: (opts: UseNavigationMenuContext) => void, useNavigationMenuContext: (fallback?: UseNavigationMenuContext | undefined) => UseNavigationMenuContext;

package/dist/components/navigation-menu/use-navigation-menu-context.d.ts

@@ -0,0 +1,4 @@
+import { UseNavigationMenuReturn } from './use-navigation-menu';
+export interface UseNavigationMenuContext extends UseNavigationMenuReturn {
+}
+export declare const NavigationMenuProvider: (opts: UseNavigationMenuContext) => void, useNavigationMenuContext: (fallback?: UseNavigationMenuContext | undefined) => UseNavigationMenuContext;

package/dist/components/navigation-menu/use-navigation-menu-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context.js';
+
+const [NavigationMenuProvider, useNavigationMenuContext] = createContext("NavigationMenuContext");
+
+export { NavigationMenuProvider, useNavigationMenuContext };

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext.createContext("NavigationMenuItemPropsContext");
+
+exports.NavigationMenuItemPropsProvider = NavigationMenuItemPropsProvider;
+exports.useNavigationMenuItemPropsContext = useNavigationMenuItemPropsContext;

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.cts

@@ -0,0 +1,3 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { ComputedRef } from 'vue';
+export declare const NavigationMenuItemPropsProvider: (opts: ComputedRef<ItemProps>) => void, useNavigationMenuItemPropsContext: (fallback?: ComputedRef<ItemProps> | undefined) => ComputedRef<ItemProps>;

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.d.ts

@@ -0,0 +1,3 @@
+import { ItemProps } from '@zag-js/navigation-menu';
+import { ComputedRef } from 'vue';
+export declare const NavigationMenuItemPropsProvider: (opts: ComputedRef<ItemProps>) => void, useNavigationMenuItemPropsContext: (fallback?: ComputedRef<ItemProps> | undefined) => ComputedRef<ItemProps>;

package/dist/components/navigation-menu/use-navigation-menu-item-props-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context.js';
+
+const [NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext] = createContext("NavigationMenuItemPropsContext");
+
+export { NavigationMenuItemPropsProvider, useNavigationMenuItemPropsContext };

package/dist/components/navigation-menu/use-navigation-menu.cjs

@@ -0,0 +1,53 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const navigationMenu = require('@zag-js/navigation-menu');
+const vue$1 = require('@zag-js/vue');
+const vue = require('vue');
+const useEnvironmentContext = require('../../providers/environment/use-environment-context.cjs');
+const useLocaleContext = require('../../providers/locale/use-locale-context.cjs');
+const cleanProps = require('../../utils/clean-props.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const navigationMenu__namespace = /*#__PURE__*/_interopNamespaceDefault(navigationMenu);
+
+const useNavigationMenu = (props = {}, emit) => {
+  const id = vue.useId();
+  const env = useEnvironmentContext.useEnvironmentContext(useEnvironmentContext.DEFAULT_ENVIRONMENT);
+  const locale = useLocaleContext.useLocaleContext(useLocaleContext.DEFAULT_LOCALE);
+  const context = vue.computed(() => {
+    const localProps = vue.toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env?.value.getRootNode,
+      ...cleanProps.cleanProps(localProps),
+      onValueChange: (details) => {
+        emit?.("valueChange", details);
+        emit?.("update:value", details.value);
+        localProps.onValueChange?.(details);
+      }
+    };
+  });
+  const service = vue$1.useMachine(navigationMenu__namespace.machine, context);
+  return vue.computed(() => navigationMenu__namespace.connect(service, vue$1.normalizeProps));
+};
+
+exports.useNavigationMenu = useNavigationMenu;

package/dist/components/navigation-menu/use-navigation-menu.d.cts

@@ -0,0 +1,10 @@
+import { PropTypes } from '@zag-js/vue';
+import { ComputedRef, MaybeRef } from 'vue';
+import { EmitFn, Optional } from '../../types';
+import { RootEmits } from './navigation-menu.types';
+import * as navigationMenu from '@zag-js/navigation-menu';
+export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNavigationMenuReturn extends ComputedRef<navigationMenu.Api<PropTypes>> {
+}
+export declare const useNavigationMenu: (props?: MaybeRef<UseNavigationMenuProps>, emit?: EmitFn<RootEmits>) => UseNavigationMenuReturn;

package/dist/components/navigation-menu/use-navigation-menu.d.ts

@@ -0,0 +1,10 @@
+import { PropTypes } from '@zag-js/vue';
+import { ComputedRef, MaybeRef } from 'vue';
+import { EmitFn, Optional } from '../../types';
+import { RootEmits } from './navigation-menu.types';
+import * as navigationMenu from '@zag-js/navigation-menu';
+export interface UseNavigationMenuProps extends Optional<Omit<navigationMenu.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseNavigationMenuReturn extends ComputedRef<navigationMenu.Api<PropTypes>> {
+}
+export declare const useNavigationMenu: (props?: MaybeRef<UseNavigationMenuProps>, emit?: EmitFn<RootEmits>) => UseNavigationMenuReturn;

package/dist/components/navigation-menu/use-navigation-menu.js

@@ -0,0 +1,30 @@
+import * as navigationMenu from '@zag-js/navigation-menu';
+import { useMachine, normalizeProps } from '@zag-js/vue';
+import { useId, computed, toValue } from 'vue';
+import { useEnvironmentContext, DEFAULT_ENVIRONMENT } from '../../providers/environment/use-environment-context.js';
+import { useLocaleContext, DEFAULT_LOCALE } from '../../providers/locale/use-locale-context.js';
+import { cleanProps } from '../../utils/clean-props.js';
+
+const useNavigationMenu = (props = {}, emit) => {
+  const id = useId();
+  const env = useEnvironmentContext(DEFAULT_ENVIRONMENT);
+  const locale = useLocaleContext(DEFAULT_LOCALE);
+  const context = computed(() => {
+    const localProps = toValue(props);
+    return {
+      id,
+      dir: locale.value.dir,
+      getRootNode: env?.value.getRootNode,
+      ...cleanProps(localProps),
+      onValueChange: (details) => {
+        emit?.("valueChange", details);
+        emit?.("update:value", details.value);
+        localProps.onValueChange?.(details);
+      }
+    };
+  });
+  const service = useMachine(navigationMenu.machine, context);
+  return computed(() => navigationMenu.connect(service, normalizeProps));
+};
+
+export { useNavigationMenu };

package/dist/components/pagination/index.cjs

@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const paginationContext_vue_vue_type_script_setup_true_lang = require('./pagination-context.vue.cjs');
 const paginationEllipsis_vue_vue_type_script_setup_true_lang = require('./pagination-ellipsis.vue.cjs');
+const paginationFirstTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-first-trigger.vue.cjs');
 const paginationItem_vue_vue_type_script_setup_true_lang = require('./pagination-item.vue.cjs');
+const paginationLastTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-last-trigger.vue.cjs');
 const paginationNextTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-next-trigger.vue.cjs');
 const paginationPrevTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-prev-trigger.vue.cjs');
 const paginationRootProvider_vue_vue_type_script_setup_true_lang = require('./pagination-root-provider.vue.cjs');
@@ -18,7 +20,9 @@ const pagination = require('@zag-js/pagination');
 
 exports.PaginationContext = paginationContext_vue_vue_type_script_setup_true_lang.default;
 exports.PaginationEllipsis = paginationEllipsis_vue_vue_type_script_setup_true_lang.default;
+exports.PaginationFirstTrigger = paginationFirstTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.PaginationItem = paginationItem_vue_vue_type_script_setup_true_lang.default;
+exports.PaginationLastTrigger = paginationLastTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.PaginationNextTrigger = paginationNextTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.PaginationPrevTrigger = paginationPrevTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.PaginationRootProvider = paginationRootProvider_vue_vue_type_script_setup_true_lang.default;

package/dist/components/pagination/index.d.cts

@@ -1,7 +1,9 @@
 export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
 export { default as PaginationContext, type PaginationContextProps } from './pagination-context.vue';
 export { default as PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis.vue';
+export { default as PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger.vue';
 export { default as PaginationItem, type PaginationItemBaseProps, type PaginationItemProps, } from './pagination-item.vue';
+export { default as PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger.vue';
 export { default as PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger.vue';
 export { default as PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger.vue';
 export { default as PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, } from './pagination-root-provider.vue';

package/dist/components/pagination/index.d.ts

@@ -1,7 +1,9 @@
 export type { ItemLabelDetails as PaginationItemLabelDetails, PageChangeDetails as PaginationPageChangeDetails, PageSizeChangeDetails as PaginationPageSizeChangeDetails, PageUrlDetails as PaginationPageUrlDetails, } from '@zag-js/pagination';
 export { default as PaginationContext, type PaginationContextProps } from './pagination-context.vue';
 export { default as PaginationEllipsis, type PaginationEllipsisBaseProps, type PaginationEllipsisProps, } from './pagination-ellipsis.vue';
+export { default as PaginationFirstTrigger, type PaginationFirstTriggerBaseProps, type PaginationFirstTriggerProps, } from './pagination-first-trigger.vue';
 export { default as PaginationItem, type PaginationItemBaseProps, type PaginationItemProps, } from './pagination-item.vue';
+export { default as PaginationLastTrigger, type PaginationLastTriggerBaseProps, type PaginationLastTriggerProps, } from './pagination-last-trigger.vue';
 export { default as PaginationNextTrigger, type PaginationNextTriggerBaseProps, type PaginationNextTriggerProps, } from './pagination-next-trigger.vue';
 export { default as PaginationPrevTrigger, type PaginationPrevTriggerBaseProps, type PaginationPrevTriggerProps, } from './pagination-prev-trigger.vue';
 export { default as PaginationRootProvider, type PaginationRootProviderBaseProps, type PaginationRootProviderProps, } from './pagination-root-provider.vue';

package/dist/components/pagination/index.js

@@ -1,6 +1,8 @@
 export { default as PaginationContext } from './pagination-context.vue.js';
 export { default as PaginationEllipsis } from './pagination-ellipsis.vue.js';
+export { default as PaginationFirstTrigger } from './pagination-first-trigger.vue.js';
 export { default as PaginationItem } from './pagination-item.vue.js';
+export { default as PaginationLastTrigger } from './pagination-last-trigger.vue.js';
 export { default as PaginationNextTrigger } from './pagination-next-trigger.vue.js';
 export { default as PaginationPrevTrigger } from './pagination-prev-trigger.vue.js';
 export { default as PaginationRootProvider } from './pagination-root-provider.vue.js';

package/dist/components/pagination/pagination-first-trigger.vue.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const usePaginationContext = require('./use-pagination-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "pagination-first-trigger",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const pagination = usePaginationContext.usePaginationContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(pagination).getFirstTriggerProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/pagination/pagination-first-trigger.vue.d.cts

@@ -0,0 +1,19 @@
+import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationFirstTriggerProps extends PaginationFirstTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PaginationFirstTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PaginationFirstTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pagination/pagination-first-trigger.vue.d.ts

@@ -0,0 +1,19 @@
+import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface PaginationFirstTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationFirstTriggerProps extends PaginationFirstTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PaginationFirstTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PaginationFirstTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pagination/pagination-first-trigger.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { usePaginationContext } from './use-pagination-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pagination-first-trigger",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const pagination = usePaginationContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).button, mergeProps(unref(pagination).getFirstTriggerProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/pagination/pagination-first-trigger.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const paginationFirstTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-first-trigger.vue.cjs');
+
+
+
+exports.default = paginationFirstTrigger_vue_vue_type_script_setup_true_lang.default;

package/dist/components/pagination/pagination-first-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './pagination-first-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/pagination/pagination-last-trigger.vue.cjs

@@ -0,0 +1,29 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const vue = require('vue');
+const factory = require('../factory.cjs');
+const usePaginationContext = require('./use-pagination-context.cjs');
+const useForwardExpose = require('../../utils/use-forward-expose.cjs');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "pagination-last-trigger",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const pagination = usePaginationContext.usePaginationContext();
+    useForwardExpose.useForwardExpose();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(factory.ark).button, vue.mergeProps(vue.unref(pagination).getLastTriggerProps(), { "as-child": __props.asChild }), {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/dist/components/pagination/pagination-last-trigger.vue.d.cts

@@ -0,0 +1,19 @@
+import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface PaginationLastTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationLastTriggerProps extends PaginationLastTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PaginationLastTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PaginationLastTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pagination/pagination-last-trigger.vue.d.ts

@@ -0,0 +1,19 @@
+import { ButtonHTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { PolymorphicProps } from '../factory';
+export interface PaginationLastTriggerBaseProps extends PolymorphicProps {
+}
+export interface PaginationLastTriggerProps extends PaginationLastTriggerBaseProps, 
+/**
+ * @vue-ignore
+ */
+ButtonHTMLAttributes {
+}
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<PaginationLastTriggerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PaginationLastTriggerProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/pagination/pagination-last-trigger.vue.js

@@ -0,0 +1,25 @@
+import { defineComponent, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot } from 'vue';
+import { ark } from '../factory.js';
+import { usePaginationContext } from './use-pagination-context.js';
+import { useForwardExpose } from '../../utils/use-forward-expose.js';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pagination-last-trigger",
+  props: {
+    asChild: { type: Boolean }
+  },
+  setup(__props) {
+    const pagination = usePaginationContext();
+    useForwardExpose();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ark).button, mergeProps(unref(pagination).getLastTriggerProps(), { "as-child": __props.asChild }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/components/pagination/pagination-last-trigger.vue2.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const paginationLastTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-last-trigger.vue.cjs');
+
+
+
+exports.default = paginationLastTrigger_vue_vue_type_script_setup_true_lang.default;

package/dist/components/pagination/pagination-last-trigger.vue2.js

@@ -0,0 +1,5 @@
+import _sfc_main from './pagination-last-trigger.vue.js';
+
+
+
+export { _sfc_main as default };

package/dist/components/pagination/pagination.cjs

@@ -4,7 +4,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const paginationContext_vue_vue_type_script_setup_true_lang = require('./pagination-context.vue.cjs');
 const paginationEllipsis_vue_vue_type_script_setup_true_lang = require('./pagination-ellipsis.vue.cjs');
+const paginationFirstTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-first-trigger.vue.cjs');
 const paginationItem_vue_vue_type_script_setup_true_lang = require('./pagination-item.vue.cjs');
+const paginationLastTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-last-trigger.vue.cjs');
 const paginationNextTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-next-trigger.vue.cjs');
 const paginationPrevTrigger_vue_vue_type_script_setup_true_lang = require('./pagination-prev-trigger.vue.cjs');
 const paginationRootProvider_vue_vue_type_script_setup_true_lang = require('./pagination-root-provider.vue.cjs');
@@ -14,7 +16,9 @@ const paginationRoot_vue_vue_type_script_setup_true_lang = require('./pagination
 
 exports.Context = paginationContext_vue_vue_type_script_setup_true_lang.default;
 exports.Ellipsis = paginationEllipsis_vue_vue_type_script_setup_true_lang.default;
+exports.FirstTrigger = paginationFirstTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.Item = paginationItem_vue_vue_type_script_setup_true_lang.default;
+exports.LastTrigger = paginationLastTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.NextTrigger = paginationNextTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.PrevTrigger = paginationPrevTrigger_vue_vue_type_script_setup_true_lang.default;
 exports.RootProvider = paginationRootProvider_vue_vue_type_script_setup_true_lang.default;