@digigov/ui 2.0.0-e7d30530 → 2.0.0-eaf330f5

package/cjs/navigation/Pagination/__stories__/Default/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
+  Default: () => Default,
+  default: () => Default_default
+});
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 21, end: 30, total: 90 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "2"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 81, end: 90, total: 197 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
+var Default_default = Default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=Default.js.map

package/cjs/navigation/Pagination/__stories__/Default.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/Default.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const Default = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={21} end={30} total={90}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>2</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\" />\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n\n    <SectionBreak size=\"lg\" />\n\n    <Pagination>\n      <PaginationLabel start={81} end={90} total={197}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default Default;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,UAAU,MACrB,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,IAAI,GAChD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GAEA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GAExB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAK,GACjD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,kBAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/PaginationSmall/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PaginationSmall_exports = {};
+__export(PaginationSmall_exports, {
+  PaginationSmall: () => PaginationSmall,
+  default: () => PaginationSmall_default
+});
+module.exports = __toCommonJS(PaginationSmall_exports);
+var import_react = __toESM(require("react"));
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const PaginationSmall = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }));
+var PaginationSmall_default = PaginationSmall;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PaginationSmall
+});
+//# sourceMappingURL=PaginationSmall.js.map

package/cjs/navigation/Pagination/__stories__/PaginationSmall.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/PaginationSmall.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const PaginationSmall = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n  </I18NProvider>\n);\n\nexport default PaginationSmall;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,kBAAkB,MAC7B,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,CAChC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GAEjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GAEA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,CAC1B;AAGF,IAAO,0BAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont/index.js

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PaginationWithSmallFont_exports = {};
+__export(PaginationWithSmallFont_exports, {
+  PaginationWithSmallFont: () => PaginationWithSmallFont,
+  default: () => PaginationWithSmallFont_default
+});
+module.exports = __toCommonJS(PaginationWithSmallFont_exports);
+var import_react = __toESM(require("react"));
+var import_LabelContainer = require("@digigov/react-core/LabelContainer");
+var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const PaginationWithSmallFont = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "example" }, /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, { size: "sm" }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" })))))));
+var PaginationWithSmallFont_default = PaginationWithSmallFont;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  PaginationWithSmallFont
+});
+//# sourceMappingURL=PaginationWithSmallFont.js.map

package/cjs/navigation/Pagination/__stories__/PaginationWithSmallFont.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/PaginationWithSmallFont.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const PaginationWithSmallFont = () => (\n  <div className=\"example\">\n    <I18NProvider t={(str: string) => str}>\n      <Pagination size=\"sm\">\n        <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n        <LabelContainer>\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n          <SelectContainer>\n            <SelectOption>5</SelectOption>\n            <SelectOption>10</SelectOption>\n            <SelectOption>15</SelectOption>\n          </SelectContainer>\n        </LabelContainer>\n        <PaginationList>\n          <PaginationListItem>\n            <Link>\n              <ChevronIcon direction=\"left\" />\n              \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n            </Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page1\">1</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page7\">7</Link>\n          </PaginationListItem>\n          <PaginationListItem currentPage>8</PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page9\">9</Link>\n          </PaginationListItem>\n          <PaginationListItem variant=\"dots\"></PaginationListItem>\n          <PaginationListItem>\n            <Link href=\"#page20\">20</Link>\n          </PaginationListItem>\n          <PaginationListItem>\n            <Link>\n              \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n              <ChevronIcon direction=\"right\" />\n            </Link>\n          </PaginationListItem>\n        </PaginationList>\n      </Pagination>\n    </I18NProvider>\n  </div>\n);\n\nexport default PaginationWithSmallFont;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,mBAA4B;AAC5B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,0BAA0B,MACrC,6BAAAA,QAAA,cAAC,SAAI,WAAU,aACb,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,gCAAW,MAAK,QACf,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF,CACF;AAGF,IAAO,kCAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/WithHook/index.js

@@ -0,0 +1,83 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithHook_exports = {};
+__export(WithHook_exports, {
+  WithHook: () => WithHook,
+  default: () => WithHook_default
+});
+module.exports = __toCommonJS(WithHook_exports);
+var import_react = __toESM(require("react"));
+var import_Card = __toESM(require("@digigov/ui/content/Card"));
+var import_Grid = __toESM(require("@digigov/ui/layouts/Grid"));
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+var import_hooks = __toESM(require("@digigov/ui/navigation/Pagination/hooks"));
+const data = [];
+const dataLength = 245;
+for (let i = 0; i < dataLength; i++) {
+  data.push({ id: i });
+}
+const WithHook = () => {
+  const resultsPerPageOptions = [10, 25, 40];
+  const previousLabel = "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7";
+  const nextLabel = "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7";
+  const {
+    registerPaginationLabel,
+    registerPaginationResultsPerPageSelect,
+    items,
+    offset,
+    limit
+  } = (0, import_hooks.default)({
+    total: data.length,
+    resultsPerPageOptions,
+    // limitOptions
+    previousLabel,
+    nextLabel
+  });
+  const filteredData = data.filter((item, index) => {
+    console.log(item);
+    return index > offset && index < offset + limit;
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { container: true, spacing: 4, marginBottom: 8 }, filteredData.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Grid.default, { item: true, xs: 4, md: 2, key: index }, /* @__PURE__ */ import_react.default.createElement(import_Card.default, { variant: "border" }, " ", item.id));
+  })), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { ...registerPaginationLabel() }), /* @__PURE__ */ import_react.default.createElement(
+    import_Pagination.PaginationResultsPerPageSelect,
+    {
+      ...registerPaginationResultsPerPageSelect()
+    },
+    "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1",
+    " "
+  ), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, items.map((item, index) => {
+    return /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItemButton, { ...item, key: index });
+  }))));
+};
+var WithHook_default = WithHook;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithHook
+});
+//# sourceMappingURL=WithHook.js.map

package/cjs/navigation/Pagination/__stories__/WithHook.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/WithHook.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport Card from '@digigov/ui/content/Card';\nimport Grid from '@digigov/ui/layouts/Grid';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationLabel,\n  PaginationResultsPerPageSelect,\n  PaginationListItemButton,\n} from '@digigov/ui/navigation/Pagination';\nimport usePagination from '@digigov/ui/navigation/Pagination/hooks';\n\nconst data: { id: number }[] = [];\nconst dataLength = 245;\nfor (let i = 0; i < dataLength; i++) {\n  data.push({ id: i });\n}\n\nexport const WithHook = () => {\n  const resultsPerPageOptions: number[] = [10, 25, 40];\n  const previousLabel = '\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03B7';\n  const nextLabel = '\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03B7';\n  const {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    offset,\n    limit,\n  } = usePagination({\n    total: data.length,\n    resultsPerPageOptions: resultsPerPageOptions, // limitOptions\n    previousLabel: previousLabel,\n    nextLabel: nextLabel,\n  });\n\n  const filteredData = data.filter((item, index) => {\n    console.log(item);\n    return index > offset && index < offset + limit;\n  });\n\n  return (\n    <>\n      <Grid container spacing={4} marginBottom={8}>\n        {filteredData.map((item, index) => {\n          return (\n            <Grid item xs={4} md={2} key={index}>\n              <Card variant=\"border\"> {item.id}</Card>\n            </Grid>\n          );\n        })}\n      </Grid>\n\n      <Pagination>\n        <PaginationLabel {...registerPaginationLabel()}></PaginationLabel>\n        <PaginationResultsPerPageSelect\n          {...registerPaginationResultsPerPageSelect()}\n        >\n          \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1{' '}\n        </PaginationResultsPerPageSelect>\n        <PaginationList>\n          {items.map((item, index) => {\n            return <PaginationListItemButton {...item} key={index} />;\n          })}\n        </PaginationList>\n      </Pagination>\n    </>\n  );\n};\nexport default WithHook;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiB;AACjB,kBAAiB;AACjB,wBAMO;AACP,mBAA0B;AAE1B,MAAM,OAAyB,CAAC;AAChC,MAAM,aAAa;AACnB,SAAS,IAAI,GAAG,IAAI,YAAY,KAAK;AACnC,OAAK,KAAK,EAAE,IAAI,EAAE,CAAC;AACrB;AAEO,MAAM,WAAW,MAAM;AAC5B,QAAM,wBAAkC,CAAC,IAAI,IAAI,EAAE;AACnD,QAAM,gBAAgB;AACtB,QAAM,YAAY;AAClB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,aAAAA,SAAc;AAAA,IAChB,OAAO,KAAK;AAAA,IACZ;AAAA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,eAAe,KAAK,OAAO,CAAC,MAAM,UAAU;AAChD,YAAQ,IAAI,IAAI;AAChB,WAAO,QAAQ,UAAU,QAAQ,SAAS;AAAA,EAC5C,CAAC;AAED,SACE,6BAAAC,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,YAAAC,SAAA,EAAK,WAAS,MAAC,SAAS,GAAG,cAAc,KACvC,aAAa,IAAI,CAAC,MAAM,UAAU;AACjC,WACE,6BAAAD,QAAA,cAAC,YAAAC,SAAA,EAAK,MAAI,MAAC,IAAI,GAAG,IAAI,GAAG,KAAK,SAC5B,6BAAAD,QAAA,cAAC,YAAAE,SAAA,EAAK,SAAQ,YAAS,KAAE,KAAK,EAAG,CACnC;AAAA,EAEJ,CAAC,CACH,GAEA,6BAAAF,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAiB,GAAG,wBAAwB,GAAG,GAChD,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACE,GAAG,uCAAuC;AAAA;AAAA,IAC5C;AAAA,IACyB;AAAA,EAC1B,GACA,6BAAAA,QAAA,cAAC,wCACE,MAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,WAAO,6BAAAA,QAAA,cAAC,8CAA0B,GAAG,MAAM,KAAK,OAAO;AAAA,EACzD,CAAC,CACH,CACF,CACF;AAEJ;AACA,IAAO,mBAAQ;",
+  "names": ["usePagination", "React", "Grid", "Card"]
+}

package/cjs/navigation/Pagination/__stories__/WithInactiveValues/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithInactiveValues_exports = {};
+__export(WithInactiveValues_exports, {
+  WithInactiveValues: () => WithInactiveValues,
+  default: () => WithInactiveValues_default
+});
+module.exports = __toCommonJS(WithInactiveValues_exports);
+var import_react = __toESM(require("react"));
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_SectionBreak = require("@digigov/ui/layouts/SectionBreak");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const WithInactiveValues = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "1"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page2" }, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))), /* @__PURE__ */ import_react.default.createElement(import_SectionBreak.SectionBreak, { size: "lg" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 10, end: 20, total: 1e4 }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "2")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page3" }, "3")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page8" }, "8")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "9"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { active: false }, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
+var WithInactiveValues_default = WithInactiveValues;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithInactiveValues
+});
+//# sourceMappingURL=WithInactiveValues.js.map

package/cjs/navigation/Pagination/__stories__/WithInactiveValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/WithInactiveValues.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { SectionBreak } from '@digigov/ui/layouts/SectionBreak';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const WithInactiveValues = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem active={false}>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>1</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page2\">2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n    <SectionBreak size=\"lg\" />\n    <Pagination>\n      <PaginationLabel start={10} end={20} total={10000}></PaginationLabel>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>2</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page3\">3</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page8\">8</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>9</PaginationListItem>\n        <PaginationListItem active={false}>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithInactiveValues;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAA6B;AAC7B,mBAA4B;AAC5B,0BAA6B;AAC7B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,GACA,6BAAAA,QAAA,cAAC,oCAAa,MAAK,MAAK,GACxB,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,IAAI,KAAK,IAAI,OAAO,KAAO,GACnD,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,GAAC,CACT,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,wCAAmB,QAAQ,SAC1B,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage/index.js

@@ -0,0 +1,47 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var WithResultsPerPage_exports = {};
+__export(WithResultsPerPage_exports, {
+  WithResultsPerPage: () => WithResultsPerPage,
+  default: () => WithResultsPerPage_default
+});
+module.exports = __toCommonJS(WithResultsPerPage_exports);
+var import_react = __toESM(require("react"));
+var import_LabelContainer = require("@digigov/react-core/LabelContainer");
+var import_SelectContainer = require("@digigov/ui/form/SelectContainer");
+var import_i18n = require("@digigov/ui/i18n");
+var import_icons = require("@digigov/ui/icons");
+var import_Link = require("@digigov/ui/navigation/Link");
+var import_Pagination = require("@digigov/ui/navigation/Pagination");
+const WithResultsPerPage = () => /* @__PURE__ */ import_react.default.createElement(import_i18n.I18NProvider, { t: (str) => str }, /* @__PURE__ */ import_react.default.createElement(import_Pagination.Pagination, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationLabel, { start: 1, end: 10, total: 15 }), /* @__PURE__ */ import_react.default.createElement(import_LabelContainer.LabelContainer, null, "\u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1", /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectContainer, null, /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "5"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "10"), /* @__PURE__ */ import_react.default.createElement(import_SelectContainer.SelectOption, null, "15"))), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationList, null, /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "left" }), "\u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page1" }, "1")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page7" }, "7")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { currentPage: true }, "8"), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page9" }, "9")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, { variant: "dots" }), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, { href: "#page20" }, "20")), /* @__PURE__ */ import_react.default.createElement(import_Pagination.PaginationListItem, null, /* @__PURE__ */ import_react.default.createElement(import_Link.Link, null, "\u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF", /* @__PURE__ */ import_react.default.createElement(import_icons.ChevronIcon, { direction: "right" }))))));
+var WithResultsPerPage_default = WithResultsPerPage;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  WithResultsPerPage
+});
+//# sourceMappingURL=WithResultsPerPage.js.map

package/cjs/navigation/Pagination/__stories__/WithResultsPerPage.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/navigation/Pagination/__stories__/WithResultsPerPage.tsx"],
+  "sourcesContent": ["import React from 'react';\n\nimport { LabelContainer } from '@digigov/react-core/LabelContainer';\nimport {\n  SelectContainer,\n  SelectOption,\n} from '@digigov/ui/form/SelectContainer';\nimport { I18NProvider } from '@digigov/ui/i18n';\nimport { ChevronIcon } from '@digigov/ui/icons';\nimport { Link } from '@digigov/ui/navigation/Link';\nimport {\n  Pagination,\n  PaginationList,\n  PaginationListItem,\n  PaginationLabel,\n} from '@digigov/ui/navigation/Pagination';\n\nexport const WithResultsPerPage = () => (\n  <I18NProvider t={(str: string) => str}>\n    <Pagination>\n      <PaginationLabel start={1} end={10} total={15}></PaginationLabel>\n      <LabelContainer>\n        \u0391\u03C0\u03BF\u03C4\u03B5\u03BB\u03AD\u03C3\u03BC\u03B1\u03C4\u03B1 \u03B1\u03BD\u03AC \u03C3\u03B5\u03BB\u03AF\u03B4\u03B1\n        <SelectContainer>\n          <SelectOption>5</SelectOption>\n          <SelectOption>10</SelectOption>\n          <SelectOption>15</SelectOption>\n        </SelectContainer>\n      </LabelContainer>\n      <PaginationList>\n        <PaginationListItem>\n          <Link>\n            <ChevronIcon direction=\"left\" />\n            \u03A0\u03C1\u03BF\u03B7\u03B3\u03BF\u03CD\u03BC\u03B5\u03BD\u03BF\n          </Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page1\">1</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page7\">7</Link>\n        </PaginationListItem>\n        <PaginationListItem currentPage>8</PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page9\">9</Link>\n        </PaginationListItem>\n        <PaginationListItem variant=\"dots\"></PaginationListItem>\n        <PaginationListItem>\n          <Link href=\"#page20\">20</Link>\n        </PaginationListItem>\n        <PaginationListItem>\n          <Link>\n            \u0395\u03C0\u03CC\u03BC\u03B5\u03BD\u03BF\n            <ChevronIcon direction=\"right\" />\n          </Link>\n        </PaginationListItem>\n      </PaginationList>\n    </Pagination>\n  </I18NProvider>\n);\n\nexport default WithResultsPerPage;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,4BAA+B;AAC/B,6BAGO;AACP,kBAA6B;AAC7B,mBAA4B;AAC5B,kBAAqB;AACrB,wBAKO;AAEA,MAAM,qBAAqB,MAChC,6BAAAA,QAAA,cAAC,4BAAa,GAAG,CAAC,QAAgB,OAChC,6BAAAA,QAAA,cAAC,oCACC,6BAAAA,QAAA,cAAC,qCAAgB,OAAO,GAAG,KAAK,IAAI,OAAO,IAAI,GAC/C,6BAAAA,QAAA,cAAC,4CAAe,oIAEd,6BAAAA,QAAA,cAAC,8CACC,6BAAAA,QAAA,cAAC,2CAAa,GAAC,GACf,6BAAAA,QAAA,cAAC,2CAAa,IAAE,GAChB,6BAAAA,QAAA,cAAC,2CAAa,IAAE,CAClB,CACF,GACA,6BAAAA,QAAA,cAAC,wCACC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBACC,6BAAAA,QAAA,cAAC,4BAAY,WAAU,QAAO,GAAE,oEAElC,CACF,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,aAAW,QAAC,GAAC,GACjC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,YAAS,GAAC,CACvB,GACA,6BAAAA,QAAA,cAAC,wCAAmB,SAAQ,QAAO,GACnC,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,oBAAK,MAAK,aAAU,IAAE,CACzB,GACA,6BAAAA,QAAA,cAAC,4CACC,6BAAAA,QAAA,cAAC,wBAAK,8CAEJ,6BAAAA,QAAA,cAAC,4BAAY,WAAU,SAAQ,CACjC,CACF,CACF,CACF,CACF;AAGF,IAAO,6BAAQ;",
+  "names": ["React"]
+}

package/cjs/navigation/Pagination/hooks/index.js

@@ -39,8 +39,8 @@ const usePagination = ({
   const totalPages = Math.ceil(total / currentResultsPerPage) - 1;
   const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;
   const currentPageResultsEnd = currentPage * currentResultsPerPage < total ? currentPage * currentResultsPerPage : total;
-  const labelRef = (0, import_react.useRef)(void 0);
-  const selectLabelRef = (0, import_react.useRef)(void 0);
+  const labelRef = (0, import_react.useRef)();
+  const selectLabelRef = (0, import_react.useRef)();
   (0, import_react.useEffect)(() => {
     setCurrentPage(totalPages < currentPage ? totalPages : currentPage);
   }, [currentPage, totalPages]);

package/cjs/navigation/Pagination/hooks.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/navigation/Pagination/hooks.ts"],
-  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>(undefined);\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>(undefined);\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4D;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,WAAW;AAC9C,8BAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,QAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,eAAW,qBAAwC,MAAS;AAClE,QAAM,qBAAiB,qBAA0C,MAAS;AAE1E,8BAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
+  "sourcesContent": ["import React, { useEffect, useMemo, useRef, useState } from 'react';\nimport { PaginationListItemButtonProps } from '@digigov/ui/navigation/Pagination/Pagination';\n\nexport interface usePaginationProps {\n  total: number;\n  resultsPerPageOptions: number[];\n  previousLabel?: string;\n  nextLabel?: string;\n}\n\nexport interface usePaginationReturn {\n  registerPaginationLabel: () => {\n    start: number;\n    end: number;\n    total: number;\n    ref: React.RefObject<HTMLDivElement> | undefined;\n  };\n  registerPaginationResultsPerPageSelect: () => {\n    resultsPerPageOptions: number[];\n    currentResultsPerPage: number;\n    handleOnChange: React.Dispatch<React.SetStateAction<number>>;\n    ref: React.RefObject<HTMLLabelElement> | undefined;\n  };\n  setTotal: (total: number) => void;\n  setCurrentPage: (page: number) => void;\n  items: PaginationListItemButtonProps[];\n  currentPage: number;\n  offset: number;\n  limit: number;\n}\n\nexport const usePagination = ({\n  total: totalLength,\n  resultsPerPageOptions,\n  previousLabel,\n  nextLabel,\n}: usePaginationProps): usePaginationReturn => {\n  const [total, setTotal] = useState(totalLength);\n  useEffect(() => {\n    setTotal(totalLength);\n  }, [totalLength]);\n\n  const [currentPage, setCurrentPage] = useState(1);\n  const [currentResultsPerPage, setCurrentResultsPerPage] = useState(\n    resultsPerPageOptions[0]\n  );\n  const totalPages = Math.ceil(total / currentResultsPerPage) - 1;\n\n  const currentPageResultsStart = (currentPage - 1) * currentResultsPerPage + 1;\n\n  const currentPageResultsEnd =\n    currentPage * currentResultsPerPage < total\n      ? currentPage * currentResultsPerPage\n      : total;\n\n  const labelRef = useRef<React.RefObject<HTMLDivElement>>();\n  const selectLabelRef = useRef<React.RefObject<HTMLLabelElement>>();\n\n  useEffect(() => {\n    setCurrentPage(totalPages < currentPage ? totalPages : currentPage);\n  }, [currentPage, totalPages]);\n\n  const registerPaginationLabel = () => {\n    return {\n      start: currentPageResultsStart,\n      end: currentPageResultsEnd,\n      total: total,\n      ref: labelRef.current,\n    };\n  };\n  const registerPaginationResultsPerPageSelect = () => {\n    return {\n      resultsPerPageOptions: resultsPerPageOptions,\n      currentResultsPerPage: currentResultsPerPage,\n      handleOnChange: setCurrentResultsPerPage,\n      ref: selectLabelRef.current,\n    };\n  };\n\n  const items = useMemo(() => {\n    const content: PaginationListItemButtonProps[] = [];\n    let countingDots = false;\n    content.push({\n      children: previousLabel,\n      arrow: 'left',\n      onClick: () => currentPage !== 1 && setCurrentPage(currentPage - 1),\n      active: currentPage !== 1,\n    });\n    for (let page = 1; page <= totalPages; page++) {\n      if (\n        page <= 1 ||\n        page >= totalPages ||\n        (page <= currentPage + 1 && page >= currentPage - 1)\n      ) {\n        if (countingDots) {\n          countingDots = false;\n        }\n        console.log(page, currentPage);\n\n        content.push({\n          children: page,\n          variant: 'number',\n          onClick: () => setCurrentPage(page),\n          isCurrentPage: currentPage === page,\n        });\n      } else {\n        if (!countingDots) {\n          countingDots = true;\n          content.push({\n            variant: 'dots',\n          });\n        }\n      }\n    }\n    content.push({\n      children: nextLabel,\n      arrow: 'right',\n      onClick: () =>\n        currentPage !== totalPages && setCurrentPage(currentPage + 1),\n      active: currentPage !== totalPages,\n    });\n    return content;\n  }, [currentPage, totalPages]);\n\n  return {\n    registerPaginationLabel,\n    registerPaginationResultsPerPageSelect,\n    items,\n    currentPage,\n    setCurrentPage,\n    offset: (currentPage - 1) * currentResultsPerPage,\n    limit: currentResultsPerPage + 1,\n    setTotal,\n  };\n};\n\nexport default usePagination;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA4D;AA+BrD,MAAM,gBAAgB,CAAC;AAAA,EAC5B,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAS,WAAW;AAC9C,8BAAU,MAAM;AACd,aAAS,WAAW;AAAA,EACtB,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,CAAC;AAChD,QAAM,CAAC,uBAAuB,wBAAwB,QAAI;AAAA,IACxD,sBAAsB,CAAC;AAAA,EACzB;AACA,QAAM,aAAa,KAAK,KAAK,QAAQ,qBAAqB,IAAI;AAE9D,QAAM,2BAA2B,cAAc,KAAK,wBAAwB;AAE5E,QAAM,wBACJ,cAAc,wBAAwB,QAClC,cAAc,wBACd;AAEN,QAAM,eAAW,qBAAwC;AACzD,QAAM,qBAAiB,qBAA0C;AAEjE,8BAAU,MAAM;AACd,mBAAe,aAAa,cAAc,aAAa,WAAW;AAAA,EACpE,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,QAAM,0BAA0B,MAAM;AACpC,WAAO;AAAA,MACL,OAAO;AAAA,MACP,KAAK;AAAA,MACL;AAAA,MACA,KAAK,SAAS;AAAA,IAChB;AAAA,EACF;AACA,QAAM,yCAAyC,MAAM;AACnD,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,gBAAgB;AAAA,MAChB,KAAK,eAAe;AAAA,IACtB;AAAA,EACF;AAEA,QAAM,YAAQ,sBAAQ,MAAM;AAC1B,UAAM,UAA2C,CAAC;AAClD,QAAI,eAAe;AACnB,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MAAM,gBAAgB,KAAK,eAAe,cAAc,CAAC;AAAA,MAClE,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,aAAS,OAAO,GAAG,QAAQ,YAAY,QAAQ;AAC7C,UACE,QAAQ,KACR,QAAQ,cACP,QAAQ,cAAc,KAAK,QAAQ,cAAc,GAClD;AACA,YAAI,cAAc;AAChB,yBAAe;AAAA,QACjB;AACA,gBAAQ,IAAI,MAAM,WAAW;AAE7B,gBAAQ,KAAK;AAAA,UACX,UAAU;AAAA,UACV,SAAS;AAAA,UACT,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,eAAe,gBAAgB;AAAA,QACjC,CAAC;AAAA,MACH,OAAO;AACL,YAAI,CAAC,cAAc;AACjB,yBAAe;AACf,kBAAQ,KAAK;AAAA,YACX,SAAS;AAAA,UACX,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AACA,YAAQ,KAAK;AAAA,MACX,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS,MACP,gBAAgB,cAAc,eAAe,cAAc,CAAC;AAAA,MAC9D,QAAQ,gBAAgB;AAAA,IAC1B,CAAC;AACD,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,CAAC;AAE5B,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS,cAAc,KAAK;AAAA,IAC5B,OAAO,wBAAwB;AAAA,IAC/B;AAAA,EACF;AACF;AAEA,IAAO,gBAAQ;",
   "names": []
 }

package/cjs/navigation/SkipLink/SkipLink.stories/index.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var SkipLink_stories_exports = {};
+__export(SkipLink_stories_exports, {
+  Default: () => import_Default.Default,
+  default: () => SkipLink_stories_default
+});
+module.exports = __toCommonJS(SkipLink_stories_exports);
+var import_SkipLink = __toESM(require("@digigov/ui/navigation/SkipLink"));
+var import_Default = require("@digigov/ui/navigation/SkipLink/__stories__/Default");
+var SkipLink_stories_default = {
+  title: "Digigov UI/navigation/SkipLink",
+  description: "Use the skip link component to help keyboard-only users skip to the main content on a page.",
+  component: import_SkipLink.default,
+  displayName: "SkipLink"
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=SkipLink.stories.js.map

package/cjs/navigation/SkipLink/SkipLink.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/navigation/SkipLink/SkipLink.stories.js"],
+  "sourcesContent": ["import SkipLink from '@digigov/ui/navigation/SkipLink';\nexport default {\n  title: 'Digigov UI/navigation/SkipLink',\n  description:\n    'Use the skip link component to help keyboard-only users skip to the main content on a page.',\n  component: SkipLink,\n  displayName: 'SkipLink',\n};\nexport { Default } from '@digigov/ui/navigation/SkipLink/__stories__/Default';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAAqB;AAQrB,qBAAwB;AAPxB,IAAO,2BAAQ;AAAA,EACb,OAAO;AAAA,EACP,aACE;AAAA,EACF,WAAW,gBAAAA;AAAA,EACX,aAAa;AACf;",
+  "names": ["SkipLink"]
+}

package/cjs/navigation/SkipLink/__stories__/Default/index.js

@@ -0,0 +1,43 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Default_exports = {};
+__export(Default_exports, {
+  Default: () => Default,
+  default: () => Default_default
+});
+module.exports = __toCommonJS(Default_exports);
+var import_react = __toESM(require("react"));
+var import_SkipLink = require("@digigov/ui/navigation/SkipLink");
+var import_Paragraph = require("@digigov/ui/typography/Paragraph");
+const Default = () => /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Paragraph.Paragraph, null, "\u0393\u03B9\u03B1 \u03BD\u03B1 \u03B5\u03BC\u03C6\u03B1\u03BD\u03B9\u03C3\u03C4\u03B5\u03AF \u03BF \u03C3\u03CD\u03BD\u03B4\u03B5\u03C3\u03BC\u03BF\u03C2, \u03C0\u03B5\u03C1\u03B9\u03B7\u03B3\u03B7\u03B8\u03B5\u03AF\u03C4\u03B5 \u03BC\u03B5 \u03C4\u03BF \u03BA\u03BF\u03C5\u03BC\u03C0\u03AF tab \u03AE \u03BA\u03AC\u03BD\u03BF\u03BD\u03C4\u03B1\u03C2 \u03BA\u03BB\u03B9\u03BA \u03C3\u03C4\u03BF \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF \u03BA\u03B1\u03B9 \u03BC\u03B5\u03C4\u03AC \u03C0\u03B1\u03C4\u03AE\u03C3\u03C4\u03B5 \u03C4\u03BF \u03BA\u03BF\u03C5\u03BC\u03C0\u03AF tab."), /* @__PURE__ */ import_react.default.createElement(import_SkipLink.SkipLink, null, "\u039C\u03B5\u03C4\u03AC\u03B2\u03B1\u03C3\u03B7 \u03C3\u03C4\u03BF \u03B2\u03B1\u03C3\u03B9\u03BA\u03CC \u03C0\u03B5\u03C1\u03B9\u03B5\u03C7\u03CC\u03BC\u03B5\u03BD\u03BF"));
+var Default_default = Default;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Default
+});
+//# sourceMappingURL=Default.js.map