@ogcio/design-system-react 1.31.1 → 1.33.0

package/dist/pagination/pagination.js

@@ -1,17 +1,20 @@
 "use client";
-import { jsxs as R, jsx as j } from "react/jsx-runtime";
-import J, { createElement as z, isValidElement as D, cloneElement as K, Children as de, Fragment as he, useContext as ge, useState as ye, useEffect as ve } from "react";
-import { Button as U } from "../button/button.js";
-import { useBreakpoint as be, Breakpoint as re } from "../hooks/use-breakpoint.js";
-import { Icon as X } from "../icon/icon.js";
-import { getDisplayPages as se } from "../utils/utilities.js";
-import { w as oe, i as L, a as Y, b as _, I as Ne, u as xe } from "../useTranslation-DiBQuy8S.js";
-import { k as Ae } from "../i18next-Bfi2-LyH.js";
-import { g as Ee } from "../_commonjsHelpers-DaMA6jEr.js";
-import { g as le, b as ce, u as $e } from "../i18nInstance-AYICsHJu.js";
-var Q, ae;
-function Te() {
-  return ae || (ae = 1, Q = {
+import { jsxs as B, jsx as j } from "react/jsx-runtime";
+import J, { createElement as R, isValidElement as D, cloneElement as Q, Children as me, Fragment as de, useContext as he, useState as ge, useEffect as ye } from "react";
+import U from "../atoms/Button.js";
+import "../atoms/heading/styles.js";
+import be from "../atoms/icons/ArrowLeft.js";
+import ve from "../atoms/icons/ArrowRight.js";
+import { useBreakpoint as Ne, Breakpoint as ne } from "../hooks/use-breakpoint.js";
+import { Icon as xe } from "../icon/icon.js";
+import { getDisplayPages as re } from "../utils/utilities.js";
+import { w as ie, i as _, a as X, b as L, I as Ae, u as Ee } from "../useTranslation-DiBQuy8S.js";
+import { k as $e } from "../i18next-Bfi2-LyH.js";
+import { g as Te } from "../_commonjsHelpers-DaMA6jEr.js";
+import { g as oe, b as le, u as ke } from "../i18nInstance-AYICsHJu.js";
+var Y, se;
+function Ce() {
+  return se || (se = 1, Y = {
     area: !0,
     base: !0,
     br: !0,
@@ -26,25 +29,25 @@ function Te() {
     source: !0,
     track: !0,
     wbr: !0
-  }), Q;
+  }), Y;
 }
-var Ce = Te();
-const ke = /* @__PURE__ */ Ee(Ce);
-var Oe = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
-function ie(e) {
+var Oe = Ce();
+const Ve = /* @__PURE__ */ Te(Oe);
+var je = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+function ae(e) {
   var t = { type: "tag", name: "", voidElement: !1, attrs: {}, children: [] }, n = e.match(/<\/?([^\s]+?)[/\s>]/);
-  if (n && (t.name = n[1], (ke[n[1]] || e.charAt(e.length - 2) === "/") && (t.voidElement = !0), t.name.startsWith("!--"))) {
+  if (n && (t.name = n[1], (Ve[n[1]] || e.charAt(e.length - 2) === "/") && (t.voidElement = !0), t.name.startsWith("!--"))) {
     var r = e.indexOf("-->");
     return { type: "comment", comment: r !== -1 ? e.slice(4, r) : "" };
   }
-  for (var a = new RegExp(Oe), s = null; (s = a.exec(e)) !== null; ) if (s[0].trim()) if (s[1]) {
+  for (var a = new RegExp(je), s = null; (s = a.exec(e)) !== null; ) if (s[0].trim()) if (s[1]) {
     var o = s[1].trim(), c = [o, ""];
     o.indexOf("=") > -1 && (c = o.split("=")), t.attrs[c[0]] = c[1], a.lastIndex--;
   } else s[2] && (t.attrs[s[2]] = s[3].trim().substring(1, s[3].length - 1));
   return t;
 }
-var Ve = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, je = /^\s*$/, Ie = /* @__PURE__ */ Object.create(null);
-function ue(e, t) {
+var Ie = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, Le = /^\s*$/, Se = /* @__PURE__ */ Object.create(null);
+function ce(e, t) {
   switch (t.type) {
     case "text":
       return e + t.content;
@@ -53,37 +56,37 @@ function ue(e, t) {
         var r = [];
         for (var a in n) r.push(a + '="' + n[a] + '"');
         return r.length ? " " + r.join(" ") : "";
-      })(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(ue, "") + "</" + t.name + ">";
+      })(t.attrs) : "") + (t.voidElement ? "/>" : ">"), t.voidElement ? e : e + t.children.reduce(ce, "") + "</" + t.name + ">";
     case "comment":
       return e + "<!--" + t.comment + "-->";
   }
 }
 var _e = { parse: function(e, t) {
-  t || (t = {}), t.components || (t.components = Ie);
+  t || (t = {}), t.components || (t.components = Se);
   var n, r = [], a = [], s = -1, o = !1;
   if (e.indexOf("<") !== 0) {
     var c = e.indexOf("<");
     r.push({ type: "text", content: c === -1 ? e : e.substring(0, c) });
   }
-  return e.replace(Ve, function(f, m) {
+  return e.replace(Ie, function(f, m) {
     if (o) {
       if (f !== "</" + n.name + ">") return;
       o = !1;
     }
     var p, N = f.charAt(1) !== "/", $ = f.startsWith("<!--"), g = m + f.length, l = e.charAt(g);
     if ($) {
-      var T = ie(f);
+      var T = ae(f);
       return s < 0 ? (r.push(T), r) : ((p = a[s]).children.push(T), r);
     }
-    if (N && (s++, (n = ie(f)).type === "tag" && t.components[n.name] && (n.type = "component", o = !0), n.voidElement || o || !l || l === "<" || n.children.push({ type: "text", content: e.slice(g, e.indexOf("<", g)) }), s === 0 && r.push(n), (p = a[s - 1]) && p.children.push(n), a[s] = n), (!N || n.voidElement) && (s > -1 && (n.voidElement || n.name === f.slice(2, -1)) && (s--, n = s === -1 ? r : a[s]), !o && l !== "<" && l)) {
+    if (N && (s++, (n = ae(f)).type === "tag" && t.components[n.name] && (n.type = "component", o = !0), n.voidElement || o || !l || l === "<" || n.children.push({ type: "text", content: e.slice(g, e.indexOf("<", g)) }), s === 0 && r.push(n), (p = a[s - 1]) && p.children.push(n), a[s] = n), (!N || n.voidElement) && (s > -1 && (n.voidElement || n.name === f.slice(2, -1)) && (s--, n = s === -1 ? r : a[s]), !o && l !== "<" && l)) {
       p = s === -1 ? r : a[s].children;
       var h = e.indexOf("<", g), x = e.slice(g, h === -1 ? void 0 : h);
-      je.test(x) && (x = " "), (h > -1 && s + p.length >= 0 || x !== " ") && p.push({ type: "text", content: x });
+      Le.test(x) && (x = " "), (h > -1 && s + p.length >= 0 || x !== " ") && p.push({ type: "text", content: x });
     }
   }), r;
 }, stringify: function(e) {
   return e.reduce(function(t, n) {
-    return t + ue("", n);
+    return t + ce("", n);
   }, "");
 } };
 const G = (e, t) => {
@@ -96,26 +99,26 @@ const G = (e, t) => {
   if (!e) return [];
   const t = ((n = e.props) == null ? void 0 : n.children) ?? e.children;
   return (r = e.props) != null && r.i18nIsDynamicList ? S(t) : t;
-}, Se = (e) => Array.isArray(e) && e.every(D), S = (e) => Array.isArray(e) ? e : [e], Le = (e, t) => {
+}, Fe = (e) => Array.isArray(e) && e.every(D), S = (e) => Array.isArray(e) ? e : [e], we = (e, t) => {
   const n = {
     ...t
   };
   return n.props = Object.assign(e.props, t.props), n;
-}, Fe = (e) => {
+}, Re = (e) => {
   const t = {};
   if (!e) return t;
   const n = (r) => {
     S(r).forEach((s) => {
-      L(s) || (G(s) ? n(q(s)) : _(s) && !D(s) && Object.assign(t, s));
+      _(s) || (G(s) ? n(q(s)) : L(s) && !D(s) && Object.assign(t, s));
     });
   };
   return n(e), t;
-}, pe = (e, t, n, r) => {
+}, ue = (e, t, n, r) => {
   if (!e) return "";
   let a = "";
   const s = S(e), o = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
   return s.forEach((c, f) => {
-    if (L(c)) {
+    if (_(c)) {
       a += `${c}`;
       return;
     }
@@ -132,21 +135,21 @@ const G = (e, t) => {
         a += `<${f}></${f}>`;
         return;
       }
-      if ($ && N === 1 && L(g)) {
+      if ($ && N === 1 && _(g)) {
         a += `<${p}>${g}</${p}>`;
         return;
       }
-      const l = pe(g, t, n, r);
+      const l = ue(g, t, n, r);
       a += `<${f}>${l}</${f}>`;
       return;
     }
     if (c === null) {
-      Y(n, "TRANS_NULL_VALUE", "Passed in a null value as child", {
+      X(n, "TRANS_NULL_VALUE", "Passed in a null value as child", {
         i18nKey: r
       });
       return;
     }
-    if (_(c)) {
+    if (L(c)) {
       const {
         format: m,
         ...p
@@ -156,18 +159,18 @@ const G = (e, t) => {
         a += `{{${$}}}`;
         return;
       }
-      Y(n, "TRANS_INVALID_OBJ", "Invalid child - Object should only have keys {{ value, format }} (format is optional).", {
+      X(n, "TRANS_INVALID_OBJ", "Invalid child - Object should only have keys {{ value, format }} (format is optional).", {
         i18nKey: r,
         child: c
       });
       return;
     }
-    Y(n, "TRANS_INVALID_VAR", "Passed in a variable like {number} - pass variables for interpolation as full objects like {{number}}.", {
+    X(n, "TRANS_INVALID_VAR", "Passed in a variable like {number} - pass variables for interpolation as full objects like {{number}}.", {
       i18nKey: r,
       child: c
     });
   }), a;
-}, we = (e, t = [], n = {}) => {
+}, ze = (e, t = [], n = {}) => {
   if (!e) return e;
   const r = Object.keys(n), a = [...t, ...r];
   let s = "", o = 0;
@@ -190,93 +193,93 @@ const G = (e, t) => {
     } else
       s += e[o], o += 1;
   return s;
-}, ze = (e, t, n, r, a, s, o) => {
+}, Be = (e, t, n, r, a, s, o) => {
   if (n === "") return [];
   const c = a.transKeepBasicHtmlNodesFor || [], f = n && new RegExp(c.map((u) => `<${u}`).join("|")).test(n);
   if (!e && !t && !f && !o) return [n];
   const m = t ?? {}, p = (u) => {
     S(u).forEach((y) => {
-      L(y) || (G(y) ? p(q(y)) : _(y) && !D(y) && Object.assign(m, y));
+      _(y) || (G(y) ? p(q(y)) : L(y) && !D(y) && Object.assign(m, y));
     });
   };
   p(e);
-  const N = we(n, c, m), $ = _e.parse(`<0>${N}</0>`), g = {
+  const N = ze(n, c, m), $ = _e.parse(`<0>${N}</0>`), g = {
     ...m,
     ...s
   }, l = (u, A, y) => {
     var d;
     const E = q(u), I = h(E, A.children, y);
-    return Se(E) && I.length === 0 || (d = u.props) != null && d.i18nIsDynamicList ? E : I;
+    return Fe(E) && I.length === 0 || (d = u.props) != null && d.i18nIsDynamicList ? E : I;
   }, T = (u, A, y, E, I) => {
-    u.dummy ? (u.children = A, y.push(K(u, {
+    u.dummy ? (u.children = A, y.push(Q(u, {
       key: E
-    }, I ? void 0 : A))) : y.push(...de.map([u], (d) => {
+    }, I ? void 0 : A))) : y.push(...me.map([u], (d) => {
       const i = "data-i18n-is-dynamic-list", O = {
         key: E,
         [i]: void 0
       };
-      return d && d.props && Object.keys(d.props).forEach((C) => {
-        C === "ref" || C === "children" || C === "i18nIsDynamicList" || C === i || (O[C] = d.props[C]);
-      }), K(d, O, I ? null : A);
+      return d && d.props && Object.keys(d.props).forEach((k) => {
+        k === "ref" || k === "children" || k === "i18nIsDynamicList" || k === i || (O[k] = d.props[k]);
+      }), Q(d, O, I ? null : A);
     }));
   }, h = (u, A, y) => {
     const E = S(u);
     return S(A).reduce((d, i, O) => {
       var F, H;
-      const C = ((H = (F = i.children) == null ? void 0 : F[0]) == null ? void 0 : H.content) && r.services.interpolator.interpolate(i.children[0].content, g, r.language);
+      const k = ((H = (F = i.children) == null ? void 0 : F[0]) == null ? void 0 : H.content) && r.services.interpolator.interpolate(i.children[0].content, g, r.language);
       if (i.type === "tag") {
-        let k = E[parseInt(i.name, 10)];
-        !k && t && (k = t[i.name]), y.length === 1 && !k && (k = y[0][i.name]), k || (k = {});
+        let C = E[parseInt(i.name, 10)];
+        !C && t && (C = t[i.name]), y.length === 1 && !C && (C = y[0][i.name]), C || (C = {});
         const V = {
           ...i.attrs
         };
-        o && Object.keys(V).forEach((b) => {
-          const B = V[b];
-          L(B) && (V[b] = $e(B));
+        o && Object.keys(V).forEach((v) => {
+          const z = V[v];
+          _(z) && (V[v] = ke(z));
         });
-        const v = Object.keys(V).length !== 0 ? Le({
+        const b = Object.keys(V).length !== 0 ? we({
           props: V
-        }, k) : k, w = D(v), M = w && G(i, !0) && !i.voidElement, W = f && _(v) && v.dummy && !w, Z = _(t) && Object.hasOwnProperty.call(t, i.name);
-        if (L(v)) {
-          const b = r.services.interpolator.interpolate(v, g, r.language);
-          d.push(b);
-        } else if (G(v) || M) {
-          const b = l(v, i, y);
-          T(v, b, d, O);
+        }, C) : C, w = D(b), M = w && G(i, !0) && !i.voidElement, W = f && L(b) && b.dummy && !w, Z = L(t) && Object.hasOwnProperty.call(t, i.name);
+        if (_(b)) {
+          const v = r.services.interpolator.interpolate(b, g, r.language);
+          d.push(v);
+        } else if (G(b) || M) {
+          const v = l(b, i, y);
+          T(b, v, d, O);
         } else if (W) {
-          const b = h(E, i.children, y);
-          T(v, b, d, O);
+          const v = h(E, i.children, y);
+          T(b, v, d, O);
         } else if (Number.isNaN(parseFloat(i.name)))
           if (Z) {
-            const b = l(v, i, y);
-            T(v, b, d, O, i.voidElement);
+            const v = l(b, i, y);
+            T(b, v, d, O, i.voidElement);
           } else if (a.transSupportBasicHtmlNodes && c.indexOf(i.name) > -1)
             if (i.voidElement)
-              d.push(z(i.name, {
+              d.push(R(i.name, {
                 key: `${i.name}-${O}`
               }));
             else {
-              const b = h(E, i.children, y);
-              d.push(z(i.name, {
+              const v = h(E, i.children, y);
+              d.push(R(i.name, {
                 key: `${i.name}-${O}`
-              }, b));
+              }, v));
             }
           else if (i.voidElement)
             d.push(`<${i.name} />`);
           else {
-            const b = h(E, i.children, y);
-            d.push(`<${i.name}>${b}</${i.name}>`);
+            const v = h(E, i.children, y);
+            d.push(`<${i.name}>${v}</${i.name}>`);
           }
-        else if (_(v) && !w) {
-          const b = i.children[0] ? C : null;
-          b && d.push(b);
+        else if (L(b) && !w) {
+          const v = i.children[0] ? k : null;
+          v && d.push(v);
         } else
-          T(v, C, d, O, i.children.length !== 1 || !C);
+          T(b, k, d, O, i.children.length !== 1 || !k);
       } else if (i.type === "text") {
-        const k = a.transWrapTextNodes, V = typeof a.unescape == "function" ? a.unescape : ce().unescape, v = o ? V(r.services.interpolator.interpolate(i.content, g, r.language)) : r.services.interpolator.interpolate(i.content, g, r.language);
-        k ? d.push(z(k, {
+        const C = a.transWrapTextNodes, V = typeof a.unescape == "function" ? a.unescape : le().unescape, b = o ? V(r.services.interpolator.interpolate(i.content, g, r.language)) : r.services.interpolator.interpolate(i.content, g, r.language);
+        C ? d.push(R(C, {
           key: `${i.name}-${O}`
-        }, v)) : d.push(v);
+        }, b)) : d.push(b);
       }
       return d;
     }, []);
@@ -285,29 +288,29 @@ const G = (e, t) => {
     children: e || []
   }], $, S(e || []));
   return q(x[0]);
-}, fe = (e, t, n) => {
-  const r = e.key || t, a = K(e, {
+}, pe = (e, t, n) => {
+  const r = e.key || t, a = Q(e, {
     key: r
   });
   if (!a.props || !a.props.children || n.indexOf(`${t}/>`) < 0 && n.indexOf(`${t} />`) < 0)
     return a;
   function s() {
-    return z(he, null, a);
+    return R(de, null, a);
   }
-  return z(s, {
+  return R(s, {
     key: r
   });
-}, Be = (e, t) => e.map((n, r) => fe(n, r, t)), Re = (e, t) => {
+}, De = (e, t) => e.map((n, r) => pe(n, r, t)), He = (e, t) => {
   const n = {};
   return Object.keys(e).forEach((r) => {
     Object.assign(n, {
-      [r]: fe(e[r], r, t)
+      [r]: pe(e[r], r, t)
     });
   }), n;
-}, De = (e, t, n, r) => e ? Array.isArray(e) ? Be(e, t) : _(e) ? Re(e, t) : (oe(n, "TRANS_INVALID_COMPONENTS", '<Trans /> "components" prop expects an object or array', {
+}, Me = (e, t, n, r) => e ? Array.isArray(e) ? De(e, t) : L(e) ? He(e, t) : (ie(n, "TRANS_INVALID_COMPONENTS", '<Trans /> "components" prop expects an object or array', {
   i18nKey: r
-}), null) : null, He = (e) => !_(e) || Array.isArray(e) ? !1 : Object.keys(e).reduce((t, n) => t && Number.isNaN(Number.parseFloat(n)), !0);
-function Me({
+}), null) : null, We = (e) => !L(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,
@@ -323,18 +326,18 @@ function Me({
   shouldUnescape: $,
   ...g
 }) {
-  var b, B, P, ee, te, ne;
-  const l = p || le();
+  var v, z, K, P, ee, te;
+  const l = p || oe();
   if (!l)
-    return oe(l, "NO_I18NEXT_INSTANCE", "Trans: You need to pass in an i18next instance using i18nextReactModule", {
+    return ie(l, "NO_I18NEXT_INSTANCE", "Trans: You need to pass in an i18next instance using i18nextReactModule", {
       i18nKey: r
     }), e;
-  const T = N || l.t.bind(l) || ((me) => me), h = {
-    ...ce(),
-    ...(b = l.options) == null ? void 0 : b.react
+  const T = N || l.t.bind(l) || ((fe) => fe), h = {
+    ...le(),
+    ...(v = l.options) == null ? void 0 : v.react
   };
-  let x = m || T.ns || ((B = l.options) == null ? void 0 : B.defaultNS);
-  x = L(x) ? [x] : x || ["translation"];
+  let x = m || T.ns || ((z = l.options) == null ? void 0 : z.defaultNS);
+  x = _(x) ? [x] : x || ["translation"];
   const {
     transDefaultProps: u
   } = h, A = u != null && u.tOptions ? {
@@ -346,24 +349,24 @@ function Me({
   } : o, I = u != null && u.components ? {
     ...u.components,
     ...f
-  } : f, d = pe(e, h, l, r), i = c || (A == null ? void 0 : A.defaultValue) || d || h.transEmptyNodeValue || (typeof r == "function" ? Ae(r) : r), {
+  } : f, d = ue(e, h, l, r), i = c || (A == null ? void 0 : A.defaultValue) || d || h.transEmptyNodeValue || (typeof r == "function" ? $e(r) : r), {
     hashTransKey: O
-  } = h, C = r || (O ? O(d || i) : d || i);
-  (ee = (P = l.options) == null ? void 0 : P.interpolation) != null && ee.defaultVariables ? o = E && Object.keys(E).length > 0 ? {
+  } = h, k = r || (O ? O(d || i) : d || i);
+  (P = (K = l.options) == null ? void 0 : K.interpolation) != null && P.defaultVariables ? o = E && Object.keys(E).length > 0 ? {
     ...E,
     ...l.options.interpolation.defaultVariables
   } : {
     ...l.options.interpolation.defaultVariables
   } : o = E;
-  const F = Fe(e);
+  const F = Re(e);
   F && typeof F.count == "number" && t === void 0 && (t = F.count);
-  const H = o || t !== void 0 && !((ne = (te = l.options) == null ? void 0 : te.interpolation) != null && ne.alwaysFormat) || !e ? A.interpolation : {
+  const H = o || t !== void 0 && !((te = (ee = l.options) == null ? void 0 : ee.interpolation) != null && te.alwaysFormat) || !e ? A.interpolation : {
     interpolation: {
       ...A.interpolation,
       prefix: "#$?",
       suffix: "?$#"
     }
-  }, k = {
+  }, C = {
     ...A,
     context: a || A.context,
     count: t,
@@ -372,15 +375,15 @@ function Me({
     defaultValue: i,
     ns: x
   };
-  let V = C ? T(C, k) : i;
-  V === C && i && (V = i);
-  const v = De(I, V, l, r);
-  let w = v || e, M = null;
-  He(v) && (M = v, w = e);
-  const W = ze(w, M, V, l, h, k, y), Z = n ?? h.defaultTransParent;
-  return Z ? z(Z, g, W) : W;
+  let V = k ? T(k, C) : i;
+  V === k && i && (V = i);
+  const b = Me(I, V, l, r);
+  let w = b || e, M = null;
+  We(b) && (M = b, w = e);
+  const W = Be(w, M, V, l, h, C, y), Z = n ?? h.defaultTransParent;
+  return Z ? R(Z, g, W) : W;
 }
-function We({
+function Ge({
   children: e,
   count: t,
   parent: n,
@@ -400,8 +403,8 @@ function We({
   const {
     i18n: l,
     defaultNS: T
-  } = ge(Ne) || {}, h = p || l || le(), x = N || (h == null ? void 0 : h.t.bind(h));
-  return Me({
+  } = he(Ae) || {}, h = p || l || oe(), x = N || (h == null ? void 0 : h.t.bind(h));
+  return Ze({
     children: e,
     count: t,
     parent: n,
@@ -418,22 +421,22 @@ function We({
     ...g
   });
 }
-const et = ({
+const at = ({
   currentPage: e,
   totalPages: t,
   onPageChange: n,
   dataTestid: r
 }) => {
-  const { t: a } = xe();
+  const { t: a } = Ee();
   if (t === 0)
     return null;
-  const { breakpoint: s, width: o } = be(), [c, f] = ye(!1);
-  ve(() => {
+  const { breakpoint: s, width: o } = Ne(), [c, f] = ge(!1);
+  ye(() => {
     f(!0);
   }, []);
-  const m = c && s === re.ExtraSmall, p = c && o !== null && o < 639, N = () => (c && s ? se(e, t, s) : se(e, t, re.Large)).map(
+  const m = c && s === ne.ExtraSmall, p = c && o !== null && o < 639, N = () => (c && s ? re(e, t, s) : re(e, t, ne.Large)).map(
     (l, T) => l === -1 || l === -2 ? /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(
-      X,
+      xe,
       {
         role: "presentation",
         className: "gi-text-gray-700",
@@ -446,7 +449,7 @@ const et = ({
         size: "large",
         appearance: "dark",
         onClick: () => n(l),
-        "aria-label": a("pagination.goToPage", {
+        ariaLabel: a("pagination.goToPage", {
           page: l,
           defaultValue: `Go to page ${l}`
         }),
@@ -454,14 +457,14 @@ const et = ({
       },
       l
     )
-  ), $ = () => /* @__PURE__ */ j("span", { className: "gi-text-md gi-leading-6", "aria-live": "polite", children: /* @__PURE__ */ R(
-    We,
+  ), $ = () => /* @__PURE__ */ j("span", { className: "gi-text-md gi-leading-6", "aria-live": "polite", children: /* @__PURE__ */ B(
+    Ge,
     {
       i18nKey: "pagination.page",
       values: { currentPage: e, totalPages: t },
       components: { bold: /* @__PURE__ */ j("span", { className: "gi-font-bold" }) },
       children: [
-        /* @__PURE__ */ R("span", { className: "gi-font-bold", children: [
+        /* @__PURE__ */ B("span", { className: "gi-font-bold", children: [
           "Page ",
           e
         ] }),
@@ -470,7 +473,7 @@ const et = ({
       ]
     }
   ) });
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ B(
     "div",
     {
       className: "gi-pagination",
@@ -482,7 +485,7 @@ const et = ({
       }),
       "data-testid": r,
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ B(
           U,
           {
             variant: "flat",
@@ -490,19 +493,19 @@ const et = ({
             appearance: "dark",
             disabled: e === 1,
             onClick: () => n(e - 1),
-            "aria-label": a("pagination.goToPrevious", {
+            ariaLabel: a("pagination.goToPrevious", {
               defaultValue: "Go to previous"
             }),
             className: p ? "gi-icon-btn-large" : "",
-            dataTestid: "govie-pagination-prev-btn",
+            dataTestId: "govie-pagination-prev-btn",
             children: [
-              /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(X, { icon: "arrow_left_alt" }) }, "previous-btn-pagination"),
+              /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(be, { className: "gi-block gi-shrink-0" }) }, "previous-btn-pagination"),
               !p && a("pagination.previous", { defaultValue: "Previous" })
             ]
           }
         ),
         m ? $() : N(),
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ B(
           U,
           {
             disabled: e === t,
@@ -510,12 +513,12 @@ const et = ({
             size: "large",
             appearance: "dark",
             onClick: () => n(e + 1),
-            "aria-label": a("pagination.goToNext", { defaultValue: "Go to next" }),
+            ariaLabel: a("pagination.goToNext", { defaultValue: "Go to next" }),
             className: p ? "gi-icon-btn-large" : "",
-            dataTestid: "govie-pagination-next-btn",
+            dataTestId: "govie-pagination-next-btn",
             children: [
               !p && a("pagination.next", { defaultValue: "Next" }),
-              /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(X, { icon: "arrow_right_alt" }) }, "next-btn-pagination")
+              /* @__PURE__ */ j(J.Fragment, { children: /* @__PURE__ */ j(ve, { className: "gi-block gi-shrink-0" }) }, "next-btn-pagination")
             ]
           }
         )
@@ -524,5 +527,5 @@ const et = ({
   );
 };
 export {
-  et as Pagination
+  at as Pagination
 };

package/dist/paragraph/paragraph.d.ts

@@ -1,5 +1,5 @@
 export type ParagraphAs = 'p' | 'span';
-export type ParagraphSize = 'lg' | 'md' | 'sm';
+export type ParagraphSize = 'xl' | 'lg' | 'md' | 'sm';
 export type ParagraphAlign = 'start' | 'center' | 'end' | 'justify';
 export type ParagraphWhitespace = 'normal' | 'pre' | 'pre-wrap' | 'break-spaces';
 export type ParagraphProps = {

package/dist/paragraph/paragraph.js

@@ -1,24 +1,26 @@
 import { jsx as m } from "react/jsx-runtime";
 function w({
-  as: e = "p",
-  size: a = "md",
+  as: a = "p",
+  size: e = "md",
   align: r = "start",
   whitespace: t = "normal",
   children: s,
-  style: i,
-  className: p,
+  style: p,
+  className: i,
   id: n,
   ariaLabel: c,
   dataTestid: g
 }) {
   const u = (() => {
-    switch (a) {
+    switch (e) {
+      case "xl":
+        return a === "p" ? "gi-paragraph-xl" : "gi-span-xl";
       case "lg":
-        return e === "p" ? "gi-paragraph-lg" : "gi-span-lg";
+        return a === "p" ? "gi-paragraph-lg" : "gi-span-lg";
       case "sm":
-        return e === "p" ? "gi-paragraph-sm" : "gi-span-sm";
+        return a === "p" ? "gi-paragraph-sm" : "gi-span-sm";
       default:
-        return e === "p" ? "gi-paragraph-md" : "gi-span-md";
+        return a === "p" ? "gi-paragraph-md" : "gi-span-md";
     }
   })(), l = (() => {
     switch (r) {
@@ -44,11 +46,11 @@ function w({
     }
   })();
   return /* @__PURE__ */ m(
-    e,
+    a,
     {
-      className: `${u} ${l} ${h} ${p || ""}`,
+      className: `${u} ${l} ${h} ${i || ""}`,
       "aria-label": c,
-      style: i,
+      style: p,
       id: n,
       "data-testid": g,
       children: s

package/dist/score-select/type.d.ts

@@ -1,9 +1,9 @@
-import { ButtonSize } from '../button/types.js';
+import { Props as ButtonProps } from '../atoms/Button';
 type ScoreSelectType = '1-5' | '1-7' | '0-10';
 export type ScoreSelectProps = {
     name: string;
     value?: string;
-    size?: ButtonSize;
+    size?: ButtonProps['size'];
     label: string;
     hint?: string;
     leftLabel?: string;