@ogcio/design-system-react 1.31.1 → 1.32.0

package/dist/index.d.ts

@@ -40,7 +40,7 @@ export { HeaderSearch, type HeaderSearchProps, } from './header/components/heade
 export { Header } from './header/header.js';
 export * from './header/header-next/index.js';
 export type { HeaderItem, HeaderProps } from './header/types.js';
-export { Heading, type HeadingProps } from './heading/heading.js';
+export { default as Heading, type Props as HeadingProps } from './Heading.js';
 export type { HintTextProps } from './hint-text/types.js';
 export * from './i18n/config.js';
 export { IconButton, type IconButtonProps } from './icon-button/icon-button.js';

package/dist/index.js

@@ -37,7 +37,7 @@ import { HeaderMenuItemButton as We } from "./header/header-next/components/menu
 import { HeaderMenuItemLink as Ue } from "./header/header-next/components/menu/components/header-menu-item-link.js";
 import { HeaderMenuItemSeparator as qe } from "./header/header-next/components/menu/components/header-menu-item-separator.js";
 import { HeaderMenuItemSlot as Je } from "./header/header-next/components/menu/components/header-menu-item-slot.js";
-import { Heading as Oe } from "./heading/heading.js";
+import { default as Oe } from "./Heading.js";
 import { initI18n as Xe } from "./i18n/config.js";
 import { IconButton as Ze } from "./icon-button/icon-button.js";
 import { Icon as $e } from "./icon/icon.js";

package/dist/input-text/input-text.js

@@ -142,7 +142,7 @@ const H = d(
       icon: r
     },
     "data-testid": t,
-    "aria-label": e || "",
+    "aria-label": e || void 0,
     onClick: a,
     variant: "flat",
     size: "small",

package/dist/input-text/type.d.ts

@@ -4,7 +4,7 @@ export type InputActionButtonProps = {
     icon: IconId;
     onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
     disabled?: boolean;
-    ariaLabel?: string;
+    ariaLabel: string;
     dataTestId?: string;
     ref?: React.Ref<HTMLButtonElement>;
 };

package/dist/modal/modal.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { HeadingProps } from '../heading/heading.js';
+import { Props as HeadingProps } from '../Heading.js';
 import { ModalFooterProps, ModalProps, ModalWrapperProps } from './types.js';
 export declare const ModalWrapper: ({ position, size, closeOnClick, closeOnOverlayClick, isOpen, onClose, closeButtonLabel, className, children, closeButtonSize, closeOnEscape, dataTestId, ...props }: ModalWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalTitle: {

package/dist/modal/modal.js

@@ -2,9 +2,9 @@
 import { jsx as l, jsxs as y, Fragment as j } from "react/jsx-runtime";
 import { isValidElement as K, cloneElement as T, useState as A, useRef as U, useMemo as W, Children as _, useId as z, useEffect as C } from "react";
 import { createPortal as G } from "react-dom";
+import J from "../Heading.js";
 import { Button as E } from "../button/button.js";
 import { cn as u } from "../cn.js";
-import { Heading as J } from "../heading/heading.js";
 import { useAriaHider as Q } from "../hooks/use-aria-hider.js";
 import { useFocusTrap as X } from "../hooks/use-focus-trap.js";
 import { Icon as Y } from "../icon/icon.js";

package/dist/pagination/pagination.js

@@ -1,17 +1,21 @@
 "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 { 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 "../atoms/Button.js";
+import "../atoms/heading/styles.js";
+import be from "../atoms/icons/ArrowLeft.js";
+import ve from "../atoms/icons/ArrowRight.js";
 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 { 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 S, 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 +30,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, Se = /^\s*$/, Le = /* @__PURE__ */ Object.create(null);
+function ce(e, t) {
   switch (t.type) {
     case "text":
       return e + t.content;
@@ -53,37 +57,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 = Le);
   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 });
+      Se.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) => {
@@ -95,27 +99,27 @@ const G = (e, t) => {
   var n, r;
   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) => {
+  return (r = e.props) != null && r.i18nIsDynamicList ? L(t) : t;
+}, Fe = (e) => Array.isArray(e) && e.every(D), L = (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));
+    L(r).forEach((s) => {
+      _(s) || (G(s) ? n(q(s)) : S(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 ?? [] : [];
+  const s = L(e), o = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
   return s.forEach((c, f) => {
-    if (L(c)) {
+    if (_(c)) {
       a += `${c}`;
       return;
     }
@@ -132,21 +136,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 (S(c)) {
       const {
         format: m,
         ...p
@@ -156,18 +160,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,124 +194,124 @@ 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));
+    L(u).forEach((y) => {
+      _(y) || (G(y) ? p(q(y)) : S(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) => {
+    const E = L(u);
+    return L(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 && S(b) && b.dummy && !w, Z = S(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 (S(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;
     }, []);
   }, x = h([{
     dummy: !0,
     children: e || []
-  }], $, S(e || []));
+  }], $, L(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) : S(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) => !S(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 +327,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 +350,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 +376,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 +404,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 +422,22 @@ function We({
     ...g
   });
 }
-const et = ({
+const it = ({
   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",
@@ -454,14 +458,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 +474,7 @@ const et = ({
       ]
     }
   ) });
-  return /* @__PURE__ */ R(
+  return /* @__PURE__ */ B(
     "div",
     {
       className: "gi-pagination",
@@ -482,7 +486,7 @@ const et = ({
       }),
       "data-testid": r,
       children: [
-        /* @__PURE__ */ R(
+        /* @__PURE__ */ B(
           U,
           {
             variant: "flat",
@@ -496,13 +500,13 @@ const et = ({
             className: p ? "gi-icon-btn-large" : "",
             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,
@@ -515,7 +519,7 @@ const et = ({
             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 +528,5 @@ const et = ({
   );
 };
 export {
-  et as Pagination
+  it 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 = {