@payloadcms/ui 3.0.0-alpha.9 → 3.0.0-beta.1

package/dist/elements/Pagination/index.js

@@ -1,49 +1,18 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "Pagination", {
-    enumerable: true,
-    get: function() {
-        return Pagination;
-    }
-});
-const _navigation = require("next/navigation");
-const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _SearchParams = require("../../providers/SearchParams");
-const _ClickableArrow = /*#__PURE__*/ _interop_require_default(require("./ClickableArrow"));
-const _Page = /*#__PURE__*/ _interop_require_default(require("./Page"));
-const _Separator = /*#__PURE__*/ _interop_require_default(require("./Separator"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import React from 'react';
+import { ClickableArrow } from './ClickableArrow/index.js';
+import { Page } from './Page/index.js';
+import { Separator } from './Separator/index.js';
 const nodeTypes = {
-    ClickableArrow: _ClickableArrow.default,
-    Page: _Page.default,
-    Separator: _Separator.default
+    ClickableArrow,
+    Page,
+    Separator
 };
 const baseClass = 'paginator';
-const Pagination = (props)=>{
-    const router = (0, _navigation.useRouter)();
-    const { searchParams } = (0, _SearchParams.useSearchParams)();
-    const pathname = (0, _navigation.usePathname)();
-    const { disableHistoryChange = false, hasNextPage = false, hasPrevPage = false, nextPage = null, numberOfNeighbors = 1, onChange, page: currentPage, prevPage = null, totalPages = null } = props;
+export const Pagination = (props)=>{
+    const { hasNextPage = false, hasPrevPage = false, nextPage = null, numberOfNeighbors = 1, onChange, page: currentPage, prevPage = null, totalPages = null } = props;
     if (!totalPages || totalPages <= 1) return null;
     const updatePage = (page)=>{
-        if (!disableHistoryChange) {
-            const newParams = {
-                ...searchParams
-            };
-            newParams.page = page;
-            router.push(pathname + _qs.default.stringify(newParams, {
-                addQueryPrefix: true
-            }));
-        }
         if (typeof onChange === 'function') onChange(page);
     };
     // Create array of integers for each page
@@ -64,12 +33,12 @@ const Pagination = (props)=>{
     // Add first page if necessary
     if (currentPage > numberOfNeighbors + 1) {
         nodes.unshift({
+            type: 'Page',
             props: {
                 isFirstPage: true,
                 page: 1,
                 updatePage
-            },
-            type: 'Page'
+            }
         });
     }
     // Add next separator if necessary
@@ -79,36 +48,36 @@ const Pagination = (props)=>{
     // Add last page if necessary
     if (rangeEndIndex < totalPages) {
         nodes.push({
+            type: 'Page',
             props: {
                 isLastPage: true,
                 page: totalPages,
                 updatePage
-            },
-            type: 'Page'
+            }
         });
     }
     // Add prev and next arrows based on necessity
     nodes.unshift({
+        type: 'ClickableArrow',
         props: {
             direction: 'right',
             isDisabled: !hasNextPage,
             updatePage: ()=>updatePage(nextPage)
-        },
-        type: 'ClickableArrow'
+        }
     });
     nodes.unshift({
+        type: 'ClickableArrow',
         props: {
             direction: 'left',
             isDisabled: !hasPrevPage,
             updatePage: ()=>updatePage(prevPage)
-        },
-        type: 'ClickableArrow'
+        }
     });
-    return /*#__PURE__*/ _react.default.createElement("div", {
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
     }, nodes.map((node, i)=>{
         if (typeof node === 'number') {
-            return /*#__PURE__*/ _react.default.createElement(_Page.default, {
+            return /*#__PURE__*/ React.createElement(Page, {
                 isCurrent: currentPage === node,
                 key: i,
                 page: node,
@@ -116,11 +85,11 @@ const Pagination = (props)=>{
             });
         }
         const NodeType = nodeTypes[node.type];
-        return /*#__PURE__*/ _react.default.createElement(NodeType, {
+        return /*#__PURE__*/ React.createElement(NodeType, {
             key: i,
             ...node.props
         });
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QYWdpbmF0aW9uL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB7IHVzZVBhdGhuYW1lLCB1c2VSb3V0ZXIgfSBmcm9tICduZXh0L25hdmlnYXRpb24nXG5pbXBvcnQgcXVlcnlTdHJpbmcgZnJvbSAncXMnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB0eXBlIHsgTm9kZSwgUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5pbXBvcnQgeyB1c2VTZWFyY2hQYXJhbXMgfSBmcm9tICcuLi8uLi9wcm92aWRlcnMvU2VhcmNoUGFyYW1zJ1xuaW1wb3J0IENsaWNrYWJsZUFycm93IGZyb20gJy4vQ2xpY2thYmxlQXJyb3cnXG5pbXBvcnQgUGFnZSBmcm9tICcuL1BhZ2UnXG5pbXBvcnQgU2VwYXJhdG9yIGZyb20gJy4vU2VwYXJhdG9yJ1xuaW1wb3J0ICcuL2luZGV4LnNjc3MnXG5cbmNvbnN0IG5vZGVUeXBlcyA9IHtcbiAgQ2xpY2thYmxlQXJyb3csXG4gIFBhZ2UsXG4gIFNlcGFyYXRvcixcbn1cblxuY29uc3QgYmFzZUNsYXNzID0gJ3BhZ2luYXRvcidcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb246IFJlYWN0LkZDPFByb3BzPiA9IChwcm9wcykgPT4ge1xuICBjb25zdCByb3V0ZXIgPSB1c2VSb3V0ZXIoKVxuICBjb25zdCB7IHNlYXJjaFBhcmFtcyB9ID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3QgcGF0aG5hbWUgPSB1c2VQYXRobmFtZSgpXG5cbiAgY29uc3Qge1xuICAgIGRpc2FibGVIaXN0b3J5Q2hhbmdlID0gZmFsc2UsXG4gICAgaGFzTmV4dFBhZ2UgPSBmYWxzZSxcbiAgICBoYXNQcmV2UGFnZSA9IGZhbHNlLFxuICAgIG5leHRQYWdlID0gbnVsbCxcbiAgICBudW1iZXJPZk5laWdoYm9ycyA9IDEsXG4gICAgb25DaGFuZ2UsXG4gICAgcGFnZTogY3VycmVudFBhZ2UsXG4gICAgcHJldlBhZ2UgPSBudWxsLFxuICAgIHRvdGFsUGFnZXMgPSBudWxsLFxuICB9ID0gcHJvcHNcblxuICBpZiAoIXRvdGFsUGFnZXMgfHwgdG90YWxQYWdlcyA8PSAxKSByZXR1cm4gbnVsbFxuXG4gIGNvbnN0IHVwZGF0ZVBhZ2UgPSAocGFnZSkgPT4ge1xuICAgIGlmICghZGlzYWJsZUhpc3RvcnlDaGFuZ2UpIHtcbiAgICAgIGNvbnN0IG5ld1BhcmFtcyA9IHtcbiAgICAgICAgLi4uc2VhcmNoUGFyYW1zLFxuICAgICAgfVxuXG4gICAgICBuZXdQYXJhbXMucGFnZSA9IHBhZ2VcbiAgICAgIHJvdXRlci5wdXNoKHBhdGhuYW1lICsgcXVlcnlTdHJpbmcuc3RyaW5naWZ5KG5ld1BhcmFtcywgeyBhZGRRdWVyeVByZWZpeDogdHJ1ZSB9KSlcbiAgICB9XG5cbiAgICBpZiAodHlwZW9mIG9uQ2hhbmdlID09PSAnZnVuY3Rpb24nKSBvbkNoYW5nZShwYWdlKVxuICB9XG5cbiAgLy8gQ3JlYXRlIGFycmF5IG9mIGludGVnZXJzIGZvciBlYWNoIHBhZ2VcbiAgY29uc3QgcGFnZXMgPSBBcnJheS5mcm9tKHsgbGVuZ3RoOiB0b3RhbFBhZ2VzIH0sIChfLCBpbmRleCkgPT4gaW5kZXggKyAxKVxuXG4gIC8vIEFzc2lnbiBpbmRpY2VzIGZvciBzdGFydCBhbmQgZW5kIG9mIHRoZSByYW5nZSBvZiBwYWdlcyB0aGF0IHNob3VsZCBiZSBzaG93biBpbiBwYWdpbmF0b3JcbiAgbGV0IHJhbmdlU3RhcnRJbmRleCA9IGN1cnJlbnRQYWdlIC0gMSAtIG51bWJlck9mTmVpZ2hib3JzXG5cbiAgLy8gU2FuaXRpemUgcmFuZ2VTdGFydEluZGV4IGluIGNhc2UgaXQgaXMgbGVzcyB0aGFuIHplcm8gZm9yIHNhZmUgc3BsaXRcbiAgaWYgKHJhbmdlU3RhcnRJbmRleCA8PSAwKSByYW5nZVN0YXJ0SW5kZXggPSAwXG5cbiAgY29uc3QgcmFuZ2VFbmRJbmRleCA9IGN1cnJlbnRQYWdlIC0gMSArIG51bWJlck9mTmVpZ2hib3JzICsgMVxuXG4gIC8vIFNsaWNlIG91dCB0aGUgcmFuZ2Ugb2YgcGFnZXMgdGhhdCB3ZSB3YW50IHRvIHJlbmRlclxuICBjb25zdCBub2RlczogTm9kZVtdID0gcGFnZXMuc2xpY2UocmFuZ2VTdGFydEluZGV4LCByYW5nZUVuZEluZGV4KVxuXG4gIC8vIEFkZCBwcmV2IHNlcGFyYXRvciBpZiBuZWNlc3NhcnlcbiAgaWYgKGN1cnJlbnRQYWdlIC0gbnVtYmVyT2ZOZWlnaGJvcnMgLSAxID49IDIpIG5vZGVzLnVuc2hpZnQoeyB0eXBlOiAnU2VwYXJhdG9yJyB9KVxuICAvLyBBZGQgZmlyc3QgcGFnZSBpZiBuZWNlc3NhcnlcbiAgaWYgKGN1cnJlbnRQYWdlID4gbnVtYmVyT2ZOZWlnaGJvcnMgKyAxKSB7XG4gICAgbm9kZXMudW5zaGlmdCh7XG4gICAgICBwcm9wczoge1xuICAgICAgICBpc0ZpcnN0UGFnZTogdHJ1ZSxcbiAgICAgICAgcGFnZTogMSxcbiAgICAgICAgdXBkYXRlUGFnZSxcbiAgICAgIH0sXG4gICAgICB0eXBlOiAnUGFnZScsXG4gICAgfSlcbiAgfVxuXG4gIC8vIEFkZCBuZXh0IHNlcGFyYXRvciBpZiBuZWNlc3NhcnlcbiAgaWYgKGN1cnJlbnRQYWdlICsgbnVtYmVyT2ZOZWlnaGJvcnMgKyAxIDwgdG90YWxQYWdlcykgbm9kZXMucHVzaCh7IHR5cGU6ICdTZXBhcmF0b3InIH0pXG4gIC8vIEFkZCBsYXN0IHBhZ2UgaWYgbmVjZXNzYXJ5XG4gIGlmIChyYW5nZUVuZEluZGV4IDwgdG90YWxQYWdlcykge1xuICAgIG5vZGVzLnB1c2goe1xuICAgICAgcHJvcHM6IHtcbiAgICAgICAgaXNMYXN0UGFnZTogdHJ1ZSxcbiAgICAgICAgcGFnZTogdG90YWxQYWdlcyxcbiAgICAgICAgdXBkYXRlUGFnZSxcbiAgICAgIH0sXG4gICAgICB0eXBlOiAnUGFnZScsXG4gICAgfSlcbiAgfVxuXG4gIC8vIEFkZCBwcmV2IGFuZCBuZXh0IGFycm93cyBiYXNlZCBvbiBuZWNlc3NpdHlcbiAgbm9kZXMudW5zaGlmdCh7XG4gICAgcHJvcHM6IHtcbiAgICAgIGRpcmVjdGlvbjogJ3JpZ2h0JyxcbiAgICAgIGlzRGlzYWJsZWQ6ICFoYXNOZXh0UGFnZSxcbiAgICAgIHVwZGF0ZVBhZ2U6ICgpID0+IHVwZGF0ZVBhZ2UobmV4dFBhZ2UpLFxuICAgIH0sXG4gICAgdHlwZTogJ0NsaWNrYWJsZUFycm93JyxcbiAgfSlcblxuICBub2Rlcy51bnNoaWZ0KHtcbiAgICBwcm9wczoge1xuICAgICAgZGlyZWN0aW9uOiAnbGVmdCcsXG4gICAgICBpc0Rpc2FibGVkOiAhaGFzUHJldlBhZ2UsXG4gICAgICB1cGRhdGVQYWdlOiAoKSA9PiB1cGRhdGVQYWdlKHByZXZQYWdlKSxcbiAgICB9LFxuICAgIHR5cGU6ICdDbGlja2FibGVBcnJvdycsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17YmFzZUNsYXNzfT5cbiAgICAgIHtub2Rlcy5tYXAoKG5vZGUsIGkpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBub2RlID09PSAnbnVtYmVyJykge1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8UGFnZSBpc0N1cnJlbnQ9e2N1cnJlbnRQYWdlID09PSBub2RlfSBrZXk9e2l9IHBhZ2U9e25vZGV9IHVwZGF0ZVBhZ2U9e3VwZGF0ZVBhZ2V9IC8+XG4gICAgICAgICAgKVxuICAgICAgICB9XG5cbiAgICAgICAgY29uc3QgTm9kZVR5cGUgPSBub2RlVHlwZXNbbm9kZS50eXBlXVxuXG4gICAgICAgIHJldHVybiA8Tm9kZVR5cGUga2V5PXtpfSB7Li4ubm9kZS5wcm9wc30gLz5cbiAgICAgIH0pfVxuICAgIDwvZGl2PlxuICApXG59XG4iXSwibmFtZXMiOlsiUGFnaW5hdGlvbiIsIm5vZGVUeXBlcyIsIkNsaWNrYWJsZUFycm93IiwiUGFnZSIsIlNlcGFyYXRvciIsImJhc2VDbGFzcyIsInByb3BzIiwicm91dGVyIiwidXNlUm91dGVyIiwic2VhcmNoUGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwicGF0aG5hbWUiLCJ1c2VQYXRobmFtZSIsImRpc2FibGVIaXN0b3J5Q2hhbmdlIiwiaGFzTmV4dFBhZ2UiLCJoYXNQcmV2UGFnZSIsIm5leHRQYWdlIiwibnVtYmVyT2ZOZWlnaGJvcnMiLCJvbkNoYW5nZSIsInBhZ2UiLCJjdXJyZW50UGFnZSIsInByZXZQYWdlIiwidG90YWxQYWdlcyIsInVwZGF0ZVBhZ2UiLCJuZXdQYXJhbXMiLCJwdXNoIiwicXVlcnlTdHJpbmciLCJzdHJpbmdpZnkiLCJhZGRRdWVyeVByZWZpeCIsInBhZ2VzIiwiQXJyYXkiLCJmcm9tIiwibGVuZ3RoIiwiXyIsImluZGV4IiwicmFuZ2VTdGFydEluZGV4IiwicmFuZ2VFbmRJbmRleCIsIm5vZGVzIiwic2xpY2UiLCJ1bnNoaWZ0IiwidHlwZSIsImlzRmlyc3RQYWdlIiwiaXNMYXN0UGFnZSIsImRpcmVjdGlvbiIsImlzRGlzYWJsZWQiLCJkaXYiLCJjbGFzc05hbWUiLCJtYXAiLCJub2RlIiwiaSIsImlzQ3VycmVudCIsImtleSIsIk5vZGVUeXBlIl0sIm1hcHBpbmdzIjoiQUFBQTs7Ozs7K0JBcUJhQTs7O2VBQUFBOzs7NEJBcEIwQjsyREFDZjs4REFDTjs4QkFJYzt1RUFDTDs2REFDVjtrRUFDSztRQUNmOzs7Ozs7QUFFUCxNQUFNQyxZQUFZO0lBQ2hCQyxnQkFBQUEsdUJBQWM7SUFDZEMsTUFBQUEsYUFBSTtJQUNKQyxXQUFBQSxrQkFBUztBQUNYO0FBRUEsTUFBTUMsWUFBWTtBQUVYLE1BQU1MLGFBQThCLENBQUNNO0lBQzFDLE1BQU1DLFNBQVNDLElBQUFBLHFCQUFTO0lBQ3hCLE1BQU0sRUFBRUMsWUFBWSxFQUFFLEdBQUdDLElBQUFBLDZCQUFlO0lBQ3hDLE1BQU1DLFdBQVdDLElBQUFBLHVCQUFXO0lBRTVCLE1BQU0sRUFDSkMsdUJBQXVCLEtBQUssRUFDNUJDLGNBQWMsS0FBSyxFQUNuQkMsY0FBYyxLQUFLLEVBQ25CQyxXQUFXLElBQUksRUFDZkMsb0JBQW9CLENBQUMsRUFDckJDLFFBQVEsRUFDUkMsTUFBTUMsV0FBVyxFQUNqQkMsV0FBVyxJQUFJLEVBQ2ZDLGFBQWEsSUFBSSxFQUNsQixHQUFHaEI7SUFFSixJQUFJLENBQUNnQixjQUFjQSxjQUFjLEdBQUcsT0FBTztJQUUzQyxNQUFNQyxhQUFhLENBQUNKO1FBQ2xCLElBQUksQ0FBQ04sc0JBQXNCO1lBQ3pCLE1BQU1XLFlBQVk7Z0JBQ2hCLEdBQUdmLFlBQVk7WUFDakI7WUFFQWUsVUFBVUwsSUFBSSxHQUFHQTtZQUNqQlosT0FBT2tCLElBQUksQ0FBQ2QsV0FBV2UsV0FBVyxDQUFDQyxTQUFTLENBQUNILFdBQVc7Z0JBQUVJLGdCQUFnQjtZQUFLO1FBQ2pGO1FBRUEsSUFBSSxPQUFPVixhQUFhLFlBQVlBLFNBQVNDO0lBQy9DO0lBRUEseUNBQXlDO0lBQ3pDLE1BQU1VLFFBQVFDLE1BQU1DLElBQUksQ0FBQztRQUFFQyxRQUFRVjtJQUFXLEdBQUcsQ0FBQ1csR0FBR0MsUUFBVUEsUUFBUTtJQUV2RSwyRkFBMkY7SUFDM0YsSUFBSUMsa0JBQWtCZixjQUFjLElBQUlIO0lBRXhDLHVFQUF1RTtJQUN2RSxJQUFJa0IsbUJBQW1CLEdBQUdBLGtCQUFrQjtJQUU1QyxNQUFNQyxnQkFBZ0JoQixjQUFjLElBQUlILG9CQUFvQjtJQUU1RCxzREFBc0Q7SUFDdEQsTUFBTW9CLFFBQWdCUixNQUFNUyxLQUFLLENBQUNILGlCQUFpQkM7SUFFbkQsa0NBQWtDO0lBQ2xDLElBQUloQixjQUFjSCxvQkFBb0IsS0FBSyxHQUFHb0IsTUFBTUUsT0FBTyxDQUFDO1FBQUVDLE1BQU07SUFBWTtJQUNoRiw4QkFBOEI7SUFDOUIsSUFBSXBCLGNBQWNILG9CQUFvQixHQUFHO1FBQ3ZDb0IsTUFBTUUsT0FBTyxDQUFDO1lBQ1pqQyxPQUFPO2dCQUNMbUMsYUFBYTtnQkFDYnRCLE1BQU07Z0JBQ05JO1lBQ0Y7WUFDQWlCLE1BQU07UUFDUjtJQUNGO0lBRUEsa0NBQWtDO0lBQ2xDLElBQUlwQixjQUFjSCxvQkFBb0IsSUFBSUssWUFBWWUsTUFBTVosSUFBSSxDQUFDO1FBQUVlLE1BQU07SUFBWTtJQUNyRiw2QkFBNkI7SUFDN0IsSUFBSUosZ0JBQWdCZCxZQUFZO1FBQzlCZSxNQUFNWixJQUFJLENBQUM7WUFDVG5CLE9BQU87Z0JBQ0xvQyxZQUFZO2dCQUNadkIsTUFBTUc7Z0JBQ05DO1lBQ0Y7WUFDQWlCLE1BQU07UUFDUjtJQUNGO0lBRUEsOENBQThDO0lBQzlDSCxNQUFNRSxPQUFPLENBQUM7UUFDWmpDLE9BQU87WUFDTHFDLFdBQVc7WUFDWEMsWUFBWSxDQUFDOUI7WUFDYlMsWUFBWSxJQUFNQSxXQUFXUDtRQUMvQjtRQUNBd0IsTUFBTTtJQUNSO0lBRUFILE1BQU1FLE9BQU8sQ0FBQztRQUNaakMsT0FBTztZQUNMcUMsV0FBVztZQUNYQyxZQUFZLENBQUM3QjtZQUNiUSxZQUFZLElBQU1BLFdBQVdGO1FBQy9CO1FBQ0FtQixNQUFNO0lBQ1I7SUFFQSxxQkFDRSw2QkFBQ0s7UUFBSUMsV0FBV3pDO09BQ2JnQyxNQUFNVSxHQUFHLENBQUMsQ0FBQ0MsTUFBTUM7UUFDaEIsSUFBSSxPQUFPRCxTQUFTLFVBQVU7WUFDNUIscUJBQ0UsNkJBQUM3QyxhQUFJO2dCQUFDK0MsV0FBVzlCLGdCQUFnQjRCO2dCQUFNRyxLQUFLRjtnQkFBRzlCLE1BQU02QjtnQkFBTXpCLFlBQVlBOztRQUUzRTtRQUVBLE1BQU02QixXQUFXbkQsU0FBUyxDQUFDK0MsS0FBS1IsSUFBSSxDQUFDO1FBRXJDLHFCQUFPLDZCQUFDWTtZQUFTRCxLQUFLRjtZQUFJLEdBQUdELEtBQUsxQyxLQUFLOztJQUN6QztBQUdOIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/Pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Pagination/index.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ClickableArrow } from './ClickableArrow/index.js'\nimport { Page } from './Page/index.js'\nimport { Separator } from './Separator/index.js'\nimport './index.scss'\n\nconst nodeTypes = {\n  ClickableArrow,\n  Page,\n  Separator,\n}\n\nconst baseClass = 'paginator'\n\nexport type PaginationProps = {\n  hasNextPage?: boolean\n  hasPrevPage?: boolean\n  limit?: number\n  nextPage?: number\n  numberOfNeighbors?: number\n  onChange?: (page: number) => void\n  page?: number\n  prevPage?: number\n  totalPages?: number\n}\n\nexport type Node =\n  | {\n      props?: {\n        direction?: 'left' | 'right'\n        isDisabled?: boolean\n        isFirstPage?: boolean\n        isLastPage?: boolean\n        page?: number\n        updatePage: (page?: number) => void\n      }\n      type: 'ClickableArrow' | 'Page' | 'Separator'\n    }\n  | number\n\nexport const Pagination: React.FC<PaginationProps> = (props) => {\n  const {\n    hasNextPage = false,\n    hasPrevPage = false,\n    nextPage = null,\n    numberOfNeighbors = 1,\n    onChange,\n    page: currentPage,\n    prevPage = null,\n    totalPages = null,\n  } = props\n\n  if (!totalPages || totalPages <= 1) return null\n\n  const updatePage = (page) => {\n    if (typeof onChange === 'function') onChange(page)\n  }\n\n  // Create array of integers for each page\n  const pages = Array.from({ length: totalPages }, (_, index) => index + 1)\n\n  // Assign indices for start and end of the range of pages that should be shown in paginator\n  let rangeStartIndex = currentPage - 1 - numberOfNeighbors\n\n  // Sanitize rangeStartIndex in case it is less than zero for safe split\n  if (rangeStartIndex <= 0) rangeStartIndex = 0\n\n  const rangeEndIndex = currentPage - 1 + numberOfNeighbors + 1\n\n  // Slice out the range of pages that we want to render\n  const nodes: Node[] = pages.slice(rangeStartIndex, rangeEndIndex)\n\n  // Add prev separator if necessary\n  if (currentPage - numberOfNeighbors - 1 >= 2) nodes.unshift({ type: 'Separator' })\n  // Add first page if necessary\n  if (currentPage > numberOfNeighbors + 1) {\n    nodes.unshift({\n      type: 'Page',\n      props: {\n        isFirstPage: true,\n        page: 1,\n        updatePage,\n      },\n    })\n  }\n\n  // Add next separator if necessary\n  if (currentPage + numberOfNeighbors + 1 < totalPages) nodes.push({ type: 'Separator' })\n  // Add last page if necessary\n  if (rangeEndIndex < totalPages) {\n    nodes.push({\n      type: 'Page',\n      props: {\n        isLastPage: true,\n        page: totalPages,\n        updatePage,\n      },\n    })\n  }\n\n  // Add prev and next arrows based on necessity\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'right',\n      isDisabled: !hasNextPage,\n      updatePage: () => updatePage(nextPage),\n    },\n  })\n\n  nodes.unshift({\n    type: 'ClickableArrow',\n    props: {\n      direction: 'left',\n      isDisabled: !hasPrevPage,\n      updatePage: () => updatePage(prevPage),\n    },\n  })\n\n  return (\n    <div className={baseClass}>\n      {nodes.map((node, i) => {\n        if (typeof node === 'number') {\n          return (\n            <Page isCurrent={currentPage === node} key={i} page={node} updatePage={updatePage} />\n          )\n        }\n\n        const NodeType = nodeTypes[node.type]\n\n        return <NodeType key={i} {...node.props} />\n      })}\n    </div>\n  )\n}\n"],"names":["React","ClickableArrow","Page","Separator","nodeTypes","baseClass","Pagination","props","hasNextPage","hasPrevPage","nextPage","numberOfNeighbors","onChange","page","currentPage","prevPage","totalPages","updatePage","pages","Array","from","length","_","index","rangeStartIndex","rangeEndIndex","nodes","slice","unshift","type","isFirstPage","push","isLastPage","direction","isDisabled","div","className","map","node","i","isCurrent","key","NodeType"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,cAAc,QAAQ,4BAA2B;AAC1D,SAASC,IAAI,QAAQ,kBAAiB;AACtC,SAASC,SAAS,QAAQ,uBAAsB;AAGhD,MAAMC,YAAY;IAChBH;IACAC;IACAC;AACF;AAEA,MAAME,YAAY;AA4BlB,OAAO,MAAMC,aAAwC,CAACC;IACpD,MAAM,EACJC,cAAc,KAAK,EACnBC,cAAc,KAAK,EACnBC,WAAW,IAAI,EACfC,oBAAoB,CAAC,EACrBC,QAAQ,EACRC,MAAMC,WAAW,EACjBC,WAAW,IAAI,EACfC,aAAa,IAAI,EAClB,GAAGT;IAEJ,IAAI,CAACS,cAAcA,cAAc,GAAG,OAAO;IAE3C,MAAMC,aAAa,CAACJ;QAClB,IAAI,OAAOD,aAAa,YAAYA,SAASC;IAC/C;IAEA,yCAAyC;IACzC,MAAMK,QAAQC,MAAMC,IAAI,CAAC;QAAEC,QAAQL;IAAW,GAAG,CAACM,GAAGC,QAAUA,QAAQ;IAEvE,2FAA2F;IAC3F,IAAIC,kBAAkBV,cAAc,IAAIH;IAExC,uEAAuE;IACvE,IAAIa,mBAAmB,GAAGA,kBAAkB;IAE5C,MAAMC,gBAAgBX,cAAc,IAAIH,oBAAoB;IAE5D,sDAAsD;IACtD,MAAMe,QAAgBR,MAAMS,KAAK,CAACH,iBAAiBC;IAEnD,kCAAkC;IAClC,IAAIX,cAAcH,oBAAoB,KAAK,GAAGe,MAAME,OAAO,CAAC;QAAEC,MAAM;IAAY;IAChF,8BAA8B;IAC9B,IAAIf,cAAcH,oBAAoB,GAAG;QACvCe,MAAME,OAAO,CAAC;YACZC,MAAM;YACNtB,OAAO;gBACLuB,aAAa;gBACbjB,MAAM;gBACNI;YACF;QACF;IACF;IAEA,kCAAkC;IAClC,IAAIH,cAAcH,oBAAoB,IAAIK,YAAYU,MAAMK,IAAI,CAAC;QAAEF,MAAM;IAAY;IACrF,6BAA6B;IAC7B,IAAIJ,gBAAgBT,YAAY;QAC9BU,MAAMK,IAAI,CAAC;YACTF,MAAM;YACNtB,OAAO;gBACLyB,YAAY;gBACZnB,MAAMG;gBACNC;YACF;QACF;IACF;IAEA,8CAA8C;IAC9CS,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAAC1B;YACbS,YAAY,IAAMA,WAAWP;QAC/B;IACF;IAEAgB,MAAME,OAAO,CAAC;QACZC,MAAM;QACNtB,OAAO;YACL0B,WAAW;YACXC,YAAY,CAACzB;YACbQ,YAAY,IAAMA,WAAWF;QAC/B;IACF;IAEA,qBACE,oBAACoB;QAAIC,WAAW/B;OACbqB,MAAMW,GAAG,CAAC,CAACC,MAAMC;QAChB,IAAI,OAAOD,SAAS,UAAU;YAC5B,qBACE,oBAACpC;gBAAKsC,WAAW1B,gBAAgBwB;gBAAMG,KAAKF;gBAAG1B,MAAMyB;gBAAMrB,YAAYA;;QAE3E;QAEA,MAAMyB,WAAWtC,SAAS,CAACkC,KAAKT,IAAI,CAAC;QAErC,qBAAO,oBAACa;YAASD,KAAKF;YAAI,GAAGD,KAAK/B,KAAK;;IACzC;AAGN,EAAC"}

package/dist/elements/PerPage/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import './index.scss';
-export type Props = {
+export type PerPageProps = {
+    defaultLimit?: number;
     handleChange?: (limit: number) => void;
     limit: number;
     limits: number[];
-    modifySearchParams?: boolean;
     resetPage?: boolean;
 };
-export declare const PerPage: React.FC<Props>;
+export declare const PerPage: React.FC<PerPageProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/PerPage/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PerPage/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,KAAK,GAAG;IAClB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAkEnC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/PerPage/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,cAAc,CAAA;AAMrB,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAoD1C,CAAA"}

package/dist/elements/PerPage/index.js

@@ -1,115 +1,44 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "PerPage", {
-    enumerable: true,
-    get: function() {
-        return PerPage;
-    }
-});
-const _navigation = require("next/navigation");
-const _config = require("payload/config");
-const _qs = /*#__PURE__*/ _interop_require_default(require("qs"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _Chevron = require("../../icons/Chevron");
-const _SearchParams = require("../../providers/SearchParams");
-const _Translation = require("../../providers/Translation");
-const _Popup = /*#__PURE__*/ _interop_require_default(require("../Popup"));
-const _PopupButtonList = /*#__PURE__*/ _interop_require_wildcard(require("../Popup/PopupButtonList"));
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+// TODO: abstract the `next/navigation` dependency out from this component
+import { collectionDefaults } from 'payload/config';
+import { isNumber } from 'payload/utilities';
+import React from 'react';
+import { Chevron } from '../../icons/Chevron/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { Popup, PopupList } from '../Popup/index.js';
 const baseClass = 'per-page';
-const defaultLimits = _config.collectionDefaults.admin.pagination.limits;
-const PerPage = ({ handleChange, limit, limits = defaultLimits, modifySearchParams = true, resetPage = false })=>{
-    const { searchParams } = (0, _SearchParams.useSearchParams)();
-    const router = (0, _navigation.useRouter)();
-    const pathname = (0, _navigation.usePathname)();
-    const { t } = (0, _Translation.useTranslation)();
-    return /*#__PURE__*/ _react.default.createElement("div", {
+const defaultLimits = collectionDefaults.admin.pagination.limits;
+export const PerPage = ({ defaultLimit = 10, handleChange, limit, limits = defaultLimits })=>{
+    const { t } = useTranslation();
+    const limitToUse = isNumber(limit) ? limit : defaultLimit;
+    return /*#__PURE__*/ React.createElement("div", {
         className: baseClass
-    }, /*#__PURE__*/ _react.default.createElement(_Popup.default, {
-        button: /*#__PURE__*/ _react.default.createElement("div", {
+    }, /*#__PURE__*/ React.createElement(Popup, {
+        button: /*#__PURE__*/ React.createElement("div", {
             className: `${baseClass}__base-button`
-        }, /*#__PURE__*/ _react.default.createElement("span", null, t('general:perPage', {
-            limit
-        })), " ", /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+        }, /*#__PURE__*/ React.createElement("span", null, t('general:perPage', {
+            limit: limitToUse
+        })), " ", /*#__PURE__*/ React.createElement(Chevron, {
             className: `${baseClass}__icon`
         })),
         horizontalAlign: "right",
-        render: ({ close })=>/*#__PURE__*/ _react.default.createElement(_PopupButtonList.ButtonGroup, null, limits.map((limitNumber, i)=>/*#__PURE__*/ _react.default.createElement(_PopupButtonList.Button, {
+        render: ({ close })=>/*#__PURE__*/ React.createElement(PopupList.ButtonGroup, null, limits.map((limitNumber, i)=>/*#__PURE__*/ React.createElement(PopupList.Button, {
                     className: [
                         `${baseClass}__button`,
-                        limitNumber === Number(limit) && `${baseClass}__button-active`
+                        limitNumber === limitToUse && `${baseClass}__button-active`
                     ].filter(Boolean).join(' '),
                     key: i,
                     onClick: ()=>{
                         close();
                         if (handleChange) handleChange(limitNumber);
-                        if (modifySearchParams) {
-                            const search = _qs.default.stringify({
-                                ...searchParams,
-                                limit: limitNumber,
-                                page: resetPage ? 1 : searchParams.page
-                            }, {
-                                addQueryPrefix: true
-                            });
-                            router.replace(`${pathname}${search}`);
-                        }
                     }
-                }, limitNumber === Number(limit) && /*#__PURE__*/ _react.default.createElement("div", {
+                }, limitNumber === limitToUse && /*#__PURE__*/ React.createElement("div", {
                     className: `${baseClass}__chevron`
-                }, /*#__PURE__*/ _react.default.createElement(_Chevron.Chevron, {
+                }, /*#__PURE__*/ React.createElement(Chevron, {
                     direction: "right"
-                })), " ", /*#__PURE__*/ _react.default.createElement("span", null, limitNumber)))),
+                })), " ", /*#__PURE__*/ React.createElement("span", null, limitNumber)))),
         size: "small"
     }));
 };
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QZXJQYWdlL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbi8vIFRPRE86IGFic3RyYWN0IHRoZSBgbmV4dC9uYXZpZ2F0aW9uYCBkZXBlbmRlbmN5IG91dCBmcm9tIHRoaXMgY29tcG9uZW50XG5pbXBvcnQgeyB1c2VQYXRobmFtZSwgdXNlUm91dGVyIH0gZnJvbSAnbmV4dC9uYXZpZ2F0aW9uJ1xuaW1wb3J0IHsgY29sbGVjdGlvbkRlZmF1bHRzIH0gZnJvbSAncGF5bG9hZC9jb25maWcnXG5pbXBvcnQgcXMgZnJvbSAncXMnXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5cbmltcG9ydCB7IENoZXZyb24gfSBmcm9tICcuLi8uLi9pY29ucy9DaGV2cm9uJ1xuaW1wb3J0IHsgdXNlU2VhcmNoUGFyYW1zIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1NlYXJjaFBhcmFtcydcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzL1RyYW5zbGF0aW9uJ1xuaW1wb3J0IFBvcHVwIGZyb20gJy4uL1BvcHVwJ1xuaW1wb3J0ICogYXMgUG9wdXBMaXN0IGZyb20gJy4uL1BvcHVwL1BvcHVwQnV0dG9uTGlzdCdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGVyLXBhZ2UnXG5cbmNvbnN0IGRlZmF1bHRMaW1pdHMgPSBjb2xsZWN0aW9uRGVmYXVsdHMuYWRtaW4ucGFnaW5hdGlvbi5saW1pdHNcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7XG4gIGhhbmRsZUNoYW5nZT86IChsaW1pdDogbnVtYmVyKSA9PiB2b2lkXG4gIGxpbWl0OiBudW1iZXJcbiAgbGltaXRzOiBudW1iZXJbXVxuICBtb2RpZnlTZWFyY2hQYXJhbXM/OiBib29sZWFuXG4gIHJlc2V0UGFnZT86IGJvb2xlYW5cbn1cblxuZXhwb3J0IGNvbnN0IFBlclBhZ2U6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGhhbmRsZUNoYW5nZSxcbiAgbGltaXQsXG4gIGxpbWl0cyA9IGRlZmF1bHRMaW1pdHMsXG4gIG1vZGlmeVNlYXJjaFBhcmFtcyA9IHRydWUsXG4gIHJlc2V0UGFnZSA9IGZhbHNlLFxufSkgPT4ge1xuICBjb25zdCB7IHNlYXJjaFBhcmFtcyB9ID0gdXNlU2VhcmNoUGFyYW1zKClcbiAgY29uc3Qgcm91dGVyID0gdXNlUm91dGVyKClcbiAgY29uc3QgcGF0aG5hbWUgPSB1c2VQYXRobmFtZSgpXG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKVxuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2Jhc2VDbGFzc30+XG4gICAgICA8UG9wdXBcbiAgICAgICAgYnV0dG9uPXtcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fYmFzZS1idXR0b25gfT5cbiAgICAgICAgICAgIDxzcGFuPnt0KCdnZW5lcmFsOnBlclBhZ2UnLCB7IGxpbWl0IH0pfTwvc3Bhbj5cbiAgICAgICAgICAgICZuYnNwO1xuICAgICAgICAgICAgPENoZXZyb24gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uYH0gLz5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBob3Jpem9udGFsQWxpZ249XCJyaWdodFwiXG4gICAgICAgIHJlbmRlcj17KHsgY2xvc2UgfSkgPT4gKFxuICAgICAgICAgIDxQb3B1cExpc3QuQnV0dG9uR3JvdXA+XG4gICAgICAgICAgICB7bGltaXRzLm1hcCgobGltaXROdW1iZXIsIGkpID0+IChcbiAgICAgICAgICAgICAgPFBvcHVwTGlzdC5CdXR0b25cbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e1tcbiAgICAgICAgICAgICAgICAgIGAke2Jhc2VDbGFzc31fX2J1dHRvbmAsXG4gICAgICAgICAgICAgICAgICBsaW1pdE51bWJlciA9PT0gTnVtYmVyKGxpbWl0KSAmJiBgJHtiYXNlQ2xhc3N9X19idXR0b24tYWN0aXZlYCxcbiAgICAgICAgICAgICAgICBdXG4gICAgICAgICAgICAgICAgICAuZmlsdGVyKEJvb2xlYW4pXG4gICAgICAgICAgICAgICAgICAuam9pbignICcpfVxuICAgICAgICAgICAgICAgIGtleT17aX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjbG9zZSgpXG4gICAgICAgICAgICAgICAgICBpZiAoaGFuZGxlQ2hhbmdlKSBoYW5kbGVDaGFuZ2UobGltaXROdW1iZXIpXG4gICAgICAgICAgICAgICAgICBpZiAobW9kaWZ5U2VhcmNoUGFyYW1zKSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnN0IHNlYXJjaCA9IHFzLnN0cmluZ2lmeShcbiAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAuLi5zZWFyY2hQYXJhbXMsXG4gICAgICAgICAgICAgICAgICAgICAgICBsaW1pdDogbGltaXROdW1iZXIsXG4gICAgICAgICAgICAgICAgICAgICAgICBwYWdlOiByZXNldFBhZ2UgPyAxIDogc2VhcmNoUGFyYW1zLnBhZ2UsXG4gICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICB7IGFkZFF1ZXJ5UHJlZml4OiB0cnVlIH0sXG4gICAgICAgICAgICAgICAgICAgIClcblxuICAgICAgICAgICAgICAgICAgICByb3V0ZXIucmVwbGFjZShgJHtwYXRobmFtZX0ke3NlYXJjaH1gKVxuICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7bGltaXROdW1iZXIgPT09IE51bWJlcihsaW1pdCkgJiYgKFxuICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake2Jhc2VDbGFzc31fX2NoZXZyb25gfT5cbiAgICAgICAgICAgICAgICAgICAgPENoZXZyb24gZGlyZWN0aW9uPVwicmlnaHRcIiAvPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAmbmJzcDtcbiAgICAgICAgICAgICAgICA8c3Bhbj57bGltaXROdW1iZXJ9PC9zcGFuPlxuICAgICAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b24+XG4gICAgICAgICAgICApKX1cbiAgICAgICAgICA8L1BvcHVwTGlzdC5CdXR0b25Hcm91cD5cbiAgICAgICAgKX1cbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIC8+XG4gICAgPC9kaXY+XG4gIClcbn1cbiJdLCJuYW1lcyI6WyJQZXJQYWdlIiwiYmFzZUNsYXNzIiwiZGVmYXVsdExpbWl0cyIsImNvbGxlY3Rpb25EZWZhdWx0cyIsImFkbWluIiwicGFnaW5hdGlvbiIsImxpbWl0cyIsImhhbmRsZUNoYW5nZSIsImxpbWl0IiwibW9kaWZ5U2VhcmNoUGFyYW1zIiwicmVzZXRQYWdlIiwic2VhcmNoUGFyYW1zIiwidXNlU2VhcmNoUGFyYW1zIiwicm91dGVyIiwidXNlUm91dGVyIiwicGF0aG5hbWUiLCJ1c2VQYXRobmFtZSIsInQiLCJ1c2VUcmFuc2xhdGlvbiIsImRpdiIsImNsYXNzTmFtZSIsIlBvcHVwIiwiYnV0dG9uIiwic3BhbiIsIkNoZXZyb24iLCJob3Jpem9udGFsQWxpZ24iLCJyZW5kZXIiLCJjbG9zZSIsIlBvcHVwTGlzdCIsIkJ1dHRvbkdyb3VwIiwibWFwIiwibGltaXROdW1iZXIiLCJpIiwiQnV0dG9uIiwiTnVtYmVyIiwiZmlsdGVyIiwiQm9vbGVhbiIsImpvaW4iLCJrZXkiLCJvbkNsaWNrIiwic2VhcmNoIiwicXMiLCJzdHJpbmdpZnkiLCJwYWdlIiwiYWRkUXVlcnlQcmVmaXgiLCJyZXBsYWNlIiwiZGlyZWN0aW9uIiwic2l6ZSJdLCJtYXBwaW5ncyI6IkFBQUE7Ozs7OytCQTBCYUE7OztlQUFBQTs7OzRCQXhCMEI7d0JBQ0o7MkRBQ3BCOzhEQUNHO3lCQUVNOzhCQUNROzZCQUNEOzhEQUNiO3lFQUNTO1FBQ3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFbEIsTUFBTUMsZ0JBQWdCQywwQkFBa0IsQ0FBQ0MsS0FBSyxDQUFDQyxVQUFVLENBQUNDLE1BQU07QUFVekQsTUFBTU4sVUFBMkIsQ0FBQyxFQUN2Q08sWUFBWSxFQUNaQyxLQUFLLEVBQ0xGLFNBQVNKLGFBQWEsRUFDdEJPLHFCQUFxQixJQUFJLEVBQ3pCQyxZQUFZLEtBQUssRUFDbEI7SUFDQyxNQUFNLEVBQUVDLFlBQVksRUFBRSxHQUFHQyxJQUFBQSw2QkFBZTtJQUN4QyxNQUFNQyxTQUFTQyxJQUFBQSxxQkFBUztJQUN4QixNQUFNQyxXQUFXQyxJQUFBQSx1QkFBVztJQUM1QixNQUFNLEVBQUVDLENBQUMsRUFBRSxHQUFHQyxJQUFBQSwyQkFBYztJQUU1QixxQkFDRSw2QkFBQ0M7UUFBSUMsV0FBV25CO3FCQUNkLDZCQUFDb0IsY0FBSztRQUNKQyxzQkFDRSw2QkFBQ0g7WUFBSUMsV0FBVyxDQUFDLEVBQUVuQixVQUFVLGFBQWEsQ0FBQzt5QkFDekMsNkJBQUNzQixjQUFNTixFQUFFLG1CQUFtQjtZQUFFVDtRQUFNLEtBQVUsbUJBRTlDLDZCQUFDZ0IsZ0JBQU87WUFBQ0osV0FBVyxDQUFDLEVBQUVuQixVQUFVLE1BQU0sQ0FBQzs7UUFHNUN3QixpQkFBZ0I7UUFDaEJDLFFBQVEsQ0FBQyxFQUFFQyxLQUFLLEVBQUUsaUJBQ2hCLDZCQUFDQyxpQkFBVUMsV0FBVyxRQUNuQnZCLE9BQU93QixHQUFHLENBQUMsQ0FBQ0MsYUFBYUMsa0JBQ3hCLDZCQUFDSixpQkFBVUssTUFBTTtvQkFDZmIsV0FBVzt3QkFDVCxDQUFDLEVBQUVuQixVQUFVLFFBQVEsQ0FBQzt3QkFDdEI4QixnQkFBZ0JHLE9BQU8xQixVQUFVLENBQUMsRUFBRVAsVUFBVSxlQUFlLENBQUM7cUJBQy9ELENBQ0VrQyxNQUFNLENBQUNDLFNBQ1BDLElBQUksQ0FBQztvQkFDUkMsS0FBS047b0JBQ0xPLFNBQVM7d0JBQ1BaO3dCQUNBLElBQUlwQixjQUFjQSxhQUFhd0I7d0JBQy9CLElBQUl0QixvQkFBb0I7NEJBQ3RCLE1BQU0rQixTQUFTQyxXQUFFLENBQUNDLFNBQVMsQ0FDekI7Z0NBQ0UsR0FBRy9CLFlBQVk7Z0NBQ2ZILE9BQU91QjtnQ0FDUFksTUFBTWpDLFlBQVksSUFBSUMsYUFBYWdDLElBQUk7NEJBQ3pDLEdBQ0E7Z0NBQUVDLGdCQUFnQjs0QkFBSzs0QkFHekIvQixPQUFPZ0MsT0FBTyxDQUFDLENBQUMsRUFBRTlCLFNBQVMsRUFBRXlCLE9BQU8sQ0FBQzt3QkFDdkM7b0JBQ0Y7bUJBRUNULGdCQUFnQkcsT0FBTzFCLHdCQUN0Qiw2QkFBQ1c7b0JBQUlDLFdBQVcsQ0FBQyxFQUFFbkIsVUFBVSxTQUFTLENBQUM7aUNBQ3JDLDZCQUFDdUIsZ0JBQU87b0JBQUNzQixXQUFVO3FCQUVyQixtQkFFRiw2QkFBQ3ZCLGNBQU1RO1FBS2ZnQixNQUFLOztBQUliIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/PerPage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/PerPage/index.tsx"],"sourcesContent":["'use client'\n// TODO: abstract the `next/navigation` dependency out from this component\nimport { collectionDefaults } from 'payload/config'\nimport { isNumber } from 'payload/utilities'\nimport React from 'react'\n\nimport { Chevron } from '../../icons/Chevron/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../Popup/index.js'\nimport './index.scss'\n\nconst baseClass = 'per-page'\n\nconst defaultLimits = collectionDefaults.admin.pagination.limits\n\nexport type PerPageProps = {\n  defaultLimit?: number\n  handleChange?: (limit: number) => void\n  limit: number\n  limits: number[]\n  resetPage?: boolean\n}\n\nexport const PerPage: React.FC<PerPageProps> = ({\n  defaultLimit = 10,\n  handleChange,\n  limit,\n  limits = defaultLimits,\n}) => {\n  const { t } = useTranslation()\n\n  const limitToUse = isNumber(limit) ? limit : defaultLimit\n\n  return (\n    <div className={baseClass}>\n      <Popup\n        button={\n          <div className={`${baseClass}__base-button`}>\n            <span>{t('general:perPage', { limit: limitToUse })}</span>\n            &nbsp;\n            <Chevron className={`${baseClass}__icon`} />\n          </div>\n        }\n        horizontalAlign=\"right\"\n        render={({ close }) => (\n          <PopupList.ButtonGroup>\n            {limits.map((limitNumber, i) => (\n              <PopupList.Button\n                className={[\n                  `${baseClass}__button`,\n                  limitNumber === limitToUse && `${baseClass}__button-active`,\n                ]\n                  .filter(Boolean)\n                  .join(' ')}\n                key={i}\n                onClick={() => {\n                  close()\n                  if (handleChange) handleChange(limitNumber)\n                }}\n              >\n                {limitNumber === limitToUse && (\n                  <div className={`${baseClass}__chevron`}>\n                    <Chevron direction=\"right\" />\n                  </div>\n                )}\n                &nbsp;\n                <span>{limitNumber}</span>\n              </PopupList.Button>\n            ))}\n          </PopupList.ButtonGroup>\n        )}\n        size=\"small\"\n      />\n    </div>\n  )\n}\n"],"names":["collectionDefaults","isNumber","React","Chevron","useTranslation","Popup","PopupList","baseClass","defaultLimits","admin","pagination","limits","PerPage","defaultLimit","handleChange","limit","t","limitToUse","div","className","button","span","horizontalAlign","render","close","ButtonGroup","map","limitNumber","i","Button","filter","Boolean","join","key","onClick","direction","size"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AACA,0EAA0E;AAC1E,SAASA,kBAAkB,QAAQ,iBAAgB;AACnD,SAASC,QAAQ,QAAQ,oBAAmB;AAC5C,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,+BAA8B;AACtD,SAASC,cAAc,QAAQ,uCAAsC;AACrE,SAASC,KAAK,EAAEC,SAAS,QAAQ,oBAAmB;AAGpD,MAAMC,YAAY;AAElB,MAAMC,gBAAgBR,mBAAmBS,KAAK,CAACC,UAAU,CAACC,MAAM;AAUhE,OAAO,MAAMC,UAAkC,CAAC,EAC9CC,eAAe,EAAE,EACjBC,YAAY,EACZC,KAAK,EACLJ,SAASH,aAAa,EACvB;IACC,MAAM,EAAEQ,CAAC,EAAE,GAAGZ;IAEd,MAAMa,aAAahB,SAASc,SAASA,QAAQF;IAE7C,qBACE,oBAACK;QAAIC,WAAWZ;qBACd,oBAACF;QACCe,sBACE,oBAACF;YAAIC,WAAW,CAAC,EAAEZ,UAAU,aAAa,CAAC;yBACzC,oBAACc,cAAML,EAAE,mBAAmB;YAAED,OAAOE;QAAW,KAAU,mBAE1D,oBAACd;YAAQgB,WAAW,CAAC,EAAEZ,UAAU,MAAM,CAAC;;QAG5Ce,iBAAgB;QAChBC,QAAQ,CAAC,EAAEC,KAAK,EAAE,iBAChB,oBAAClB,UAAUmB,WAAW,QACnBd,OAAOe,GAAG,CAAC,CAACC,aAAaC,kBACxB,oBAACtB,UAAUuB,MAAM;oBACfV,WAAW;wBACT,CAAC,EAAEZ,UAAU,QAAQ,CAAC;wBACtBoB,gBAAgBV,cAAc,CAAC,EAAEV,UAAU,eAAe,CAAC;qBAC5D,CACEuB,MAAM,CAACC,SACPC,IAAI,CAAC;oBACRC,KAAKL;oBACLM,SAAS;wBACPV;wBACA,IAAIV,cAAcA,aAAaa;oBACjC;mBAECA,gBAAgBV,4BACf,oBAACC;oBAAIC,WAAW,CAAC,EAAEZ,UAAU,SAAS,CAAC;iCACrC,oBAACJ;oBAAQgC,WAAU;qBAErB,mBAEF,oBAACd,cAAMM;QAKfS,MAAK;;AAIb,EAAC"}

package/dist/elements/Pill/index.d.ts

@@ -1,6 +1,32 @@
+/// <reference types="react/experimental" resolution-mode="require"/>
 import React from 'react';
-import type { Props } from './types';
+import type { HTMLAttributes } from 'react';
+export type PillProps = {
+    alignIcon?: 'left' | 'right';
+    'aria-checked'?: boolean;
+    'aria-controls'?: string;
+    'aria-expanded'?: boolean;
+    'aria-label'?: string;
+    children?: React.ReactNode;
+    className?: string;
+    draggable?: boolean;
+    elementProps?: HTMLAttributes<HTMLElement> & {
+        ref: React.RefCallback<HTMLElement>;
+    };
+    icon?: React.ReactNode;
+    id?: string;
+    onClick?: () => void;
+    pillStyle?: 'dark' | 'error' | 'light' | 'light-gray' | 'success' | 'warning' | 'white';
+    rounded?: boolean;
+    to?: string;
+};
+export type RenderedTypeProps = {
+    children: React.ReactNode;
+    className?: string;
+    onClick?: () => void;
+    to: string;
+    type?: 'button';
+};
 import './index.scss';
-export declare const Pill: React.FC<Props>;
-export default Pill;
+export declare const Pill: React.FC<PillProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/Pill/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pill/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,KAAK,EAAqB,MAAM,SAAS,CAAA;AAGvD,OAAO,cAAc,CAAA;AAmFrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAKhC,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Pill/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,YAAY,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,GAAG;QAC3C,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;KACpC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,YAAY,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACvF,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAGD,OAAO,cAAc,CAAA;AAmFrB,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAKpC,CAAA"}

package/dist/elements/Pill/index.js

@@ -1,39 +1,15 @@
 'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    Pill: function() {
-        return Pill;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _link = /*#__PURE__*/ _interop_require_default(require("next/link"));
-const _react = /*#__PURE__*/ _interop_require_default(require("react" // TODO: abstract this out to support all routers
-));
-const _useDraggableSortable = require("../DraggableSortable/useDraggableSortable");
-require("./index.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import LinkWithDefault from 'next/link.js';
+const Link = LinkWithDefault.default;
+import React from 'react'; // TODO: abstract this out to support all routers
+import { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js';
 const baseClass = 'pill';
 const DraggablePill = (props)=>{
     const { id, className } = props;
-    const { attributes, isDragging, listeners, setNodeRef, transform } = (0, _useDraggableSortable.useDraggableSortable)({
+    const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({
         id
     });
-    return /*#__PURE__*/ _react.default.createElement(StaticPill, {
+    return /*#__PURE__*/ React.createElement(StaticPill, {
         ...props,
         className: [
             isDragging && `${baseClass}--is-dragging`,
@@ -64,8 +40,8 @@ const StaticPill = (props)=>{
     ].filter(Boolean).join(' ');
     let Element = 'div';
     if (onClick && !to) Element = 'button';
-    if (to) Element = _link.default;
-    return /*#__PURE__*/ _react.default.createElement(Element, {
+    if (to) Element = Link;
+    return /*#__PURE__*/ React.createElement(Element, {
         ...elementProps,
         "aria-checked": ariaChecked,
         "aria-controls": ariaControls,
@@ -75,19 +51,18 @@ const StaticPill = (props)=>{
         href: to || '',
         onClick: onClick,
         type: Element === 'button' ? 'button' : undefined
-    }, icon && alignIcon === 'left' && /*#__PURE__*/ _react.default.createElement("span", {
+    }, icon && alignIcon === 'left' && /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__icon`
-    }, icon), /*#__PURE__*/ _react.default.createElement("span", {
+    }, icon), /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__label`
-    }, children), icon && alignIcon === 'right' && /*#__PURE__*/ _react.default.createElement("span", {
+    }, children), icon && alignIcon === 'right' && /*#__PURE__*/ React.createElement("span", {
         className: `${baseClass}__icon`
     }, icon));
 };
-const Pill = (props)=>{
+export const Pill = (props)=>{
     const { draggable } = props;
-    if (draggable) return /*#__PURE__*/ _react.default.createElement(DraggablePill, props);
-    return /*#__PURE__*/ _react.default.createElement(StaticPill, props);
+    if (draggable) return /*#__PURE__*/ React.createElement(DraggablePill, props);
+    return /*#__PURE__*/ React.createElement(StaticPill, props);
 };
-const _default = Pill;
 
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9QaWxsL2luZGV4LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCdcbmltcG9ydCB0eXBlIHsgRWxlbWVudFR5cGUgfSBmcm9tICdyZWFjdCdcblxuaW1wb3J0IExpbmsgZnJvbSAnbmV4dC9saW5rJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JyAvLyBUT0RPOiBhYnN0cmFjdCB0aGlzIG91dCB0byBzdXBwb3J0IGFsbCByb3V0ZXJzXG5cbmltcG9ydCB0eXBlIHsgUHJvcHMsIFJlbmRlcmVkVHlwZVByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuaW1wb3J0IHsgdXNlRHJhZ2dhYmxlU29ydGFibGUgfSBmcm9tICcuLi9EcmFnZ2FibGVTb3J0YWJsZS91c2VEcmFnZ2FibGVTb3J0YWJsZSdcbmltcG9ydCAnLi9pbmRleC5zY3NzJ1xuXG5jb25zdCBiYXNlQ2xhc3MgPSAncGlsbCdcblxuY29uc3QgRHJhZ2dhYmxlUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHsgaWQsIGNsYXNzTmFtZSB9ID0gcHJvcHNcblxuICBjb25zdCB7IGF0dHJpYnV0ZXMsIGlzRHJhZ2dpbmcsIGxpc3RlbmVycywgc2V0Tm9kZVJlZiwgdHJhbnNmb3JtIH0gPSB1c2VEcmFnZ2FibGVTb3J0YWJsZSh7XG4gICAgaWQsXG4gIH0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhdGljUGlsbFxuICAgICAgey4uLnByb3BzfVxuICAgICAgY2xhc3NOYW1lPXtbaXNEcmFnZ2luZyAmJiBgJHtiYXNlQ2xhc3N9LS1pcy1kcmFnZ2luZ2AsIGNsYXNzTmFtZV0uZmlsdGVyKEJvb2xlYW4pLmpvaW4oJyAnKX1cbiAgICAgIGVsZW1lbnRQcm9wcz17e1xuICAgICAgICAuLi5saXN0ZW5lcnMsXG4gICAgICAgIC4uLmF0dHJpYnV0ZXMsXG4gICAgICAgIHJlZjogc2V0Tm9kZVJlZixcbiAgICAgICAgc3R5bGU6IHtcbiAgICAgICAgICB0cmFuc2Zvcm0sXG4gICAgICAgIH0sXG4gICAgICB9fVxuICAgIC8+XG4gIClcbn1cblxuY29uc3QgU3RhdGljUGlsbDogUmVhY3QuRkM8UHJvcHM+ID0gKHByb3BzKSA9PiB7XG4gIGNvbnN0IHtcbiAgICBhbGlnbkljb24gPSAncmlnaHQnLFxuICAgICdhcmlhLWNoZWNrZWQnOiBhcmlhQ2hlY2tlZCxcbiAgICAnYXJpYS1jb250cm9scyc6IGFyaWFDb250cm9scyxcbiAgICAnYXJpYS1leHBhbmRlZCc6IGFyaWFFeHBhbmRlZCxcbiAgICAnYXJpYS1sYWJlbCc6IGFyaWFMYWJlbCxcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgZHJhZ2dhYmxlLFxuICAgIGVsZW1lbnRQcm9wcyxcbiAgICBpY29uLFxuICAgIG9uQ2xpY2ssXG4gICAgcGlsbFN0eWxlID0gJ2xpZ2h0JyxcbiAgICByb3VuZGVkLFxuICAgIHRvLFxuICB9ID0gcHJvcHNcblxuICBjb25zdCBjbGFzc2VzID0gW1xuICAgIGJhc2VDbGFzcyxcbiAgICBgJHtiYXNlQ2xhc3N9LS1zdHlsZS0ke3BpbGxTdHlsZX1gLFxuICAgIGNsYXNzTmFtZSAmJiBjbGFzc05hbWUsXG4gICAgdG8gJiYgYCR7YmFzZUNsYXNzfS0taGFzLWxpbmtgLFxuICAgICh0byB8fCBvbkNsaWNrKSAmJiBgJHtiYXNlQ2xhc3N9LS1oYXMtYWN0aW9uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWhhcy1pY29uYCxcbiAgICBpY29uICYmIGAke2Jhc2VDbGFzc30tLWFsaWduLWljb24tJHthbGlnbkljb259YCxcbiAgICBkcmFnZ2FibGUgJiYgYCR7YmFzZUNsYXNzfS0tZHJhZ2dhYmxlYCxcbiAgICByb3VuZGVkICYmIGAke2Jhc2VDbGFzc30tLXJvdW5kZWRgLFxuICBdXG4gICAgLmZpbHRlcihCb29sZWFuKVxuICAgIC5qb2luKCcgJylcblxuICBsZXQgRWxlbWVudDogRWxlbWVudFR5cGUgfCBSZWFjdC5GQzxSZW5kZXJlZFR5cGVQcm9wcz4gPSAnZGl2J1xuXG4gIGlmIChvbkNsaWNrICYmICF0bykgRWxlbWVudCA9ICdidXR0b24nXG4gIGlmICh0bykgRWxlbWVudCA9IExpbmtcblxuICByZXR1cm4gKFxuICAgIDxFbGVtZW50XG4gICAgICB7Li4uZWxlbWVudFByb3BzfVxuICAgICAgYXJpYS1jaGVja2VkPXthcmlhQ2hlY2tlZH1cbiAgICAgIGFyaWEtY29udHJvbHM9e2FyaWFDb250cm9sc31cbiAgICAgIGFyaWEtZXhwYW5kZWQ9e2FyaWFFeHBhbmRlZH1cbiAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3Nlc31cbiAgICAgIGhyZWY9e3RvIHx8ICcnfVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHR5cGU9e0VsZW1lbnQgPT09ICdidXR0b24nID8gJ2J1dHRvbicgOiB1bmRlZmluZWR9XG4gICAgPlxuICAgICAge2ljb24gJiYgYWxpZ25JY29uID09PSAnbGVmdCcgJiYgPHNwYW4gY2xhc3NOYW1lPXtgJHtiYXNlQ2xhc3N9X19pY29uYH0+e2ljb259PC9zcGFuPn1cbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9fbGFiZWxgfT57Y2hpbGRyZW59PC9zcGFuPlxuICAgICAge2ljb24gJiYgYWxpZ25JY29uID09PSAncmlnaHQnICYmIDxzcGFuIGNsYXNzTmFtZT17YCR7YmFzZUNsYXNzfV9faWNvbmB9PntpY29ufTwvc3Bhbj59XG4gICAgPC9FbGVtZW50PlxuICApXG59XG5cbmV4cG9ydCBjb25zdCBQaWxsOiBSZWFjdC5GQzxQcm9wcz4gPSAocHJvcHMpID0+IHtcbiAgY29uc3QgeyBkcmFnZ2FibGUgfSA9IHByb3BzXG5cbiAgaWYgKGRyYWdnYWJsZSkgcmV0dXJuIDxEcmFnZ2FibGVQaWxsIHsuLi5wcm9wc30gLz5cbiAgcmV0dXJuIDxTdGF0aWNQaWxsIHsuLi5wcm9wc30gLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgUGlsbFxuIl0sIm5hbWVzIjpbIlBpbGwiLCJiYXNlQ2xhc3MiLCJEcmFnZ2FibGVQaWxsIiwicHJvcHMiLCJpZCIsImNsYXNzTmFtZSIsImF0dHJpYnV0ZXMiLCJpc0RyYWdnaW5nIiwibGlzdGVuZXJzIiwic2V0Tm9kZVJlZiIsInRyYW5zZm9ybSIsInVzZURyYWdnYWJsZVNvcnRhYmxlIiwiU3RhdGljUGlsbCIsImZpbHRlciIsIkJvb2xlYW4iLCJqb2luIiwiZWxlbWVudFByb3BzIiwicmVmIiwic3R5bGUiLCJhbGlnbkljb24iLCJhcmlhQ2hlY2tlZCIsImFyaWFDb250cm9scyIsImFyaWFFeHBhbmRlZCIsImFyaWFMYWJlbCIsImNoaWxkcmVuIiwiZHJhZ2dhYmxlIiwiaWNvbiIsIm9uQ2xpY2siLCJwaWxsU3R5bGUiLCJyb3VuZGVkIiwidG8iLCJjbGFzc2VzIiwiRWxlbWVudCIsIkxpbmsiLCJhcmlhLWNoZWNrZWQiLCJhcmlhLWNvbnRyb2xzIiwiYXJpYS1leHBhbmRlZCIsImFyaWEtbGFiZWwiLCJocmVmIiwidHlwZSIsInVuZGVmaW5lZCIsInNwYW4iXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7SUE0RmFBLElBQUk7ZUFBSkE7O0lBT2IsT0FBbUI7ZUFBbkI7Ozs2REFoR2lCOzhEQUNDLFFBQVEsaURBQWlEOztzQ0FJdEM7UUFDOUI7Ozs7OztBQUVQLE1BQU1DLFlBQVk7QUFFbEIsTUFBTUMsZ0JBQWlDLENBQUNDO0lBQ3RDLE1BQU0sRUFBRUMsRUFBRSxFQUFFQyxTQUFTLEVBQUUsR0FBR0Y7SUFFMUIsTUFBTSxFQUFFRyxVQUFVLEVBQUVDLFVBQVUsRUFBRUMsU0FBUyxFQUFFQyxVQUFVLEVBQUVDLFNBQVMsRUFBRSxHQUFHQyxJQUFBQSwwQ0FBb0IsRUFBQztRQUN4RlA7SUFDRjtJQUVBLHFCQUNFLDZCQUFDUTtRQUNFLEdBQUdULEtBQUs7UUFDVEUsV0FBVztZQUFDRSxjQUFjLENBQUMsRUFBRU4sVUFBVSxhQUFhLENBQUM7WUFBRUk7U0FBVSxDQUFDUSxNQUFNLENBQUNDLFNBQVNDLElBQUksQ0FBQztRQUN2RkMsY0FBYztZQUNaLEdBQUdSLFNBQVM7WUFDWixHQUFHRixVQUFVO1lBQ2JXLEtBQUtSO1lBQ0xTLE9BQU87Z0JBQ0xSO1lBQ0Y7UUFDRjs7QUFHTjtBQUVBLE1BQU1FLGFBQThCLENBQUNUO0lBQ25DLE1BQU0sRUFDSmdCLFlBQVksT0FBTyxFQUNuQixnQkFBZ0JDLFdBQVcsRUFDM0IsaUJBQWlCQyxZQUFZLEVBQzdCLGlCQUFpQkMsWUFBWSxFQUM3QixjQUFjQyxTQUFTLEVBQ3ZCQyxRQUFRLEVBQ1JuQixTQUFTLEVBQ1RvQixTQUFTLEVBQ1RULFlBQVksRUFDWlUsSUFBSSxFQUNKQyxPQUFPLEVBQ1BDLFlBQVksT0FBTyxFQUNuQkMsT0FBTyxFQUNQQyxFQUFFLEVBQ0gsR0FBRzNCO0lBRUosTUFBTTRCLFVBQVU7UUFDZDlCO1FBQ0EsQ0FBQyxFQUFFQSxVQUFVLFFBQVEsRUFBRTJCLFVBQVUsQ0FBQztRQUNsQ3ZCLGFBQWFBO1FBQ2J5QixNQUFNLENBQUMsRUFBRTdCLFVBQVUsVUFBVSxDQUFDO1FBQzdCNkIsQ0FBQUEsTUFBTUgsT0FBTSxLQUFNLENBQUMsRUFBRTFCLFVBQVUsWUFBWSxDQUFDO1FBQzdDeUIsUUFBUSxDQUFDLEVBQUV6QixVQUFVLFVBQVUsQ0FBQztRQUNoQ3lCLFFBQVEsQ0FBQyxFQUFFekIsVUFBVSxhQUFhLEVBQUVrQixVQUFVLENBQUM7UUFDL0NNLGFBQWEsQ0FBQyxFQUFFeEIsVUFBVSxXQUFXLENBQUM7UUFDdEM0QixXQUFXLENBQUMsRUFBRTVCLFVBQVUsU0FBUyxDQUFDO0tBQ25DLENBQ0VZLE1BQU0sQ0FBQ0MsU0FDUEMsSUFBSSxDQUFDO0lBRVIsSUFBSWlCLFVBQXFEO0lBRXpELElBQUlMLFdBQVcsQ0FBQ0csSUFBSUUsVUFBVTtJQUM5QixJQUFJRixJQUFJRSxVQUFVQyxhQUFJO0lBRXRCLHFCQUNFLDZCQUFDRDtRQUNFLEdBQUdoQixZQUFZO1FBQ2hCa0IsZ0JBQWNkO1FBQ2RlLGlCQUFlZDtRQUNmZSxpQkFBZWQ7UUFDZmUsY0FBWWQ7UUFDWmxCLFdBQVcwQjtRQUNYTyxNQUFNUixNQUFNO1FBQ1pILFNBQVNBO1FBQ1RZLE1BQU1QLFlBQVksV0FBVyxXQUFXUTtPQUV2Q2QsUUFBUVAsY0FBYyx3QkFBVSw2QkFBQ3NCO1FBQUtwQyxXQUFXLENBQUMsRUFBRUosVUFBVSxNQUFNLENBQUM7T0FBR3lCLHFCQUN6RSw2QkFBQ2U7UUFBS3BDLFdBQVcsQ0FBQyxFQUFFSixVQUFVLE9BQU8sQ0FBQztPQUFHdUIsV0FDeENFLFFBQVFQLGNBQWMseUJBQVcsNkJBQUNzQjtRQUFLcEMsV0FBVyxDQUFDLEVBQUVKLFVBQVUsTUFBTSxDQUFDO09BQUd5QjtBQUdoRjtBQUVPLE1BQU0xQixPQUF3QixDQUFDRztJQUNwQyxNQUFNLEVBQUVzQixTQUFTLEVBQUUsR0FBR3RCO0lBRXRCLElBQUlzQixXQUFXLHFCQUFPLDZCQUFDdkIsZUFBa0JDO0lBQ3pDLHFCQUFPLDZCQUFDUyxZQUFlVDtBQUN6QjtNQUVBLFdBQWVIIn0=
+//# sourceMappingURL=index.js.map

package/dist/elements/Pill/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/elements/Pill/index.tsx"],"sourcesContent":["'use client'\nimport type { ElementType } from 'react'\n\nimport LinkWithDefault from 'next/link.js'\nconst Link = LinkWithDefault.default\nimport React from 'react' // TODO: abstract this out to support all routers\n\nimport type { HTMLAttributes } from 'react'\n\nexport type PillProps = {\n  alignIcon?: 'left' | 'right'\n  'aria-checked'?: boolean\n  'aria-controls'?: string\n  'aria-expanded'?: boolean\n  'aria-label'?: string\n  children?: React.ReactNode\n  className?: string\n  draggable?: boolean\n  elementProps?: HTMLAttributes<HTMLElement> & {\n    ref: React.RefCallback<HTMLElement>\n  }\n  icon?: React.ReactNode\n  id?: string\n  onClick?: () => void\n  pillStyle?: 'dark' | 'error' | 'light' | 'light-gray' | 'success' | 'warning' | 'white'\n  rounded?: boolean\n  to?: string\n}\n\nexport type RenderedTypeProps = {\n  children: React.ReactNode\n  className?: string\n  onClick?: () => void\n  to: string\n  type?: 'button'\n}\n\nimport { useDraggableSortable } from '../DraggableSortable/useDraggableSortable/index.js'\nimport './index.scss'\n\nconst baseClass = 'pill'\n\nconst DraggablePill: React.FC<PillProps> = (props) => {\n  const { id, className } = props\n\n  const { attributes, isDragging, listeners, setNodeRef, transform } = useDraggableSortable({\n    id,\n  })\n\n  return (\n    <StaticPill\n      {...props}\n      className={[isDragging && `${baseClass}--is-dragging`, className].filter(Boolean).join(' ')}\n      elementProps={{\n        ...listeners,\n        ...attributes,\n        ref: setNodeRef,\n        style: {\n          transform,\n        },\n      }}\n    />\n  )\n}\n\nconst StaticPill: React.FC<PillProps> = (props) => {\n  const {\n    alignIcon = 'right',\n    'aria-checked': ariaChecked,\n    'aria-controls': ariaControls,\n    'aria-expanded': ariaExpanded,\n    'aria-label': ariaLabel,\n    children,\n    className,\n    draggable,\n    elementProps,\n    icon,\n    onClick,\n    pillStyle = 'light',\n    rounded,\n    to,\n  } = props\n\n  const classes = [\n    baseClass,\n    `${baseClass}--style-${pillStyle}`,\n    className && className,\n    to && `${baseClass}--has-link`,\n    (to || onClick) && `${baseClass}--has-action`,\n    icon && `${baseClass}--has-icon`,\n    icon && `${baseClass}--align-icon-${alignIcon}`,\n    draggable && `${baseClass}--draggable`,\n    rounded && `${baseClass}--rounded`,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  let Element: ElementType | React.FC<RenderedTypeProps> = 'div'\n\n  if (onClick && !to) Element = 'button'\n  if (to) Element = Link\n\n  return (\n    <Element\n      {...elementProps}\n      aria-checked={ariaChecked}\n      aria-controls={ariaControls}\n      aria-expanded={ariaExpanded}\n      aria-label={ariaLabel}\n      className={classes}\n      href={to || ''}\n      onClick={onClick}\n      type={Element === 'button' ? 'button' : undefined}\n    >\n      {icon && alignIcon === 'left' && <span className={`${baseClass}__icon`}>{icon}</span>}\n      <span className={`${baseClass}__label`}>{children}</span>\n      {icon && alignIcon === 'right' && <span className={`${baseClass}__icon`}>{icon}</span>}\n    </Element>\n  )\n}\n\nexport const Pill: React.FC<PillProps> = (props) => {\n  const { draggable } = props\n\n  if (draggable) return <DraggablePill {...props} />\n  return <StaticPill {...props} />\n}\n"],"names":["LinkWithDefault","Link","default","React","useDraggableSortable","baseClass","DraggablePill","props","id","className","attributes","isDragging","listeners","setNodeRef","transform","StaticPill","filter","Boolean","join","elementProps","ref","style","alignIcon","ariaChecked","ariaControls","ariaExpanded","ariaLabel","children","draggable","icon","onClick","pillStyle","rounded","to","classes","Element","aria-checked","aria-controls","aria-expanded","aria-label","href","type","undefined","span","Pill"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA;AAGA,OAAOA,qBAAqB,eAAc;AAC1C,MAAMC,OAAOD,gBAAgBE,OAAO;AACpC,OAAOC,WAAW,QAAO,CAAC,iDAAiD;AAgC3E,SAASC,oBAAoB,QAAQ,qDAAoD;AAGzF,MAAMC,YAAY;AAElB,MAAMC,gBAAqC,CAACC;IAC1C,MAAM,EAAEC,EAAE,EAAEC,SAAS,EAAE,GAAGF;IAE1B,MAAM,EAAEG,UAAU,EAAEC,UAAU,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGV,qBAAqB;QACxFI;IACF;IAEA,qBACE,oBAACO;QACE,GAAGR,KAAK;QACTE,WAAW;YAACE,cAAc,CAAC,EAAEN,UAAU,aAAa,CAAC;YAAEI;SAAU,CAACO,MAAM,CAACC,SAASC,IAAI,CAAC;QACvFC,cAAc;YACZ,GAAGP,SAAS;YACZ,GAAGF,UAAU;YACbU,KAAKP;YACLQ,OAAO;gBACLP;YACF;QACF;;AAGN;AAEA,MAAMC,aAAkC,CAACR;IACvC,MAAM,EACJe,YAAY,OAAO,EACnB,gBAAgBC,WAAW,EAC3B,iBAAiBC,YAAY,EAC7B,iBAAiBC,YAAY,EAC7B,cAAcC,SAAS,EACvBC,QAAQ,EACRlB,SAAS,EACTmB,SAAS,EACTT,YAAY,EACZU,IAAI,EACJC,OAAO,EACPC,YAAY,OAAO,EACnBC,OAAO,EACPC,EAAE,EACH,GAAG1B;IAEJ,MAAM2B,UAAU;QACd7B;QACA,CAAC,EAAEA,UAAU,QAAQ,EAAE0B,UAAU,CAAC;QAClCtB,aAAaA;QACbwB,MAAM,CAAC,EAAE5B,UAAU,UAAU,CAAC;QAC7B4B,CAAAA,MAAMH,OAAM,KAAM,CAAC,EAAEzB,UAAU,YAAY,CAAC;QAC7CwB,QAAQ,CAAC,EAAExB,UAAU,UAAU,CAAC;QAChCwB,QAAQ,CAAC,EAAExB,UAAU,aAAa,EAAEiB,UAAU,CAAC;QAC/CM,aAAa,CAAC,EAAEvB,UAAU,WAAW,CAAC;QACtC2B,WAAW,CAAC,EAAE3B,UAAU,SAAS,CAAC;KACnC,CACEW,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIiB,UAAqD;IAEzD,IAAIL,WAAW,CAACG,IAAIE,UAAU;IAC9B,IAAIF,IAAIE,UAAUlC;IAElB,qBACE,oBAACkC;QACE,GAAGhB,YAAY;QAChBiB,gBAAcb;QACdc,iBAAeb;QACfc,iBAAeb;QACfc,cAAYb;QACZjB,WAAWyB;QACXM,MAAMP,MAAM;QACZH,SAASA;QACTW,MAAMN,YAAY,WAAW,WAAWO;OAEvCb,QAAQP,cAAc,wBAAU,oBAACqB;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGwB,qBACzE,oBAACc;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,OAAO,CAAC;OAAGsB,WACxCE,QAAQP,cAAc,yBAAW,oBAACqB;QAAKlC,WAAW,CAAC,EAAEJ,UAAU,MAAM,CAAC;OAAGwB;AAGhF;AAEA,OAAO,MAAMe,OAA4B,CAACrC;IACxC,MAAM,EAAEqB,SAAS,EAAE,GAAGrB;IAEtB,IAAIqB,WAAW,qBAAO,oBAACtB,eAAkBC;IACzC,qBAAO,oBAACQ,YAAeR;AACzB,EAAC"}

package/dist/elements/Popup/PopupButtonList/index.d.ts

@@ -1,4 +1,4 @@
-import type { LinkProps } from 'next/link';
+import type { LinkProps } from 'next/link.js';
 import * as React from 'react';
 import './index.scss';
 export declare const ButtonGroup: React.FC<{

package/dist/elements/Popup/PopupButtonList/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAIrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACxC,CAUA,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmD5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Popup/PopupButtonList/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,cAAc,CAAA;AAMrB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;CACxC,CAUA,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmD5C,CAAA"}