@ogcio/design-system-react 1.32.0 → 1.34.0

package/dist/modal/modal.content.js

@@ -1,5 +1,5 @@
-import { jsxs as i, jsx as t, Fragment as r } from "react/jsx-runtime";
-import { Button as o } from "../button/button.js";
+import { jsxs as i, Fragment as r, jsx as t } from "react/jsx-runtime";
+import o from "../atoms/Button.js";
 import { ModalTitle as e, ModalBody as a, ModalFooter as n } from "./modal.js";
 const c = /* @__PURE__ */ i(r, { children: [
   /* @__PURE__ */ t(e, { children: "Modal Title" }),

package/dist/modal/modal.js

@@ -1,16 +1,16 @@
 "use client";
-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 { jsx as l, jsxs as y, Fragment as P } from "react/jsx-runtime";
+import { isValidElement as K, cloneElement as T, useState as j, 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 A from "../atoms/Button.js";
 import { cn as u } from "../cn.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";
 import { IconButton as Z } from "../icon-button/icon-button.js";
 import { splitAriaProps as O, isSpecialComponent as ee, getSpecialComponentType as te } from "../utils/utilities.js";
-const I = {
+const B = {
   flat: 0,
   secondary: 1,
   primary: 2
@@ -21,16 +21,16 @@ const I = {
 }) => {
   let n = "sm";
   return (o === "large" || o === "medium") && (n = "md"), e ? /* @__PURE__ */ l(
-    E,
+    A,
     {
       onClick: t.onClick,
       variant: "flat",
       size: o,
       appearance: "dark",
       className: "gi-modal-icon",
-      "aria-label": e,
+      ariaLabel: e,
       ...t,
-      children: /* @__PURE__ */ y(j, { children: [
+      children: /* @__PURE__ */ y(P, { children: [
         e,
         /* @__PURE__ */ l(Y, { icon: "close", size: n })
       ] })
@@ -72,25 +72,25 @@ const I = {
   closeOnOverlayClick: n = !0,
   isOpen: a,
   onClose: d,
-  closeButtonLabel: h,
+  closeButtonLabel: v,
   className: s,
   children: f,
   closeButtonSize: r,
   closeOnEscape: i,
   dataTestId: c,
-  ...v
+  ...h
 }) => {
-  var w;
+  var I;
   const M = U(null);
   Q(M, a);
-  const [D, R] = W(
-    () => O(v),
-    [v]
+  const [D, L] = W(
+    () => O(h),
+    [h]
   ), F = _.toArray(f), N = (m) => F.find(
     (p) => te(p) === m
-  ), g = N("ModalTitle"), b = N("ModalFooter") || N("DrawerFooter"), S = z(), L = ((w = g == null ? void 0 : g.props) == null ? void 0 : w.id) || `gi-modal-title-${S}`, H = g ? T(g, {
+  ), g = N("ModalTitle"), b = N("ModalFooter") || N("DrawerFooter"), R = z(), S = ((I = g == null ? void 0 : g.props) == null ? void 0 : I.id) || `gi-modal-title-${R}`, H = g ? T(g, {
     as: o === "sm" ? "h5" : "h4",
-    id: L
+    id: S
   }) : null, $ = b ? T(b, {
     dataModalSize: o
   }) : null, V = F.filter(
@@ -109,18 +109,18 @@ const I = {
     if (!a || !t || !n)
       return;
     const m = (p) => {
-      var B;
-      const k = (B = M.current) == null ? void 0 : B.querySelector(
+      var k;
+      const w = (k = M.current) == null ? void 0 : k.querySelector(
         ".gi-modal-container-control"
       );
-      k && (k.contains(p.target) || d());
+      w && (w.contains(p.target) || d());
     };
     return document.addEventListener("pointerdown", m, !0), () => document.removeEventListener("pointerdown", m, !0);
   }, [a, t, n, d]);
   const q = /* @__PURE__ */ l(
     "div",
     {
-      ...R,
+      ...L,
       ref: M,
       className: u("gi-modal", {
         "gi-modal-open": a,
@@ -153,7 +153,7 @@ const I = {
             /* @__PURE__ */ l(
               ae,
               {
-                closeButtonLabel: h,
+                closeButtonLabel: v,
                 modalTitle: H,
                 closeOnClick: t,
                 onClose: d,
@@ -170,14 +170,14 @@ const I = {
     }
   );
   return /* @__PURE__ */ l(ne, { modalRef: M, isOpen: a, children: q });
-}, P = ({ children: e, as: o = "h4", ...t }) => /* @__PURE__ */ l("div", { className: "gi-flex-1", id: t.id, "aria-label": e == null ? void 0 : e.toString(), children: /* @__PURE__ */ l(J, { as: o, ...t, children: e }) });
-Object.defineProperty(P, "componentType", {
+}, E = ({ children: e, as: o = "h4", ...t }) => /* @__PURE__ */ l("div", { className: "gi-flex-1", id: t.id, "aria-label": e == null ? void 0 : e.toString(), children: /* @__PURE__ */ l(J, { as: o, ...t, children: e }) });
+Object.defineProperty(E, "componentType", {
   value: "ModalTitle",
   writable: !1,
   enumerable: !1
 });
-P.displayName = "ModalTitle";
-const he = ({
+E.displayName = "ModalTitle";
+const ve = ({
   children: e,
   className: o,
   includeModalClass: t = !0
@@ -199,10 +199,10 @@ const he = ({
 }) => {
   const s = (Array.isArray(o) ? o : [o]).filter((r) => {
     var i, c;
-    return K(r) && (r.type === E || ((i = r.type) == null ? void 0 : i.displayName) === "Button" || ((c = r.props) == null ? void 0 : c["data-button"]));
+    return K(r) && (r.type === A || ((i = r.type) == null ? void 0 : i.displayName) === "Button" || ((c = r.props) == null ? void 0 : c["data-button"]));
   }).sort((r, i) => {
-    const c = r.props.variant ?? "primary", v = i.props.variant ?? "primary";
-    return (I[c] || 0) - (I[v] || 0);
+    const c = r.props.variant ?? "primary", h = i.props.variant ?? "primary";
+    return (B[c] || 0) - (B[h] || 0);
   }), f = u({
     "gi-justify-center sm:gi-justify-start": !t && n !== "sm" && !a,
     "gi-justify-center": t === "vertical" || n === "sm" || a,
@@ -225,7 +225,7 @@ const he = ({
             (r, i) => {
               var c;
               return T(r, {
-                key: r.key || r.props.id || r.props.dataTestid || `modal-footer-button-${i}`,
+                key: r.key || r.props.id || r.props.dataTestId || `modal-footer-button-${i}`,
                 id: r.props.id || `modal-footer-button-${i}`,
                 className: u((c = r == null ? void 0 : r.props) == null ? void 0 : c.className, f)
               });
@@ -247,22 +247,22 @@ const ne = ({
   modalRef: o,
   isOpen: t
 }) => {
-  const [n, a] = A(!1);
+  const [n, a] = j(!1);
   return C(() => {
     a(!0);
   }, []), X(o, t && n), n ? G(e, document.body) : null;
-}, ve = ({
+}, he = ({
   children: e,
   triggerButton: o,
   startsOpen: t,
   ...n
 }) => {
-  const [a, d] = A(!!t), h = () => d(!0), s = () => d(!1), f = T(o, {
-    "data-testid": "modal-trigger-button-container",
-    "aria-haspopup": "dialog",
-    onClick: h
+  const [a, d] = j(!!t), v = () => d(!0), s = () => d(!1), f = T(o, {
+    dataTestId: "modal-trigger-button-container",
+    ariaHasPopup: "dialog",
+    onClick: v
   });
-  return /* @__PURE__ */ y(j, { children: [
+  return /* @__PURE__ */ y(P, { children: [
     f,
     /* @__PURE__ */ l(
       re,
@@ -277,9 +277,9 @@ const ne = ({
   ] });
 };
 export {
-  ve as Modal,
-  he as ModalBody,
+  he as Modal,
+  ve as ModalBody,
   x as ModalFooter,
-  P as ModalTitle,
+  E as ModalTitle,
   re as ModalWrapper
 };

package/dist/modal/types.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, ReactElement } from 'react';
-import { ButtonProps, ButtonSize, ButtonVariant } from '../button/types.js';
+import { Props as ButtonProps } from '../atoms/Button';
 import { IconButtonProps } from '../icon-button/icon-button.js';
 import { ModalBody, ModalFooter, ModalTitle } from './modal.js';
 export type ModalPositions = 'center' | 'left' | 'right' | 'bottom';
@@ -10,7 +10,7 @@ type ModalWrapperOwnProps = {
     isOpen: boolean;
     onClose: () => void;
     position?: ModalPositions;
-    closeButtonSize?: ButtonSize;
+    closeButtonSize?: ButtonProps['size'];
 };
 export type ModalWrapperProps = ModalWrapperOwnProps & Omit<ComponentPropsWithoutRef<'div'>, 'role'> & Omit<ModalProps, 'triggerButton'>;
 export type ModalSize = 'sm' | 'md' | 'lg';
@@ -27,10 +27,11 @@ export type ModalProps = React.AriaAttributes & {
 };
 export type ModalCloseButtonProps = {
     label?: string;
-} & Omit<IconButtonProps, 'className' | 'icon' | 'variant' | 'appearance'>;
+    size?: ButtonProps['size'];
+} & Omit<IconButtonProps, 'className' | 'icon' | 'variant' | 'appearance' | 'size'>;
 export type ModalFooterButton = {
     label: string;
-    variant: ButtonVariant;
+    variant: ButtonProps['variant'];
 } & ButtonProps;
 export type ModalFooterProps = {
     className?: string;

package/dist/pagination/pagination.js

@@ -1,18 +1,17 @@
 "use client";
-import { jsxs as B, jsx as j } from "react/jsx-runtime";
+import { jsxs as B, jsx as I } 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 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 { Button as U } from "../button/button.js";
+import ve from "../atoms/icons/ArrowLeft.js";
+import be 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 S, I as Ae, u as Ee } from "../useTranslation-DiBQuy8S.js";
-import { k as $e } from "../i18next-Bfi2-LyH.js";
+import { w as ie, i as _, a as X, b as L, I as Ae, u as Ee } from "../useTranslation-CRbS3UeG.js";
+import { k as $e } from "../i18next-zBkzxGW1.js";
 import { g as Te } from "../_commonjsHelpers-DaMA6jEr.js";
-import { g as oe, b as le, u as ke } from "../i18nInstance-AYICsHJu.js";
+import { g as oe, b as le, u as ke } from "../i18nInstance-DiZ0lVPL.js";
 var Y, se;
 function Ce() {
   return se || (se = 1, Y = {
@@ -34,20 +33,20 @@ function Ce() {
 }
 var Oe = Ce();
 const Ve = /* @__PURE__ */ Te(Oe);
-var je = /\s([^'"/\s><]+?)[\s/>]|([^\s=]+)=\s?(".*?"|'.*?')/g;
+var Ie = /\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], (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(je), s = null; (s = a.exec(e)) !== null; ) if (s[0].trim()) if (s[1]) {
+  for (var a = new RegExp(Ie), 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 Ie = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, Se = /^\s*$/, Le = /* @__PURE__ */ Object.create(null);
+var je = /<[a-zA-Z0-9\-\!\/](?:"[^"]*"|'[^']*'|[^'">])*>/g, Le = /^\s*$/, Se = /* @__PURE__ */ Object.create(null);
 function ce(e, t) {
   switch (t.type) {
     case "text":
@@ -63,13 +62,13 @@ function ce(e, t) {
   }
 }
 var _e = { parse: function(e, t) {
-  t || (t = {}), t.components || (t.components = Le);
+  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(Ie, function(f, m) {
+  return e.replace(je, function(f, m) {
     if (o) {
       if (f !== "</" + n.name + ">") return;
       o = !1;
@@ -82,7 +81,7 @@ var _e = { parse: function(e, t) {
     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);
-      Se.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) {
@@ -99,25 +98,28 @@ 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 ? L(t) : t;
-}, Fe = (e) => Array.isArray(e) && e.every(D), L = (e) => Array.isArray(e) ? e : [e], we = (e, t) => {
+  return (r = e.props) != null && r.i18nIsDynamicList ? S(t) : 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;
+  return n.props = {
+    ...t.props,
+    ...e.props
+  }, n;
 }, Re = (e) => {
   const t = {};
   if (!e) return t;
   const n = (r) => {
-    L(r).forEach((s) => {
-      _(s) || (G(s) ? n(q(s)) : S(s) && !D(s) && Object.assign(t, s));
+    S(r).forEach((s) => {
+      _(s) || (G(s) ? n(q(s)) : L(s) && !D(s) && Object.assign(t, s));
     });
   };
   return n(e), t;
 }, ue = (e, t, n, r) => {
   if (!e) return "";
   let a = "";
-  const s = L(e), o = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
+  const s = S(e), o = t != null && t.transSupportBasicHtmlNodes ? t.transKeepBasicHtmlNodesFor ?? [] : [];
   return s.forEach((c, f) => {
     if (_(c)) {
       a += `${c}`;
@@ -150,7 +152,7 @@ const G = (e, t) => {
       });
       return;
     }
-    if (S(c)) {
+    if (L(c)) {
       const {
         format: m,
         ...p
@@ -199,8 +201,8 @@ const G = (e, t) => {
   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) => {
-    L(u).forEach((y) => {
-      _(y) || (G(y) ? p(q(y)) : S(y) && !D(y) && Object.assign(m, y));
+    S(u).forEach((y) => {
+      _(y) || (G(y) ? p(q(y)) : L(y) && !D(y) && Object.assign(m, y));
     });
   };
   p(e);
@@ -209,23 +211,23 @@ const G = (e, t) => {
     ...s
   }, l = (u, A, y) => {
     var d;
-    const E = q(u), I = h(E, A.children, y);
-    return Fe(E) && I.length === 0 || (d = u.props) != null && d.i18nIsDynamicList ? E : I;
-  }, T = (u, A, y, E, I) => {
+    const E = q(u), j = h(E, A.children, y);
+    return Fe(E) && j.length === 0 || (d = u.props) != null && d.i18nIsDynamicList ? E : j;
+  }, T = (u, A, y, E, j) => {
     u.dummy ? (u.children = A, y.push(Q(u, {
       key: E
-    }, I ? void 0 : A))) : y.push(...me.map([u], (d) => {
+    }, j ? 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((k) => {
         k === "ref" || k === "children" || k === "i18nIsDynamicList" || k === i || (O[k] = d.props[k]);
-      }), Q(d, O, I ? null : A);
+      }), Q(d, O, j ? null : A);
     }));
   }, h = (u, A, y) => {
-    const E = L(u);
-    return L(A).reduce((d, i, O) => {
+    const E = S(u);
+    return S(A).reduce((d, i, O) => {
       var F, H;
       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") {
@@ -234,60 +236,60 @@ const G = (e, t) => {
         const V = {
           ...i.attrs
         };
-        o && Object.keys(V).forEach((v) => {
-          const z = V[v];
-          _(z) && (V[v] = ke(z));
+        o && Object.keys(V).forEach((b) => {
+          const z = V[b];
+          _(z) && (V[b] = ke(z));
         });
-        const b = Object.keys(V).length !== 0 ? we({
+        const v = Object.keys(V).length !== 0 ? we({
           props: V
-        }, 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);
+        }, C) : C, w = D(v), M = w && G(i, !0) && !i.voidElement, W = f && L(v) && v.dummy && !w, Z = L(t) && Object.hasOwnProperty.call(t, i.name);
+        if (_(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);
         } else if (W) {
-          const v = h(E, i.children, y);
-          T(b, v, d, O);
+          const b = h(E, i.children, y);
+          T(v, b, d, O);
         } else if (Number.isNaN(parseFloat(i.name)))
           if (Z) {
-            const v = l(b, i, y);
-            T(b, v, d, O, i.voidElement);
+            const b = l(v, i, y);
+            T(v, b, d, O, i.voidElement);
           } else if (a.transSupportBasicHtmlNodes && c.indexOf(i.name) > -1)
             if (i.voidElement)
               d.push(R(i.name, {
                 key: `${i.name}-${O}`
               }));
             else {
-              const v = h(E, i.children, y);
+              const b = h(E, i.children, y);
               d.push(R(i.name, {
                 key: `${i.name}-${O}`
-              }, v));
+              }, b));
             }
           else if (i.voidElement)
             d.push(`<${i.name} />`);
           else {
-            const v = h(E, i.children, y);
-            d.push(`<${i.name}>${v}</${i.name}>`);
+            const b = h(E, i.children, y);
+            d.push(`<${i.name}>${b}</${i.name}>`);
           }
-        else if (S(b) && !w) {
-          const v = i.children[0] ? k : null;
-          v && d.push(v);
+        else if (L(v) && !w) {
+          const b = i.children[0] ? k : null;
+          b && d.push(b);
         } else
-          T(b, k, d, O, i.children.length !== 1 || !k);
+          T(v, k, d, O, i.children.length !== 1 || !k);
       } else if (i.type === "text") {
-        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);
+        const C = a.transWrapTextNodes, V = typeof a.unescape == "function" ? a.unescape : oe().unescape, v = 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}`
-        }, b)) : d.push(b);
+        }, v)) : d.push(v);
       }
       return d;
     }, []);
   }, x = h([{
     dummy: !0,
     children: e || []
-  }], $, L(e || []));
+  }], $, S(e || []));
   return q(x[0]);
 }, pe = (e, t, n) => {
   const r = e.key || t, a = Q(e, {
@@ -308,9 +310,9 @@ const G = (e, t) => {
       [r]: pe(e[r], r, t)
     });
   }), n;
-}, 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', {
+}, 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, We = (e) => !S(e) || Array.isArray(e) ? !1 : Object.keys(e).reduce((t, n) => t && Number.isNaN(Number.parseFloat(n)), !0);
+}), 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,
@@ -327,15 +329,15 @@ function Ze({
   shouldUnescape: $,
   ...g
 }) {
-  var v, z, K, P, ee, te;
-  const l = p || oe();
+  var b, z, K, P, ee, te;
+  const l = p || le();
   if (!l)
     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) || ((fe) => fe), h = {
-    ...le(),
-    ...(v = l.options) == null ? void 0 : v.react
+    ...oe(),
+    ...(b = l.options) == null ? void 0 : b.react
   };
   let x = m || T.ns || ((z = l.options) == null ? void 0 : z.defaultNS);
   x = _(x) ? [x] : x || ["translation"];
@@ -347,7 +349,7 @@ function Ze({
   } : s, y = $ ?? (u == null ? void 0 : u.shouldUnescape), E = u != null && u.values ? {
     ...u.values,
     ...o
-  } : o, I = u != null && u.components ? {
+  } : o, j = u != null && u.components ? {
     ...u.components,
     ...f
   } : f, d = ue(e, h, l, r), i = c || (A == null ? void 0 : A.defaultValue) || d || h.transEmptyNodeValue || (typeof r == "function" ? $e(r) : r), {
@@ -378,9 +380,9 @@ function Ze({
   };
   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 v = Me(j, V, l, r);
+  let w = v || e, M = null;
+  We(v) && (M = v, w = e);
   const W = Be(w, M, V, l, h, C, y), Z = n ?? h.defaultTransParent;
   return Z ? R(Z, g, W) : W;
 }
@@ -404,7 +406,7 @@ function Ge({
   const {
     i18n: l,
     defaultNS: T
-  } = he(Ae) || {}, h = p || l || oe(), x = N || (h == null ? void 0 : h.t.bind(h));
+  } = he(Ae) || {}, h = p || l || le(), x = N || (h == null ? void 0 : h.t.bind(h));
   return Ze({
     children: e,
     count: t,
@@ -422,7 +424,7 @@ function Ge({
     ...g
   });
 }
-const it = ({
+const at = ({
   currentPage: e,
   totalPages: t,
   onPageChange: n,
@@ -436,21 +438,21 @@ const it = ({
     f(!0);
   }, []);
   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(
+    (l, T) => l === -1 || l === -2 ? /* @__PURE__ */ I(J.Fragment, { children: /* @__PURE__ */ I(
       xe,
       {
         role: "presentation",
         className: "gi-text-gray-700",
         icon: "more_horiz"
       }
-    ) }, `ellipsis-${T}`) : /* @__PURE__ */ j(
+    ) }, `ellipsis-${T}`) : /* @__PURE__ */ I(
       U,
       {
         variant: l === e ? "primary" : "flat",
         size: "large",
         appearance: "dark",
         onClick: () => n(l),
-        "aria-label": a("pagination.goToPage", {
+        ariaLabel: a("pagination.goToPage", {
           page: l,
           defaultValue: `Go to page ${l}`
         }),
@@ -458,12 +460,12 @@ const it = ({
       },
       l
     )
-  ), $ = () => /* @__PURE__ */ j("span", { className: "gi-text-md gi-leading-6", "aria-live": "polite", children: /* @__PURE__ */ B(
+  ), $ = () => /* @__PURE__ */ I("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" }) },
+      components: { bold: /* @__PURE__ */ I("span", { className: "gi-font-bold" }) },
       children: [
         /* @__PURE__ */ B("span", { className: "gi-font-bold", children: [
           "Page ",
@@ -494,13 +496,13 @@ const it = ({
             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(be, { className: "gi-block gi-shrink-0" }) }, "previous-btn-pagination"),
+              /* @__PURE__ */ I(J.Fragment, { children: /* @__PURE__ */ I(ve, { className: "gi-block gi-shrink-0" }) }, "previous-btn-pagination"),
               !p && a("pagination.previous", { defaultValue: "Previous" })
             ]
           }
@@ -514,12 +516,12 @@ const it = ({
             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(ve, { className: "gi-block gi-shrink-0" }) }, "next-btn-pagination")
+              /* @__PURE__ */ I(J.Fragment, { children: /* @__PURE__ */ I(be, { className: "gi-block gi-shrink-0" }) }, "next-btn-pagination")
             ]
           }
         )
@@ -528,5 +530,5 @@ const it = ({
   );
 };
 export {
-  it as Pagination
+  at as Pagination
 };

package/dist/progress-stepper/progress-stepper.js

@@ -2,7 +2,7 @@ import { jsxs as u, jsx as r } from "react/jsx-runtime";
 import { Children as V } from "react";
 import { cn as L } from "../cn.js";
 import { Icon as j } from "../icon/icon.js";
-import { ProgressStepperIndicator as b, StepStatus as y } from "./types.js";
+import { StepStatus as y, ProgressStepperIndicator as b } from "./types.js";
 const B = (t) => `calc(100% + ${t * 4 - 36}px)`, D = ({
   isNextStep: t,
   orientation: a = "horizontal",

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;

package/dist/select/select-native.js

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { cn as o } from "../cn.js";
 import { Icon as m } from "../icon/icon.js";
 const b = ({