@infonomic/uikit 1.0.0

package/dist/components/overlay/overlay_module.css

@@ -0,0 +1,42 @@
+.overlay-hax8h5 {
+  z-index: 20;
+  background-color: #f5f5f559;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+}
+
+.overlay-hax8h5:is(.dark *) {
+  background-color: #00000080;
+}
+
+.animate-fade-in-oC0Zd7 {
+  animation: .3s ease-in-out fade-in-ODU8WG;
+}
+
+.animate-fade-out-kWVP8l {
+  animation: .3s ease-in-out fade-out-i2NoTL;
+}
+
+@keyframes fade-in-ODU8WG {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out-i2NoTL {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+

package/dist/components/pager/@types/index.d.ts

@@ -0,0 +1,3 @@
+export declare const variant: readonly ["default", "classic", "dashboard"];
+export type Variant = (typeof variant)[number];
+//# sourceMappingURL=index.d.ts.map

package/dist/components/pager/@types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/pager/@types/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,8CAA+C,CAAA;AACnE,MAAM,MAAM,OAAO,GAAG,CAAC,OAAO,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA"}

package/dist/components/pager/@types/index.js

@@ -0,0 +1,6 @@
+const variant = [
+    'default',
+    'classic',
+    'dashboard'
+];
+export { variant };

package/dist/components/pager/ellipses.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare function Ellipses(): React.JSX.Element;
+//# sourceMappingURL=ellipses.d.ts.map

package/dist/components/pager/ellipses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ellipses.d.ts","sourceRoot":"","sources":["../../../src/components/pager/ellipses.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,wBAAgB,QAAQ,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAQ5C"}

package/dist/components/pager/ellipses.js

@@ -0,0 +1,16 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import classnames from "classnames";
+import { usePager } from "./pagination.js";
+import pagination_module from "./pagination.module.js";
+function Ellipses() {
+    const { variant } = usePager();
+    return /*#__PURE__*/ jsx("li", {
+        className: "flex",
+        children: /*#__PURE__*/ jsx("div", {
+            className: classnames(pagination_module.ellipses, 'pager-ellipses'),
+            children: "..."
+        })
+    });
+}
+export { Ellipses };

package/dist/components/pager/event-pager.js

@@ -0,0 +1,15 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { Pagination } from "./pagination.js";
+function EventPager(props) {
+    const { className, 'aria-label': ariaLabel, ...rest } = props;
+    return /*#__PURE__*/ jsx(Pagination, {
+        ...rest,
+        children: /*#__PURE__*/ jsx(Pagination.Root, {
+            className: className,
+            ariaLabel: ariaLabel,
+            children: /*#__PURE__*/ jsx(Pagination.Pager, {})
+        })
+    });
+}
+export { EventPager };

package/dist/components/pager/first-button.d.ts

@@ -0,0 +1,9 @@
+import type React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export declare const FirstButton: {
+    ({ ref, className, disabled, asChild, children, ...rest }: PagerButtonProps & {
+        ref?: React.RefObject<RefType>;
+    }): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=first-button.d.ts.map

package/dist/components/pager/first-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"first-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/first-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAI7D,eAAO,MAAM,WAAW;+DAOrB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CA4BA,CAAA"}

package/dist/components/pager/first-button.js

@@ -0,0 +1,31 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { DoubleArrowLeftIcon } from "@radix-ui/react-icons";
+import { Slot } from "@radix-ui/react-slot";
+import classnames from "classnames";
+import { usePager } from "./pagination.js";
+import pagination_module from "./pagination.module.js";
+const FirstButton = ({ ref, className, disabled, asChild, children, ...rest })=>{
+    const { variant } = usePager();
+    const Comp = null != asChild ? Slot : 'button';
+    const aria = disabled ? {
+        'aria-disabled': true
+    } : {
+        'aria-label': 'First'
+    };
+    return /*#__PURE__*/ jsx("li", {
+        className: pagination_module["mobile-toggle"],
+        children: /*#__PURE__*/ jsx(Comp, {
+            ref: ref,
+            className: classnames(pagination_module["first-button"], pagination_module[variant], pagination_module["rounded-left"], 'pager-first', className),
+            disabled: disabled,
+            "data-testid": "pager-first",
+            title: "First",
+            ...aria,
+            ...rest,
+            children: asChild ?? false ? children : /*#__PURE__*/ jsx(DoubleArrowLeftIcon, {})
+        })
+    });
+};
+FirstButton.displayName = 'FirstButton';
+export { FirstButton };

package/dist/components/pager/hooks/types/usePagination.d.ts

@@ -0,0 +1,75 @@
+import type * as React from 'react';
+export interface UsePaginationProps {
+    /**
+     * Number of always visible pages at the beginning and end.
+     * @default 1
+     */
+    boundaryCount?: number;
+    /**
+     * The name of the component where this hook is used.
+     */
+    componentName?: string;
+    /**
+     * The total number of pages.
+     * @default 1
+     */
+    count: number;
+    /**
+     * The page selected by default when the component is uncontrolled.
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * If `true`, the component is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, hide the next-page button.
+     * @default false
+     */
+    hideNextButton?: boolean;
+    /**
+     * If `true`, hide the previous-page button.
+     * @default false
+     */
+    hidePrevButton?: boolean;
+    /**
+     * Callback fired when the page is changed.
+     *
+     * @param {React.ChangeEvent<unknown>} event The event source of the callback.
+     * @param {number} page The page selected.
+     */
+    onChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * The current page.
+     */
+    page: number;
+    /**
+     * If `true`, show the first-page button.
+     * @default false
+     */
+    showFirstButton?: boolean;
+    /**
+     * If `true`, show the last-page button.
+     * @default false
+     */
+    showLastButton?: boolean;
+    /**
+     * Number of always visible pages before and after the current page.
+     * @default 1
+     */
+    siblingCount?: number;
+}
+export interface UsePaginationItem {
+    onClick: React.ReactEventHandler;
+    type: 'page' | 'first' | 'last' | 'next' | 'previous' | 'start-ellipsis' | 'end-ellipsis';
+    page: number;
+    selected: boolean;
+    disabled: boolean;
+    'aria-current'?: string | undefined;
+}
+export interface UsePaginationResult {
+    items: UsePaginationItem[];
+}
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/components/pager/hooks/types/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../../src/components/pager/hooks/types/usePagination.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,MAAM,WAAW,kBAAkB;IACjC;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpE;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,gBAAgB,GAAG,cAAc,CAAA;IACzF,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACpC;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,iBAAiB,EAAE,CAAA;CAC3B"}

package/dist/components/pager/hooks/usePagination.d.ts

@@ -0,0 +1,3 @@
+import type { UsePaginationProps, UsePaginationResult } from './types/usePagination';
+export declare function usePagination(props: UsePaginationProps): UsePaginationResult;
+//# sourceMappingURL=usePagination.d.ts.map

package/dist/components/pager/hooks/usePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/pager/hooks/usePagination.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAEV,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,uBAAuB,CAAA;AAE9B,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,mBAAmB,CAkI5E"}

package/dist/components/pager/hooks/usePagination.js

@@ -0,0 +1,80 @@
+function usePagination(props) {
+    const { boundaryCount = 1, count = 1, disabled = false, hideNextButton = false, hidePrevButton = false, onChange: handleChange, page = 1, showFirstButton = false, showLastButton = false, siblingCount = 1, ...other } = props;
+    const handleClick = (event, value)=>{
+        if (null != handleChange) handleChange(event, value);
+    };
+    const range = (start, end)=>{
+        const length = end - start + 1;
+        return Array.from({
+            length
+        }, (_, i)=>start + i);
+    };
+    const startPages = range(1, Math.min(boundaryCount, count));
+    const endPages = range(Math.max(count - boundaryCount + 1, boundaryCount + 1), count);
+    const siblingsStart = Math.max(Math.min(page - siblingCount, count - boundaryCount - 2 * siblingCount - 1), boundaryCount + 2);
+    const siblingsEnd = Math.min(Math.max(page + siblingCount, boundaryCount + 2 * siblingCount + 2), endPages.length > 0 ? endPages[0] - 2 : count - 1);
+    const itemList = [
+        ...showFirstButton ? [
+            'first'
+        ] : [],
+        ...hidePrevButton ? [] : [
+            'previous'
+        ],
+        ...startPages,
+        ...siblingsStart > boundaryCount + 2 ? [
+            'start-ellipsis'
+        ] : boundaryCount + 1 < count - boundaryCount ? [
+            boundaryCount + 1
+        ] : [],
+        ...range(siblingsStart, siblingsEnd),
+        ...siblingsEnd < count - boundaryCount - 1 ? [
+            'end-ellipsis'
+        ] : count - boundaryCount > boundaryCount ? [
+            count - boundaryCount
+        ] : [],
+        ...endPages,
+        ...hideNextButton ? [] : [
+            'next'
+        ],
+        ...showLastButton ? [
+            'last'
+        ] : []
+    ];
+    const buttonPage = (type)=>{
+        switch(type){
+            case 'first':
+                return 1;
+            case 'previous':
+                return page - 1;
+            case 'next':
+                return page + 1;
+            case 'last':
+                return count;
+            default:
+                return 1;
+        }
+    };
+    const items = itemList.map((item)=>'number' == typeof item ? {
+            onClick: (event)=>{
+                handleClick(event, item);
+            },
+            type: 'page',
+            page: item,
+            selected: item === page,
+            disabled: item === page,
+            'aria-current': item === page ? 'true' : void 0
+        } : {
+            onClick: (event)=>{
+                handleClick(event, buttonPage(item));
+            },
+            type: item,
+            page: buttonPage(item),
+            selected: false,
+            disabled: disabled || !item.includes('ellipsis') && ('next' === item || 'last' === item ? page >= count : page <= 1)
+        });
+    return {
+        items,
+        ...other
+    };
+}
+export { usePagination };

package/dist/components/pager/icons/first.js

@@ -0,0 +1,36 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function FirstIcon() {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: "First"
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                className: "h-5 w-5",
+                "aria-hidden": "true",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsx("path", {
+                    fillRule: "evenodd",
+                    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                })
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                className: "-ml-2 h-5 w-5",
+                "aria-hidden": "true",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsx("path", {
+                    fillRule: "evenodd",
+                    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                })
+            })
+        ]
+    });
+}
+export { FirstIcon };

package/dist/components/pager/icons/index.js

@@ -0,0 +1,4 @@
+export * from "./first.js";
+export * from "./previous.js";
+export * from "./next.js";
+export * from "./last.js";

package/dist/components/pager/icons/last.js

@@ -0,0 +1,36 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function LastIcon() {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: "Last"
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                className: "-mr-2 h-5 w-5",
+                "aria-hidden": "true",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsx("path", {
+                    fillRule: "evenodd",
+                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                    clipRule: "evenodd"
+                })
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                className: "h-5 w-5",
+                "aria-hidden": "true",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsx("path", {
+                    fillRule: "evenodd",
+                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                    clipRule: "evenodd"
+                })
+            })
+        ]
+    });
+}
+export { LastIcon };

package/dist/components/pager/icons/next.js

@@ -0,0 +1,24 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function NextIcon() {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: "Next"
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                className: "h-5 w-5",
+                "aria-hidden": "true",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsx("path", {
+                    fillRule: "evenodd",
+                    d: "M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z",
+                    clipRule: "evenodd"
+                })
+            })
+        ]
+    });
+}
+export { NextIcon };

package/dist/components/pager/icons/previous.js

@@ -0,0 +1,24 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function PreviousIcon() {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: "Previous"
+            }),
+            /*#__PURE__*/ jsx("svg", {
+                className: "h-5 w-5",
+                "aria-hidden": "true",
+                fill: "currentColor",
+                viewBox: "0 0 20 20",
+                xmlns: "http://www.w3.org/2000/svg",
+                children: /*#__PURE__*/ jsx("path", {
+                    fillRule: "evenodd",
+                    d: "M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z",
+                    clipRule: "evenodd"
+                })
+            })
+        ]
+    });
+}
+export { PreviousIcon };

package/dist/components/pager/index.js

@@ -0,0 +1,4 @@
+export * from "./hooks/usePagination.js";
+export * from "./pagination.js";
+export * from "./icons/index.js";
+export * from "./event-pager.js";

package/dist/components/pager/last-button.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export type LastButtonProps = PagerButtonProps & {
+    count: number;
+};
+export declare const LastButton: {
+    ({ ref, className, disabled, count, asChild, children, ...rest }: LastButtonProps & {
+        ref?: React.RefObject<RefType>;
+    }): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=last-button.d.ts.map

package/dist/components/pager/last-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"last-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/last-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAI7D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,UAAU;sEAQpB,eAAe,GAAG;QACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CA2BA,CAAA"}

package/dist/components/pager/last-button.js

@@ -0,0 +1,31 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { DoubleArrowRightIcon } from "@radix-ui/react-icons";
+import { Slot } from "@radix-ui/react-slot";
+import classnames from "classnames";
+import { usePager } from "./pagination.js";
+import pagination_module from "./pagination.module.js";
+const LastButton = ({ ref, className, disabled, count, asChild, children, ...rest })=>{
+    const { variant } = usePager();
+    const Comp = null != asChild ? Slot : 'button';
+    const aria = disabled ? {
+        'aria-disabled': true
+    } : {
+        'aria-label': 'Last'
+    };
+    return /*#__PURE__*/ jsx("li", {
+        className: pagination_module["mobile-toggle"],
+        children: /*#__PURE__*/ jsx(Comp, {
+            ref: ref,
+            className: classnames(pagination_module["last-button"], pagination_module[variant], pagination_module["rounded-right"], 'pager-last', className),
+            disabled: disabled,
+            title: "Last",
+            "data-testid": "pager-last",
+            ...aria,
+            ...rest,
+            children: asChild ?? false ? children : /*#__PURE__*/ jsx(DoubleArrowRightIcon, {})
+        })
+    });
+};
+LastButton.displayName = 'LastButton';
+export { LastButton };

package/dist/components/pager/next-button.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export type NextButtonProps = PagerButtonProps & {
+    page: number | null;
+};
+export declare const NextButton: {
+    ({ ref, className, disabled, page, asChild, children, ...rest }: NextButtonProps & {
+        ref?: React.RefObject<RefType>;
+    }): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=next-button.d.ts.map

package/dist/components/pager/next-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/next-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAI7D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,UAAU;qEAQpB,eAAe,GAAG;QACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CA2BA,CAAA"}

package/dist/components/pager/next-button.js

@@ -0,0 +1,35 @@
+'use client'
+import { jsx } from "react/jsx-runtime";
+import { ChevronRightIcon } from "@radix-ui/react-icons";
+import { Slot } from "@radix-ui/react-slot";
+import classnames from "classnames";
+import { usePager } from "./pagination.js";
+import pagination_module from "./pagination.module.js";
+const NextButton = ({ ref, className, disabled, page, asChild, children, ...rest })=>{
+    const Comp = null != asChild ? Slot : 'button';
+    const { variant, showLastButton } = usePager();
+    const aria = disabled ? {
+        'aria-disabled': true
+    } : {
+        'aria-label': 'Next'
+    };
+    return /*#__PURE__*/ jsx("li", {
+        className: pagination_module["mobile-toggle"],
+        children: /*#__PURE__*/ jsx(Comp, {
+            ref: ref,
+            className: classnames(pagination_module["next-button"], [
+                pagination_module[variant]
+            ], {
+                [pagination_module["rounded-right"]]: null == showLastButton || false === showLastButton
+            }, 'pager-next', className),
+            disabled: disabled,
+            title: "Next",
+            "data-testid": "pager-next",
+            ...aria,
+            ...rest,
+            children: asChild ?? false ? children : /*#__PURE__*/ jsx(ChevronRightIcon, {})
+        })
+    });
+};
+NextButton.displayName = 'NextButton';
+export { NextButton };

package/dist/components/pager/number-button.d.ts

@@ -0,0 +1,14 @@
+import type React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export type NumberButtonProps = PagerButtonProps & {
+    page: number | null;
+    activeClassName?: string;
+    selected?: boolean;
+};
+export declare const NumberButton: {
+    ({ ref, page, className, disabled, activeClassName, asChild, children, ...rest }: NumberButtonProps & {
+        ref?: React.RefObject<RefType>;
+    }): React.JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=number-button.d.ts.map

package/dist/components/pager/number-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-button.d.ts","sourceRoot":"","sources":["../../../src/components/pager/number-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAM7D,MAAM,MAAM,iBAAiB,GAAG,gBAAgB,GAAG;IACjD,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY;sFAStB,iBAAiB,GAAG;QACrB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CAmDA,CAAA"}

package/dist/components/pager/number-button.js

@@ -0,0 +1,42 @@
+'use client'
+import { Fragment, jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import classnames from "classnames";
+import { usePager } from "./pagination.js";
+import { useMediaQuery } from "../../hooks/use-media-query.js";
+import pagination_module from "./pagination.module.js";
+const NumberButton = ({ ref, page, className, disabled, activeClassName, asChild, children, ...rest })=>{
+    const mobile = useMediaQuery('(max-width: 640px)');
+    const { variant, currentPage, count, showFirstButton, showLastButton, hideNextButton, hidePrevButton } = usePager();
+    const Comp = null != asChild ? Slot : 'button';
+    const active = page === currentPage;
+    return /*#__PURE__*/ jsx("li", {
+        className: "flex",
+        children: /*#__PURE__*/ jsx(Comp, {
+            ref: ref,
+            className: classnames(pagination_module["number-button"], [
+                pagination_module[variant]
+            ], {
+                [pagination_module.active]: true === active,
+                active: true === active
+            }, {
+                [pagination_module["rounded-left"]]: 1 === page && (!(showFirstButton ?? false) && (hidePrevButton ?? false) || mobile)
+            }, {
+                [pagination_module["rounded-right"]]: page === count && (!(showLastButton ?? false) && (hideNextButton ?? false) || mobile)
+            }, 'pager-number', className),
+            "data-testid": classnames({
+                'pager-number-active': currentPage === page,
+                [`pager-number-${page}`]: currentPage !== page
+            }).length > 0 || void 0,
+            disabled: disabled,
+            "aria-current": currentPage === page,
+            "aria-label": currentPage === page ? `Current Page, Page ${page}` : `Page ${page}`,
+            ...rest,
+            children: asChild ?? false ? children : /*#__PURE__*/ jsx(Fragment, {
+                children: page
+            })
+        })
+    });
+};
+NumberButton.displayName = 'NumberButton';
+export { NumberButton };