@telefonica/mistica 15.20.1 → 16.0.0

package/dist/tooltip.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BaseTooltip: function() {
-        return qt;
+        return Zt;
     },
     default: function() {
-        return ve;
+        return xe;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -38,6 +38,7 @@ const _platform = require("./utils/platform.js");
 const _iconbutton = require("./icon-button.js");
 const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-close-regular.js"));
 const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -163,68 +164,68 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const ct = (t)=>({
+const ft = (t)=>({
         border: `1px solid ${t ? _skincontractcssmistica.vars.colors.backgroundContainer : _skincontractcssmistica.vars.colors.border}`
-    }), ft = 496, Gt = 300, Kt = 500, Ut = 100, f = 20, S = 6, C = S + f / 2 + 1, jt = (t)=>{
+    }), pt = 496, Kt = 300, Ut = 500, jt = 100, f = 20, E = 6, N = E + f / 2 + 1, qt = (t)=>{
     switch(t){
         case "left":
-            return `translateX(-${S}px)`;
+            return `translateX(-${E}px)`;
         case "right":
-            return `translateX(${S}px)`;
+            return `translateX(${E}px)`;
         case "top":
-            return `translateY(-${S}px)`;
+            return `translateY(-${E}px)`;
         case "bottom":
-            return `translateY(${S}px)`;
+            return `translateY(${E}px)`;
         default:
             return "";
     }
-}, dt = (t)=>{
-    const h = parseFloat(getComputedStyle(t, null).paddingLeft) + parseFloat(getComputedStyle(t, null).paddingRight), v = parseFloat(getComputedStyle(t, null).paddingTop) + parseFloat(getComputedStyle(t, null).paddingBottom), p = t.offsetWidth - h, d = t.offsetHeight - v;
+}, mt = (t)=>{
+    const h = parseFloat(getComputedStyle(t, null).paddingLeft) + parseFloat(getComputedStyle(t, null).paddingRight), b = parseFloat(getComputedStyle(t, null).paddingTop) + parseFloat(getComputedStyle(t, null).paddingBottom), p = t.offsetWidth - h, d = t.offsetHeight - b;
     return {
         width: p,
         height: d
     };
-}, pt = (t, h, v, p, d)=>{
+}, dt = (t, h, b, p, d)=>{
     if (!t || !h) return;
-    const { top: x, bottom: w, left: W, right: V } = t, I = p - w, o = d - V, O = x, R = W, { width: m, height: X } = dt(h), _ = m + C, N = X + C, T = _ <= Math.max(R, o), b = N <= Math.max(I, O);
-    if (!(!b && !T)) switch(v){
+    const { top: v, bottom: S, left: W, right: V } = t, O = p - S, o = d - V, w = v, I = W, { width: X, height: m } = mt(h), C = X + N, R = m + N, _ = C <= Math.max(I, o), T = R <= Math.max(O, w);
+    if (!(!T && !_)) switch(b){
         case "left":
-            return T ? _ <= R ? "left" : "right" : I > O ? "bottom" : "top";
+            return _ ? C <= I ? "left" : "right" : O > w ? "bottom" : "top";
         case "right":
-            return T ? _ <= o ? "right" : "left" : I > O ? "bottom" : "top";
+            return _ ? C <= o ? "right" : "left" : O > w ? "bottom" : "top";
         case "top":
-            return b ? N <= O ? "top" : "bottom" : R > o ? "left" : "right";
+            return T ? R <= w ? "top" : "bottom" : I > o ? "left" : "right";
         case "bottom":
-            return b ? N <= I ? "bottom" : "top" : R > o ? "left" : "right";
+            return T ? R <= O ? "bottom" : "top" : I > o ? "left" : "right";
         default:
             return;
     }
-}, qt = (param)=>{
-    let { content: t, target: h, width: v, position: p = "top", dataAttributes: d, delay: x = !0, centerContent: w, open: W, onClose: V, closeButtonLabel: I, hasPointerInteractionOnly: o = !1, trackingEvent: O } = param;
-    const { texts: R } = (0, _hooks.useTheme)(), m = (0, _hooks.useAriaId)(), { openTooltipId: X } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: _, closeTooltip: N } = (0, _tooltipcontextprovider.useSetTooltipState)(), [T, b] = _react.useState(), [z, P] = _react.useState(), Y = _react.useRef(null), G = _react.useRef(null), [y, mt] = _react.useState(null), u = (0, _environment.isTouchableDevice)(), K = x ? Kt : 0, [ot, U] = _react.useState(!1), [j, L] = _react.useState(!1), q = W !== void 0, [rt, Z] = _react.useState(!1), M = q ? W : m === X, J = (0, _themevariantcontext.useIsInverseVariant)(), c = (0, _hooks.useBoundingRect)(Y, M), H = (0, _hooks.useBoundingRect)(G, M, !0), a = (0, _hooks.useWindowSize)(), E = _react.useCallback(()=>{
-        Z(!1), U(!1), L(!1);
+}, Zt = (param)=>{
+    let { content: t, target: h, width: b, position: p = "top", dataAttributes: d, delay: v = !0, centerContent: S, open: W, onClose: V, closeButtonLabel: O, hasPointerInteractionOnly: o = !1, trackingEvent: w } = param;
+    const { texts: I, t: X } = (0, _hooks.useTheme)(), m = _react.useId(), { openTooltipId: C } = (0, _tooltipcontextprovider.useTooltipState)(), { openTooltip: R, closeTooltip: _ } = (0, _tooltipcontextprovider.useSetTooltipState)(), [T, z] = _react.useState(), [P, Y] = _react.useState(), G = _react.useRef(null), K = _react.useRef(null), [y, ut] = _react.useState(null), u = (0, _environment.isTouchableDevice)(), U = v ? Ut : 0, [rt, j] = _react.useState(!1), [q, L] = _react.useState(!1), Z = W !== void 0, [st, J] = _react.useState(!1), x = Z ? W : m === C, Q = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), c = (0, _hooks.useBoundingRect)(G, x), H = (0, _hooks.useBoundingRect)(K, x, !0), a = (0, _hooks.useWindowSize)(), M = _react.useCallback(()=>{
+        J(!1), j(!1), L(!1);
     }, []);
     _react.useEffect(()=>{
-        M || E();
+        x || M();
     }, [
-        M,
-        E
+        x,
+        M
     ]), _react.useEffect(()=>{
-        if (!y || !M) return;
-        const s = pt(c, y, p, a.height, a.width);
-        if (!s || !c) {
-            b(void 0), P(void 0), E();
+        if (!y || !x) return;
+        const i = dt(c, y, p, a.height, a.width);
+        if (!i || !c) {
+            z(void 0), Y(void 0), M();
             return;
         }
         let r, e;
         var _parseInt;
-        const { left: l, right: k, top: A, bottom: $ } = c, { width: F, height: D } = dt(y), st = a.width - F, it = a.height - D, g = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
-        switch(s){
+        const { left: l, right: k, top: $, bottom: A } = c, { width: F, height: B } = mt(y), it = a.width - F, nt = a.height - B, g = (_parseInt = parseInt((0, _dom.getCssVarValue)(_skincontractcssmistica.vars.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
+        switch(i){
             case "top":
                 r = {
-                    left: Math.max(0, Math.min(st, (l + k - F) / 2)),
-                    top: A - D - f / 2,
-                    padding: `0px 0px ${C}px 0px`
+                    left: Math.max(0, Math.min(it, (l + k - F) / 2)),
+                    top: $ - B - f / 2,
+                    padding: `0px 0px ${N}px 0px`
                 }, e = {
                     left: Math.max(g, Math.min(a.width - g - f, (l + k - f) / 2)),
                     top: "100%"
@@ -232,9 +233,9 @@ const ct = (t)=>({
                 break;
             case "bottom":
                 r = {
-                    left: Math.max(0, Math.min(st, (l + k - F) / 2)),
-                    top: $ - S,
-                    padding: `${C}px 0px 0px 0px`
+                    left: Math.max(0, Math.min(it, (l + k - F) / 2)),
+                    top: A - E,
+                    padding: `${N}px 0px 0px 0px`
                 }, e = {
                     left: Math.max(g, Math.min(a.width - g - f, (l + k - f) / 2)),
                     bottom: "100%",
@@ -244,10 +245,10 @@ const ct = (t)=>({
             case "left":
                 r = {
                     left: l - F - f / 2,
-                    top: Math.max(0, Math.min(it, (A + $ - D) / 2)),
-                    padding: `0px ${C}px 0px 0px`
+                    top: Math.max(0, Math.min(nt, ($ + A - B) / 2)),
+                    padding: `0px ${N}px 0px 0px`
                 }, e = {
-                    top: Math.max(g, Math.min(a.height - g - f, (A + $ - f) / 2)),
+                    top: Math.max(g, Math.min(a.height - g - f, ($ + A - f) / 2)),
                     left: "100%",
                     transform: "rotate(-90deg)",
                     transformOrigin: "bottom"
@@ -256,72 +257,72 @@ const ct = (t)=>({
             case "right":
             default:
                 r = {
-                    left: k - S,
-                    top: Math.max(0, Math.min(it, (A + $ - D) / 2)),
-                    padding: `0px 0px 0px ${C}px`
+                    left: k - E,
+                    top: Math.max(0, Math.min(nt, ($ + A - B) / 2)),
+                    padding: `0px 0px 0px ${N}px`
                 }, e = {
-                    top: Math.max(g, Math.min(a.height - g - f, (A + $ - f) / 2)),
+                    top: Math.max(g, Math.min(a.height - g - f, ($ + A - f) / 2)),
                     right: "100%",
                     transform: "rotate(90deg)",
                     transformOrigin: "bottom"
                 };
                 break;
         }
-        typeof e.top == "number" && (e.top -= r.top, e.top = `${e.top / D * 100}%`), typeof e.left == "number" && (e.left -= r.left, e.left = `${e.left / F * 100}%`), (0, _helpers.isEqual)(r, T) || b(r), (0, _helpers.isEqual)(e, z) || P(e);
+        typeof e.top == "number" && (e.top -= r.top, e.top = `${e.top / B * 100}%`), typeof e.left == "number" && (e.left -= r.left, e.left = `${e.left / F * 100}%`), (0, _helpers.isEqual)(r, T) || z(r), (0, _helpers.isEqual)(e, P) || Y(e);
     }, [
         y,
         c,
         H,
-        M,
+        x,
         p,
         a,
         T,
-        z,
-        J,
+        P,
+        Q,
         u,
         m,
-        E
+        M
     ]);
-    const Q = _react.useRef(!1);
+    const tt = _react.useRef(!1);
     _react.useEffect(()=>{
-        const s = (l)=>{
+        const i = (l)=>{
             switch(l.key){
                 case _keys.ESC:
-                    o || E();
+                    o || M();
                     break;
                 case _keys.TAB:
-                    Q.current = !0;
+                    tt.current = !0;
                     break;
             }
-        }, r = ()=>Q.current = !1, e = (l)=>{
-            !o && u && c && (l.clientX < c.left || l.clientX > c.right || l.clientY < c.top || l.clientY > c.bottom) && E();
+        }, r = ()=>tt.current = !1, e = (l)=>{
+            !o && u && c && (l.clientX < c.left || l.clientX > c.right || l.clientY < c.top || l.clientY > c.bottom) && M();
         };
-        return document.addEventListener("keydown", s, !1), document.addEventListener("keyup", r, !1), document.addEventListener("click", e, !1), ()=>{
-            document.removeEventListener("keydown", s, !1), document.removeEventListener("keyup", r, !1), document.removeEventListener("click", e, !1);
+        return document.addEventListener("keydown", i, !1), document.addEventListener("keyup", r, !1), document.addEventListener("click", e, !1), ()=>{
+            document.removeEventListener("keydown", i, !1), document.removeEventListener("keyup", r, !1), document.removeEventListener("click", e, !1);
         };
     }, [
         u,
-        E,
+        M,
         c,
         o
     ]), _react.useEffect(()=>{
-        q || (j || ot || rt ? _(m) : N(m));
+        Z || (q || rt || st ? R(m) : _(m));
     }, [
-        j,
-        ot,
+        q,
         rt,
+        st,
         m,
+        R,
         _,
-        N,
-        q
+        Z
     ]);
-    const ut = pt(c, y, p, a.height, a.width), ht = w !== void 0 ? w : (H == null ? void 0 : H.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
+    const ht = dt(c, y, p, a.height, a.width), Tt = S !== void 0 ? S : (H == null ? void 0 : H.width) === _tooltipcssmistica.CONTENT_MIN_WIDTH;
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                ref: (s)=>{
-                    const r = s == null ? void 0 : s.firstElementChild;
-                    r && r !== Y.current && (Y.current = r);
+                ref: (i)=>{
+                    const r = i == null ? void 0 : i.firstElementChild;
+                    r && r !== G.current && (G.current = r);
                 },
                 onMouseOver: ()=>{
                     !u && !o && L(!0);
@@ -330,37 +331,37 @@ const ct = (t)=>({
                     !u && !o && L(!1);
                 },
                 onClick: ()=>{
-                    (u || o) && L(o ? !j : !0);
+                    (u || o) && L(o ? !q : !0);
                 },
                 onFocus: ()=>{
-                    Q.current && !o && Z(!0);
+                    tt.current && !o && J(!0);
                 },
                 onBlur: ()=>{
-                    !u && !o && Z(!1);
+                    !u && !o && J(!1);
                 },
                 "aria-describedby": m,
                 children: h
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.Transition, {
-                    in: M,
-                    nodeRef: G,
+                    in: x,
+                    nodeRef: K,
                     timeout: (0, _platform.isRunningAcceptanceTest)() ? 0 : {
-                        enter: Gt + K,
-                        exit: Ut
+                        enter: Kt + U,
+                        exit: jt
                     },
                     onExited: ()=>{
-                        b(void 0), P(void 0);
+                        z(void 0), Y(void 0);
                     },
                     mountOnEnter: !0,
                     unmountOnExit: !0,
-                    children: (s)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+                    children: (i)=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
                             style: {
                                 /**
                * Hack to prevent text from wrapping automatically when touching the viewport's edges,
                * even if the content's width didn't reach the max width.
                * https://stackoverflow.com/questions/66106629/how-to-disable-text-wrapping-when-viewport-border-is-reached
-               */ width: `calc(100vw + ${ft}px)`,
+               */ width: `calc(100vw + ${pt}px)`,
                                 top: 0,
                                 left: 0,
                                 position: "fixed",
@@ -373,29 +374,29 @@ const ct = (t)=>({
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_tooltipcssmistica.container),
                                 style: _object_spread_props(_object_spread({
-                                    pointerEvents: s === "entered" ? "auto" : "none",
-                                    transform: jt(ut)
-                                }, T, _tooltipcssmistica.tooltipTransitionClasses[s]), {
-                                    transition: s === "entering" ? `opacity .1s linear ${K}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${K}ms` : "opacity .1s linear"
+                                    pointerEvents: i === "entered" ? "auto" : "none",
+                                    transform: qt(ht)
+                                }, T, _tooltipcssmistica.tooltipTransitionClasses[i]), {
+                                    transition: i === "entering" ? `opacity .1s linear ${U}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${U}ms` : "opacity .1s linear"
                                 }),
-                                ref: (0, _common.combineRefs)(mt, G),
+                                ref: (0, _common.combineRefs)(ut, K),
                                 onMouseEnter: ()=>{
-                                    !u && s === "entered" && !o && U(!0);
+                                    !u && i === "entered" && !o && j(!0);
                                 },
                                 onMouseLeave: ()=>{
-                                    !u && !o && U(!1);
+                                    !u && !o && j(!1);
                                 },
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                                     className: _tooltipcssmistica.tooltip,
                                     style: _object_spread_props(_object_spread({
-                                        width: v
-                                    }, ct(J)), {
-                                        maxWidth: Math.min(ft, a.width)
+                                        width: b
+                                    }, ft(Q)), {
+                                        maxWidth: Math.min(pt, a.width)
                                     }),
                                     children: [
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: (0, _classnames.default)(_tooltipcssmistica.contentContainer, {
-                                                [_tooltipcssmistica.tooltipCenter]: ht
+                                                [_tooltipcssmistica.tooltipCenter]: Tt
                                             }),
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_themevariantcontext.ThemeVariant, {
                                                 isInverse: !1,
@@ -407,8 +408,8 @@ const ct = (t)=>({
                                                             onPress: ()=>{
                                                                 L(!1), V();
                                                             },
-                                                            trackingEvent: O,
-                                                            "aria-label": I !== null && I !== void 0 ? I : R.closeButtonLabel,
+                                                            trackingEvent: w,
+                                                            "aria-label": O || I.closeButtonLabel || X(_texttokens.closeButtonLabel),
                                                             Icon: _iconcloseregular.default,
                                                             small: !0
                                                         })
@@ -418,10 +419,10 @@ const ct = (t)=>({
                                         }),
                                         /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                             className: _tooltipcssmistica.arrowContainer,
-                                            style: z,
+                                            style: P,
                                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                                 className: (0, _classnames.default)(_tooltipcssmistica.arrow),
-                                                style: ct(J)
+                                                style: ft(Q)
                                             })
                                         })
                                     ]
@@ -432,8 +433,8 @@ const ct = (t)=>({
             })
         ]
     });
-}, Zt = (_param)=>{
-    var { centerContent: t, extra: h, children: v, dataAttributes: p, title: d, description: x } = _param, w = _object_without_properties(_param, [
+}, Jt = (_param)=>{
+    var { centerContent: t, extra: h, children: b, dataAttributes: p, title: d, description: v } = _param, S = _object_without_properties(_param, [
         "centerContent",
         "extra",
         "children",
@@ -441,29 +442,29 @@ const ct = (t)=>({
         "title",
         "description"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(qt, _object_spread({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(Zt, _object_spread({
         content: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
             className: _tooltipcssmistica.content,
             children: [
-                (d || x) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                (d || v) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                     space: 4,
                     children: [
                         d && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             medium: !0,
                             children: d
                         }),
-                        x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                        v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                             regular: !0,
-                            children: x
+                            children: v
                         })
                     ]
                 }),
-                h !== null && h !== void 0 ? h : v
+                h !== null && h !== void 0 ? h : b
             ]
         }),
         centerContent: t,
         dataAttributes: _object_spread({
             "component-name": "Tooltip"
         }, p)
-    }, w));
-}, ve = Zt;
+    }, S));
+}, xe = Jt;

package/dist/touchable.d.ts

@@ -39,7 +39,6 @@ type HrefProps = {
 type ToProps = {
     to: string | Location;
     newTab?: boolean;
-    /** @deprecated set the newTab */
     fullPageOnWebView?: boolean;
     replace?: boolean;
     onNavigate?: () => void | Promise<void>;

package/dist/touchable.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     BaseTouchable: function() {
-        return te;
+        return re;
     },
     default: function() {
-        return ne;
+        return ce;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -27,6 +27,7 @@ const _platform = require("./utils/platform.js");
 const _keys = require("./utils/keys.js");
 const _dom = require("./utils/dom.js");
 const _browser = require("./utils/browser.js");
+const _texttokens = require("./text-tokens.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -152,9 +153,9 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
-    var P;
-    const { texts: o, analytics: C, platformOverrides: x, Link: I, useHrefDecorator: D } = (0, _hooks.useTheme)(), A = D(), u = _react.useRef(!1);
+const I = /*#__PURE__*/ _react.forwardRef((e, t)=>{
+    var w;
+    const { texts: o, analytics: R, platformOverrides: x, Link: D, useHrefDecorator: A, t: s } = (0, _hooks.useTheme)(), H = A(), u = _react.useRef(!1);
     let l = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
         e.trackingEvent
@@ -173,72 +174,72 @@ const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), s = e.type ? e.type : "button", r = !!e.newTab, H = (P = e.href) == null ? void 0 : P.startsWith("#"), h = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
+    }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Touchable")), h = e.type ? e.type : "button", r = !!e.newTab, K = (w = e.href) == null ? void 0 : w.startsWith("#"), g = !r && !!e.href && !!e.loadOnTop, b = (a)=>{
         e.stopPropagation && a.stopPropagation();
-    }, g = (a)=>{
+    }, k = (a)=>{
         e.onPress && e.onPress(a);
     }, y = ()=>{
         var _e_to_pathname;
-        return e.href ? A(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
-    }, k = ()=>Promise.all(l.map((a)=>C.logEvent(a))), v = (a)=>{
-        u.current || (u.current = !0, k().finally(()=>{
+        return e.href ? H(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (_e_to_pathname = e.to.pathname) !== null && _e_to_pathname !== void 0 ? _e_to_pathname : "" : "";
+    }, v = ()=>Promise.all(l.map((a)=>R.logEvent(a))), N = (a)=>{
+        u.current || (u.current = !0, v().finally(()=>{
             u.current = !1, a();
         }));
-    }, K = (a)=>{
+    }, S = (a)=>{
         if (b(a), !l.length) {
-            g(a);
+            k(a);
             return;
         }
-        v(()=>g(a));
-    }, S = (a)=>{
-        var w;
+        N(()=>k(a));
+    }, W = (a)=>{
+        var O;
         b(a);
         const f = !!(e.href && e.onNavigate);
-        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (w = e.onNavigate) == null ? void 0 : w.call(e) : void 0).finally(()=>{
-            v(()=>(0, _browser.redirect)(y(), r, h));
+        !l.length && !f || (a.preventDefault(), Promise.resolve(f ? (O = e.onNavigate) == null ? void 0 : O.call(e) : void 0).finally(()=>{
+            N(()=>(0, _browser.redirect)(y(), r, g));
         }));
-    }, W = (a)=>{
-        b(a), e.to && e.onNavigate && e.onNavigate(), k();
-    }, N = (a)=>{
+    }, _ = (a)=>{
+        b(a), e.to && e.onNavigate && e.onNavigate(), v();
+    }, T = (a)=>{
         (a.key === _keys.ENTER || a.key === _keys.SPACE) && (a.preventDefault(), a.currentTarget.click());
-    }, T = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+    }, P = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                children: o.linkOpensInNewTab
+                children: o.linkOpensInNewTab || s(_texttokens.linkOpensInNewTab)
             })
-        }) : H ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
+        }) : K ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_screenreaderonly.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
-                children: o.linkOpensInCurrentPage
+                children: o.linkOpensInCurrentPage || s(_texttokens.linkOpensInCurrentPage)
             })
         }) : null;
     if (e.href || e.to && e.fullPageOnWebView && (0, _platform.isInsideNovumNativeApp)(x)) return /* @__PURE__ */ (0, _jsxruntime.jsxs)("a", _object_spread_props(_object_spread({}, i), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: S,
-        onKeyDown: N,
+        onClick: W,
+        onKeyDown: T,
         href: e.disabled ? void 0 : y(),
         target: (()=>{
             if (r) return "_blank";
-            if (h) return "_top";
+            if (g) return "_top";
         })(),
         rel: r ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
             d,
-            T()
+            P()
         ]
     }));
-    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(I, _object_spread_props(_object_spread({}, i), {
+    if (e.to) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(D, _object_spread_props(_object_spread({}, i), {
         target: e.newTab ? "_blank" : void 0,
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: W,
-        onKeyDown: N,
+        onClick: _,
+        onKeyDown: T,
         children: [
             d,
-            T()
+            P()
         ]
     }));
     if (e.onPress) {
@@ -250,12 +251,12 @@ const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
             // is located outside the <form> element, for example if you use
             // a ButtonFixedFooter layout inside a form with the submit
             // button located at the footer, which is redered using a Portal
-            form: s === "submit" && e.formId ? e.formId : void 0,
+            form: h === "submit" && e.formId ? e.formId : void 0,
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
-            type: s,
+            type: h,
             ref: t,
-            onClick: K,
+            onClick: S,
             children: d
         }));
     }
@@ -264,17 +265,17 @@ const R = /*#__PURE__*/ _react.forwardRef((e, t)=>{
         className: (0, _classnames.default)(i.className, _touchablecssmistica.notTouchable),
         children: d
     }));
-}), J = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, e), {
+}), U = /*#__PURE__*/ _react.forwardRef((e, t)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, e), {
         className: (0, _classnames.default)(_touchablecssmistica.touchable, e.className),
         ref: t
-    }))), te = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
+    }))), re = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
     var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
         "resetMargin"
     ]);
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(R, _object_spread_props(_object_spread({}, t), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(I, _object_spread_props(_object_spread({}, t), {
         className: (0, _classnames.default)(_touchablecssmistica.base, t.className, {
             [_touchablecssmistica.marginReset]: e
         }),
         ref: o
     }));
-}), ne = J;
+}), ce = U;

package/dist/utils/locale.d.ts

@@ -1 +1,5 @@
 export type Locale = 'ca-ES' | 'en-US' | 'en-GB' | 'de-DE' | 'es-AR' | 'es-CO' | 'es-EC' | 'es-ES' | 'es-MX' | 'es-PE' | 'es-UY' | 'eu-ES' | 'gl-ES' | 'pt-BR';
+declare const SUPPORTED_LANGUAGES: readonly ["en", "es", "pt", "de"];
+export type Language = (typeof SUPPORTED_LANGUAGES)[number];
+export declare const localeToLanguage: (locale: Locale) => Language;
+export {};

package/dist/utils/locale.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "localeToLanguage", {
+    enumerable: true,
+    get: function() {
+        return o;
+    }
+});
+const t = [
+    "en",
+    "es",
+    "pt",
+    "de"
+], o = (n)=>{
+    const e = n.split("-")[0];
+    return t.includes(e) ? e : "en";
+};