@pallasoft/ps-internal-components 1.2.0 → 1.3.0

package/dist/components/ps-pagination-bar.d.ts

@@ -0,0 +1,5 @@
+import type { PsPaginationBarProps } from '../models/ps-pagination-bar-props.js';
+export declare const PsPaginationBar: {
+    ({ className, page, pageCount, renderLink, summary, }: PsPaginationBarProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/ps-pagination-bar.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationBar = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_pagination_service_js_1 = require("../services/ps-pagination-service.js");
+const ps_pagination_content_js_1 = require("./ps-pagination-content.js");
+const ps_pagination_ellipsis_js_1 = require("./ps-pagination-ellipsis.js");
+const ps_pagination_item_js_1 = require("./ps-pagination-item.js");
+const ps_pagination_link_js_1 = require("./ps-pagination-link.js");
+const ps_pagination_next_js_1 = require("./ps-pagination-next.js");
+const ps_pagination_previous_js_1 = require("./ps-pagination-previous.js");
+const ps_pagination_js_1 = require("./ps-pagination.js");
+const PsPaginationBar = ({ className, page, pageCount, renderLink, summary, }) => ((0, jsx_runtime_1.jsxs)("div", { className: ps_class_name_service_js_1.PsClassNameService.merge('flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground', className), children: [(0, jsx_runtime_1.jsx)("span", { children: summary }), pageCount > 1 ? ((0, jsx_runtime_1.jsx)(ps_pagination_js_1.PsPagination, { className: 'mx-0 w-auto justify-end', children: (0, jsx_runtime_1.jsxs)(ps_pagination_content_js_1.PsPaginationContent, { children: [(0, jsx_runtime_1.jsx)(ps_pagination_item_js_1.PsPaginationItem, { children: (0, jsx_runtime_1.jsx)(ps_pagination_previous_js_1.PsPaginationPrevious, { asChild: true, isDisabled: page <= 1, children: renderLink(Math.max(page - 1, 1), undefined) }) }), ps_pagination_service_js_1.PsPaginationService.entries(page, pageCount).map((entry) => ((0, jsx_runtime_1.jsx)(ps_pagination_item_js_1.PsPaginationItem, { children: entry.isGap ? ((0, jsx_runtime_1.jsx)(ps_pagination_ellipsis_js_1.PsPaginationEllipsis, {})) : ((0, jsx_runtime_1.jsx)(ps_pagination_link_js_1.PsPaginationLink, { asChild: true, isActive: entry.page === page, children: renderLink(entry.page, entry.page) })) }, `${entry.isGap ? 'gap' : 'page'}-${entry.page}`))), (0, jsx_runtime_1.jsx)(ps_pagination_item_js_1.PsPaginationItem, { children: (0, jsx_runtime_1.jsx)(ps_pagination_next_js_1.PsPaginationNext, { asChild: true, isDisabled: page >= pageCount, children: renderLink(Math.min(page + 1, pageCount), undefined) }) })] }) })) : null] }));
+exports.PsPaginationBar = PsPaginationBar;
+exports.PsPaginationBar.displayName = 'PsPaginationBar';

package/dist/components/ps-pagination-content.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsPaginationContentProps } from '../models/ps-pagination-content-props.js';
+export declare const PsPaginationContent: React.ForwardRefExoticComponent<PsPaginationContentProps & React.RefAttributes<HTMLUListElement>>;

package/dist/components/ps-pagination-content.js

@@ -0,0 +1,41 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationContent = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsPaginationContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ul", { ref: ref, className: ps_class_name_service_js_1.PsClassNameService.merge('flex flex-row items-center gap-1', className), ...props })));
+exports.PsPaginationContent.displayName = 'PsPaginationContent';

package/dist/components/ps-pagination-ellipsis.d.ts

@@ -0,0 +1,5 @@
+import type { PsPaginationEllipsisProps } from '../models/ps-pagination-ellipsis-props.js';
+export declare const PsPaginationEllipsis: {
+    ({ className, ...props }: PsPaginationEllipsisProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/ps-pagination-ellipsis.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationEllipsis = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const lucide_react_1 = require("lucide-react");
+const ps_pagination_config_js_1 = require("../constants/ps-pagination-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const PsPaginationEllipsis = ({ className, ...props }) => ((0, jsx_runtime_1.jsxs)("span", { "aria-hidden": 'true', className: ps_class_name_service_js_1.PsClassNameService.merge('flex h-9 w-9 items-center justify-center', className), ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.MoreHorizontal, { className: 'h-4 w-4' }), (0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: ps_pagination_config_js_1.PsPaginationConfig.morePages })] }));
+exports.PsPaginationEllipsis = PsPaginationEllipsis;
+exports.PsPaginationEllipsis.displayName = 'PsPaginationEllipsis';

package/dist/components/ps-pagination-item.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsPaginationItemProps } from '../models/ps-pagination-item-props.js';
+export declare const PsPaginationItem: React.ForwardRefExoticComponent<PsPaginationItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/components/ps-pagination-item.js

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationItem = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+exports.PsPaginationItem = React.forwardRef((props, ref) => (0, jsx_runtime_1.jsx)("li", { ref: ref, ...props }));
+exports.PsPaginationItem.displayName = 'PsPaginationItem';

package/dist/components/ps-pagination-link.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsPaginationLinkProps } from '../models/ps-pagination-link-props.js';
+export declare const PsPaginationLink: React.ForwardRefExoticComponent<PsPaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/ps-pagination-link.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationLink = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const react_slot_1 = require("@radix-ui/react-slot");
+const ps_button_variants_js_1 = require("../constants/ps-button-variants.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+exports.PsPaginationLink = React.forwardRef(({ asChild = false, className, isActive = false, isDisabled = false, size = 'icon', ...props }, ref) => {
+    const Comp = asChild ? react_slot_1.Slot : 'a';
+    return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, "aria-current": isActive ? 'page' : undefined, "aria-disabled": isDisabled ? true : undefined, className: ps_class_name_service_js_1.PsClassNameService.merge((0, ps_button_variants_js_1.PsButtonVariants)({ variant: isActive ? 'outline' : 'ghost', size }), isDisabled ? 'pointer-events-none opacity-50' : '', className), tabIndex: isDisabled ? -1 : undefined, ...props }));
+});
+exports.PsPaginationLink.displayName = 'PsPaginationLink';

package/dist/components/ps-pagination-next.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsPaginationLinkProps } from '../models/ps-pagination-link-props.js';
+export declare const PsPaginationNext: React.ForwardRefExoticComponent<PsPaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/ps-pagination-next.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationNext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_pagination_config_js_1 = require("../constants/ps-pagination-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_pagination_link_js_1 = require("./ps-pagination-link.js");
+exports.PsPaginationNext = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ps_pagination_link_js_1.PsPaginationLink, { ref: ref, "aria-label": ps_pagination_config_js_1.PsPaginationConfig.nextLabel, className: ps_class_name_service_js_1.PsClassNameService.merge('gap-1 pr-2.5', className), size: 'default', ...props, children: children !== undefined ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { children: ps_pagination_config_js_1.PsPaginationConfig.next }), (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: 'h-4 w-4' })] })) })));
+exports.PsPaginationNext.displayName = 'PsPaginationNext';

package/dist/components/ps-pagination-previous.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import type { PsPaginationLinkProps } from '../models/ps-pagination-link-props.js';
+export declare const PsPaginationPrevious: React.ForwardRefExoticComponent<PsPaginationLinkProps & React.RefAttributes<HTMLAnchorElement>>;

package/dist/components/ps-pagination-previous.js

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationPrevious = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const React = __importStar(require("react"));
+const lucide_react_1 = require("lucide-react");
+const ps_pagination_config_js_1 = require("../constants/ps-pagination-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const ps_pagination_link_js_1 = require("./ps-pagination-link.js");
+exports.PsPaginationPrevious = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsx)(ps_pagination_link_js_1.PsPaginationLink, { ref: ref, "aria-label": ps_pagination_config_js_1.PsPaginationConfig.previousLabel, className: ps_class_name_service_js_1.PsClassNameService.merge('gap-1 pl-2.5', className), size: 'default', ...props, children: children !== undefined ? (children) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(lucide_react_1.ChevronLeft, { className: 'h-4 w-4' }), (0, jsx_runtime_1.jsx)("span", { children: ps_pagination_config_js_1.PsPaginationConfig.previous })] })) })));
+exports.PsPaginationPrevious.displayName = 'PsPaginationPrevious';

package/dist/components/ps-pagination.d.ts

@@ -0,0 +1,5 @@
+import type { PsPaginationProps } from '../models/ps-pagination-props.js';
+export declare const PsPagination: {
+    ({ className, ...props }: PsPaginationProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/ps-pagination.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPagination = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_pagination_config_js_1 = require("../constants/ps-pagination-config.js");
+const ps_class_name_service_js_1 = require("../services/ps-class-name-service.js");
+const PsPagination = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("nav", { "aria-label": ps_pagination_config_js_1.PsPaginationConfig.label, className: ps_class_name_service_js_1.PsClassNameService.merge('mx-auto flex w-full justify-center', className), role: 'navigation', ...props }));
+exports.PsPagination = PsPagination;
+exports.PsPagination.displayName = 'PsPagination';

package/dist/constants/ps-pagination-config.d.ts

@@ -0,0 +1,10 @@
+export declare const PsPaginationConfig: {
+    readonly edgePages: 1;
+    readonly label: "pagination";
+    readonly morePages: "More pages";
+    readonly next: "Next";
+    readonly nextLabel: "Go to next page";
+    readonly previous: "Previous";
+    readonly previousLabel: "Go to previous page";
+    readonly siblingPages: 1;
+};

package/dist/constants/ps-pagination-config.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationConfig = void 0;
+exports.PsPaginationConfig = {
+    edgePages: 1,
+    label: 'pagination',
+    morePages: 'More pages',
+    next: 'Next',
+    nextLabel: 'Go to next page',
+    previous: 'Previous',
+    previousLabel: 'Go to previous page',
+    siblingPages: 1,
+};

package/dist/esm/components/ps-pagination-bar.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsPaginationService } from '../services/ps-pagination-service.js';
+import { PsPaginationContent } from './ps-pagination-content.js';
+import { PsPaginationEllipsis } from './ps-pagination-ellipsis.js';
+import { PsPaginationItem } from './ps-pagination-item.js';
+import { PsPaginationLink } from './ps-pagination-link.js';
+import { PsPaginationNext } from './ps-pagination-next.js';
+import { PsPaginationPrevious } from './ps-pagination-previous.js';
+import { PsPagination } from './ps-pagination.js';
+export const PsPaginationBar = ({ className, page, pageCount, renderLink, summary, }) => (_jsxs("div", { className: PsClassNameService.merge('flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground', className), children: [_jsx("span", { children: summary }), pageCount > 1 ? (_jsx(PsPagination, { className: 'mx-0 w-auto justify-end', children: _jsxs(PsPaginationContent, { children: [_jsx(PsPaginationItem, { children: _jsx(PsPaginationPrevious, { asChild: true, isDisabled: page <= 1, children: renderLink(Math.max(page - 1, 1), undefined) }) }), PsPaginationService.entries(page, pageCount).map((entry) => (_jsx(PsPaginationItem, { children: entry.isGap ? (_jsx(PsPaginationEllipsis, {})) : (_jsx(PsPaginationLink, { asChild: true, isActive: entry.page === page, children: renderLink(entry.page, entry.page) })) }, `${entry.isGap ? 'gap' : 'page'}-${entry.page}`))), _jsx(PsPaginationItem, { children: _jsx(PsPaginationNext, { asChild: true, isDisabled: page >= pageCount, children: renderLink(Math.min(page + 1, pageCount), undefined) }) })] }) })) : null] }));
+PsPaginationBar.displayName = 'PsPaginationBar';

package/dist/esm/components/ps-pagination-content.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsPaginationContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("ul", { ref: ref, className: PsClassNameService.merge('flex flex-row items-center gap-1', className), ...props })));
+PsPaginationContent.displayName = 'PsPaginationContent';

package/dist/esm/components/ps-pagination-ellipsis.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { MoreHorizontal } from 'lucide-react';
+import { PsPaginationConfig } from '../constants/ps-pagination-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsPaginationEllipsis = ({ className, ...props }) => (_jsxs("span", { "aria-hidden": 'true', className: PsClassNameService.merge('flex h-9 w-9 items-center justify-center', className), ...props, children: [_jsx(MoreHorizontal, { className: 'h-4 w-4' }), _jsx("span", { className: 'sr-only', children: PsPaginationConfig.morePages })] }));
+PsPaginationEllipsis.displayName = 'PsPaginationEllipsis';

package/dist/esm/components/ps-pagination-item.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+export const PsPaginationItem = React.forwardRef((props, ref) => _jsx("li", { ref: ref, ...props }));
+PsPaginationItem.displayName = 'PsPaginationItem';

package/dist/esm/components/ps-pagination-link.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { PsButtonVariants } from '../constants/ps-button-variants.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsPaginationLink = React.forwardRef(({ asChild = false, className, isActive = false, isDisabled = false, size = 'icon', ...props }, ref) => {
+    const Comp = asChild ? Slot : 'a';
+    return (_jsx(Comp, { ref: ref, "aria-current": isActive ? 'page' : undefined, "aria-disabled": isDisabled ? true : undefined, className: PsClassNameService.merge(PsButtonVariants({ variant: isActive ? 'outline' : 'ghost', size }), isDisabled ? 'pointer-events-none opacity-50' : '', className), tabIndex: isDisabled ? -1 : undefined, ...props }));
+});
+PsPaginationLink.displayName = 'PsPaginationLink';

package/dist/esm/components/ps-pagination-next.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronRight } from 'lucide-react';
+import { PsPaginationConfig } from '../constants/ps-pagination-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsPaginationLink } from './ps-pagination-link.js';
+export const PsPaginationNext = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(PsPaginationLink, { ref: ref, "aria-label": PsPaginationConfig.nextLabel, className: PsClassNameService.merge('gap-1 pr-2.5', className), size: 'default', ...props, children: children !== undefined ? (children) : (_jsxs(_Fragment, { children: [_jsx("span", { children: PsPaginationConfig.next }), _jsx(ChevronRight, { className: 'h-4 w-4' })] })) })));
+PsPaginationNext.displayName = 'PsPaginationNext';

package/dist/esm/components/ps-pagination-previous.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChevronLeft } from 'lucide-react';
+import { PsPaginationConfig } from '../constants/ps-pagination-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+import { PsPaginationLink } from './ps-pagination-link.js';
+export const PsPaginationPrevious = React.forwardRef(({ className, children, ...props }, ref) => (_jsx(PsPaginationLink, { ref: ref, "aria-label": PsPaginationConfig.previousLabel, className: PsClassNameService.merge('gap-1 pl-2.5', className), size: 'default', ...props, children: children !== undefined ? (children) : (_jsxs(_Fragment, { children: [_jsx(ChevronLeft, { className: 'h-4 w-4' }), _jsx("span", { children: PsPaginationConfig.previous })] })) })));
+PsPaginationPrevious.displayName = 'PsPaginationPrevious';

package/dist/esm/components/ps-pagination.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PsPaginationConfig } from '../constants/ps-pagination-config.js';
+import { PsClassNameService } from '../services/ps-class-name-service.js';
+export const PsPagination = ({ className, ...props }) => (_jsx("nav", { "aria-label": PsPaginationConfig.label, className: PsClassNameService.merge('mx-auto flex w-full justify-center', className), role: 'navigation', ...props }));
+PsPagination.displayName = 'PsPagination';

package/dist/esm/constants/ps-pagination-config.js

@@ -0,0 +1,10 @@
+export const PsPaginationConfig = {
+    edgePages: 1,
+    label: 'pagination',
+    morePages: 'More pages',
+    next: 'Next',
+    nextLabel: 'Go to next page',
+    previous: 'Previous',
+    previousLabel: 'Go to previous page',
+    siblingPages: 1,
+};

package/dist/esm/index.js

@@ -358,3 +358,20 @@ export * from './services/ps-chart-service.js';
 export * from './services/ps-class-name-service.js';
 export * from './services/ps-field-format-service.js';
 export * from './services/ps-file-size-service.js';
+export * from './components/ps-pagination.js';
+export * from './components/ps-pagination-bar.js';
+export * from './components/ps-pagination-content.js';
+export * from './components/ps-pagination-ellipsis.js';
+export * from './components/ps-pagination-item.js';
+export * from './components/ps-pagination-link.js';
+export * from './components/ps-pagination-next.js';
+export * from './components/ps-pagination-previous.js';
+export * from './models/ps-pagination-bar-props.js';
+export * from './models/ps-pagination-content-props.js';
+export * from './models/ps-pagination-ellipsis-props.js';
+export * from './models/ps-pagination-entry.js';
+export * from './models/ps-pagination-item-props.js';
+export * from './models/ps-pagination-link-props.js';
+export * from './models/ps-pagination-props.js';
+export * from './constants/ps-pagination-config.js';
+export * from './services/ps-pagination-service.js';

package/dist/esm/models/ps-pagination-bar-props.js

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

package/dist/esm/models/ps-pagination-content-props.js

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

package/dist/esm/models/ps-pagination-ellipsis-props.js

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

package/dist/esm/models/ps-pagination-entry.js

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

package/dist/esm/models/ps-pagination-item-props.js

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

package/dist/esm/models/ps-pagination-link-props.js

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

package/dist/esm/models/ps-pagination-props.js

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

package/dist/esm/services/ps-pagination-service.js

@@ -0,0 +1,21 @@
+import { PsPaginationConfig } from '../constants/ps-pagination-config.js';
+export class PsPaginationService {
+    static entries(page, pageCount) {
+        const shown = new Set();
+        for (let index = 1; index <= Math.min(PsPaginationConfig.edgePages, pageCount); index += 1)
+            shown.add(index);
+        for (let index = Math.max(1, pageCount - PsPaginationConfig.edgePages + 1); index <= pageCount; index += 1)
+            shown.add(index);
+        for (let index = Math.max(1, page - PsPaginationConfig.siblingPages); index <= Math.min(pageCount, page + PsPaginationConfig.siblingPages); index += 1)
+            shown.add(index);
+        const sorted = [...shown].sort((left, right) => left - right);
+        const entries = [];
+        sorted.forEach((value, index) => {
+            const previous = sorted[index - 1];
+            if (previous !== undefined && value - previous > 1)
+                entries.push({ isGap: true, page: previous + 1 });
+            entries.push({ isGap: false, page: value });
+        });
+        return entries;
+    }
+}

package/dist/index.d.ts

@@ -358,3 +358,20 @@ export * from './services/ps-chart-service.js';
 export * from './services/ps-class-name-service.js';
 export * from './services/ps-field-format-service.js';
 export * from './services/ps-file-size-service.js';
+export * from './components/ps-pagination.js';
+export * from './components/ps-pagination-bar.js';
+export * from './components/ps-pagination-content.js';
+export * from './components/ps-pagination-ellipsis.js';
+export * from './components/ps-pagination-item.js';
+export * from './components/ps-pagination-link.js';
+export * from './components/ps-pagination-next.js';
+export * from './components/ps-pagination-previous.js';
+export * from './models/ps-pagination-bar-props.js';
+export * from './models/ps-pagination-content-props.js';
+export * from './models/ps-pagination-ellipsis-props.js';
+export * from './models/ps-pagination-entry.js';
+export * from './models/ps-pagination-item-props.js';
+export * from './models/ps-pagination-link-props.js';
+export * from './models/ps-pagination-props.js';
+export * from './constants/ps-pagination-config.js';
+export * from './services/ps-pagination-service.js';

package/dist/index.js

@@ -374,3 +374,20 @@ __exportStar(require("./services/ps-chart-service.js"), exports);
 __exportStar(require("./services/ps-class-name-service.js"), exports);
 __exportStar(require("./services/ps-field-format-service.js"), exports);
 __exportStar(require("./services/ps-file-size-service.js"), exports);
+__exportStar(require("./components/ps-pagination.js"), exports);
+__exportStar(require("./components/ps-pagination-bar.js"), exports);
+__exportStar(require("./components/ps-pagination-content.js"), exports);
+__exportStar(require("./components/ps-pagination-ellipsis.js"), exports);
+__exportStar(require("./components/ps-pagination-item.js"), exports);
+__exportStar(require("./components/ps-pagination-link.js"), exports);
+__exportStar(require("./components/ps-pagination-next.js"), exports);
+__exportStar(require("./components/ps-pagination-previous.js"), exports);
+__exportStar(require("./models/ps-pagination-bar-props.js"), exports);
+__exportStar(require("./models/ps-pagination-content-props.js"), exports);
+__exportStar(require("./models/ps-pagination-ellipsis-props.js"), exports);
+__exportStar(require("./models/ps-pagination-entry.js"), exports);
+__exportStar(require("./models/ps-pagination-item-props.js"), exports);
+__exportStar(require("./models/ps-pagination-link-props.js"), exports);
+__exportStar(require("./models/ps-pagination-props.js"), exports);
+__exportStar(require("./constants/ps-pagination-config.js"), exports);
+__exportStar(require("./services/ps-pagination-service.js"), exports);

package/dist/models/ps-pagination-bar-props.d.ts

@@ -0,0 +1,8 @@
+import type * as React from 'react';
+export interface PsPaginationBarProps {
+    className?: string;
+    pageCount: number;
+    page: number;
+    renderLink: (page: number, children: React.ReactNode) => React.ReactElement;
+    summary?: React.ReactNode;
+}

package/dist/models/ps-pagination-bar-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-pagination-content-props.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export interface PsPaginationContentProps extends React.ComponentPropsWithoutRef<'ul'> {
+}

package/dist/models/ps-pagination-content-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-pagination-ellipsis-props.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export interface PsPaginationEllipsisProps extends React.ComponentProps<'span'> {
+}

package/dist/models/ps-pagination-ellipsis-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-pagination-entry.d.ts

@@ -0,0 +1,4 @@
+export interface PsPaginationEntry {
+    isGap: boolean;
+    page: number;
+}

package/dist/models/ps-pagination-entry.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-pagination-item-props.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export interface PsPaginationItemProps extends React.ComponentPropsWithoutRef<'li'> {
+}

package/dist/models/ps-pagination-item-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-pagination-link-props.d.ts

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export interface PsPaginationLinkProps extends React.ComponentPropsWithoutRef<'a'> {
+    asChild?: boolean;
+    isActive?: boolean;
+    isDisabled?: boolean;
+    size?: 'default' | 'icon';
+}

package/dist/models/ps-pagination-link-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/models/ps-pagination-props.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export interface PsPaginationProps extends React.ComponentProps<'nav'> {
+}

package/dist/models/ps-pagination-props.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/services/ps-pagination-service.d.ts

@@ -0,0 +1,4 @@
+import type { PsPaginationEntry } from '../models/ps-pagination-entry.js';
+export declare class PsPaginationService {
+    static entries(page: number, pageCount: number): PsPaginationEntry[];
+}

package/dist/services/ps-pagination-service.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsPaginationService = void 0;
+const ps_pagination_config_js_1 = require("../constants/ps-pagination-config.js");
+class PsPaginationService {
+    static entries(page, pageCount) {
+        const shown = new Set();
+        for (let index = 1; index <= Math.min(ps_pagination_config_js_1.PsPaginationConfig.edgePages, pageCount); index += 1)
+            shown.add(index);
+        for (let index = Math.max(1, pageCount - ps_pagination_config_js_1.PsPaginationConfig.edgePages + 1); index <= pageCount; index += 1)
+            shown.add(index);
+        for (let index = Math.max(1, page - ps_pagination_config_js_1.PsPaginationConfig.siblingPages); index <= Math.min(pageCount, page + ps_pagination_config_js_1.PsPaginationConfig.siblingPages); index += 1)
+            shown.add(index);
+        const sorted = [...shown].sort((left, right) => left - right);
+        const entries = [];
+        sorted.forEach((value, index) => {
+            const previous = sorted[index - 1];
+            if (previous !== undefined && value - previous > 1)
+                entries.push({ isGap: true, page: previous + 1 });
+            entries.push({ isGap: false, page: value });
+        });
+        return entries;
+    }
+}
+exports.PsPaginationService = PsPaginationService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-internal-components",
-	"version": "1.2.0",
+	"version": "1.3.0",
 	"private": false,
 	"description": "Shared Pallasoft internal UI: app header, app switcher and shadcn primitives for staff tools",
 	"main": "./dist/index.js",