@byline/ui 0.9.3 → 0.10.1

package/dist/components/notifications/toast_module.css

@@ -0,0 +1,212 @@
+@layer byline-base, byline-functional, byline-utilities, byline-theme, byline-typography;
+
+@layer byline-components {
+  :is(.viewport-x4CvHl, .infonomic-toast-viewport) {
+    --viewport-padding: 16px;
+    z-index: var(--z-index-toast);
+    outline: none;
+    flex-direction: column;
+    gap: 8px;
+    display: flex;
+    position: fixed;
+  }
+
+  :is(.top-left-dy_IMc, .infonomic-toast-top-left), :is(.top-right-OsKbVb, .infonomic-toast-top-right) {
+    top: 88px;
+    right: var(--viewport-padding);
+    left: var(--viewport-padding);
+  }
+
+  :is(.bottom-left-_RdEZn, .infonomic-toast-bottom-left), :is(.bottom-right-Nzuhur, .infonomic-toast-bottom-right) {
+    bottom: var(--viewport-padding);
+    right: var(--viewport-padding);
+    left: var(--viewport-padding);
+  }
+
+  @media (min-width: 48rem) {
+    :is(.bottom-right-Nzuhur, .infonomic-toast-bottom-right) {
+      bottom: var(--viewport-padding);
+      right: var(--viewport-padding);
+      width: 100%;
+      max-width: 390px;
+      left: auto;
+    }
+
+    :is(.bottom-left-_RdEZn, .infonomic-toast-bottom-left) {
+      bottom: var(--viewport-padding);
+      left: var(--viewport-padding);
+      width: 100%;
+      max-width: 390px;
+      right: auto;
+    }
+
+    :is(.top-left-dy_IMc, .infonomic-toast-top-left) {
+      top: 88px;
+      left: var(--viewport-padding);
+      width: 100%;
+      max-width: 390px;
+      bottom: auto;
+      right: auto;
+    }
+
+    :is(.top-right-OsKbVb, .infonomic-toast-top-right) {
+      top: 88px;
+      right: var(--viewport-padding);
+      width: 100%;
+      max-width: 390px;
+      bottom: auto;
+      left: auto;
+    }
+  }
+
+  :is(.root-dWN7jD, .infonomic-toast-root) {
+    gap: var(--gap-1);
+    background: var(--surface-panel-elevated);
+    border-width: var(--border-width-thin);
+    border-color: var(--border-color);
+    border-style: var(--border-style-solid);
+    border-radius: var(--border-radius-md);
+    box-shadow: var(--shadow-sm);
+    transform: translateX(var(--toast-swipe-movement-x, 0))
+      translateY(var(--toast-swipe-movement-y, 0));
+    flex-direction: column;
+    padding-top: 12px;
+    padding-bottom: 16px;
+    transition: transform .2s ease-out, opacity .15s ease-in;
+    display: flex;
+  }
+
+  .root-dWN7jD[data-starting-style] {
+    opacity: 0;
+    transform: translateY(calc(100% + var(--viewport-padding)));
+  }
+
+  .infonomic-toast-root[data-starting-style] {
+    opacity: 0;
+    transform: translateY(calc(100% + var(--viewport-padding)));
+  }
+
+  @media (min-width: 48rem) {
+    .viewport-x4CvHl.top-right-OsKbVb .root-dWN7jD[data-starting-style], .viewport-x4CvHl.bottom-right-Nzuhur .root-dWN7jD[data-starting-style] {
+      opacity: 0;
+      transform: translateX(calc(100% + var(--viewport-padding)));
+    }
+
+    .infonomic-toast-viewport.top-right .infonomic-toast-root[data-starting-style] {
+      opacity: 0;
+      transform: translateX(calc(100% + var(--viewport-padding)));
+    }
+
+    .infonomic-toast-viewport.bottom-right .infonomic-toast-root[data-starting-style] {
+      opacity: 0;
+      transform: translateX(calc(100% + var(--viewport-padding)));
+    }
+
+    .viewport-x4CvHl.top-left-dy_IMc .root-dWN7jD[data-starting-style], .viewport-x4CvHl.bottom-left-_RdEZn .root-dWN7jD[data-starting-style] {
+      opacity: 0;
+      transform: translateX(calc(-100% - var(--viewport-padding)));
+    }
+
+    .infonomic-toast-viewport.top-left .infonomic-toast-root[data-starting-style] {
+      opacity: 0;
+      transform: translateX(calc(-100% - var(--viewport-padding)));
+    }
+
+    .infonomic-toast-viewport.bottom-left .infonomic-toast-root[data-starting-style] {
+      opacity: 0;
+      transform: translateX(calc(-100% - var(--viewport-padding)));
+    }
+  }
+
+  .root-dWN7jD[data-ending-style] {
+    opacity: 0;
+  }
+
+  .infonomic-toast-root[data-ending-style] {
+    opacity: 0;
+  }
+
+  .root-dWN7jD[data-ending-style][data-swipe-direction="right"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x, 0) + 100% + var(--viewport-padding)));
+  }
+
+  .infonomic-toast-root[data-ending-style][data-swipe-direction="right"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x, 0) + 100% + var(--viewport-padding)));
+  }
+
+  .root-dWN7jD[data-ending-style][data-swipe-direction="left"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x, 0) - 100% - var(--viewport-padding)));
+  }
+
+  .infonomic-toast-root[data-ending-style][data-swipe-direction="left"] {
+    transform: translateX(calc(var(--toast-swipe-movement-x, 0) - 100% - var(--viewport-padding)));
+  }
+
+  .root-dWN7jD[data-ending-style][data-swipe-direction="down"] {
+    transform: translateY(calc(var(--toast-swipe-movement-y, 0) + 150%));
+  }
+
+  .infonomic-toast-root[data-ending-style][data-swipe-direction="down"] {
+    transform: translateY(calc(var(--toast-swipe-movement-y, 0) + 150%));
+  }
+
+  :is(.content-o83ZAp, .infonomic-toast-content) {
+    gap: var(--gap-1);
+    flex-direction: column;
+    display: flex;
+  }
+
+  :is(.header-ItoxDs, .infonomic-toast-header) {
+    align-items: start;
+    gap: var(--gap-2);
+    justify-content: space-between;
+    padding: 0 16px 0 12px;
+    display: flex;
+  }
+
+  :is(.close-HwTMjn, .infonomic-toast-close) {
+    border-radius: 100%;
+    justify-content: center;
+    align-items: center;
+    width: 24px;
+    min-width: 24px;
+    height: 24px;
+    min-height: 24px;
+    margin-top: -2px;
+    margin-left: auto;
+    padding: 0;
+    display: flex;
+  }
+
+  .close-HwTMjn svg {
+    fill: #fff;
+  }
+
+  .infonomic-toast-close svg {
+    fill: #fff;
+  }
+
+  :is(.title-qfQE8M, .infonomic-toast-title) {
+    align-items: start;
+    gap: var(--gap-2);
+    margin-bottom: 5px;
+    padding: 0 12px 0 8px;
+    font-size: 15px;
+    font-weight: 500;
+    display: flex;
+  }
+
+  :is(.description-nQWtgX, .infonomic-toast-description) {
+    font-size: var(--font-size-sm);
+    margin: 0;
+    padding: 0 8px 0 12px;
+    line-height: 1.3;
+  }
+
+  :is(.action-PunqB2, .infonomic-toast-action) {
+    justify-content: end;
+    padding: 0 12px;
+    display: flex;
+  }
+}
+

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

@@ -0,0 +1,15 @@
+/**
+ * Available layout variants for the Pagination component.
+ */
+export declare const variant: readonly ["default", "classic", "dashboard"];
+/**
+ * Layout variant of the pagination control.
+ *
+ * - `default`   — numbered page buttons with previous/next arrows (default)
+ * - `classic`   — previous/next arrows with a direct page number input
+ * - `dashboard` — compact variant optimised for data tables and dashboards
+ *
+ * @default 'default'
+ */
+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;;GAEG;AACH,eAAO,MAAM,OAAO,8CAA+C,CAAA;AAEnE;;;;;;;;GAQG;AACH,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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,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, 'pagination-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 React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export declare const FirstButton: {
+    ({ ref, className, disabled, render, 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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE7D,eAAO,MAAM,WAAW;8DAOrB,gBAAgB,GAAG;QACpB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CAiCA,CAAA"}

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

@@ -0,0 +1,38 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import react from "react";
+import classnames from "classnames";
+import { ChevronLeftDoubleIcon } from "../../icons/chevron-left-double-icon.js";
+import { usePager } from "./pagination.js";
+import pagination_module from "./pagination.module.js";
+const FirstButton = ({ ref, className, disabled, render, children, ...rest })=>{
+    const { variant } = usePager();
+    const sharedProps = {
+        className: classnames(pagination_module["first-button"], pagination_module[variant], pagination_module["rounded-left"], 'pagination-first', className),
+        disabled,
+        'data-testid': 'pagination-first',
+        title: 'First',
+        ...disabled ? {
+            'aria-disabled': true
+        } : {
+            'aria-label': 'First'
+        },
+        ...rest
+    };
+    return /*#__PURE__*/ jsx("li", {
+        className: pagination_module["mobile-toggle"],
+        children: render ? /*#__PURE__*/ react.cloneElement(render, {
+            ref,
+            ...sharedProps
+        }, children) : /*#__PURE__*/ jsx("button", {
+            ref: ref,
+            ...sharedProps,
+            children: children ?? /*#__PURE__*/ jsx(ChevronLeftDoubleIcon, {
+                width: "18px",
+                height: "18px"
+            })
+        })
+    });
+};
+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/types/usePagination.js

@@ -0,0 +1 @@
+export { };

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 "./last.js";
+export * from "./next.js";
+export * from "./previous.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 "./event-pager.js";
+export * from "./hooks/usePagination.js";
+export * from "./icons/index.js";
+export * from "./pagination.js";

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { PagerButtonProps, RefType } from './pagination';
+export type LastButtonProps = PagerButtonProps & {
+    count: number;
+};
+export declare const LastButton: {
+    ({ ref, className, disabled, count, render, 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":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAE7D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG;IAC/C,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,eAAO,MAAM,UAAU;qEAQpB,eAAe,GAAG;QACnB,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,CAAA;KAC/B;;CAiCA,CAAA"}