@ogcio/design-system-react 1.22.1 → 1.24.0

package/dist/pagination/pagination.js

@@ -1,98 +1,753 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import d, { useState as V, useEffect as T } from "react";
-import { Button as m } from "../button/button.js";
-import { useBreakpoint as _, Breakpoint as u } from "../hooks/use-breakpoint.js";
-import { translate as t } from "../i18n/utility.js";
-import { Icon as c } from "../icon/icon.js";
-import { getDisplayPages as g } from "../utils/utilities.js";
-const S = ({
-  currentPage: i,
-  totalPages: n,
-  onPageChange: l,
-  dataTestid: b
+import { jsxs as z, jsx as I } from "react/jsx-runtime";
+import B, { createElement as R, isValidElement as q, cloneElement as me, Children as Oe, Fragment as Te, createContext as Ae, useContext as ge, useMemo as Z, useRef as H, useCallback as ae, useState as he, useEffect as ye } from "react";
+import { Button as K } from "../button/button.js";
+import { useBreakpoint as Le, Breakpoint as se } from "../hooks/use-breakpoint.js";
+import { Icon as X } from "../icon/icon.js";
+import { getDisplayPages as oe } from "../utils/utilities.js";
+import { g as re, b as ve } from "../i18nInstance-D_96ADqd.js";
+import { k as we } from "../i18next-B_GQfCrJ.js";
+import { g as Ce } from "../_commonjsHelpers-DaMA6jEr.js";
+var Y, ie;
+function $e() {
+  return ie || (ie = 1, Y = {
+    area: !0,
+    base: !0,
+    br: !0,
+    col: !0,
+    embed: !0,
+    hr: !0,
+    img: !0,
+    input: !0,
+    link: !0,
+    meta: !0,
+    param: !0,
+    source: !0,
+    track: !0,
+    wbr: !0
+  }), Y;
+}
+var ke = $e();
+const Ie = /* @__PURE__ */ Ce(ke);
+var je = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+function ce(e) {
+  var t = { type: "tag", name: "", voidElement: !1, attrs: {}, children: [] }, n = e.match(/<\/?([^\s]+?)[/\s>]/);
+  if (n && (t.name = n[1], (Ie[n[1]] || e.charAt(e.length - 2) === "/") && (t.voidElement = !0), t.name.startsWith("!--"))) {
+    var a = e.indexOf("-->");
+    return { type: "comment", comment: a !== -1 ? e.slice(4, a) : "" };
+  }
+  for (var s = new RegExp(je), r = null; (r = s.exec(e)) !== null; ) if (r[0].trim()) if (r[1]) {
+    var i = r[1].trim(), u = [i, ""];
+    i.indexOf("=") > -1 && (u = i.split("=")), t.attrs[u[0]] = u[1], s.lastIndex--;
+  } else r[2] && (t.attrs[r[2]] = r[3].trim().substring(1, r[3].length - 1));
+  return t;
+}
+var Ve = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, Re = /^\s*$/, De = /* @__PURE__ */ Object.create(null);
+function Se(e, t) {
+  switch (t.type) {
+    case "text":
+      return e + t.content;
+    case "tag":
+      return e += "<" + t.name + (t.attrs ? function(n) {
+        var a = [];
+        for (var s in n) a.push(s + '="' + n[s] + '"');
+        return a.length ? " " + a.join(" ") : "";
+      }(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(Se, "") + "</" + t.name + ">";
+    case "comment":
+      return e + "<!--" + t.comment + "-->";
+  }
+}
+var ze = { parse: function(e, t) {
+  t || (t = {}), t.components || (t.components = De);
+  var n, a = [], s = [], r = -1, i = !1;
+  if (e.indexOf("<") !== 0) {
+    var u = e.indexOf("<");
+    a.push({ type: "text", content: u === -1 ? e : e.substring(0, u) });
+  }
+  return e.replace(Ve, function(d, f) {
+    if (i) {
+      if (d !== "</" + n.name + ">") return;
+      i = !1;
+    }
+    var h, m = d.charAt(1) !== "/", y = d.startsWith("<!--"), c = f + d.length, o = e.charAt(c);
+    if (y) {
+      var v = ce(d);
+      return r < 0 ? (a.push(v), a) : ((h = s[r]).children.push(v), a);
+    }
+    if (m && (r++, (n = ce(d)).type === "tag" && t.components[n.name] && (n.type = "component", i = !0), n.voidElement || i || !o || o === "<" || n.children.push({ type: "text", content: e.slice(c, e.indexOf("<", c)) }), r === 0 && a.push(n), (h = s[r - 1]) && h.children.push(n), s[r] = n), (!m || n.voidElement) && (r > -1 && (n.voidElement || n.name === d.slice(2, -1)) && (r--, n = r === -1 ? a : s[r]), !i && o !== "<" && o)) {
+      h = r === -1 ? a : s[r].children;
+      var g = e.indexOf("<", c), S = e.slice(c, g === -1 ? void 0 : g);
+      Re.test(S) && (S = " "), (g > -1 && r + h.length >= 0 || S !== " ") && h.push({ type: "text", content: S });
+    }
+  }), a;
+}, stringify: function(e) {
+  return e.reduce(function(t, n) {
+    return t + Se("", n);
+  }, "");
+} };
+const M = (e, t, n, a) => {
+  var r, i, u, d;
+  const s = [n, {
+    code: t,
+    ...a || {}
+  }];
+  if ((i = (r = e == null ? void 0 : e.services) == null ? void 0 : r.logger) != null && i.forward)
+    return e.services.logger.forward(s, "warn", "react-i18next::", !0);
+  $(s[0]) && (s[0] = `react-i18next:: ${s[0]}`), (d = (u = e == null ? void 0 : e.services) == null ? void 0 : u.logger) != null && d.warn ? e.services.logger.warn(...s) : console != null && console.warn && console.warn(...s);
+}, le = {}, P = (e, t, n, a) => {
+  $(n) && le[n] || ($(n) && (le[n] = /* @__PURE__ */ new Date()), M(e, t, n, a));
+}, Ee = (e, t) => () => {
+  if (e.isInitialized)
+    t();
+  else {
+    const n = () => {
+      setTimeout(() => {
+        e.off("initialized", n);
+      }, 0), t();
+    };
+    e.on("initialized", n);
+  }
+}, ne = (e, t, n) => {
+  e.loadNamespaces(t, Ee(e, n));
+}, ue = (e, t, n, a) => {
+  if ($(n) && (n = [n]), e.options.preload && e.options.preload.indexOf(t) > -1) return ne(e, n, a);
+  n.forEach((s) => {
+    e.options.ns.indexOf(s) < 0 && e.options.ns.push(s);
+  }), e.loadLanguages(t, Ee(e, a));
+}, Be = (e, t, n = {}) => !t.languages || !t.languages.length ? (P(t, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
+  languages: t.languages
+}), !0) : t.hasLoadedNamespace(e, {
+  lng: n.lng,
+  precheck: (a, s) => {
+    if (n.bindI18n && n.bindI18n.indexOf("languageChanging") > -1 && a.services.backendConnector.backend && a.isLanguageChangingTo && !s(a.isLanguageChangingTo, e)) return !1;
+  }
+}), $ = (e) => typeof e == "string", V = (e) => typeof e == "object" && e !== null, J = (e, t) => {
+  var a;
+  if (!e) return !1;
+  const n = ((a = e.props) == null ? void 0 : a.children) ?? e.children;
+  return t ? n.length > 0 : !!n;
+}, Q = (e) => {
+  var n, a;
+  if (!e) return [];
+  const t = ((n = e.props) == null ? void 0 : n.children) ?? e.children;
+  return (a = e.props) != null && a.i18nIsDynamicList ? D(t) : t;
+}, Fe = (e) => Array.isArray(e) && e.every(q), D = (e) => Array.isArray(e) ? e : [e], Ge = (e, t) => {
+  const n = {
+    ...t
+  };
+  return n.props = Object.assign(e.props, t.props), n;
+}, be = (e, t, n, a) => {
+  if (!e) return "";
+  let s = "";
+  const r = D(e), i = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
+  return r.forEach((u, d) => {
+    if ($(u)) {
+      s += `${u}`;
+      return;
+    }
+    if (q(u)) {
+      const {
+        props: f,
+        type: h
+      } = u, m = Object.keys(f).length, y = i.indexOf(h) > -1, c = f.children;
+      if (!c && y && !m) {
+        s += `<${h}/>`;
+        return;
+      }
+      if (!c && (!y || m) || f.i18nIsDynamicList) {
+        s += `<${d}></${d}>`;
+        return;
+      }
+      if (y && m === 1 && $(c)) {
+        s += `<${h}>${c}</${h}>`;
+        return;
+      }
+      const o = be(c, t, n, a);
+      s += `<${d}>${o}</${d}>`;
+      return;
+    }
+    if (u === null) {
+      M(n, "TRANS_NULL_VALUE", "Passed in a null value as child", {
+        i18nKey: a
+      });
+      return;
+    }
+    if (V(u)) {
+      const {
+        format: f,
+        ...h
+      } = u, m = Object.keys(h);
+      if (m.length === 1) {
+        const y = f ? `${m[0]}, ${f}` : m[0];
+        s += `{{${y}}}`;
+        return;
+      }
+      M(n, "TRANS_INVALID_OBJ", "Invalid child - Object should only have keys {{ value, format }} (format is optional).", {
+        i18nKey: a,
+        child: u
+      });
+      return;
+    }
+    M(n, "TRANS_INVALID_VAR", "Passed in a variable like {number} - pass variables for interpolation as full objects like {{number}}.", {
+      i18nKey: a,
+      child: u
+    });
+  }), s;
+}, Ue = (e, t = [], n = {}) => {
+  if (!e) return e;
+  const a = Object.keys(n), s = [...t, ...a];
+  let r = "", i = 0;
+  for (; i < e.length; )
+    if (e[i] === "<") {
+      let u = !1;
+      const d = e.slice(i).match(/^<\/(\d+|[a-zA-Z][a-zA-Z0-9-]*)>/);
+      if (d) {
+        const f = d[1];
+        (/^\d+$/.test(f) || s.includes(f)) && (u = !0, r += d[0], i += d[0].length);
+      }
+      if (!u) {
+        const f = e.slice(i).match(/^<(\d+|[a-zA-Z][a-zA-Z0-9-]*)(\s+[\w-]+(?:=(?:"[^"]*"|'[^']*'|[^\s>]+))?)*\s*(\/)?>/);
+        if (f) {
+          const h = f[1];
+          (/^\d+$/.test(h) || s.includes(h)) && (u = !0, r += f[0], i += f[0].length);
+        }
+      }
+      u || (r += "&lt;", i += 1);
+    } else
+      r += e[i], i += 1;
+  return r;
+}, He = (e, t, n, a, s, r, i) => {
+  if (n === "") return [];
+  const u = s.transKeepBasicHtmlNodesFor || [], d = n && new RegExp(u.map((b) => `<${b}`).join("|")).test(n);
+  if (!e && !t && !d && !i) return [n];
+  const f = t ?? {}, h = (b) => {
+    D(b).forEach((x) => {
+      $(x) || (J(x) ? h(Q(x)) : V(x) && !q(x) && Object.assign(f, x));
+    });
+  };
+  h(e);
+  const m = Ue(n, u, f), y = ze.parse(`<0>${m}</0>`), c = {
+    ...f,
+    ...r
+  }, o = (b, A, x) => {
+    var _;
+    const w = Q(b), k = g(w, A.children, x);
+    return Fe(w) && k.length === 0 || (_ = b.props) != null && _.i18nIsDynamicList ? w : k;
+  }, v = (b, A, x, w, k) => {
+    b.dummy ? (b.children = A, x.push(me(b, {
+      key: w
+    }, k ? void 0 : A))) : x.push(...Oe.map([b], (_) => {
+      const l = {
+        ..._.props
+      };
+      return delete l.i18nIsDynamicList, R(_.type, {
+        ...l,
+        key: w,
+        ref: _.props.ref ?? _.ref
+      }, k ? null : A);
+    }));
+  }, g = (b, A, x) => {
+    const w = D(b);
+    return D(A).reduce((_, l, p) => {
+      var N, O;
+      const E = ((O = (N = l.children) == null ? void 0 : N[0]) == null ? void 0 : O.content) && a.services.interpolator.interpolate(l.children[0].content, c, a.language);
+      if (l.type === "tag") {
+        let L = w[parseInt(l.name, 10)];
+        !L && t && (L = t[l.name]), x.length === 1 && !L && (L = x[0][l.name]), L || (L = {});
+        const T = Object.keys(l.attrs).length !== 0 ? Ge({
+          props: l.attrs
+        }, L) : L, j = q(T), F = j && J(l, !0) && !l.voidElement, G = d && V(T) && T.dummy && !j, U = V(t) && Object.hasOwnProperty.call(t, l.name);
+        if ($(T)) {
+          const C = a.services.interpolator.interpolate(T, c, a.language);
+          _.push(C);
+        } else if (J(T) || F) {
+          const C = o(T, l, x);
+          v(T, C, _, p);
+        } else if (G) {
+          const C = g(w, l.children, x);
+          v(T, C, _, p);
+        } else if (Number.isNaN(parseFloat(l.name)))
+          if (U) {
+            const C = o(T, l, x);
+            v(T, C, _, p, l.voidElement);
+          } else if (s.transSupportBasicHtmlNodes && u.indexOf(l.name) > -1)
+            if (l.voidElement)
+              _.push(R(l.name, {
+                key: `${l.name}-${p}`
+              }));
+            else {
+              const C = g(w, l.children, x);
+              _.push(R(l.name, {
+                key: `${l.name}-${p}`
+              }, C));
+            }
+          else if (l.voidElement)
+            _.push(`<${l.name} />`);
+          else {
+            const C = g(w, l.children, x);
+            _.push(`<${l.name}>${C}</${l.name}>`);
+          }
+        else if (V(T) && !j) {
+          const C = l.children[0] ? E : null;
+          C && _.push(C);
+        } else
+          v(T, E, _, p, l.children.length !== 1 || !E);
+      } else if (l.type === "text") {
+        const L = s.transWrapTextNodes, T = i ? s.unescape(a.services.interpolator.interpolate(l.content, c, a.language)) : a.services.interpolator.interpolate(l.content, c, a.language);
+        L ? _.push(R(L, {
+          key: `${l.name}-${p}`
+        }, T)) : _.push(T);
+      }
+      return _;
+    }, []);
+  }, S = g([{
+    dummy: !0,
+    children: e || []
+  }], y, D(e || []));
+  return Q(S[0]);
+}, _e = (e, t, n) => {
+  const a = e.key || t, s = me(e, {
+    key: a
+  });
+  if (!s.props || !s.props.children || n.indexOf(`${t}/>`) < 0 && n.indexOf(`${t} />`) < 0)
+    return s;
+  function r() {
+    return R(Te, null, s);
+  }
+  return R(r, {
+    key: a
+  });
+}, We = (e, t) => e.map((n, a) => _e(n, a, t)), Me = (e, t) => {
+  const n = {};
+  return Object.keys(e).forEach((a) => {
+    Object.assign(n, {
+      [a]: _e(e[a], a, t)
+    });
+  }), n;
+}, qe = (e, t, n, a) => e ? Array.isArray(e) ? We(e, t) : V(e) ? Me(e, t) : (P(n, "TRANS_INVALID_COMPONENTS", '<Trans /> "components" prop expects an object or array', {
+  i18nKey: a
+}), null) : null, Pe = (e) => !V(e) || Array.isArray(e) ? !1 : Object.keys(e).reduce((t, n) => t && Number.isNaN(Number.parseFloat(n)), !0);
+function Ze({
+  children: e,
+  count: t,
+  parent: n,
+  i18nKey: a,
+  context: s,
+  tOptions: r = {},
+  values: i,
+  defaults: u,
+  components: d,
+  ns: f,
+  i18n: h,
+  t: m,
+  shouldUnescape: y,
+  ...c
+}) {
+  var T, j, F, G, U, C;
+  const o = h || re();
+  if (!o)
+    return P(o, "NO_I18NEXT_INSTANCE", "Trans: You need to pass in an i18next instance using i18nextReactModule", {
+      i18nKey: a
+    }), e;
+  const v = m || o.t.bind(o) || ((Ne) => Ne), g = {
+    ...ve(),
+    ...(T = o.options) == null ? void 0 : T.react
+  };
+  let S = f || v.ns || ((j = o.options) == null ? void 0 : j.defaultNS);
+  S = $(S) ? [S] : S || ["translation"];
+  const b = be(e, g, o, a), A = u || (r == null ? void 0 : r.defaultValue) || b || g.transEmptyNodeValue || (typeof a == "function" ? we(a) : a), {
+    hashTransKey: x
+  } = g, w = a || (x ? x(b || A) : b || A);
+  (G = (F = o.options) == null ? void 0 : F.interpolation) != null && G.defaultVariables && (i = i && Object.keys(i).length > 0 ? {
+    ...i,
+    ...o.options.interpolation.defaultVariables
+  } : {
+    ...o.options.interpolation.defaultVariables
+  });
+  const k = i || t !== void 0 && !((C = (U = o.options) == null ? void 0 : U.interpolation) != null && C.alwaysFormat) || !e ? r.interpolation : {
+    interpolation: {
+      ...r.interpolation,
+      prefix: "#$?",
+      suffix: "?$#"
+    }
+  }, _ = {
+    ...r,
+    context: s || r.context,
+    count: t,
+    ...i,
+    ...k,
+    defaultValue: A,
+    ns: S
+  };
+  let l = w ? v(w, _) : A;
+  l === w && A && (l = A);
+  const p = qe(d, l, o, a);
+  let E = p || e, N = null;
+  Pe(p) && (N = p, E = e);
+  const O = He(E, N, l, o, g, _, y), L = n ?? g.defaultTransParent;
+  return L ? R(L, c, O) : O;
+}
+const xe = Ae();
+class Ke {
+  constructor() {
+    this.usedNamespaces = {};
+  }
+  addUsedNamespaces(t) {
+    t.forEach((n) => {
+      this.usedNamespaces[n] || (this.usedNamespaces[n] = !0);
+    });
+  }
+  getUsedNamespaces() {
+    return Object.keys(this.usedNamespaces);
+  }
+}
+function Xe({
+  children: e,
+  count: t,
+  parent: n,
+  i18nKey: a,
+  context: s,
+  tOptions: r = {},
+  values: i,
+  defaults: u,
+  components: d,
+  ns: f,
+  i18n: h,
+  t: m,
+  shouldUnescape: y,
+  ...c
+}) {
+  var b;
+  const {
+    i18n: o,
+    defaultNS: v
+  } = ge(xe) || {}, g = h || o || re(), S = m || (g == null ? void 0 : g.t.bind(g));
+  return Ze({
+    children: e,
+    count: t,
+    parent: n,
+    i18nKey: a,
+    context: s,
+    tOptions: r,
+    values: i,
+    defaults: u,
+    components: d,
+    ns: f || (S == null ? void 0 : S.ns) || v || ((b = g == null ? void 0 : g.options) == null ? void 0 : b.defaultNS),
+    i18n: g,
+    t: m,
+    shouldUnescape: y,
+    ...c
+  });
+}
+var W = { exports: {} }, ee = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var fe;
+function Ye() {
+  if (fe) return ee;
+  fe = 1;
+  var e = B;
+  function t(m, y) {
+    return m === y && (m !== 0 || 1 / m === 1 / y) || m !== m && y !== y;
+  }
+  var n = typeof Object.is == "function" ? Object.is : t, a = e.useState, s = e.useEffect, r = e.useLayoutEffect, i = e.useDebugValue;
+  function u(m, y) {
+    var c = y(), o = a({ inst: { value: c, getSnapshot: y } }), v = o[0].inst, g = o[1];
+    return r(
+      function() {
+        v.value = c, v.getSnapshot = y, d(v) && g({ inst: v });
+      },
+      [m, c, y]
+    ), s(
+      function() {
+        return d(v) && g({ inst: v }), m(function() {
+          d(v) && g({ inst: v });
+        });
+      },
+      [m]
+    ), i(c), c;
+  }
+  function d(m) {
+    var y = m.getSnapshot;
+    m = m.value;
+    try {
+      var c = y();
+      return !n(m, c);
+    } catch {
+      return !0;
+    }
+  }
+  function f(m, y) {
+    return y();
+  }
+  var h = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? f : u;
+  return ee.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : h, ee;
+}
+var te = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var pe;
+function Je() {
+  return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(c, o) {
+      return c === o && (c !== 0 || 1 / c === 1 / o) || c !== c && o !== o;
+    }
+    function t(c, o) {
+      h || s.startTransition === void 0 || (h = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var v = o();
+      if (!m) {
+        var g = o();
+        r(v, g) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), m = !0);
+      }
+      g = i({
+        inst: { value: v, getSnapshot: o }
+      });
+      var S = g[0].inst, b = g[1];
+      return d(
+        function() {
+          S.value = v, S.getSnapshot = o, n(S) && b({ inst: S });
+        },
+        [c, v, o]
+      ), u(
+        function() {
+          return n(S) && b({ inst: S }), c(function() {
+            n(S) && b({ inst: S });
+          });
+        },
+        [c]
+      ), f(v), v;
+    }
+    function n(c) {
+      var o = c.getSnapshot;
+      c = c.value;
+      try {
+        var v = o();
+        return !r(c, v);
+      } catch {
+        return !0;
+      }
+    }
+    function a(c, o) {
+      return o();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var s = B, r = typeof Object.is == "function" ? Object.is : e, i = s.useState, u = s.useEffect, d = s.useLayoutEffect, f = s.useDebugValue, h = !1, m = !1, y = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    te.useSyncExternalStore = s.useSyncExternalStore !== void 0 ? s.useSyncExternalStore : y, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), te;
+}
+var de;
+function Qe() {
+  return de || (de = 1, process.env.NODE_ENV === "production" ? W.exports = Ye() : W.exports = Je()), W.exports;
+}
+var et = Qe();
+const tt = (e, t) => $(t) ? t : V(t) && $(t.defaultValue) ? t.defaultValue : Array.isArray(e) ? e[e.length - 1] : e, nt = {
+  t: tt,
+  ready: !1
+}, rt = () => () => {
+}, at = (e, t = {}) => {
+  var _, l;
+  const {
+    i18n: n
+  } = t, {
+    i18n: a,
+    defaultNS: s
+  } = ge(xe) || {}, r = n || a || re();
+  r && !r.reportNamespaces && (r.reportNamespaces = new Ke()), r || P(r, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+  const i = Z(() => {
+    var p;
+    return {
+      ...ve(),
+      ...(p = r == null ? void 0 : r.options) == null ? void 0 : p.react,
+      ...t
+    };
+  }, [r, t]), {
+    useSuspense: u,
+    keyPrefix: d
+  } = i, f = Z(() => {
+    var E;
+    const p = s || ((E = r == null ? void 0 : r.options) == null ? void 0 : E.defaultNS);
+    return $(p) ? [p] : p || ["translation"];
+  }, [e, s, r]);
+  (l = (_ = r == null ? void 0 : r.reportNamespaces) == null ? void 0 : _.addUsedNamespaces) == null || l.call(_, f);
+  const h = H(0), m = ae((p) => {
+    if (!r) return rt;
+    const {
+      bindI18n: E,
+      bindI18nStore: N
+    } = i, O = () => {
+      h.current += 1, p();
+    };
+    return E && r.on(E, O), N && r.store.on(N, O), () => {
+      E && E.split(" ").forEach((L) => r.off(L, O)), N && N.split(" ").forEach((L) => r.store.off(L, O));
+    };
+  }, [r, i]), y = H(), c = ae(() => {
+    if (!r)
+      return nt;
+    const p = !!(r.isInitialized || r.initializedStoreOnce) && f.every((j) => Be(j, r, i)), E = t.lng || r.language, N = h.current, O = y.current;
+    if (O && O.ready === p && O.lng === E && O.keyPrefix === d && O.revision === N)
+      return O;
+    const T = {
+      t: r.getFixedT(E, i.nsMode === "fallback" ? f : f[0], d),
+      ready: p,
+      lng: E,
+      keyPrefix: d,
+      revision: N
+    };
+    return y.current = T, T;
+  }, [r, f, d, i, t.lng]), [o, v] = he(0), {
+    t: g,
+    ready: S
+  } = et.useSyncExternalStore(m, c, c);
+  ye(() => {
+    if (r && !S && !u) {
+      const p = () => v((E) => E + 1);
+      t.lng ? ue(r, t.lng, f, p) : ne(r, f, p);
+    }
+  }, [r, t.lng, f, S, u, o]);
+  const b = r || {}, A = H(null), x = H(), w = (p) => {
+    const E = Object.getOwnPropertyDescriptors(p);
+    E.__original && delete E.__original;
+    const N = Object.create(Object.getPrototypeOf(p), E);
+    if (!Object.prototype.hasOwnProperty.call(N, "__original"))
+      try {
+        Object.defineProperty(N, "__original", {
+          value: p,
+          writable: !1,
+          enumerable: !1,
+          configurable: !1
+        });
+      } catch {
+      }
+    return N;
+  }, k = Z(() => {
+    const p = b, E = p == null ? void 0 : p.language;
+    let N = p;
+    p && (A.current && A.current.__original === p ? x.current !== E ? (N = w(p), A.current = N, x.current = E) : N = A.current : (N = w(p), A.current = N, x.current = E));
+    const O = [g, N, S];
+    return O.t = g, O.i18n = N, O.ready = S, O;
+  }, [g, b, S, b.resolvedLanguage, b.language, b.languages]);
+  if (r && u && !S)
+    throw new Promise((p) => {
+      const E = () => p();
+      t.lng ? ue(r, t.lng, f, E) : ne(r, f, E);
+    });
+  return k;
+}, mt = ({
+  currentPage: e,
+  totalPages: t,
+  onPageChange: n,
+  dataTestid: a
 }) => {
-  if (n === 0)
+  const { t: s } = at();
+  if (t === 0)
     return null;
-  const { breakpoint: r, width: f } = _(), [s, v] = V(!1);
-  T(() => {
-    v(!0);
+  const { breakpoint: r, width: i } = Le(), [u, d] = he(!1);
+  ye(() => {
+    d(!0);
   }, []);
-  const x = s && r === u.ExtraSmall, o = s && f !== null && f < 639, h = () => (s && r ? g(i, n, r) : g(i, n, u.Large)).map(
-    (e, N) => e === -1 || e === -2 ? /* @__PURE__ */ a(d.Fragment, { children: /* @__PURE__ */ a(
-      c,
+  const f = u && r === se.ExtraSmall, h = u && i !== null && i < 639, m = () => (u && r ? oe(e, t, r) : oe(e, t, se.Large)).map(
+    (o, v) => o === -1 || o === -2 ? /* @__PURE__ */ I(B.Fragment, { children: /* @__PURE__ */ I(
+      X,
       {
         role: "presentation",
         className: "gi-text-gray-700",
         icon: "more_horiz"
       }
-    ) }, `ellipsis-${N}`) : /* @__PURE__ */ a(
-      m,
+    ) }, `ellipsis-${v}`) : /* @__PURE__ */ I(
+      K,
       {
-        variant: e === i ? "primary" : "flat",
+        variant: o === e ? "primary" : "flat",
         size: "large",
         appearance: "dark",
-        onClick: () => l(e),
-        "aria-label": t("pagination.goToPage", {
-          page: e,
-          defaultValue: `Go to page ${e}`
+        onClick: () => n(o),
+        "aria-label": s("pagination.goToPage", {
+          page: o,
+          defaultValue: `Go to page ${o}`
         }),
-        children: e
+        children: o
       },
-      e
+      o
     )
-  ), k = () => /* @__PURE__ */ a("span", { className: "gi-text-md", "aria-live": "polite", children: /* @__PURE__ */ a("span", { className: "gi-font-bold", children: t("pagination.page", {
-    currentPage: i,
-    totalPages: n,
-    defaultValue: `Page ${i} of ${n}`
-  }) }) });
-  return /* @__PURE__ */ p(
+  ), y = () => /* @__PURE__ */ I("span", { className: "gi-text-md gi-leading-6", "aria-live": "polite", children: /* @__PURE__ */ z(
+    Xe,
+    {
+      i18nKey: "pagination.page",
+      values: { currentPage: e, totalPages: t },
+      components: { bold: /* @__PURE__ */ I("span", { className: "gi-font-bold" }) },
+      children: [
+        /* @__PURE__ */ z("span", { className: "gi-font-bold", children: [
+          "Page ",
+          e
+        ] }),
+        " of ",
+        t
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ z(
     "div",
     {
       className: "gi-pagination",
       role: "navigation",
-      "aria-label": t("pagination.page", {
-        currentPage: i,
-        totalPages: n,
-        defaultValue: `Page ${i} of ${n}`
+      "aria-label": s("pagination.page", {
+        currentPage: e,
+        totalPages: t,
+        defaultValue: `Page ${e} of ${t}`
       }),
-      "data-testid": b,
+      "data-testid": a,
       children: [
-        /* @__PURE__ */ p(
-          m,
+        /* @__PURE__ */ z(
+          K,
           {
             variant: "flat",
             size: "large",
             appearance: "dark",
-            disabled: i === 1,
-            onClick: () => l(i - 1),
-            "aria-label": t("pagination.goToPrevious", {
+            disabled: e === 1,
+            onClick: () => n(e - 1),
+            "aria-label": s("pagination.goToPrevious", {
               defaultValue: "Go to previous"
             }),
-            className: o ? "gi-icon-btn-large" : "",
+            className: h ? "gi-icon-btn-large" : "",
             dataTestid: "govie-pagination-prev-btn",
             children: [
-              /* @__PURE__ */ a(d.Fragment, { children: /* @__PURE__ */ a(c, { icon: "arrow_left_alt" }) }, "previous-btn-pagination"),
-              !o && t("pagination.previous", { defaultValue: "Previous" })
+              /* @__PURE__ */ I(B.Fragment, { children: /* @__PURE__ */ I(X, { icon: "arrow_left_alt" }) }, "previous-btn-pagination"),
+              !h && s("pagination.previous", { defaultValue: "Previous" })
             ]
           }
         ),
-        x ? k() : h(),
-        /* @__PURE__ */ p(
-          m,
+        f ? y() : m(),
+        /* @__PURE__ */ z(
+          K,
           {
-            disabled: i === n,
+            disabled: e === t,
             variant: "flat",
             size: "large",
             appearance: "dark",
-            onClick: () => l(i + 1),
-            "aria-label": t("pagination.goToNext", { defaultValue: "Go to next" }),
-            className: o ? "gi-icon-btn-large" : "",
+            onClick: () => n(e + 1),
+            "aria-label": s("pagination.goToNext", { defaultValue: "Go to next" }),
+            className: h ? "gi-icon-btn-large" : "",
             dataTestid: "govie-pagination-next-btn",
             children: [
-              !o && t("pagination.next", { defaultValue: "Next" }),
-              /* @__PURE__ */ a(d.Fragment, { children: /* @__PURE__ */ a(c, { icon: "arrow_right_alt" }) }, "next-btn-pagination")
+              !h && s("pagination.next", { defaultValue: "Next" }),
+              /* @__PURE__ */ I(B.Fragment, { children: /* @__PURE__ */ I(X, { icon: "arrow_right_alt" }) }, "next-btn-pagination")
             ]
           }
         )
@@ -101,5 +756,5 @@ const S = ({
   );
 };
 export {
-  S as Pagination
+  mt as Pagination
 };