@ultraviolet/ui 1.83.2 → 1.84.1

package/dist/components/Pagination/PaginationButtons.cjs

@@ -0,0 +1,84 @@
+"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$1 = require("../Button/index.cjs");
+const index = require("../Stack/index.cjs");
+const index$2 = require("../Text/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);
+const PageNumbersContainer = /* @__PURE__ */ _styled__default.default(index.Stack, process.env.NODE_ENV === "production" ? {
+  target: "ej6cbx62"
+} : {
+  target: "ej6cbx62",
+  label: "PageNumbersContainer"
+})("margin:0 ", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbkJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8wQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BhZ2luYXRpb25CdXR0b25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IGdldFBhZ2VOdW1iZXJzIH0gZnJvbSAnLi9nZXRQYWdlTnVtYmVycydcblxuY29uc3QgUGFnZU51bWJlcnNDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZChCdXR0b24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgd2lkdGg6IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbmBcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzaXplOiBzdHJpbmcgfT5gXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG5gXG5cbnR5cGUgUGFnaW5hdGlvbkJ1dHRvbnNQcm9wcyA9IHtcbiAgcGFnZTogbnVtYmVyXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIG9uQ2hhbmdlOiAobmV3UGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIHBhZ2VDb3VudDogbnVtYmVyXG4gIHBhZ2VUYWJDb3VudD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBwZXJQYWdlOiBib29sZWFuXG59XG5cbnR5cGUgTWFrZUJ1dHRvblByb3BzID0ge1xuICBoYXNFbGxpcHNpc0JlZm9yZTogYm9vbGVhblxuICBwYWdlTnVtYmVyOiBudW1iZXJcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHBhZ2U6IG51bWJlclxuICBoYW5kbGVQYWdlQ2xpY2s6IChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHZvaWRcbiAgcGVyUGFnZTogYm9vbGVhblxufVxuY29uc3QgTWFrZUJ1dHRvbiA9ICh7XG4gIGhhc0VsbGlwc2lzQmVmb3JlLFxuICBwYWdlTnVtYmVyLFxuICBkaXNhYmxlZCxcbiAgcGFnZSxcbiAgaGFuZGxlUGFnZUNsaWNrLFxuICBwZXJQYWdlLFxufTogTWFrZUJ1dHRvblByb3BzKSA9PiAoXG4gIDw+XG4gICAge2hhc0VsbGlwc2lzQmVmb3JlID8gKFxuICAgICAgPEVsbGlwc2lzXG4gICAgICAgIGFyaWEtbGFiZWw9XCJlbGxpcHNpc1wiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdmFyaWFudD1cImJvZHlcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICBwbGFjZW1lbnQ9XCJjZW50ZXJcIlxuICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgPlxuICAgICAgICAuLi5cbiAgICAgIDwvRWxsaXBzaXM+XG4gICAgKSA6IG51bGx9XG4gICAgPFBhZ2VCdXR0b25cbiAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHZhcmlhbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAnZmlsbGVkJyA6ICdvdXRsaW5lZCd9XG4gICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9e3BlclBhZ2UgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgICB3aWR0aD17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICA+XG4gICAgICB7cGFnZU51bWJlcn1cbiAgICA8L1BhZ2VCdXR0b24+XG4gIDwvPlxuKVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkJ1dHRvbnMgPSAoe1xuICBwYWdlLFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHBhZ2VDb3VudCxcbiAgcGFnZVRhYkNvdW50LFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIHBlclBhZ2UsXG59OiBQYWdpbmF0aW9uQnV0dG9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9OZXh0UGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlICsgMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBnb1RvUHJldmlvdXNQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgLSAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IHBhZ2VOdW1iZXJzVG9EaXNwbGF5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAocGFnZUNvdW50ID4gMSA/IGdldFBhZ2VOdW1iZXJzKHBhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50KSA6IFsxXSksXG4gICAgW3BhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50XSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gICAgfSxcbiAgICBbb25DaGFuZ2VdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBkaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lciBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICB7cGFnZU51bWJlcnNUb0Rpc3BsYXkubWFwKChwYWdlTnVtYmVyLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNYWtlQnV0dG9uXG4gICAgICAgICAgICBoYXNFbGxpcHNpc0JlZm9yZT17XG4gICAgICAgICAgICAgICEoXG4gICAgICAgICAgICAgICAgaW5kZXggPT09IDAgfHxcbiAgICAgICAgICAgICAgICBwYWdlTnVtYmVyc1RvRGlzcGxheVtpbmRleCAtIDFdID09PSBwYWdlTnVtYmVyIC0gMVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBwYWdlPXtwYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17cGFnZU51bWJlcn1cbiAgICAgICAgICAgIGhhbmRsZVBhZ2VDbGljaz17aGFuZGxlUGFnZUNsaWNrfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAga2V5PXtwYWdlTnVtYmVyfVxuICAgICAgICAgICAgcGVyUGFnZT17cGVyUGFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvUGFnZU51bWJlcnNDb250YWluZXI+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA+PSBwYWdlQ291bnQgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvTmV4dFBhZ2V9XG4gICAgICAgICAgaWNvbj1cImFycm93LXJpZ2h0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
+const PageButton = /* @__PURE__ */ _styled__default.default(index$1.Button, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx61"
+} : {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx61",
+  label: "PageButton"
+})("width:", ({
+  theme,
+  width
+}) => width === "small" ? theme.sizing[400] : theme.sizing[500], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbkJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BhZ2luYXRpb25CdXR0b25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IGdldFBhZ2VOdW1iZXJzIH0gZnJvbSAnLi9nZXRQYWdlTnVtYmVycydcblxuY29uc3QgUGFnZU51bWJlcnNDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZChCdXR0b24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgd2lkdGg6IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbmBcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzaXplOiBzdHJpbmcgfT5gXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG5gXG5cbnR5cGUgUGFnaW5hdGlvbkJ1dHRvbnNQcm9wcyA9IHtcbiAgcGFnZTogbnVtYmVyXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIG9uQ2hhbmdlOiAobmV3UGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIHBhZ2VDb3VudDogbnVtYmVyXG4gIHBhZ2VUYWJDb3VudD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBwZXJQYWdlOiBib29sZWFuXG59XG5cbnR5cGUgTWFrZUJ1dHRvblByb3BzID0ge1xuICBoYXNFbGxpcHNpc0JlZm9yZTogYm9vbGVhblxuICBwYWdlTnVtYmVyOiBudW1iZXJcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHBhZ2U6IG51bWJlclxuICBoYW5kbGVQYWdlQ2xpY2s6IChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHZvaWRcbiAgcGVyUGFnZTogYm9vbGVhblxufVxuY29uc3QgTWFrZUJ1dHRvbiA9ICh7XG4gIGhhc0VsbGlwc2lzQmVmb3JlLFxuICBwYWdlTnVtYmVyLFxuICBkaXNhYmxlZCxcbiAgcGFnZSxcbiAgaGFuZGxlUGFnZUNsaWNrLFxuICBwZXJQYWdlLFxufTogTWFrZUJ1dHRvblByb3BzKSA9PiAoXG4gIDw+XG4gICAge2hhc0VsbGlwc2lzQmVmb3JlID8gKFxuICAgICAgPEVsbGlwc2lzXG4gICAgICAgIGFyaWEtbGFiZWw9XCJlbGxpcHNpc1wiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdmFyaWFudD1cImJvZHlcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICBwbGFjZW1lbnQ9XCJjZW50ZXJcIlxuICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgPlxuICAgICAgICAuLi5cbiAgICAgIDwvRWxsaXBzaXM+XG4gICAgKSA6IG51bGx9XG4gICAgPFBhZ2VCdXR0b25cbiAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHZhcmlhbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAnZmlsbGVkJyA6ICdvdXRsaW5lZCd9XG4gICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9e3BlclBhZ2UgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgICB3aWR0aD17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICA+XG4gICAgICB7cGFnZU51bWJlcn1cbiAgICA8L1BhZ2VCdXR0b24+XG4gIDwvPlxuKVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkJ1dHRvbnMgPSAoe1xuICBwYWdlLFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHBhZ2VDb3VudCxcbiAgcGFnZVRhYkNvdW50LFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIHBlclBhZ2UsXG59OiBQYWdpbmF0aW9uQnV0dG9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9OZXh0UGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlICsgMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBnb1RvUHJldmlvdXNQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgLSAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IHBhZ2VOdW1iZXJzVG9EaXNwbGF5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAocGFnZUNvdW50ID4gMSA/IGdldFBhZ2VOdW1iZXJzKHBhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50KSA6IFsxXSksXG4gICAgW3BhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50XSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gICAgfSxcbiAgICBbb25DaGFuZ2VdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBkaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lciBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICB7cGFnZU51bWJlcnNUb0Rpc3BsYXkubWFwKChwYWdlTnVtYmVyLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNYWtlQnV0dG9uXG4gICAgICAgICAgICBoYXNFbGxpcHNpc0JlZm9yZT17XG4gICAgICAgICAgICAgICEoXG4gICAgICAgICAgICAgICAgaW5kZXggPT09IDAgfHxcbiAgICAgICAgICAgICAgICBwYWdlTnVtYmVyc1RvRGlzcGxheVtpbmRleCAtIDFdID09PSBwYWdlTnVtYmVyIC0gMVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBwYWdlPXtwYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17cGFnZU51bWJlcn1cbiAgICAgICAgICAgIGhhbmRsZVBhZ2VDbGljaz17aGFuZGxlUGFnZUNsaWNrfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAga2V5PXtwYWdlTnVtYmVyfVxuICAgICAgICAgICAgcGVyUGFnZT17cGVyUGFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvUGFnZU51bWJlcnNDb250YWluZXI+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA+PSBwYWdlQ291bnQgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvTmV4dFBhZ2V9XG4gICAgICAgICAgaWNvbj1cImFycm93LXJpZ2h0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
+const Ellipsis = /* @__PURE__ */ _styled__default.default(index$2.Text, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx60"
+} : {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx60",
+  label: "Ellipsis"
+})("align-content:center;padding:", ({
+  theme
+}) => theme.space[1], ";height:", ({
+  theme,
+  size
+}) => size === "small" ? theme.sizing[400] : theme.sizing[500], ";width:", ({
+  theme,
+  size
+}) => size === "small" ? theme.sizing[400] : theme.sizing[500], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbkJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cb0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uQnV0dG9ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBnZXRQYWdlTnVtYmVycyB9IGZyb20gJy4vZ2V0UGFnZU51bWJlcnMnXG5cbmNvbnN0IFBhZ2VOdW1iZXJzQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFBhZ2VCdXR0b24gPSBzdHlsZWQoQnV0dG9uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHdpZHRoOiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyh7IHRoZW1lLCB3aWR0aCB9KSA9PiAod2lkdGggPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG5gXG5cbmNvbnN0IEVsbGlwc2lzID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2l6ZTogc3RyaW5nIH0+YFxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG4gIHdpZHRoOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IChzaXplID09PSAnc21hbGwnID8gdGhlbWUuc2l6aW5nWzQwMF0gOiB0aGVtZS5zaXppbmdbNTAwXSl9O1xuYFxuXG50eXBlIFBhZ2luYXRpb25CdXR0b25zUHJvcHMgPSB7XG4gIHBhZ2U6IG51bWJlclxuICBkaXNhYmxlZDogYm9vbGVhblxuICBvbkNoYW5nZTogKG5ld1BhZ2U6IG51bWJlcikgPT4gdm9pZFxuICBwYWdlQ291bnQ6IG51bWJlclxuICBwYWdlVGFiQ291bnQ/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgcGVyUGFnZTogYm9vbGVhblxufVxuXG50eXBlIE1ha2VCdXR0b25Qcm9wcyA9IHtcbiAgaGFzRWxsaXBzaXNCZWZvcmU6IGJvb2xlYW5cbiAgcGFnZU51bWJlcjogbnVtYmVyXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBwYWdlOiBudW1iZXJcbiAgaGFuZGxlUGFnZUNsaWNrOiAocGFnZU51bWJlcjogbnVtYmVyKSA9PiAoKSA9PiB2b2lkXG4gIHBlclBhZ2U6IGJvb2xlYW5cbn1cbmNvbnN0IE1ha2VCdXR0b24gPSAoe1xuICBoYXNFbGxpcHNpc0JlZm9yZSxcbiAgcGFnZU51bWJlcixcbiAgZGlzYWJsZWQsXG4gIHBhZ2UsXG4gIGhhbmRsZVBhZ2VDbGljayxcbiAgcGVyUGFnZSxcbn06IE1ha2VCdXR0b25Qcm9wcykgPT4gKFxuICA8PlxuICAgIHtoYXNFbGxpcHNpc0JlZm9yZSA/IChcbiAgICAgIDxFbGxpcHNpc1xuICAgICAgICBhcmlhLWxhYmVsPVwiZWxsaXBzaXNcIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5XCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHByb21pbmVuY2U9XCJkZWZhdWx0XCJcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgcGxhY2VtZW50PVwiY2VudGVyXCJcbiAgICAgICAgc2l6ZT17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgID5cbiAgICAgICAgLi4uXG4gICAgICA8L0VsbGlwc2lzPlxuICAgICkgOiBudWxsfVxuICAgIDxQYWdlQnV0dG9uXG4gICAgICBhcmlhLWN1cnJlbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2V9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICB2YXJpYW50PXtwYWdlTnVtYmVyID09PSBwYWdlID8gJ2ZpbGxlZCcgOiAnb3V0bGluZWQnfVxuICAgICAgc2VudGltZW50PXtwYWdlTnVtYmVyID09PSBwYWdlID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgb25DbGljaz17aGFuZGxlUGFnZUNsaWNrKHBhZ2VOdW1iZXIpfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgd2lkdGg9e3BlclBhZ2UgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgPlxuICAgICAge3BhZ2VOdW1iZXJ9XG4gICAgPC9QYWdlQnV0dG9uPlxuICA8Lz5cbilcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25CdXR0b25zID0gKHtcbiAgcGFnZSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICBwYWdlQ291bnQsXG4gIHBhZ2VUYWJDb3VudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBwZXJQYWdlLFxufTogUGFnaW5hdGlvbkJ1dHRvbnNQcm9wcykgPT4ge1xuICBjb25zdCBnb1RvTmV4dFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZSArIDEpXG4gIH0sIFtvbkNoYW5nZSwgcGFnZV0pXG5cbiAgY29uc3QgZ29Ub1ByZXZpb3VzUGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlIC0gMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBwYWdlTnVtYmVyc1RvRGlzcGxheSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHBhZ2VDb3VudCA+IDEgPyBnZXRQYWdlTnVtYmVycyhwYWdlLCBwYWdlQ291bnQsIHBhZ2VUYWJDb3VudCkgOiBbMV0pLFxuICAgIFtwYWdlLCBwYWdlQ291bnQsIHBhZ2VUYWJDb3VudF0sXG4gIClcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAocGFnZU51bWJlcjogbnVtYmVyKSA9PiAoKSA9PiB7XG4gICAgICBvbkNoYW5nZShwYWdlTnVtYmVyKVxuICAgIH0sXG4gICAgW29uQ2hhbmdlXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJCYWNrXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub1ByZXZpb3VzUGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdFwiXG4gICAgICAgICAgc2l6ZT17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8UGFnZU51bWJlcnNDb250YWluZXIgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfT5cbiAgICAgICAge3BhZ2VOdW1iZXJzVG9EaXNwbGF5Lm1hcCgocGFnZU51bWJlciwgaW5kZXgpID0+IChcbiAgICAgICAgICA8TWFrZUJ1dHRvblxuICAgICAgICAgICAgaGFzRWxsaXBzaXNCZWZvcmU9e1xuICAgICAgICAgICAgICAhKFxuICAgICAgICAgICAgICAgIGluZGV4ID09PSAwIHx8XG4gICAgICAgICAgICAgICAgcGFnZU51bWJlcnNUb0Rpc3BsYXlbaW5kZXggLSAxXSA9PT0gcGFnZU51bWJlciAtIDFcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcGFnZT17cGFnZX1cbiAgICAgICAgICAgIHBhZ2VOdW1iZXI9e3BhZ2VOdW1iZXJ9XG4gICAgICAgICAgICBoYW5kbGVQYWdlQ2xpY2s9e2hhbmRsZVBhZ2VDbGlja31cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGtleT17cGFnZU51bWJlcn1cbiAgICAgICAgICAgIHBlclBhZ2U9e3BlclBhZ2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhZ2VOdW1iZXJzQ29udGFpbmVyPlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub05leHRQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgICAgc2l6ZT17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */"));
+const MakeButton = ({
+  hasEllipsisBefore,
+  pageNumber,
+  disabled,
+  page,
+  handlePageClick,
+  perPage
+}) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  hasEllipsisBefore ? /* @__PURE__ */ jsxRuntime.jsx(Ellipsis, { "aria-label": "ellipsis", disabled, variant: "body", sentiment: "neutral", prominence: "default", as: "span", placement: "center", size: perPage ? "small" : "medium", children: "..." }) : null,
+  /* @__PURE__ */ jsxRuntime.jsx(PageButton, { "aria-current": pageNumber === page, disabled, variant: pageNumber === page ? "filled" : "outlined", sentiment: pageNumber === page ? "primary" : "neutral", onClick: handlePageClick(pageNumber), type: "button", size: perPage ? "small" : "medium", width: perPage ? "small" : "medium", children: pageNumber })
+] });
+const PaginationButtons = ({
+  page,
+  disabled,
+  onChange,
+  pageCount,
+  pageTabCount,
+  "data-testid": dataTestId,
+  className,
+  perPage
+}) => {
+  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]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { className, "data-testid": dataTestId, direction: "row", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "aria-label": "Back", disabled: page <= 1 || disabled, variant: "outlined", sentiment: "primary", onClick: goToPreviousPage, icon: "arrow-left", size: perPage ? "small" : "medium" }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(PageNumbersContainer, { direction: "row", gap: 1, children: pageNumbersToDisplay.map((pageNumber, index2) => /* @__PURE__ */ jsxRuntime.jsx(MakeButton, { hasEllipsisBefore: !(index2 === 0 || pageNumbersToDisplay[index2 - 1] === pageNumber - 1), page, pageNumber, handlePageClick, disabled, perPage }, pageNumber)) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Stack, { gap: 1, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Button, { "aria-label": "Next", disabled: page >= pageCount || disabled, variant: "outlined", sentiment: "primary", onClick: goToNextPage, icon: "arrow-right", size: perPage ? "small" : "medium" }) })
+  ] });
+};
+exports.PaginationButtons = PaginationButtons;

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

@@ -0,0 +1,12 @@
+type PaginationButtonsProps = {
+    page: number;
+    disabled: boolean;
+    onChange: (newPage: number) => void;
+    pageCount: number;
+    pageTabCount?: number;
+    className?: string;
+    'data-testid'?: string;
+    perPage: boolean;
+};
+export declare const PaginationButtons: ({ page, disabled, onChange, pageCount, pageTabCount, "data-testid": dataTestId, className, perPage, }: PaginationButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Pagination/PaginationButtons.js

@@ -0,0 +1,82 @@
+import { jsxs, jsx, Fragment } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useCallback, useMemo } from "react";
+import { Button } from "../Button/index.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+import { getPageNumbers } from "./getPageNumbers.js";
+const PageNumbersContainer = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "ej6cbx62"
+} : {
+  target: "ej6cbx62",
+  label: "PageNumbersContainer"
+})("margin:0 ", ({
+  theme
+}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbkJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU8wQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BhZ2luYXRpb25CdXR0b25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IGdldFBhZ2VOdW1iZXJzIH0gZnJvbSAnLi9nZXRQYWdlTnVtYmVycydcblxuY29uc3QgUGFnZU51bWJlcnNDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZChCdXR0b24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgd2lkdGg6IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbmBcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzaXplOiBzdHJpbmcgfT5gXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG5gXG5cbnR5cGUgUGFnaW5hdGlvbkJ1dHRvbnNQcm9wcyA9IHtcbiAgcGFnZTogbnVtYmVyXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIG9uQ2hhbmdlOiAobmV3UGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIHBhZ2VDb3VudDogbnVtYmVyXG4gIHBhZ2VUYWJDb3VudD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBwZXJQYWdlOiBib29sZWFuXG59XG5cbnR5cGUgTWFrZUJ1dHRvblByb3BzID0ge1xuICBoYXNFbGxpcHNpc0JlZm9yZTogYm9vbGVhblxuICBwYWdlTnVtYmVyOiBudW1iZXJcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHBhZ2U6IG51bWJlclxuICBoYW5kbGVQYWdlQ2xpY2s6IChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHZvaWRcbiAgcGVyUGFnZTogYm9vbGVhblxufVxuY29uc3QgTWFrZUJ1dHRvbiA9ICh7XG4gIGhhc0VsbGlwc2lzQmVmb3JlLFxuICBwYWdlTnVtYmVyLFxuICBkaXNhYmxlZCxcbiAgcGFnZSxcbiAgaGFuZGxlUGFnZUNsaWNrLFxuICBwZXJQYWdlLFxufTogTWFrZUJ1dHRvblByb3BzKSA9PiAoXG4gIDw+XG4gICAge2hhc0VsbGlwc2lzQmVmb3JlID8gKFxuICAgICAgPEVsbGlwc2lzXG4gICAgICAgIGFyaWEtbGFiZWw9XCJlbGxpcHNpc1wiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdmFyaWFudD1cImJvZHlcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICBwbGFjZW1lbnQ9XCJjZW50ZXJcIlxuICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgPlxuICAgICAgICAuLi5cbiAgICAgIDwvRWxsaXBzaXM+XG4gICAgKSA6IG51bGx9XG4gICAgPFBhZ2VCdXR0b25cbiAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHZhcmlhbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAnZmlsbGVkJyA6ICdvdXRsaW5lZCd9XG4gICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9e3BlclBhZ2UgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgICB3aWR0aD17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICA+XG4gICAgICB7cGFnZU51bWJlcn1cbiAgICA8L1BhZ2VCdXR0b24+XG4gIDwvPlxuKVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkJ1dHRvbnMgPSAoe1xuICBwYWdlLFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHBhZ2VDb3VudCxcbiAgcGFnZVRhYkNvdW50LFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIHBlclBhZ2UsXG59OiBQYWdpbmF0aW9uQnV0dG9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9OZXh0UGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlICsgMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBnb1RvUHJldmlvdXNQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgLSAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IHBhZ2VOdW1iZXJzVG9EaXNwbGF5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAocGFnZUNvdW50ID4gMSA/IGdldFBhZ2VOdW1iZXJzKHBhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50KSA6IFsxXSksXG4gICAgW3BhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50XSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gICAgfSxcbiAgICBbb25DaGFuZ2VdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBkaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lciBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICB7cGFnZU51bWJlcnNUb0Rpc3BsYXkubWFwKChwYWdlTnVtYmVyLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNYWtlQnV0dG9uXG4gICAgICAgICAgICBoYXNFbGxpcHNpc0JlZm9yZT17XG4gICAgICAgICAgICAgICEoXG4gICAgICAgICAgICAgICAgaW5kZXggPT09IDAgfHxcbiAgICAgICAgICAgICAgICBwYWdlTnVtYmVyc1RvRGlzcGxheVtpbmRleCAtIDFdID09PSBwYWdlTnVtYmVyIC0gMVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBwYWdlPXtwYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17cGFnZU51bWJlcn1cbiAgICAgICAgICAgIGhhbmRsZVBhZ2VDbGljaz17aGFuZGxlUGFnZUNsaWNrfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAga2V5PXtwYWdlTnVtYmVyfVxuICAgICAgICAgICAgcGVyUGFnZT17cGVyUGFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvUGFnZU51bWJlcnNDb250YWluZXI+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA+PSBwYWdlQ291bnQgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvTmV4dFBhZ2V9XG4gICAgICAgICAgaWNvbj1cImFycm93LXJpZ2h0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
+const PageButton = /* @__PURE__ */ _styled(Button, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx61"
+} : {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx61",
+  label: "PageButton"
+})("width:", ({
+  theme,
+  width
+}) => width === "small" ? theme.sizing[400] : theme.sizing[500], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbkJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BhZ2luYXRpb25CdXR0b25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gJy4uL0J1dHRvbidcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB7IGdldFBhZ2VOdW1iZXJzIH0gZnJvbSAnLi9nZXRQYWdlTnVtYmVycydcblxuY29uc3QgUGFnZU51bWJlcnNDb250YWluZXIgPSBzdHlsZWQoU3RhY2spYFxuICBtYXJnaW46IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgUGFnZUJ1dHRvbiA9IHN0eWxlZChCdXR0b24sIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgd2lkdGg6IHN0cmluZyB9PmBcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHdpZHRoIH0pID0+ICh3aWR0aCA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbmBcblxuY29uc3QgRWxsaXBzaXMgPSBzdHlsZWQoVGV4dCwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWyd3aWR0aCddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBzaXplOiBzdHJpbmcgfT5gXG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcbiAgcGFkZGluZzogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ3NtYWxsJyA/IHRoZW1lLnNpemluZ1s0MDBdIDogdGhlbWUuc2l6aW5nWzUwMF0pfTtcbiAgd2lkdGg6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG5gXG5cbnR5cGUgUGFnaW5hdGlvbkJ1dHRvbnNQcm9wcyA9IHtcbiAgcGFnZTogbnVtYmVyXG4gIGRpc2FibGVkOiBib29sZWFuXG4gIG9uQ2hhbmdlOiAobmV3UGFnZTogbnVtYmVyKSA9PiB2b2lkXG4gIHBhZ2VDb3VudDogbnVtYmVyXG4gIHBhZ2VUYWJDb3VudD86IG51bWJlclxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xuICBwZXJQYWdlOiBib29sZWFuXG59XG5cbnR5cGUgTWFrZUJ1dHRvblByb3BzID0ge1xuICBoYXNFbGxpcHNpc0JlZm9yZTogYm9vbGVhblxuICBwYWdlTnVtYmVyOiBudW1iZXJcbiAgZGlzYWJsZWQ/OiBib29sZWFuXG4gIHBhZ2U6IG51bWJlclxuICBoYW5kbGVQYWdlQ2xpY2s6IChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHZvaWRcbiAgcGVyUGFnZTogYm9vbGVhblxufVxuY29uc3QgTWFrZUJ1dHRvbiA9ICh7XG4gIGhhc0VsbGlwc2lzQmVmb3JlLFxuICBwYWdlTnVtYmVyLFxuICBkaXNhYmxlZCxcbiAgcGFnZSxcbiAgaGFuZGxlUGFnZUNsaWNrLFxuICBwZXJQYWdlLFxufTogTWFrZUJ1dHRvblByb3BzKSA9PiAoXG4gIDw+XG4gICAge2hhc0VsbGlwc2lzQmVmb3JlID8gKFxuICAgICAgPEVsbGlwc2lzXG4gICAgICAgIGFyaWEtbGFiZWw9XCJlbGxpcHNpc1wiXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgdmFyaWFudD1cImJvZHlcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgcHJvbWluZW5jZT1cImRlZmF1bHRcIlxuICAgICAgICBhcz1cInNwYW5cIlxuICAgICAgICBwbGFjZW1lbnQ9XCJjZW50ZXJcIlxuICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgPlxuICAgICAgICAuLi5cbiAgICAgIDwvRWxsaXBzaXM+XG4gICAgKSA6IG51bGx9XG4gICAgPFBhZ2VCdXR0b25cbiAgICAgIGFyaWEtY3VycmVudD17cGFnZU51bWJlciA9PT0gcGFnZX1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHZhcmlhbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAnZmlsbGVkJyA6ICdvdXRsaW5lZCd9XG4gICAgICBzZW50aW1lbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2UgPyAncHJpbWFyeScgOiAnbmV1dHJhbCd9XG4gICAgICBvbkNsaWNrPXtoYW5kbGVQYWdlQ2xpY2socGFnZU51bWJlcil9XG4gICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgIHNpemU9e3BlclBhZ2UgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgICB3aWR0aD17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICA+XG4gICAgICB7cGFnZU51bWJlcn1cbiAgICA8L1BhZ2VCdXR0b24+XG4gIDwvPlxuKVxuXG5leHBvcnQgY29uc3QgUGFnaW5hdGlvbkJ1dHRvbnMgPSAoe1xuICBwYWdlLFxuICBkaXNhYmxlZCxcbiAgb25DaGFuZ2UsXG4gIHBhZ2VDb3VudCxcbiAgcGFnZVRhYkNvdW50LFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBjbGFzc05hbWUsXG4gIHBlclBhZ2UsXG59OiBQYWdpbmF0aW9uQnV0dG9uc1Byb3BzKSA9PiB7XG4gIGNvbnN0IGdvVG9OZXh0UGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlICsgMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBnb1RvUHJldmlvdXNQYWdlID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIG9uQ2hhbmdlKHBhZ2UgLSAxKVxuICB9LCBbb25DaGFuZ2UsIHBhZ2VdKVxuXG4gIGNvbnN0IHBhZ2VOdW1iZXJzVG9EaXNwbGF5ID0gdXNlTWVtbyhcbiAgICAoKSA9PiAocGFnZUNvdW50ID4gMSA/IGdldFBhZ2VOdW1iZXJzKHBhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50KSA6IFsxXSksXG4gICAgW3BhZ2UsIHBhZ2VDb3VudCwgcGFnZVRhYkNvdW50XSxcbiAgKVxuXG4gIGNvbnN0IGhhbmRsZVBhZ2VDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgIChwYWdlTnVtYmVyOiBudW1iZXIpID0+ICgpID0+IHtcbiAgICAgIG9uQ2hhbmdlKHBhZ2VOdW1iZXIpXG4gICAgfSxcbiAgICBbb25DaGFuZ2VdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3RhY2sgY2xhc3NOYW1lPXtjbGFzc05hbWV9IGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBkaXJlY3Rpb249XCJyb3dcIj5cbiAgICAgIDxTdGFjayBnYXA9ezF9PlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgYXJpYS1sYWJlbD1cIkJhY2tcIlxuICAgICAgICAgIGRpc2FibGVkPXtwYWdlIDw9IDEgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvUHJldmlvdXNQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1sZWZ0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxQYWdlTnVtYmVyc0NvbnRhaW5lciBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezF9PlxuICAgICAgICB7cGFnZU51bWJlcnNUb0Rpc3BsYXkubWFwKChwYWdlTnVtYmVyLCBpbmRleCkgPT4gKFxuICAgICAgICAgIDxNYWtlQnV0dG9uXG4gICAgICAgICAgICBoYXNFbGxpcHNpc0JlZm9yZT17XG4gICAgICAgICAgICAgICEoXG4gICAgICAgICAgICAgICAgaW5kZXggPT09IDAgfHxcbiAgICAgICAgICAgICAgICBwYWdlTnVtYmVyc1RvRGlzcGxheVtpbmRleCAtIDFdID09PSBwYWdlTnVtYmVyIC0gMVxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBwYWdlPXtwYWdlfVxuICAgICAgICAgICAgcGFnZU51bWJlcj17cGFnZU51bWJlcn1cbiAgICAgICAgICAgIGhhbmRsZVBhZ2VDbGljaz17aGFuZGxlUGFnZUNsaWNrfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICAgICAga2V5PXtwYWdlTnVtYmVyfVxuICAgICAgICAgICAgcGVyUGFnZT17cGVyUGFnZX1cbiAgICAgICAgICAvPlxuICAgICAgICApKX1cbiAgICAgIDwvUGFnZU51bWJlcnNDb250YWluZXI+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJOZXh0XCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA+PSBwYWdlQ291bnQgfHwgZGlzYWJsZWR9XG4gICAgICAgICAgdmFyaWFudD1cIm91dGxpbmVkXCJcbiAgICAgICAgICBzZW50aW1lbnQ9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXtnb1RvTmV4dFBhZ2V9XG4gICAgICAgICAgaWNvbj1cImFycm93LXJpZ2h0XCJcbiAgICAgICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgICAvPlxuICAgICAgPC9TdGFjaz5cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */"));
+const Ellipsis = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx60"
+} : {
+  shouldForwardProp: (prop) => !["width"].includes(prop),
+  target: "ej6cbx60",
+  label: "Ellipsis"
+})("align-content:center;padding:", ({
+  theme
+}) => theme.space[1], ";height:", ({
+  theme,
+  size
+}) => size === "small" ? theme.sizing[400] : theme.sizing[500], ";width:", ({
+  theme,
+  size
+}) => size === "small" ? theme.sizing[400] : theme.sizing[500], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGFnaW5hdGlvbkJ1dHRvbnMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Cb0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvUGFnaW5hdGlvbi9QYWdpbmF0aW9uQnV0dG9ucy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHVzZUNhbGxiYWNrLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tICcuLi9CdXR0b24nXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgeyBnZXRQYWdlTnVtYmVycyB9IGZyb20gJy4vZ2V0UGFnZU51bWJlcnMnXG5cbmNvbnN0IFBhZ2VOdW1iZXJzQ29udGFpbmVyID0gc3R5bGVkKFN0YWNrKWBcbiAgbWFyZ2luOiAwICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzEnXX07XG5gXG5cbmNvbnN0IFBhZ2VCdXR0b24gPSBzdHlsZWQoQnV0dG9uLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+ICFbJ3dpZHRoJ10uaW5jbHVkZXMocHJvcCksXG59KTx7IHdpZHRoOiBzdHJpbmcgfT5gXG4gIHdpZHRoOiAkeyh7IHRoZW1lLCB3aWR0aCB9KSA9PiAod2lkdGggPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG5gXG5cbmNvbnN0IEVsbGlwc2lzID0gc3R5bGVkKFRleHQsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnd2lkdGgnXS5pbmNsdWRlcyhwcm9wKSxcbn0pPHsgc2l6ZTogc3RyaW5nIH0+YFxuICBhbGlnbi1jb250ZW50OiBjZW50ZXI7XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19O1xuICBoZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gKHNpemUgPT09ICdzbWFsbCcgPyB0aGVtZS5zaXppbmdbNDAwXSA6IHRoZW1lLnNpemluZ1s1MDBdKX07XG4gIHdpZHRoOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IChzaXplID09PSAnc21hbGwnID8gdGhlbWUuc2l6aW5nWzQwMF0gOiB0aGVtZS5zaXppbmdbNTAwXSl9O1xuYFxuXG50eXBlIFBhZ2luYXRpb25CdXR0b25zUHJvcHMgPSB7XG4gIHBhZ2U6IG51bWJlclxuICBkaXNhYmxlZDogYm9vbGVhblxuICBvbkNoYW5nZTogKG5ld1BhZ2U6IG51bWJlcikgPT4gdm9pZFxuICBwYWdlQ291bnQ6IG51bWJlclxuICBwYWdlVGFiQ291bnQ/OiBudW1iZXJcbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbiAgcGVyUGFnZTogYm9vbGVhblxufVxuXG50eXBlIE1ha2VCdXR0b25Qcm9wcyA9IHtcbiAgaGFzRWxsaXBzaXNCZWZvcmU6IGJvb2xlYW5cbiAgcGFnZU51bWJlcjogbnVtYmVyXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBwYWdlOiBudW1iZXJcbiAgaGFuZGxlUGFnZUNsaWNrOiAocGFnZU51bWJlcjogbnVtYmVyKSA9PiAoKSA9PiB2b2lkXG4gIHBlclBhZ2U6IGJvb2xlYW5cbn1cbmNvbnN0IE1ha2VCdXR0b24gPSAoe1xuICBoYXNFbGxpcHNpc0JlZm9yZSxcbiAgcGFnZU51bWJlcixcbiAgZGlzYWJsZWQsXG4gIHBhZ2UsXG4gIGhhbmRsZVBhZ2VDbGljayxcbiAgcGVyUGFnZSxcbn06IE1ha2VCdXR0b25Qcm9wcykgPT4gKFxuICA8PlxuICAgIHtoYXNFbGxpcHNpc0JlZm9yZSA/IChcbiAgICAgIDxFbGxpcHNpc1xuICAgICAgICBhcmlhLWxhYmVsPVwiZWxsaXBzaXNcIlxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIHZhcmlhbnQ9XCJib2R5XCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICAgIHByb21pbmVuY2U9XCJkZWZhdWx0XCJcbiAgICAgICAgYXM9XCJzcGFuXCJcbiAgICAgICAgcGxhY2VtZW50PVwiY2VudGVyXCJcbiAgICAgICAgc2l6ZT17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgID5cbiAgICAgICAgLi4uXG4gICAgICA8L0VsbGlwc2lzPlxuICAgICkgOiBudWxsfVxuICAgIDxQYWdlQnV0dG9uXG4gICAgICBhcmlhLWN1cnJlbnQ9e3BhZ2VOdW1iZXIgPT09IHBhZ2V9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICB2YXJpYW50PXtwYWdlTnVtYmVyID09PSBwYWdlID8gJ2ZpbGxlZCcgOiAnb3V0bGluZWQnfVxuICAgICAgc2VudGltZW50PXtwYWdlTnVtYmVyID09PSBwYWdlID8gJ3ByaW1hcnknIDogJ25ldXRyYWwnfVxuICAgICAgb25DbGljaz17aGFuZGxlUGFnZUNsaWNrKHBhZ2VOdW1iZXIpfVxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBzaXplPXtwZXJQYWdlID8gJ3NtYWxsJyA6ICdtZWRpdW0nfVxuICAgICAgd2lkdGg9e3BlclBhZ2UgPyAnc21hbGwnIDogJ21lZGl1bSd9XG4gICAgPlxuICAgICAge3BhZ2VOdW1iZXJ9XG4gICAgPC9QYWdlQnV0dG9uPlxuICA8Lz5cbilcblxuZXhwb3J0IGNvbnN0IFBhZ2luYXRpb25CdXR0b25zID0gKHtcbiAgcGFnZSxcbiAgZGlzYWJsZWQsXG4gIG9uQ2hhbmdlLFxuICBwYWdlQ291bnQsXG4gIHBhZ2VUYWJDb3VudCxcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgY2xhc3NOYW1lLFxuICBwZXJQYWdlLFxufTogUGFnaW5hdGlvbkJ1dHRvbnNQcm9wcykgPT4ge1xuICBjb25zdCBnb1RvTmV4dFBhZ2UgPSB1c2VDYWxsYmFjaygoKSA9PiB7XG4gICAgb25DaGFuZ2UocGFnZSArIDEpXG4gIH0sIFtvbkNoYW5nZSwgcGFnZV0pXG5cbiAgY29uc3QgZ29Ub1ByZXZpb3VzUGFnZSA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBvbkNoYW5nZShwYWdlIC0gMSlcbiAgfSwgW29uQ2hhbmdlLCBwYWdlXSlcblxuICBjb25zdCBwYWdlTnVtYmVyc1RvRGlzcGxheSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gKHBhZ2VDb3VudCA+IDEgPyBnZXRQYWdlTnVtYmVycyhwYWdlLCBwYWdlQ291bnQsIHBhZ2VUYWJDb3VudCkgOiBbMV0pLFxuICAgIFtwYWdlLCBwYWdlQ291bnQsIHBhZ2VUYWJDb3VudF0sXG4gIClcblxuICBjb25zdCBoYW5kbGVQYWdlQ2xpY2sgPSB1c2VDYWxsYmFjayhcbiAgICAocGFnZU51bWJlcjogbnVtYmVyKSA9PiAoKSA9PiB7XG4gICAgICBvbkNoYW5nZShwYWdlTnVtYmVyKVxuICAgIH0sXG4gICAgW29uQ2hhbmdlXSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH0gZGlyZWN0aW9uPVwicm93XCI+XG4gICAgICA8U3RhY2sgZ2FwPXsxfT5cbiAgICAgICAgPEJ1dHRvblxuICAgICAgICAgIGFyaWEtbGFiZWw9XCJCYWNrXCJcbiAgICAgICAgICBkaXNhYmxlZD17cGFnZSA8PSAxIHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub1ByZXZpb3VzUGFnZX1cbiAgICAgICAgICBpY29uPVwiYXJyb3ctbGVmdFwiXG4gICAgICAgICAgc2l6ZT17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8UGFnZU51bWJlcnNDb250YWluZXIgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsxfT5cbiAgICAgICAge3BhZ2VOdW1iZXJzVG9EaXNwbGF5Lm1hcCgocGFnZU51bWJlciwgaW5kZXgpID0+IChcbiAgICAgICAgICA8TWFrZUJ1dHRvblxuICAgICAgICAgICAgaGFzRWxsaXBzaXNCZWZvcmU9e1xuICAgICAgICAgICAgICAhKFxuICAgICAgICAgICAgICAgIGluZGV4ID09PSAwIHx8XG4gICAgICAgICAgICAgICAgcGFnZU51bWJlcnNUb0Rpc3BsYXlbaW5kZXggLSAxXSA9PT0gcGFnZU51bWJlciAtIDFcbiAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcGFnZT17cGFnZX1cbiAgICAgICAgICAgIHBhZ2VOdW1iZXI9e3BhZ2VOdW1iZXJ9XG4gICAgICAgICAgICBoYW5kbGVQYWdlQ2xpY2s9e2hhbmRsZVBhZ2VDbGlja31cbiAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICAgIGtleT17cGFnZU51bWJlcn1cbiAgICAgICAgICAgIHBlclBhZ2U9e3BlclBhZ2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1BhZ2VOdW1iZXJzQ29udGFpbmVyPlxuICAgICAgPFN0YWNrIGdhcD17MX0+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBhcmlhLWxhYmVsPVwiTmV4dFwiXG4gICAgICAgICAgZGlzYWJsZWQ9e3BhZ2UgPj0gcGFnZUNvdW50IHx8IGRpc2FibGVkfVxuICAgICAgICAgIHZhcmlhbnQ9XCJvdXRsaW5lZFwiXG4gICAgICAgICAgc2VudGltZW50PVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17Z29Ub05leHRQYWdlfVxuICAgICAgICAgIGljb249XCJhcnJvdy1yaWdodFwiXG4gICAgICAgICAgc2l6ZT17cGVyUGFnZSA/ICdzbWFsbCcgOiAnbWVkaXVtJ31cbiAgICAgICAgLz5cbiAgICAgIDwvU3RhY2s+XG4gICAgPC9TdGFjaz5cbiAgKVxufVxuIl19 */"));
+const MakeButton = ({
+  hasEllipsisBefore,
+  pageNumber,
+  disabled,
+  page,
+  handlePageClick,
+  perPage
+}) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  hasEllipsisBefore ? /* @__PURE__ */ jsx(Ellipsis, { "aria-label": "ellipsis", disabled, variant: "body", sentiment: "neutral", prominence: "default", as: "span", placement: "center", size: perPage ? "small" : "medium", children: "..." }) : null,
+  /* @__PURE__ */ jsx(PageButton, { "aria-current": pageNumber === page, disabled, variant: pageNumber === page ? "filled" : "outlined", sentiment: pageNumber === page ? "primary" : "neutral", onClick: handlePageClick(pageNumber), type: "button", size: perPage ? "small" : "medium", width: perPage ? "small" : "medium", children: pageNumber })
+] });
+const PaginationButtons = ({
+  page,
+  disabled,
+  onChange,
+  pageCount,
+  pageTabCount,
+  "data-testid": dataTestId,
+  className,
+  perPage
+}) => {
+  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]);
+  return /* @__PURE__ */ jsxs(Stack, { className, "data-testid": dataTestId, direction: "row", children: [
+    /* @__PURE__ */ jsx(Stack, { gap: 1, children: /* @__PURE__ */ jsx(Button, { "aria-label": "Back", disabled: page <= 1 || disabled, variant: "outlined", sentiment: "primary", onClick: goToPreviousPage, icon: "arrow-left", size: perPage ? "small" : "medium" }) }),
+    /* @__PURE__ */ jsx(PageNumbersContainer, { direction: "row", gap: 1, children: pageNumbersToDisplay.map((pageNumber, index) => /* @__PURE__ */ jsx(MakeButton, { hasEllipsisBefore: !(index === 0 || pageNumbersToDisplay[index - 1] === pageNumber - 1), page, pageNumber, handlePageClick, disabled, perPage }, pageNumber)) }),
+    /* @__PURE__ */ jsx(Stack, { gap: 1, children: /* @__PURE__ */ jsx(Button, { "aria-label": "Next", disabled: page >= pageCount || disabled, variant: "outlined", sentiment: "primary", onClick: goToNextPage, icon: "arrow-right", size: perPage ? "small" : "medium" }) })
+  ] });
+};
+export {
+  PaginationButtons
+};

package/dist/components/Pagination/PerPage.cjs

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const _styled = require("@emotion/styled/base");
+const index = require("../SelectInputV2/index.cjs");
+const index$1 = require("../Stack/index.cjs");
+const index$2 = require("../Text/index.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 optionsItemsPerPage = [{
+  value: "10",
+  label: "10"
+}, {
+  value: "25",
+  label: "25"
+}, {
+  value: "50",
+  label: "50"
+}, {
+  value: "100",
+  label: "100"
+}];
+const StyledSelectInput = /* @__PURE__ */ _styled__default.default(index.SelectInputV2, process.env.NODE_ENV === "production" ? {
+  target: "ehm0l0i0"
+} : {
+  target: "ehm0l0i0",
+  label: "StyledSelectInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1vwd1t",
+  styles: "width:fit-content;min-width:none"
+} : {
+  name: "1vwd1t",
+  styles: "width:fit-content;min-width:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGVyUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BlclBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBTZXRTdGF0ZUFjdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0SW5wdXRWMiB9IGZyb20gJy4uL1NlbGVjdElucHV0VjInXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IG9wdGlvbnNJdGVtc1BlclBhZ2UgPSBbXG4gIHtcbiAgICB2YWx1ZTogJzEwJyxcbiAgICBsYWJlbDogJzEwJyxcbiAgfSxcbiAge1xuICAgIHZhbHVlOiAnMjUnLFxuICAgIGxhYmVsOiAnMjUnLFxuICB9LFxuICB7XG4gICAgdmFsdWU6ICc1MCcsXG4gICAgbGFiZWw6ICc1MCcsXG4gIH0sXG4gIHtcbiAgICB2YWx1ZTogJzEwMCcsXG4gICAgbGFiZWw6ICcxMDAnLFxuICB9LFxuXVxuXG5jb25zdCBTdHlsZWRTZWxlY3RJbnB1dCA9IHN0eWxlZChTZWxlY3RJbnB1dFYyKWBcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBtaW4td2lkdGg6IG5vbmU7XG5gXG5cbnR5cGUgUGVyUGFnZVByb3BzID0ge1xuICBwZXJQYWdlOiBudW1iZXJcbiAgb25DaGFuZ2VQZXJQYWdlPzogKHBlclBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICBwZXJQYWdlVGV4dD86IHN0cmluZ1xuICBzZXRQZXJQYWdlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxudW1iZXI+PlxuICBudW1iZXJPZkl0ZW1zVGV4dD86IHN0cmluZ1xuICBwYWdlOiBudW1iZXJcbiAgbnVtYmVyT2ZJdGVtczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBQZXJQYWdlID0gKHtcbiAgcGVyUGFnZSxcbiAgb25DaGFuZ2VQZXJQYWdlLFxuICBwZXJQYWdlVGV4dCxcbiAgc2V0UGVyUGFnZSxcbiAgbnVtYmVyT2ZJdGVtc1RleHQsXG4gIHBhZ2UsXG4gIG51bWJlck9mSXRlbXMsXG59OiBQZXJQYWdlUHJvcHMpID0+IHtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCBpbnRWYWx1ZSA9IE51bWJlci5wYXJzZUludCh2YWx1ZSwgMTApXG4gICAgb25DaGFuZ2VQZXJQYWdlPy4oaW50VmFsdWUpXG4gICAgc2V0UGVyUGFnZShpbnRWYWx1ZSlcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cIjJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICB7cGVyUGFnZVRleHQgPz8gJ0l0ZW1zIHBlciBwYWdlJ31cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxTdHlsZWRTZWxlY3RJbnB1dFxuICAgICAgICB2YWx1ZT17cGVyUGFnZS50b1N0cmluZygpfVxuICAgICAgICBvcHRpb25zPXtvcHRpb25zSXRlbXNQZXJQYWdlfVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICBuYW1lPVwic2VsZWN0LWl0ZW1zLXBlci1wYWdlXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIC8+XG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICB7KHBhZ2UgLSAxKSAqIHBlclBhZ2UgKyAxfS17TWF0aC5taW4ocGFnZSAqIHBlclBhZ2UsIG51bWJlck9mSXRlbXMpfXsnICd9XG4gICAgICAgIHtudW1iZXJPZkl0ZW1zVGV4dCA/PyBgb2YgJHtudW1iZXJPZkl0ZW1zfSBpdGVtc1wiYH1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const PerPage = ({
+  perPage,
+  onChangePerPage,
+  perPageText,
+  setPerPage,
+  numberOfItemsText,
+  page,
+  numberOfItems
+}) => {
+  const handleChange = (value) => {
+    const intValue = Number.parseInt(value, 10);
+    onChangePerPage?.(intValue);
+    setPerPage(intValue);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(index$1.Stack, { direction: "row", gap: "2", alignItems: "center", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(index$2.Text, { as: "span", variant: "body", sentiment: "neutral", prominence: "weak", children: perPageText ?? "Items per page" }),
+    /* @__PURE__ */ jsxRuntime.jsx(StyledSelectInput, { value: perPage.toString(), options: optionsItemsPerPage, onChange: handleChange, name: "select-items-per-page", size: "small" }),
+    /* @__PURE__ */ jsxRuntime.jsxs(index$2.Text, { as: "span", variant: "body", sentiment: "neutral", prominence: "weak", children: [
+      (page - 1) * perPage + 1,
+      "-",
+      Math.min(page * perPage, numberOfItems),
+      " ",
+      numberOfItemsText ?? `of ${numberOfItems} items"`
+    ] })
+  ] });
+};
+exports.PerPage = PerPage;

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

@@ -0,0 +1,12 @@
+import type { Dispatch, SetStateAction } from 'react';
+type PerPageProps = {
+    perPage: number;
+    onChangePerPage?: (perPage: number) => void;
+    perPageText?: string;
+    setPerPage: Dispatch<SetStateAction<number>>;
+    numberOfItemsText?: string;
+    page: number;
+    numberOfItems: number;
+};
+export declare const PerPage: ({ perPage, onChangePerPage, perPageText, setPerPage, numberOfItemsText, page, numberOfItems, }: PerPageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Pagination/PerPage.js

@@ -0,0 +1,63 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { SelectInputV2 } from "../SelectInputV2/index.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.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 optionsItemsPerPage = [{
+  value: "10",
+  label: "10"
+}, {
+  value: "25",
+  label: "25"
+}, {
+  value: "50",
+  label: "50"
+}, {
+  value: "100",
+  label: "100"
+}];
+const StyledSelectInput = /* @__PURE__ */ _styled(SelectInputV2, process.env.NODE_ENV === "production" ? {
+  target: "ehm0l0i0"
+} : {
+  target: "ehm0l0i0",
+  label: "StyledSelectInput"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1vwd1t",
+  styles: "width:fit-content;min-width:none"
+} : {
+  name: "1vwd1t",
+  styles: "width:fit-content;min-width:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL1BhZ2luYXRpb24vUGVyUGFnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUIrQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9QYWdpbmF0aW9uL1BlclBhZ2UudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IERpc3BhdGNoLCBTZXRTdGF0ZUFjdGlvbiB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2VsZWN0SW5wdXRWMiB9IGZyb20gJy4uL1NlbGVjdElucHV0VjInXG5pbXBvcnQgeyBTdGFjayB9IGZyb20gJy4uL1N0YWNrJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5cbmNvbnN0IG9wdGlvbnNJdGVtc1BlclBhZ2UgPSBbXG4gIHtcbiAgICB2YWx1ZTogJzEwJyxcbiAgICBsYWJlbDogJzEwJyxcbiAgfSxcbiAge1xuICAgIHZhbHVlOiAnMjUnLFxuICAgIGxhYmVsOiAnMjUnLFxuICB9LFxuICB7XG4gICAgdmFsdWU6ICc1MCcsXG4gICAgbGFiZWw6ICc1MCcsXG4gIH0sXG4gIHtcbiAgICB2YWx1ZTogJzEwMCcsXG4gICAgbGFiZWw6ICcxMDAnLFxuICB9LFxuXVxuXG5jb25zdCBTdHlsZWRTZWxlY3RJbnB1dCA9IHN0eWxlZChTZWxlY3RJbnB1dFYyKWBcbiAgd2lkdGg6IGZpdC1jb250ZW50O1xuICBtaW4td2lkdGg6IG5vbmU7XG5gXG5cbnR5cGUgUGVyUGFnZVByb3BzID0ge1xuICBwZXJQYWdlOiBudW1iZXJcbiAgb25DaGFuZ2VQZXJQYWdlPzogKHBlclBhZ2U6IG51bWJlcikgPT4gdm9pZFxuICBwZXJQYWdlVGV4dD86IHN0cmluZ1xuICBzZXRQZXJQYWdlOiBEaXNwYXRjaDxTZXRTdGF0ZUFjdGlvbjxudW1iZXI+PlxuICBudW1iZXJPZkl0ZW1zVGV4dD86IHN0cmluZ1xuICBwYWdlOiBudW1iZXJcbiAgbnVtYmVyT2ZJdGVtczogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBQZXJQYWdlID0gKHtcbiAgcGVyUGFnZSxcbiAgb25DaGFuZ2VQZXJQYWdlLFxuICBwZXJQYWdlVGV4dCxcbiAgc2V0UGVyUGFnZSxcbiAgbnVtYmVyT2ZJdGVtc1RleHQsXG4gIHBhZ2UsXG4gIG51bWJlck9mSXRlbXMsXG59OiBQZXJQYWdlUHJvcHMpID0+IHtcbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gKHZhbHVlOiBzdHJpbmcpID0+IHtcbiAgICBjb25zdCBpbnRWYWx1ZSA9IE51bWJlci5wYXJzZUludCh2YWx1ZSwgMTApXG4gICAgb25DaGFuZ2VQZXJQYWdlPy4oaW50VmFsdWUpXG4gICAgc2V0UGVyUGFnZShpbnRWYWx1ZSlcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0YWNrIGRpcmVjdGlvbj1cInJvd1wiIGdhcD1cIjJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICB7cGVyUGFnZVRleHQgPz8gJ0l0ZW1zIHBlciBwYWdlJ31cbiAgICAgIDwvVGV4dD5cbiAgICAgIDxTdHlsZWRTZWxlY3RJbnB1dFxuICAgICAgICB2YWx1ZT17cGVyUGFnZS50b1N0cmluZygpfVxuICAgICAgICBvcHRpb25zPXtvcHRpb25zSXRlbXNQZXJQYWdlfVxuICAgICAgICBvbkNoYW5nZT17aGFuZGxlQ2hhbmdlfVxuICAgICAgICBuYW1lPVwic2VsZWN0LWl0ZW1zLXBlci1wYWdlXCJcbiAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgIC8+XG4gICAgICA8VGV4dCBhcz1cInNwYW5cIiB2YXJpYW50PVwiYm9keVwiIHNlbnRpbWVudD1cIm5ldXRyYWxcIiBwcm9taW5lbmNlPVwid2Vha1wiPlxuICAgICAgICB7KHBhZ2UgLSAxKSAqIHBlclBhZ2UgKyAxfS17TWF0aC5taW4ocGFnZSAqIHBlclBhZ2UsIG51bWJlck9mSXRlbXMpfXsnICd9XG4gICAgICAgIHtudW1iZXJPZkl0ZW1zVGV4dCA/PyBgb2YgJHtudW1iZXJPZkl0ZW1zfSBpdGVtc1wiYH1cbiAgICAgIDwvVGV4dD5cbiAgICA8L1N0YWNrPlxuICApXG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const PerPage = ({
+  perPage,
+  onChangePerPage,
+  perPageText,
+  setPerPage,
+  numberOfItemsText,
+  page,
+  numberOfItems
+}) => {
+  const handleChange = (value) => {
+    const intValue = Number.parseInt(value, 10);
+    onChangePerPage?.(intValue);
+    setPerPage(intValue);
+  };
+  return /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "2", alignItems: "center", children: [
+    /* @__PURE__ */ jsx(Text, { as: "span", variant: "body", sentiment: "neutral", prominence: "weak", children: perPageText ?? "Items per page" }),
+    /* @__PURE__ */ jsx(StyledSelectInput, { value: perPage.toString(), options: optionsItemsPerPage, onChange: handleChange, name: "select-items-per-page", size: "small" }),
+    /* @__PURE__ */ jsxs(Text, { as: "span", variant: "body", sentiment: "neutral", prominence: "weak", children: [
+      (page - 1) * perPage + 1,
+      "-",
+      Math.min(page * perPage, numberOfItems),
+      " ",
+      numberOfItemsText ?? `of ${numberOfItems} items"`
+    ] })
+  ] });
+};
+export {
+  PerPage
+};

package/dist/components/Pagination/getPageNumbers.cjs

@@ -1,23 +1,23 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const NUMBER_OF_BUTTONS_IN_BETWEEN = 3;
 const getPageNumbers = (currentPage, pageCount, range = 5) => {
-  const gap = Math.floor(range / 2);
-  let end = currentPage + gap;
-  let remaining = 0;
-  if (end > pageCount) {
-    remaining = end - pageCount;
-    end = pageCount;
+  const truncationBefore = currentPage >= range;
+  const truncationAfter = currentPage <= pageCount - range + 1 || currentPage < range;
+  if (pageCount <= range) {
+    return Array.from({
+      length: pageCount
+    }, (_, index) => index + 1);
   }
-  let start = currentPage - gap - remaining;
-  if (start < 1) {
-    remaining = Math.abs(start - 1);
-    start = 1;
-  }
-  if (end < pageCount) {
-    end = Math.min(end + remaining, pageCount);
-  }
-  return Array.from({
-    length: end - start + 1
-  }, (_, index) => start + index);
+  const pagesToShowBeforeTruncation = truncationBefore ? [1] : Array.from({
+    length: range
+  }, (_, index) => index + 1);
+  const pagesToShowAfterTruncation = truncationAfter ? [pageCount] : Array.from({
+    length: range
+  }, (_, index) => index + pageCount - range + 1);
+  const pagesToShowBetweenTruncation = truncationBefore && truncationAfter ? Array.from({
+    length: NUMBER_OF_BUTTONS_IN_BETWEEN
+  }, (_, index) => currentPage + index - 1) : [];
+  return [...pagesToShowBeforeTruncation, ...pagesToShowBetweenTruncation, ...pagesToShowAfterTruncation];
 };
 exports.getPageNumbers = getPageNumbers;

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

@@ -1,8 +1,8 @@
 /**
- * Return a list of page numbers around the currentPage
+ *  * Return a list of page numbers around the currentPage
  * @param currentPage The current page
  * @param pageCount The last page number
  * @param range The number of pages wanted
- * @returns List of page numbers around currentPage
+ * @returns List of page numbers to display
  */
 export declare const getPageNumbers: (currentPage: number, pageCount: number, range?: number) => number[];

package/dist/components/Pagination/getPageNumbers.js

@@ -1,22 +1,22 @@
+const NUMBER_OF_BUTTONS_IN_BETWEEN = 3;
 const getPageNumbers = (currentPage, pageCount, range = 5) => {
-  const gap = Math.floor(range / 2);
-  let end = currentPage + gap;
-  let remaining = 0;
-  if (end > pageCount) {
-    remaining = end - pageCount;
-    end = pageCount;
+  const truncationBefore = currentPage >= range;
+  const truncationAfter = currentPage <= pageCount - range + 1 || currentPage < range;
+  if (pageCount <= range) {
+    return Array.from({
+      length: pageCount
+    }, (_, index) => index + 1);
   }
-  let start = currentPage - gap - remaining;
-  if (start < 1) {
-    remaining = Math.abs(start - 1);
-    start = 1;
-  }
-  if (end < pageCount) {
-    end = Math.min(end + remaining, pageCount);
-  }
-  return Array.from({
-    length: end - start + 1
-  }, (_, index) => start + index);
+  const pagesToShowBeforeTruncation = truncationBefore ? [1] : Array.from({
+    length: range
+  }, (_, index) => index + 1);
+  const pagesToShowAfterTruncation = truncationAfter ? [pageCount] : Array.from({
+    length: range
+  }, (_, index) => index + pageCount - range + 1);
+  const pagesToShowBetweenTruncation = truncationBefore && truncationAfter ? Array.from({
+    length: NUMBER_OF_BUTTONS_IN_BETWEEN
+  }, (_, index) => currentPage + index - 1) : [];
+  return [...pagesToShowBeforeTruncation, ...pagesToShowBetweenTruncation, ...pagesToShowAfterTruncation];
 };
 export {
   getPageNumbers