@ultraviolet/ui 1.83.2 → 1.84.0

package/dist/components/Pagination/index.cjs

@@ -1,46 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const _styled = require("@emotion/styled/base");
 const React = require("react");
-const index = require("../Button/index.cjs");
-const getPageNumbers = require("./getPageNumbers.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const PageNumbersContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e5s692s2"
-} : {
-  target: "e5s692s2",
-  label: "PageNumbersContainer"
-})("display:flex;gap:", ({
-  theme
-}) => theme.space["2"], ";margin:0 ", ({
-  theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgZ2V0UGFnZU51bWJlcnMgfSBmcm9tICcuL2dldFBhZ2VOdW1iZXJzJ1xuXG5jb25zdCBQYWdlTnVtYmVyc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFBhZ2VTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbnR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICBFdmVudCBmdW5jdGlvbiBjYWxsZWQgd2hlbiBjaGFuZ2luZyB0aGUgcGFnZVxuICAqL1xuICBvbkNoYW5nZTogKG5ld1BhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICBUaGUgY3VycmVudCBwYWdlIChtdXN0IGJlIGJldHdlZW4gMSBhbmQgcGFnZUNvdW50IGluY2x1ZGVkLCBvdGhlcndoaWxlIG9uQ2hhbmdlIHdpbGwgYmUgY2FsbGVkIHdpdGggYSBjb3JyZWN0IHZhbHVlKVxuICAqL1xuICBwYWdlOiBudW1iZXJcbiAgLyoqXG4gICAgTnVtYmVyIG9mIHBhZ2UgeW91IGhhdmVcbiAgKi9cbiAgcGFnZUNvdW50OiBudW1iZXJcbiAgLyoqXG4gICAgSG93IG1hbnkgcGFnZSBidXR0b24geW91IHdhbnQgdG8gaGF2ZVxuICAqL1xuICBwYWdlVGFiQ291bnQ/OiBudW1iZXJcbiAgLyoqXG4gICAgRGlzYWJsZSBhbGwgYnV0dG9uc1xuICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBQYWdpbmF0aW9uIGlzIGEgY29tcG9uZW50IHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMsIGl0IGlzIGNvbXBvc2VkIG9mIDIgYnV0dG9ucyB0byBnbyB0byB0aGUgcHJldmlvdXMgYW5kIG5leHQgcGFnZSxcbiAqIGFuZCBhIGxpc3Qgb2YgYnV0dG9ucyB0byBnbyB0byBhIHNwZWNpZmljIHBhZ2UuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcGFnZSxcbiAgcGFnZUNvdW50LFxuICBvbkNoYW5nZSxcbiAgcGFnZVRhYkNvdW50ID0gNSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9GaXJzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UoMSlcbiAgfSwgW29uQ2hhbmdlXSlcblxuICBjb25zdCBnb1RvTGFzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZUNvdW50KVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VDb3VudF0pXG5cbiAgY29uc3QgZ29Ub05leHRQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgKyAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IGdvVG9QcmV2aW91c1BhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZSAtIDEpXG4gIH0sIFtvbkNoYW5nZSwgcGFnZV0pXG5cbiAgY29uc3QgcGFnZU51bWJlcnNUb0Rpc3BsYXkgPSB1c2VNZW1vKFxuICAgICgpID0+IChwYWdlQ291bnQgPiAxID8gZ2V0UGFnZU51bWJlcnMocGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnQpIDogWzFdKSxcbiAgICBbcGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnRdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKHBhZ2VOdW1iZXI6IG51bWJlcikgPT4gKCkgPT4ge1xuICAgICAgb25DaGFuZ2UocGFnZU51bWJlcilcbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwYWdlIDwgMSkge1xuICAgICAgb25DaGFuZ2UoMSlcbiAgICB9XG4gICAgaWYgKHBhZ2UgPiBwYWdlQ291bnQpIHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VDb3VudClcbiAgICB9XG4gIH0sIFtwYWdlLCBwYWdlQ291bnQsIG9uQ2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIDxQYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkZpcnN0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0ZpcnN0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgLz5cbiAgICAgIDwvUGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lcj5cbiAgICAgICAge3BhZ2VOdW1iZXJzVG9EaXNwbGF5Lm1hcChwYWdlTnVtYmVyID0+IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtgUGFnZSAke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgICAgICAgIGtleT17YHBhZ2luYXRpb24tcGFnZS0ke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhZ2VOdW1iZXJzQ29udGFpbmVyPlxuICAgICAgPFBhZ2VTd2l0Y2hDb250YWluZXI+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub05leHRQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTGFzdFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0xhc3RQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgPC9QYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const PageSwitchContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e5s692s1"
-} : {
-  target: "e5s692s1",
-  label: "PageSwitchContainer"
-})("display:flex;gap:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgZ2V0UGFnZU51bWJlcnMgfSBmcm9tICcuL2dldFBhZ2VOdW1iZXJzJ1xuXG5jb25zdCBQYWdlTnVtYmVyc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFBhZ2VTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbnR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICBFdmVudCBmdW5jdGlvbiBjYWxsZWQgd2hlbiBjaGFuZ2luZyB0aGUgcGFnZVxuICAqL1xuICBvbkNoYW5nZTogKG5ld1BhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICBUaGUgY3VycmVudCBwYWdlIChtdXN0IGJlIGJldHdlZW4gMSBhbmQgcGFnZUNvdW50IGluY2x1ZGVkLCBvdGhlcndoaWxlIG9uQ2hhbmdlIHdpbGwgYmUgY2FsbGVkIHdpdGggYSBjb3JyZWN0IHZhbHVlKVxuICAqL1xuICBwYWdlOiBudW1iZXJcbiAgLyoqXG4gICAgTnVtYmVyIG9mIHBhZ2UgeW91IGhhdmVcbiAgKi9cbiAgcGFnZUNvdW50OiBudW1iZXJcbiAgLyoqXG4gICAgSG93IG1hbnkgcGFnZSBidXR0b24geW91IHdhbnQgdG8gaGF2ZVxuICAqL1xuICBwYWdlVGFiQ291bnQ/OiBudW1iZXJcbiAgLyoqXG4gICAgRGlzYWJsZSBhbGwgYnV0dG9uc1xuICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBQYWdpbmF0aW9uIGlzIGEgY29tcG9uZW50IHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMsIGl0IGlzIGNvbXBvc2VkIG9mIDIgYnV0dG9ucyB0byBnbyB0byB0aGUgcHJldmlvdXMgYW5kIG5leHQgcGFnZSxcbiAqIGFuZCBhIGxpc3Qgb2YgYnV0dG9ucyB0byBnbyB0byBhIHNwZWNpZmljIHBhZ2UuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcGFnZSxcbiAgcGFnZUNvdW50LFxuICBvbkNoYW5nZSxcbiAgcGFnZVRhYkNvdW50ID0gNSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9GaXJzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UoMSlcbiAgfSwgW29uQ2hhbmdlXSlcblxuICBjb25zdCBnb1RvTGFzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZUNvdW50KVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VDb3VudF0pXG5cbiAgY29uc3QgZ29Ub05leHRQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgKyAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IGdvVG9QcmV2aW91c1BhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZSAtIDEpXG4gIH0sIFtvbkNoYW5nZSwgcGFnZV0pXG5cbiAgY29uc3QgcGFnZU51bWJlcnNUb0Rpc3BsYXkgPSB1c2VNZW1vKFxuICAgICgpID0+IChwYWdlQ291bnQgPiAxID8gZ2V0UGFnZU51bWJlcnMocGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnQpIDogWzFdKSxcbiAgICBbcGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnRdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKHBhZ2VOdW1iZXI6IG51bWJlcikgPT4gKCkgPT4ge1xuICAgICAgb25DaGFuZ2UocGFnZU51bWJlcilcbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwYWdlIDwgMSkge1xuICAgICAgb25DaGFuZ2UoMSlcbiAgICB9XG4gICAgaWYgKHBhZ2UgPiBwYWdlQ291bnQpIHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VDb3VudClcbiAgICB9XG4gIH0sIFtwYWdlLCBwYWdlQ291bnQsIG9uQ2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIDxQYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkZpcnN0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0ZpcnN0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgLz5cbiAgICAgIDwvUGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lcj5cbiAgICAgICAge3BhZ2VOdW1iZXJzVG9EaXNwbGF5Lm1hcChwYWdlTnVtYmVyID0+IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtgUGFnZSAke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgICAgICAgIGtleT17YHBhZ2luYXRpb24tcGFnZS0ke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhZ2VOdW1iZXJzQ29udGFpbmVyPlxuICAgICAgPFBhZ2VTd2l0Y2hDb250YWluZXI+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub05leHRQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTGFzdFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0xhc3RQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgPC9QYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledContainer = /* @__PURE__ */ _styled__default.default("div", process.env.NODE_ENV === "production" ? {
-  target: "e5s692s0"
-} : {
-  target: "e5s692s0",
-  label: "StyledContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "zjik7",
-  styles: "display:flex/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IGdldFBhZ2VOdW1iZXJzIH0gZnJvbSAnLi9nZXRQYWdlTnVtYmVycydcblxuY29uc3QgUGFnZU51bWJlcnNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG5jb25zdCBQYWdlU3dpdGNoQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG50eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAgRXZlbnQgZnVuY3Rpb24gY2FsbGVkIHdoZW4gY2hhbmdpbmcgdGhlIHBhZ2VcbiAgKi9cbiAgb25DaGFuZ2U6IChuZXdQYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAgVGhlIGN1cnJlbnQgcGFnZSAobXVzdCBiZSBiZXR3ZWVuIDEgYW5kIHBhZ2VDb3VudCBpbmNsdWRlZCwgb3RoZXJ3aGlsZSBvbkNoYW5nZSB3aWxsIGJlIGNhbGxlZCB3aXRoIGEgY29ycmVjdCB2YWx1ZSlcbiAgKi9cbiAgcGFnZTogbnVtYmVyXG4gIC8qKlxuICAgIE51bWJlciBvZiBwYWdlIHlvdSBoYXZlXG4gICovXG4gIHBhZ2VDb3VudDogbnVtYmVyXG4gIC8qKlxuICAgIEhvdyBtYW55IHBhZ2UgYnV0dG9uIHlvdSB3YW50IHRvIGhhdmVcbiAgKi9cbiAgcGFnZVRhYkNvdW50PzogbnVtYmVyXG4gIC8qKlxuICAgIERpc2FibGUgYWxsIGJ1dHRvbnNcbiAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogUGFnaW5hdGlvbiBpcyBhIGNvbXBvbmVudCB0byBuYXZpZ2F0ZSBiZXR3ZWVuIHBhZ2VzLCBpdCBpcyBjb21wb3NlZCBvZiAyIGJ1dHRvbnMgdG8gZ28gdG8gdGhlIHByZXZpb3VzIGFuZCBuZXh0IHBhZ2UsXG4gKiBhbmQgYSBsaXN0IG9mIGJ1dHRvbnMgdG8gZ28gdG8gYSBzcGVjaWZpYyBwYWdlLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHBhZ2UsXG4gIHBhZ2VDb3VudCxcbiAgb25DaGFuZ2UsXG4gIHBhZ2VUYWJDb3VudCA9IDUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBnb1RvRmlyc3RQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKDEpXG4gIH0sIFtvbkNoYW5nZV0pXG5cbiAgY29uc3QgZ29Ub0xhc3RQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2VDb3VudClcbiAgfSwgW29uQ2hhbmdlLCBwYWdlQ291bnRdKVxuXG4gIGNvbnN0IGdvVG9OZXh0UGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlICsgMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBnb1RvUHJldmlvdXNQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgLSAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IHBhZ2VOdW1iZXJzVG9EaXNwbGF5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAocGFnZUNvdW50ID4gMSA/IGdldFBhZ2VOdW1iZXJzKHBhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50KSA6IFsxXSksXG4gICAgW3BhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50XSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gICAgfSxcbiAgICBbb25DaGFuZ2VdLFxuICApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocGFnZSA8IDEpIHtcbiAgICAgIG9uQ2hhbmdlKDEpXG4gICAgfVxuICAgIGlmIChwYWdlID4gcGFnZUNvdW50KSB7XG4gICAgICBvbkNoYW5nZShwYWdlQ291bnQpXG4gICAgfVxuICB9LCBbcGFnZSwgcGFnZUNvdW50LCBvbkNoYW5nZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgICA8UGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJGaXJzdFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPD0gMSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9GaXJzdFBhZ2V9XG4gICAgICAgICAgaWNvbj1cImFycm93LWxlZnQtZG91YmxlXCJcbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJCYWNrXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub1ByZXZpb3VzUGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdFwiXG4gICAgICAgIC8+XG4gICAgICA8L1BhZ2VTd2l0Y2hDb250YWluZXI+XG4gICAgICA8UGFnZU51bWJlcnNDb250YWluZXI+XG4gICAgICAgIHtwYWdlTnVtYmVyc1RvRGlzcGxheS5tYXAocGFnZU51bWJlciA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17YFBhZ2UgJHtwYWdlTnVtYmVyfWB9XG4gICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2V9XG4gICAgICAgICAgICBrZXk9e2BwYWdpbmF0aW9uLXBhZ2UtJHtwYWdlTnVtYmVyfWB9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgICAgc2VudGltZW50PXtwYWdlTnVtYmVyID09PSBwYWdlID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUGFnZUNsaWNrKHBhZ2VOdW1iZXIpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3BhZ2VOdW1iZXJ9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICkpfVxuICAgICAgPC9QYWdlTnVtYmVyc0NvbnRhaW5lcj5cbiAgICAgIDxQYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIk5leHRcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlID49IHBhZ2VDb3VudCB8fCBkaXNhYmxlZH1cbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9OZXh0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctcmlnaHRcIlxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkxhc3RcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlID49IHBhZ2VDb3VudCB8fCBkaXNhYmxlZH1cbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9MYXN0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctcmlnaHQtZG91YmxlXCJcbiAgICAgICAgLz5cbiAgICAgIDwvUGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+const index = require("../Stack/index.cjs");
+const PaginationButtons = require("./PaginationButtons.cjs");
+const PerPage = require("./PerPage.cjs");
 const Pagination = ({
   disabled = false,
   page,
@@ -48,24 +12,14 @@ const Pagination = ({
   onChange,
   pageTabCount = 5,
   className,
+  perPage,
+  onChangePerPage,
+  perPageText,
+  numberOfItemsText,
+  numberOfItems,
   "data-testid": dataTestId
 }) => {
-  const goToFirstPage = React.useCallback(() => {
-    onChange(1);
-  }, [onChange]);
-  const goToLastPage = React.useCallback(() => {
-    onChange(pageCount);
-  }, [onChange, pageCount]);
-  const goToNextPage = React.useCallback(() => {
-    onChange(page + 1);
-  }, [onChange, page]);
-  const goToPreviousPage = React.useCallback(() => {
-    onChange(page - 1);
-  }, [onChange, page]);
-  const pageNumbersToDisplay = React.useMemo(() => pageCount > 1 ? getPageNumbers.getPageNumbers(page, pageCount, pageTabCount) : [1], [page, pageCount, pageTabCount]);
-  const handlePageClick = React.useCallback((pageNumber) => () => {
-    onChange(pageNumber);
-  }, [onChange]);
+  const [perPageComputed, setPerPage] = React.useState(perPage ?? 10);
   React.useEffect(() => {
     if (page < 1) {
       onChange(1);
@@ -74,16 +28,12 @@ const Pagination = ({
       onChange(pageCount);
     }
   }, [page, pageCount, onChange]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(StyledContainer, { className, "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(PageSwitchContainer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "aria-label": "First", disabled: page <= 1 || disabled, variant: "outlined", sentiment: "primary", onClick: goToFirstPage, icon: "arrow-left-double" }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "aria-label": "Back", disabled: page <= 1 || disabled, variant: "outlined", sentiment: "primary", onClick: goToPreviousPage, icon: "arrow-left" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(PageNumbersContainer, { children: pageNumbersToDisplay.map((pageNumber) => /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "aria-label": `Page ${pageNumber}`, "aria-current": pageNumber === page, disabled, variant: "outlined", sentiment: pageNumber === page ? "primary" : "neutral", onClick: handlePageClick(pageNumber), type: "button", children: pageNumber }, `pagination-page-${pageNumber}`)) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(PageSwitchContainer, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "aria-label": "Next", disabled: page >= pageCount || disabled, variant: "outlined", sentiment: "primary", onClick: goToNextPage, icon: "arrow-right" }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Button, { "aria-label": "Last", disabled: page >= pageCount || disabled, variant: "outlined", sentiment: "primary", onClick: goToLastPage, icon: "arrow-right-double" })
-    ] })
+  React.useEffect(() => {
+    if (perPage) setPerPage(perPage);
+  }, [perPage]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", justifyContent: "space-between", children: [
+    perPage ? /* @__PURE__ */ jsxRuntime.jsx(PerPage.PerPage, { onChangePerPage, perPageText, perPage: perPageComputed, setPerPage, numberOfItemsText, page, numberOfItems }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(PaginationButtons.PaginationButtons, { disabled, pageCount, pageTabCount, className, "data-testid": dataTestId, onChange, page, perPage: !!perPage })
   ] });
 };
 exports.Pagination = Pagination;

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

@@ -21,10 +21,37 @@ type PaginationProps = {
     disabled?: boolean;
     className?: string;
     'data-testid'?: string;
-};
+} & ({
+    /**
+     * Number of elements to show per page
+     */
+    perPage: number;
+    /**
+     * A function that is triggered when perPage changes
+     */
+    onChangePerPage?: (perPage: number) => void;
+    /**
+     * defines the localized text to display when "perPage" is defined"
+     */
+    perPageText?: string;
+    /**
+     * Defines the localized text to display the number of items in the list
+     */
+    numberOfItemsText?: string;
+    /**
+     * Number of items in the list
+     */
+    numberOfItems: number;
+} | {
+    perPage?: never;
+    onChangePerPage?: never;
+    perPageText?: never;
+    numberOfItemsText?: never;
+    numberOfItems?: never;
+});
 /**
  * Pagination is a component to navigate between pages, it is composed of 2 buttons to go to the previous and next page,
  * and a list of buttons to go to a specific page.
  */
-export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, "data-testid": dataTestId, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Pagination: ({ disabled, page, pageCount, onChange, pageTabCount, className, perPage, onChangePerPage, perPageText, numberOfItemsText, numberOfItems, "data-testid": dataTestId, }: PaginationProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Pagination/index.js

@@ -1,42 +1,8 @@
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
-import { useCallback, useMemo, useEffect } from "react";
-import { Button } from "../Button/index.js";
-import { getPageNumbers } from "./getPageNumbers.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const PageNumbersContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e5s692s2"
-} : {
-  target: "e5s692s2",
-  label: "PageNumbersContainer"
-})("display:flex;gap:", ({
-  theme
-}) => theme.space["2"], ";margin:0 ", ({
-  theme
-}) => theme.space["2"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgZ2V0UGFnZU51bWJlcnMgfSBmcm9tICcuL2dldFBhZ2VOdW1iZXJzJ1xuXG5jb25zdCBQYWdlTnVtYmVyc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFBhZ2VTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbnR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICBFdmVudCBmdW5jdGlvbiBjYWxsZWQgd2hlbiBjaGFuZ2luZyB0aGUgcGFnZVxuICAqL1xuICBvbkNoYW5nZTogKG5ld1BhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICBUaGUgY3VycmVudCBwYWdlIChtdXN0IGJlIGJldHdlZW4gMSBhbmQgcGFnZUNvdW50IGluY2x1ZGVkLCBvdGhlcndoaWxlIG9uQ2hhbmdlIHdpbGwgYmUgY2FsbGVkIHdpdGggYSBjb3JyZWN0IHZhbHVlKVxuICAqL1xuICBwYWdlOiBudW1iZXJcbiAgLyoqXG4gICAgTnVtYmVyIG9mIHBhZ2UgeW91IGhhdmVcbiAgKi9cbiAgcGFnZUNvdW50OiBudW1iZXJcbiAgLyoqXG4gICAgSG93IG1hbnkgcGFnZSBidXR0b24geW91IHdhbnQgdG8gaGF2ZVxuICAqL1xuICBwYWdlVGFiQ291bnQ/OiBudW1iZXJcbiAgLyoqXG4gICAgRGlzYWJsZSBhbGwgYnV0dG9uc1xuICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBQYWdpbmF0aW9uIGlzIGEgY29tcG9uZW50IHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMsIGl0IGlzIGNvbXBvc2VkIG9mIDIgYnV0dG9ucyB0byBnbyB0byB0aGUgcHJldmlvdXMgYW5kIG5leHQgcGFnZSxcbiAqIGFuZCBhIGxpc3Qgb2YgYnV0dG9ucyB0byBnbyB0byBhIHNwZWNpZmljIHBhZ2UuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcGFnZSxcbiAgcGFnZUNvdW50LFxuICBvbkNoYW5nZSxcbiAgcGFnZVRhYkNvdW50ID0gNSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9GaXJzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UoMSlcbiAgfSwgW29uQ2hhbmdlXSlcblxuICBjb25zdCBnb1RvTGFzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZUNvdW50KVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VDb3VudF0pXG5cbiAgY29uc3QgZ29Ub05leHRQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgKyAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IGdvVG9QcmV2aW91c1BhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZSAtIDEpXG4gIH0sIFtvbkNoYW5nZSwgcGFnZV0pXG5cbiAgY29uc3QgcGFnZU51bWJlcnNUb0Rpc3BsYXkgPSB1c2VNZW1vKFxuICAgICgpID0+IChwYWdlQ291bnQgPiAxID8gZ2V0UGFnZU51bWJlcnMocGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnQpIDogWzFdKSxcbiAgICBbcGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnRdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKHBhZ2VOdW1iZXI6IG51bWJlcikgPT4gKCkgPT4ge1xuICAgICAgb25DaGFuZ2UocGFnZU51bWJlcilcbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwYWdlIDwgMSkge1xuICAgICAgb25DaGFuZ2UoMSlcbiAgICB9XG4gICAgaWYgKHBhZ2UgPiBwYWdlQ291bnQpIHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VDb3VudClcbiAgICB9XG4gIH0sIFtwYWdlLCBwYWdlQ291bnQsIG9uQ2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIDxQYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkZpcnN0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0ZpcnN0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgLz5cbiAgICAgIDwvUGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lcj5cbiAgICAgICAge3BhZ2VOdW1iZXJzVG9EaXNwbGF5Lm1hcChwYWdlTnVtYmVyID0+IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtgUGFnZSAke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgICAgICAgIGtleT17YHBhZ2luYXRpb24tcGFnZS0ke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhZ2VOdW1iZXJzQ29udGFpbmVyPlxuICAgICAgPFBhZ2VTd2l0Y2hDb250YWluZXI+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub05leHRQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTGFzdFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0xhc3RQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgPC9QYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const PageSwitchContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e5s692s1"
-} : {
-  target: "e5s692s1",
-  label: "PageSwitchContainer"
-})("display:flex;gap:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdzQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbyB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJ1xuaW1wb3J0IHsgZ2V0UGFnZU51bWJlcnMgfSBmcm9tICcuL2dldFBhZ2VOdW1iZXJzJ1xuXG5jb25zdCBQYWdlTnVtYmVyc0NvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG5gXG5cbmNvbnN0IFBhZ2VTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG5gXG5cbnR5cGUgUGFnaW5hdGlvblByb3BzID0ge1xuICAvKipcbiAgICBFdmVudCBmdW5jdGlvbiBjYWxsZWQgd2hlbiBjaGFuZ2luZyB0aGUgcGFnZVxuICAqL1xuICBvbkNoYW5nZTogKG5ld1BhZ2U6IG51bWJlcikgPT4gdm9pZFxuICAvKipcbiAgICBUaGUgY3VycmVudCBwYWdlIChtdXN0IGJlIGJldHdlZW4gMSBhbmQgcGFnZUNvdW50IGluY2x1ZGVkLCBvdGhlcndoaWxlIG9uQ2hhbmdlIHdpbGwgYmUgY2FsbGVkIHdpdGggYSBjb3JyZWN0IHZhbHVlKVxuICAqL1xuICBwYWdlOiBudW1iZXJcbiAgLyoqXG4gICAgTnVtYmVyIG9mIHBhZ2UgeW91IGhhdmVcbiAgKi9cbiAgcGFnZUNvdW50OiBudW1iZXJcbiAgLyoqXG4gICAgSG93IG1hbnkgcGFnZSBidXR0b24geW91IHdhbnQgdG8gaGF2ZVxuICAqL1xuICBwYWdlVGFiQ291bnQ/OiBudW1iZXJcbiAgLyoqXG4gICAgRGlzYWJsZSBhbGwgYnV0dG9uc1xuICAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBQYWdpbmF0aW9uIGlzIGEgY29tcG9uZW50IHRvIG5hdmlnYXRlIGJldHdlZW4gcGFnZXMsIGl0IGlzIGNvbXBvc2VkIG9mIDIgYnV0dG9ucyB0byBnbyB0byB0aGUgcHJldmlvdXMgYW5kIG5leHQgcGFnZSxcbiAqIGFuZCBhIGxpc3Qgb2YgYnV0dG9ucyB0byBnbyB0byBhIHNwZWNpZmljIHBhZ2UuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdpbmF0aW9uID0gKHtcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgcGFnZSxcbiAgcGFnZUNvdW50LFxuICBvbkNoYW5nZSxcbiAgcGFnZVRhYkNvdW50ID0gNSxcbiAgY2xhc3NOYW1lLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxufTogUGFnaW5hdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9GaXJzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UoMSlcbiAgfSwgW29uQ2hhbmdlXSlcblxuICBjb25zdCBnb1RvTGFzdFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZUNvdW50KVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VDb3VudF0pXG5cbiAgY29uc3QgZ29Ub05leHRQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgKyAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IGdvVG9QcmV2aW91c1BhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZSAtIDEpXG4gIH0sIFtvbkNoYW5nZSwgcGFnZV0pXG5cbiAgY29uc3QgcGFnZU51bWJlcnNUb0Rpc3BsYXkgPSB1c2VNZW1vKFxuICAgICgpID0+IChwYWdlQ291bnQgPiAxID8gZ2V0UGFnZU51bWJlcnMocGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnQpIDogWzFdKSxcbiAgICBbcGFnZSwgcGFnZUNvdW50LCBwYWdlVGFiQ291bnRdLFxuICApXG5cbiAgY29uc3QgaGFuZGxlUGFnZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKHBhZ2VOdW1iZXI6IG51bWJlcikgPT4gKCkgPT4ge1xuICAgICAgb25DaGFuZ2UocGFnZU51bWJlcilcbiAgICB9LFxuICAgIFtvbkNoYW5nZV0sXG4gIClcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChwYWdlIDwgMSkge1xuICAgICAgb25DaGFuZ2UoMSlcbiAgICB9XG4gICAgaWYgKHBhZ2UgPiBwYWdlQ291bnQpIHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VDb3VudClcbiAgICB9XG4gIH0sIFtwYWdlLCBwYWdlQ291bnQsIG9uQ2hhbmdlXSlcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWRDb250YWluZXIgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfT5cbiAgICAgIDxQYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkZpcnN0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0ZpcnN0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgLz5cbiAgICAgIDwvUGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lcj5cbiAgICAgICAge3BhZ2VOdW1iZXJzVG9EaXNwbGF5Lm1hcChwYWdlTnVtYmVyID0+IChcbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXtgUGFnZSAke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgICAgICAgIGtleT17YHBhZ2luYXRpb24tcGFnZS0ke3BhZ2VOdW1iZXJ9YH1cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7cGFnZU51bWJlcn1cbiAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhZ2VOdW1iZXJzQ29udGFpbmVyPlxuICAgICAgPFBhZ2VTd2l0Y2hDb250YWluZXI+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub05leHRQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTGFzdFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub0xhc3RQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodC1kb3VibGVcIlxuICAgICAgICAvPlxuICAgICAgPC9QYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApXG59XG4iXX0= */"));
-const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e5s692s0"
-} : {
-  target: "e5s692s0",
-  label: "StyledContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zjik7",
-  styles: "display:flex"
-} : {
-  name: "zjik7",
-  styles: "display:flex/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCa0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IGdldFBhZ2VOdW1iZXJzIH0gZnJvbSAnLi9nZXRQYWdlTnVtYmVycydcblxuY29uc3QgUGFnZU51bWJlcnNDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzInXX07XG4gIG1hcmdpbjogMCAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycyJ119O1xuYFxuXG5jb25zdCBQYWdlU3dpdGNoQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZ2FwOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWycxJ119O1xuYFxuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuYFxuXG50eXBlIFBhZ2luYXRpb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAgRXZlbnQgZnVuY3Rpb24gY2FsbGVkIHdoZW4gY2hhbmdpbmcgdGhlIHBhZ2VcbiAgKi9cbiAgb25DaGFuZ2U6IChuZXdQYWdlOiBudW1iZXIpID0+IHZvaWRcbiAgLyoqXG4gICAgVGhlIGN1cnJlbnQgcGFnZSAobXVzdCBiZSBiZXR3ZWVuIDEgYW5kIHBhZ2VDb3VudCBpbmNsdWRlZCwgb3RoZXJ3aGlsZSBvbkNoYW5nZSB3aWxsIGJlIGNhbGxlZCB3aXRoIGEgY29ycmVjdCB2YWx1ZSlcbiAgKi9cbiAgcGFnZTogbnVtYmVyXG4gIC8qKlxuICAgIE51bWJlciBvZiBwYWdlIHlvdSBoYXZlXG4gICovXG4gIHBhZ2VDb3VudDogbnVtYmVyXG4gIC8qKlxuICAgIEhvdyBtYW55IHBhZ2UgYnV0dG9uIHlvdSB3YW50IHRvIGhhdmVcbiAgKi9cbiAgcGFnZVRhYkNvdW50PzogbnVtYmVyXG4gIC8qKlxuICAgIERpc2FibGUgYWxsIGJ1dHRvbnNcbiAgKi9cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG59XG5cbi8qKlxuICogUGFnaW5hdGlvbiBpcyBhIGNvbXBvbmVudCB0byBuYXZpZ2F0ZSBiZXR3ZWVuIHBhZ2VzLCBpdCBpcyBjb21wb3NlZCBvZiAyIGJ1dHRvbnMgdG8gZ28gdG8gdGhlIHByZXZpb3VzIGFuZCBuZXh0IHBhZ2UsXG4gKiBhbmQgYSBsaXN0IG9mIGJ1dHRvbnMgdG8gZ28gdG8gYSBzcGVjaWZpYyBwYWdlLlxuICovXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbiA9ICh7XG4gIGRpc2FibGVkID0gZmFsc2UsXG4gIHBhZ2UsXG4gIHBhZ2VDb3VudCxcbiAgb25DaGFuZ2UsXG4gIHBhZ2VUYWJDb3VudCA9IDUsXG4gIGNsYXNzTmFtZSxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IFBhZ2luYXRpb25Qcm9wcykgPT4ge1xuICBjb25zdCBnb1RvRmlyc3RQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKDEpXG4gIH0sIFtvbkNoYW5nZV0pXG5cbiAgY29uc3QgZ29Ub0xhc3RQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2VDb3VudClcbiAgfSwgW29uQ2hhbmdlLCBwYWdlQ291bnRdKVxuXG4gIGNvbnN0IGdvVG9OZXh0UGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlICsgMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBnb1RvUHJldmlvdXNQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgLSAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IHBhZ2VOdW1iZXJzVG9EaXNwbGF5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAocGFnZUNvdW50ID4gMSA/IGdldFBhZ2VOdW1iZXJzKHBhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50KSA6IFsxXSksXG4gICAgW3BhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50XSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gICAgfSxcbiAgICBbb25DaGFuZ2VdLFxuICApXG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocGFnZSA8IDEpIHtcbiAgICAgIG9uQ2hhbmdlKDEpXG4gICAgfVxuICAgIGlmIChwYWdlID4gcGFnZUNvdW50KSB7XG4gICAgICBvbkNoYW5nZShwYWdlQ291bnQpXG4gICAgfVxuICB9LCBbcGFnZSwgcGFnZUNvdW50LCBvbkNoYW5nZV0pXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0+XG4gICAgICA8UGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJGaXJzdFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPD0gMSB8fCBkaXNhYmxlZH1cbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9GaXJzdFBhZ2V9XG4gICAgICAgICAgaWNvbj1cImFycm93LWxlZnQtZG91YmxlXCJcbiAgICAgICAgLz5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJCYWNrXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub1ByZXZpb3VzUGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdFwiXG4gICAgICAgIC8+XG4gICAgICA8L1BhZ2VTd2l0Y2hDb250YWluZXI+XG4gICAgICA8UGFnZU51bWJlcnNDb250YWluZXI+XG4gICAgICAgIHtwYWdlTnVtYmVyc1RvRGlzcGxheS5tYXAocGFnZU51bWJlciA9PiAoXG4gICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgYXJpYS1sYWJlbD17YFBhZ2UgJHtwYWdlTnVtYmVyfWB9XG4gICAgICAgICAgICBhcmlhLWN1cnJlbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2V9XG4gICAgICAgICAgICBrZXk9e2BwYWdpbmF0aW9uLXBhZ2UtJHtwYWdlTnVtYmVyfWB9XG4gICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgICAgc2VudGltZW50PXtwYWdlTnVtYmVyID09PSBwYWdlID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgICAgICAgb25DbGljaz17aGFuZGxlUGFnZUNsaWNrKHBhZ2VOdW1iZXIpfVxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge3BhZ2VOdW1iZXJ9XG4gICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICkpfVxuICAgICAgPC9QYWdlTnVtYmVyc0NvbnRhaW5lcj5cbiAgICAgIDxQYWdlU3dpdGNoQ29udGFpbmVyPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIk5leHRcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlID49IHBhZ2VDb3VudCB8fCBkaXNhYmxlZH1cbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9OZXh0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctcmlnaHRcIlxuICAgICAgICAvPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkxhc3RcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlID49IHBhZ2VDb3VudCB8fCBkaXNhYmxlZH1cbiAgICAgICAgICB2YXJpYW50PVwib3V0bGluZWRcIlxuICAgICAgICAgIHNlbnRpbWVudD1cInByaW1hcnlcIlxuICAgICAgICAgIG9uQ2xpY2s9e2dvVG9MYXN0UGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctcmlnaHQtZG91YmxlXCJcbiAgICAgICAgLz5cbiAgICAgIDwvUGFnZVN3aXRjaENvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKVxufVxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
+import { useState, useEffect } from "react";
+import { Stack } from "../Stack/index.js";
+import { PaginationButtons } from "./PaginationButtons.js";
+import { PerPage } from "./PerPage.js";
 const Pagination = ({
   disabled = false,
   page,
@@ -44,24 +10,14 @@ const Pagination = ({
   onChange,
   pageTabCount = 5,
   className,
+  perPage,
+  onChangePerPage,
+  perPageText,
+  numberOfItemsText,
+  numberOfItems,
   "data-testid": dataTestId
 }) => {
-  const goToFirstPage = useCallback(() => {
-    onChange(1);
-  }, [onChange]);
-  const goToLastPage = useCallback(() => {
-    onChange(pageCount);
-  }, [onChange, pageCount]);
-  const goToNextPage = useCallback(() => {
-    onChange(page + 1);
-  }, [onChange, page]);
-  const goToPreviousPage = useCallback(() => {
-    onChange(page - 1);
-  }, [onChange, page]);
-  const pageNumbersToDisplay = useMemo(() => pageCount > 1 ? getPageNumbers(page, pageCount, pageTabCount) : [1], [page, pageCount, pageTabCount]);
-  const handlePageClick = useCallback((pageNumber) => () => {
-    onChange(pageNumber);
-  }, [onChange]);
+  const [perPageComputed, setPerPage] = useState(perPage ?? 10);
   useEffect(() => {
     if (page < 1) {
       onChange(1);
@@ -70,16 +26,12 @@ const Pagination = ({
       onChange(pageCount);
     }
   }, [page, pageCount, onChange]);
-  return /* @__PURE__ */ jsxs(StyledContainer, { className, "data-testid": dataTestId, children: [
-    /* @__PURE__ */ jsxs(PageSwitchContainer, { children: [
-      /* @__PURE__ */ jsx(Button, { "aria-label": "First", disabled: page <= 1 || disabled, variant: "outlined", sentiment: "primary", onClick: goToFirstPage, icon: "arrow-left-double" }),
-      /* @__PURE__ */ jsx(Button, { "aria-label": "Back", disabled: page <= 1 || disabled, variant: "outlined", sentiment: "primary", onClick: goToPreviousPage, icon: "arrow-left" })
-    ] }),
-    /* @__PURE__ */ jsx(PageNumbersContainer, { children: pageNumbersToDisplay.map((pageNumber) => /* @__PURE__ */ jsx(Button, { "aria-label": `Page ${pageNumber}`, "aria-current": pageNumber === page, disabled, variant: "outlined", sentiment: pageNumber === page ? "primary" : "neutral", onClick: handlePageClick(pageNumber), type: "button", children: pageNumber }, `pagination-page-${pageNumber}`)) }),
-    /* @__PURE__ */ jsxs(PageSwitchContainer, { children: [
-      /* @__PURE__ */ jsx(Button, { "aria-label": "Next", disabled: page >= pageCount || disabled, variant: "outlined", sentiment: "primary", onClick: goToNextPage, icon: "arrow-right" }),
-      /* @__PURE__ */ jsx(Button, { "aria-label": "Last", disabled: page >= pageCount || disabled, variant: "outlined", sentiment: "primary", onClick: goToLastPage, icon: "arrow-right-double" })
-    ] })
+  useEffect(() => {
+    if (perPage) setPerPage(perPage);
+  }, [perPage]);
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", justifyContent: "space-between", children: [
+    perPage ? /* @__PURE__ */ jsx(PerPage, { onChangePerPage, perPageText, perPage: perPageComputed, setPerPage, numberOfItemsText, page, numberOfItems }) : null,
+    /* @__PURE__ */ jsx(PaginationButtons, { disabled, pageCount, pageTabCount, className, "data-testid": dataTestId, onChange, page, perPage: !!perPage })
   ] });
 };
 export {