@telefonica/mistica 14.45.0 → 14.46.0

package/dist-es/theme.js

@@ -80,7 +80,8 @@ function _object_without_properties_loose(source, excluded) {
 import { jsx as o } from "react/jsx-runtime";
 const l = {
     expirationDatePlaceholder: "MM/AA",
-    togglePasswordVisibilityLabel: "Mostrar u ocultar contrase\xf1a",
+    enablePasswordVisibility: "Mostrar contrase\xf1a",
+    disablePasswordVisibility: "Ocultar contrase\xf1a",
     loading: "Cargando",
     linkOpensInNewTab: "Se abre en ventana nueva",
     modalClose: "Cerrar",
@@ -124,7 +125,8 @@ const l = {
     counterMaxValue: "m\xe1ximo"
 }, i = {
     expirationDatePlaceholder: "MM/YY",
-    togglePasswordVisibilityLabel: "Toggle password visibility",
+    enablePasswordVisibility: "Show password",
+    disablePasswordVisibility: "Hide password",
     loading: "Loading",
     linkOpensInNewTab: "Opens in a new window",
     modalClose: "Close",
@@ -168,7 +170,8 @@ const l = {
     counterMaxValue: "maximum of"
 }, s = {
     expirationDatePlaceholder: "MM/JJ",
-    togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
+    enablePasswordVisibility: "Passwort anzeigen",
+    disablePasswordVisibility: "Passwort verbergen",
     loading: "Wird gespeichert",
     linkOpensInNewTab: "Wird in neuem Fenster ge\xf6ffnet",
     modalClose: "Schlie\xdfen",
@@ -212,7 +215,8 @@ const l = {
     counterMaxValue: "maximal"
 }, d = {
     expirationDatePlaceholder: "MM/AA",
-    togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
+    enablePasswordVisibility: "mostrar senha",
+    disablePasswordVisibility: "esconder a senha",
     loading: "Carregando",
     linkOpensInNewTab: "Abre em nova janela",
     modalClose: "Fechar",
@@ -267,9 +271,9 @@ const l = {
         default:
             return process.env.NODE_ENV !== "production" && console.error(`Invalid locale: ${e}`), i;
     }
-}, u = 56, c = 80, E = {
-    headerMobileHeight: u,
-    headerDesktopHeight: c
+}, c = 56, u = 80, V = {
+    headerMobileHeight: c,
+    headerDesktopHeight: u
 }, m = (_param)=>{
     var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
         "to",
@@ -302,7 +306,7 @@ const l = {
                 children: t
             }))
         });
-    }, v = (e)=>(_param)=>{
+    }, b = (e)=>(_param)=>{
         var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -314,7 +318,7 @@ const l = {
         }, n), {
             children: t
         }));
-    }, B = (e)=>{
+    }, E = (e)=>{
     if (!e) return m;
     if (typeof e == "function" || e.$$typeof) return e;
     switch(e.type){
@@ -326,10 +330,10 @@ const l = {
             return p(e.Component);
         case "Next13":
         case "Next14":
-            return v(e.Component);
+            return b(e.Component);
         default:
             const r = e.type;
             throw new Error(`Invalid Link type: ${r}`);
     }
 };
-export { c as NAVBAR_HEIGHT_DESKTOP, u as NAVBAR_HEIGHT_MOBILE, E as dimensions, B as getMisticaLinkComponent, g as getTexts };
+export { u as NAVBAR_HEIGHT_DESKTOP, c as NAVBAR_HEIGHT_MOBILE, V as dimensions, E as getMisticaLinkComponent, g as getTexts };

package/dist-es/tooltip.js

@@ -83,34 +83,34 @@ import * as i from "react";
 import { useTheme as Tt, useAriaId as gt, useBoundingRect as it, useWindowSize as vt } from "./hooks.js";
 import { Portal as xt } from "./portal.js";
 import { Transition as bt } from "react-transition-group";
-import { content as Mt, CONTENT_MIN_WIDTH as Et, container as St, tooltipTransitionClasses as wt, tooltip as Ot, contentContainer as It, tooltipCenter as Rt, closeButtonIcon as _t, arrowContainer as Ct, arrow as Nt } from "./tooltip.css-mistica.js";
+import { content as Mt, CONTENT_MIN_WIDTH as Et, container as St, tooltipTransitionClasses as It, tooltip as wt, contentContainer as Ot, tooltipCenter as Rt, closeButtonIcon as _t, arrowContainer as Nt, arrow as Ct } from "./tooltip.css-mistica.js";
 import yt from "./stack.js";
 import { Text2 as nt } from "./text.js";
 import { getCssVarValue as kt } from "./utils/dom.js";
 import { TAB as Lt, ESC as At } from "./utils/keys.js";
 import { isTouchableDevice as $t } from "./utils/environment.js";
 import { isEqual as at } from "./utils/helpers.js";
-import tt from "classnames";
-import { vars as X } from "./skins/skin-contract.css-mistica.js";
+import Q from "classnames";
+import { vars as tt } from "./skins/skin-contract.css-mistica.js";
 import { useIsInverseVariant as Ft, ThemeVariant as Dt } from "./theme-variant-context.js";
 import { combineRefs as Bt } from "./utils/common.js";
-import { useTooltipState as Wt, useSetTooltipState as Ht } from "./tooltip-context-provider.js";
-import { isRunningAcceptanceTest as Vt } from "./utils/platform.js";
-import Xt from "./icon-button.js";
+import { useTooltipState as Wt, useSetTooltipState as Vt } from "./tooltip-context-provider.js";
+import { isRunningAcceptanceTest as Ht } from "./utils/platform.js";
+import { InternalIconButton as Xt } from "./icon-button.js";
 import zt from "./generated/mistica-icons/icon-close-regular.js";
 import Pt from "./box.js";
 const lt = (t)=>({
-        border: `1px solid ${t ? X.colors.backgroundContainer : X.colors.border}`
-    }), ct = 496, Yt = 300, Gt = 500, Kt = 100, p = 20, O = 6, N = O + p / 2 + 1, Ut = (t)=>{
+        border: `1px solid ${t ? tt.colors.backgroundContainer : tt.colors.border}`
+    }), ct = 496, Yt = 300, Gt = 500, Kt = 100, p = 20, w = 6, C = w + p / 2 + 1, Ut = (t)=>{
     switch(t){
         case "left":
-            return `translateX(-${O}px)`;
+            return `translateX(-${w}px)`;
         case "right":
-            return `translateX(${O}px)`;
+            return `translateX(${w}px)`;
         case "top":
-            return `translateY(-${O}px)`;
+            return `translateY(-${w}px)`;
         case "bottom":
-            return `translateY(${O}px)`;
+            return `translateY(${w}px)`;
         default:
             return "";
     }
@@ -122,12 +122,12 @@ const lt = (t)=>({
     };
 }, ft = (t, u, v, d, x)=>{
     if (!t || !u) return;
-    const { top: b, bottom: h, left: I, right: W } = t, o = d - h, R = x - W, _ = b, a = I, { width: z, height: H } = pt(u), C = z + N, T = H + N, M = C <= Math.max(a, R), E = T <= Math.max(o, _);
+    const { top: b, bottom: h, left: O, right: W } = t, o = d - h, R = x - W, _ = b, a = O, { width: X, height: V } = pt(u), N = X + C, T = V + C, M = N <= Math.max(a, R), E = T <= Math.max(o, _);
     if (!(!E && !M)) switch(v){
         case "left":
-            return M ? C <= a ? "left" : "right" : o > _ ? "bottom" : "top";
+            return M ? N <= a ? "left" : "right" : o > _ ? "bottom" : "top";
         case "right":
-            return M ? C <= R ? "right" : "left" : o > _ ? "bottom" : "top";
+            return M ? N <= R ? "right" : "left" : o > _ ? "bottom" : "top";
         case "top":
             return E ? T <= _ ? "top" : "bottom" : a > R ? "left" : "right";
         case "bottom":
@@ -136,31 +136,31 @@ const lt = (t)=>({
             return;
     }
 }, jt = (param)=>{
-    let { content: t, target: u, width: v, position: d = "top", dataAttributes: x, delay: b = !0, centerContent: h, open: I, onClose: W, hasPointerInteractionOnly: o = !1, trackingEvent: R } = param;
-    const { texts: _ } = Tt(), a = gt(), { openTooltipId: z } = Wt(), { openTooltip: H, closeTooltip: C } = Ht(), [T, M] = i.useState(), [E, P] = i.useState(), Y = i.useRef(null), G = i.useRef(null), [y, dt] = i.useState(null), m = $t(), K = b ? Gt : 0, [et, U] = i.useState(!1), [j, k] = i.useState(!1), q = I !== void 0, [ot, Z] = i.useState(!1), S = q ? I : a === z, J = Ft(), f = it(Y, S), V = it(G, S, !0), l = vt(), w = i.useCallback(()=>{
-        Z(!1), U(!1), k(!1);
+    let { content: t, target: u, width: v, position: d = "top", dataAttributes: x, delay: b = !0, centerContent: h, open: O, onClose: W, hasPointerInteractionOnly: o = !1, trackingEvent: R } = param;
+    const { texts: _ } = Tt(), a = gt(), { openTooltipId: X } = Wt(), { openTooltip: V, closeTooltip: N } = Vt(), [T, M] = i.useState(), [E, z] = i.useState(), P = i.useRef(null), Y = i.useRef(null), [y, dt] = i.useState(null), m = $t(), G = b ? Gt : 0, [et, K] = i.useState(!1), [U, k] = i.useState(!1), j = O !== void 0, [ot, q] = i.useState(!1), S = j ? O : a === X, Z = Ft(), f = it(P, S), H = it(Y, S, !0), l = vt(), I = i.useCallback(()=>{
+        q(!1), K(!1), k(!1);
     }, []);
     i.useEffect(()=>{
-        S || w();
+        S || I();
     }, [
         S,
-        w
+        I
     ]), i.useEffect(()=>{
         if (!y || !S) return;
         const s = ft(f, y, d, l.height, l.width);
         if (!s || !f) {
-            M(void 0), P(void 0), w();
+            M(void 0), z(void 0), I();
             return;
         }
         let r, e;
         var _parseInt;
-        const { left: c, right: L, top: A, bottom: $ } = f, { width: F, height: D } = pt(y), rt = l.width - F, st = l.height - D, g = (_parseInt = parseInt(kt(X.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
+        const { left: c, right: L, top: A, bottom: $ } = f, { width: F, height: D } = pt(y), rt = l.width - F, st = l.height - D, g = (_parseInt = parseInt(kt(tt.borderRadii.popup))) !== null && _parseInt !== void 0 ? _parseInt : 8;
         switch(s){
             case "top":
                 r = {
                     left: Math.max(0, Math.min(rt, (c + L - F) / 2)),
                     top: A - D - p / 2,
-                    padding: `0px 0px ${N}px 0px`
+                    padding: `0px 0px ${C}px 0px`
                 }, e = {
                     left: Math.max(g, Math.min(l.width - g - p, (c + L - p) / 2)),
                     top: "100%"
@@ -169,8 +169,8 @@ const lt = (t)=>({
             case "bottom":
                 r = {
                     left: Math.max(0, Math.min(rt, (c + L - F) / 2)),
-                    top: $ - O,
-                    padding: `${N}px 0px 0px 0px`
+                    top: $ - w,
+                    padding: `${C}px 0px 0px 0px`
                 }, e = {
                     left: Math.max(g, Math.min(l.width - g - p, (c + L - p) / 2)),
                     bottom: "100%",
@@ -181,7 +181,7 @@ const lt = (t)=>({
                 r = {
                     left: c - F - p / 2,
                     top: Math.max(0, Math.min(st, (A + $ - D) / 2)),
-                    padding: `0px ${N}px 0px 0px`
+                    padding: `0px ${C}px 0px 0px`
                 }, e = {
                     top: Math.max(g, Math.min(l.height - g - p, (A + $ - p) / 2)),
                     left: "100%",
@@ -192,9 +192,9 @@ const lt = (t)=>({
             case "right":
             default:
                 r = {
-                    left: L - O,
+                    left: L - w,
                     top: Math.max(0, Math.min(st, (A + $ - D) / 2)),
-                    padding: `0px 0px 0px ${N}px`
+                    padding: `0px 0px 0px ${C}px`
                 }, e = {
                     top: Math.max(g, Math.min(l.height - g - p, (A + $ - p) / 2)),
                     right: "100%",
@@ -203,61 +203,61 @@ const lt = (t)=>({
                 };
                 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}%`), at(r, T) || M(r), at(e, E) || P(e);
+        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}%`), at(r, T) || M(r), at(e, E) || z(e);
     }, [
         y,
         f,
-        V,
+        H,
         S,
         d,
         l,
         T,
         E,
-        J,
+        Z,
         m,
         a,
-        w
+        I
     ]);
-    const Q = i.useRef(!1);
+    const J = i.useRef(!1);
     i.useEffect(()=>{
         const s = (c)=>{
             switch(c.key){
                 case At:
-                    o || w();
+                    o || I();
                     break;
                 case Lt:
-                    Q.current = !0;
+                    J.current = !0;
                     break;
             }
-        }, r = ()=>Q.current = !1, e = (c)=>{
-            !o && m && f && (c.clientX < f.left || c.clientX > f.right || c.clientY < f.top || c.clientY > f.bottom) && w();
+        }, r = ()=>J.current = !1, e = (c)=>{
+            !o && m && f && (c.clientX < f.left || c.clientX > f.right || c.clientY < f.top || c.clientY > f.bottom) && I();
         };
         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);
         };
     }, [
         m,
-        w,
+        I,
         f,
         o
     ]), i.useEffect(()=>{
-        q || (j || et || ot ? H(a) : C(a));
+        j || (U || et || ot ? V(a) : N(a));
     }, [
-        j,
+        U,
         et,
         ot,
         a,
-        H,
-        C,
-        q
+        V,
+        N,
+        j
     ]);
-    const mt = ft(f, y, d, l.height, l.width), ut = h !== void 0 ? h : (V == null ? void 0 : V.width) === Et;
+    const mt = ft(f, y, d, l.height, l.width), ut = h !== void 0 ? h : (H == null ? void 0 : H.width) === Et;
     return /* @__PURE__ */ B(ht, {
         children: [
             /* @__PURE__ */ n("div", {
                 ref: (s)=>{
                     const r = s == null ? void 0 : s.firstElementChild;
-                    r && r !== Y.current && (Y.current = r);
+                    r && r !== P.current && (P.current = r);
                 },
                 onMouseOver: ()=>{
                     !m && !o && k(!0);
@@ -266,13 +266,13 @@ const lt = (t)=>({
                     !m && !o && k(!1);
                 },
                 onClick: ()=>{
-                    (m || o) && k(o ? !j : !0);
+                    (m || o) && k(o ? !U : !0);
                 },
                 onFocus: ()=>{
-                    Q.current && !o && Z(!0);
+                    J.current && !o && q(!0);
                 },
                 onBlur: ()=>{
-                    !m && !o && Z(!1);
+                    !m && !o && q(!1);
                 },
                 "aria-describedby": a,
                 children: u
@@ -280,13 +280,13 @@ const lt = (t)=>({
             /* @__PURE__ */ n(xt, {
                 children: /* @__PURE__ */ n(bt, {
                     in: S,
-                    nodeRef: G,
-                    timeout: Vt() ? 0 : {
-                        enter: Yt + K,
+                    nodeRef: Y,
+                    timeout: Ht() ? 0 : {
+                        enter: Yt + G,
                         exit: Kt
                     },
                     onExited: ()=>{
-                        M(void 0), P(void 0);
+                        M(void 0), z(void 0);
                     },
                     mountOnEnter: !0,
                     unmountOnExit: !0,
@@ -307,56 +307,58 @@ const lt = (t)=>({
                             "aria-label": a,
                             tabIndex: -1,
                             children: /* @__PURE__ */ n("div", {
-                                className: tt(St),
+                                className: Q(St),
                                 style: _object_spread_props(_object_spread({
                                     pointerEvents: s === "entered" ? "auto" : "none",
                                     transform: Ut(mt)
-                                }, T, wt[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"
+                                }, T, It[s]), {
+                                    transition: s === "entering" ? `opacity .1s linear ${G}ms,transform .3s cubic-bezier(0.215,0.61,0.335,1) ${G}ms` : "opacity .1s linear"
                                 }),
-                                ref: Bt(dt, G),
+                                ref: Bt(dt, Y),
                                 onMouseEnter: ()=>{
-                                    !m && s === "entered" && !o && U(!0);
+                                    !m && s === "entered" && !o && K(!0);
                                 },
                                 onMouseLeave: ()=>{
-                                    !m && !o && U(!1);
+                                    !m && !o && K(!1);
                                 },
                                 children: /* @__PURE__ */ B("div", {
-                                    className: Ot,
+                                    className: wt,
                                     style: _object_spread_props(_object_spread({
                                         width: v
-                                    }, lt(J)), {
+                                    }, lt(Z)), {
                                         maxWidth: Math.min(ct, l.width)
                                     }),
                                     children: [
                                         /* @__PURE__ */ n("div", {
-                                            className: tt(It, {
+                                            className: Q(Ot, {
                                                 [Rt]: ut
                                             }),
                                             children: /* @__PURE__ */ B(Dt, {
                                                 isInverse: !1,
                                                 children: [
                                                     t,
-                                                    W && /* @__PURE__ */ n(Xt, {
+                                                    W && /* @__PURE__ */ n("div", {
                                                         className: _t,
-                                                        onPress: ()=>{
-                                                            k(!1), W();
-                                                        },
-                                                        trackingEvent: R,
-                                                        "aria-label": _.modalClose,
-                                                        children: /* @__PURE__ */ n(zt, {
-                                                            color: X.colors.neutralHigh
+                                                        children: /* @__PURE__ */ n(Xt, {
+                                                            onPress: ()=>{
+                                                                k(!1), W();
+                                                            },
+                                                            trackingEvent: R,
+                                                            "aria-label": _.modalClose,
+                                                            Icon: zt,
+                                                            hasInteractiveAreaBleed: !0,
+                                                            small: !0
                                                         })
                                                     })
                                                 ]
                                             })
                                         }),
                                         /* @__PURE__ */ n("div", {
-                                            className: Ct,
+                                            className: Nt,
                                             style: E,
                                             children: /* @__PURE__ */ n("div", {
-                                                className: tt(Nt),
-                                                style: lt(J)
+                                                className: Q(Ct),
+                                                style: lt(Z)
                                             })
                                         })
                                     ]
@@ -368,7 +370,7 @@ const lt = (t)=>({
         ]
     });
 }, qt = (_param)=>{
-    var { centerContent: t, textCenter: u, extra: v, children: d, dataAttributes: x, title: b, description: h } = _param, I = _object_without_properties(_param, [
+    var { centerContent: t, textCenter: u, extra: v, children: d, dataAttributes: x, title: b, description: h } = _param, O = _object_without_properties(_param, [
         "centerContent",
         "textCenter",
         "extra",
@@ -401,6 +403,6 @@ const lt = (t)=>({
         dataAttributes: _object_spread({
             "component-name": "Tooltip"
         }, x)
-    }, I));
+    }, O));
 }, ge = qt;
 export { jt as BaseTooltip, ge as default };

package/dist-es/touchable.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./touchable.css.ts.vanilla.css-mistica.js";
-var f = "mhti6u1 _1y2v1nfji", y = "mhti6u4", _ = "mhti6u1 _1y2v1nfji _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgk _1y2v1nfj0 _1y2v1nfh5 _1y2v1nf34 _1y2v1nf6a _1y2v1nfjk";
-export { f as base, y as notTouchable, _ as touchable };
+var f = "mhti6u2 _1y2v1nfji", y = "mhti6u0", _ = "mhti6u5", t = "mhti6u2 _1y2v1nfji _1y2v1nf6b _1y2v1nf7k _1y2v1nf8t _1y2v1nfa2 _1y2v1nfgk _1y2v1nfj0 _1y2v1nfh5 _1y2v1nf34 _1y2v1nf6a _1y2v1nfjk";
+export { f as base, y as marginReset, _ as notTouchable, t as touchable };

package/dist-es/touchable.js

@@ -51,25 +51,52 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
 import { jsxs as I, jsx as i } from "react/jsx-runtime";
-import * as c from "react";
+import * as o from "react";
 import b from "classnames";
 import A from "./screen-reader-only.js";
-import { notTouchable as _, touchable as H, base as K } from "./touchable.css-mistica.js";
-import { useTheme as j } from "./hooks.js";
-import { isInsideNovumNativeApp as B } from "./utils/platform.js";
-import { ENTER as S, SPACE as V } from "./utils/keys.js";
-import { getPrefixedDataAttributes as W } from "./utils/dom.js";
-const L = function(e) {
-    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, d = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
-    t ? window.open(e, "_blank") : d ? window.open(e, "_top") : document.location.href = e;
-}, T = /*#__PURE__*/ c.forwardRef((e, t)=>{
-    const { texts: d, analytics: v, platformOverrides: N, Link: P, useHrefDecorator: E } = j(), x = E(), f = c.useRef(!1);
-    let l = [];
-    e.trackingEvent && (Array.isArray(e.trackingEvent) ? l = e.trackingEvent : l = [
+import { notTouchable as _, touchable as H, base as K, marginReset as j } from "./touchable.css-mistica.js";
+import { useTheme as B } from "./hooks.js";
+import { isInsideNovumNativeApp as S } from "./utils/platform.js";
+import { ENTER as V, SPACE as W } from "./utils/keys.js";
+import { getPrefixedDataAttributes as L } from "./utils/dom.js";
+const $ = function(e) {
+    let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : !1, l = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : !1;
+    t ? window.open(e, "_blank") : l ? window.open(e, "_top") : document.location.href = e;
+}, T = /*#__PURE__*/ o.forwardRef((e, t)=>{
+    const { texts: l, analytics: v, platformOverrides: N, Link: P, useHrefDecorator: E } = B(), R = E(), f = o.useRef(!1);
+    let r = [];
+    e.trackingEvent && (Array.isArray(e.trackingEvent) ? r = e.trackingEvent : r = [
         e.trackingEvent
     ]);
-    const o = e.children, n = _object_spread({
+    const d = e.children, n = _object_spread({
         className: e.className,
         disabled: e.disabled,
         style: e.style,
@@ -83,47 +110,47 @@ const L = function(e) {
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, W(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, s = (a)=>{
+    }, L(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", c = !!e.href && !!e.newTab, m = !c && !!e.href && !!e.loadOnTop, s = (a)=>{
         e.stopPropagation && a.stopPropagation();
     }, h = (a)=>{
         e.onPress && e.onPress(a);
     }, k = ()=>{
         var _e_to_pathname;
-        return e.href ? x(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 : "" : "";
-    }, y = ()=>Promise.all(l.map((a)=>v.logEvent(a))), g = (a)=>{
+        return e.href ? R(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 : "" : "";
+    }, y = ()=>Promise.all(r.map((a)=>v.logEvent(a))), g = (a)=>{
         f.current || (f.current = !0, y().finally(()=>{
             f.current = !1, a();
         }));
-    }, R = (a)=>{
-        if (s(a), !l.length) {
+    }, x = (a)=>{
+        if (s(a), !r.length) {
             h(a);
             return;
         }
         g(()=>h(a));
     }, C = (a)=>{
-        s(a), l.length && (a.preventDefault(), g(()=>L(k(), r, m)));
+        s(a), r.length && (a.preventDefault(), g(()=>$(k(), c, m)));
     }, D = (a)=>{
         s(a), y();
     }, w = (a)=>{
-        (a.key === S || a.key === V) && (a.preventDefault(), a.currentTarget.click());
+        (a.key === V || a.key === W) && (a.preventDefault(), a.currentTarget.click());
     };
-    if (e.href || e.to && e.fullPageOnWebView && B(N)) return /* @__PURE__ */ I("a", _object_spread_props(_object_spread({}, n), {
+    if (e.href || e.to && e.fullPageOnWebView && S(N)) return /* @__PURE__ */ I("a", _object_spread_props(_object_spread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         onClick: C,
         onKeyDown: w,
         href: e.disabled ? void 0 : k(),
         target: (()=>{
-            if (r) return "_blank";
+            if (c) return "_blank";
             if (m) return "_top";
         })(),
-        rel: r ? "noopener noreferrer" : void 0,
+        rel: c ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
-            o,
-            r && /* @__PURE__ */ i(A, {
+            d,
+            c && /* @__PURE__ */ i(A, {
                 children: /* @__PURE__ */ i("span", {
-                    children: d.linkOpensInNewTab
+                    children: l.linkOpensInNewTab
                 })
             })
         ]
@@ -136,12 +163,12 @@ const L = function(e) {
         replace: e.replace,
         onClick: D,
         onKeyDown: w,
-        children: o
+        children: d
     }));
     if (e.onPress) {
         var _e_as, _n_role;
         const a = (_e_as = e.as) !== null && _e_as !== void 0 ? _e_as : "button", O = (_n_role = n.role) !== null && _n_role !== void 0 ? _n_role : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ c.createElement(a, _object_spread_props(_object_spread({}, n), {
+        return /*#__PURE__*/ o.createElement(a, _object_spread_props(_object_spread({}, n), {
             role: O,
             // this "form" attribute is useful when the form's submit button
             // is located outside the <form> element, for example if you use
@@ -152,20 +179,27 @@ const L = function(e) {
             "aria-labelledby": e["aria-labelledby"],
             type: u,
             ref: t,
-            onClick: R,
-            children: o
+            onClick: x,
+            children: d
         }));
     }
     return /* @__PURE__ */ i("div", _object_spread_props(_object_spread({}, n), {
         ref: t,
         className: b(n.className, _),
-        children: o
+        children: d
     }));
-}), $ = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ i(T, _object_spread_props(_object_spread({}, e), {
+}), q = /*#__PURE__*/ o.forwardRef((e, t)=>/* @__PURE__ */ i(T, _object_spread_props(_object_spread({}, e), {
         className: b(H, e.className),
         ref: t
-    }))), X = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ i(T, _object_spread_props(_object_spread({}, e), {
-        className: b(K, e.className),
-        ref: t
-    }))), Y = $;
-export { X as BaseTouchable, Y as default };
+    }))), Y = /*#__PURE__*/ o.forwardRef((_param, l)=>{
+    var { resetMargin: e = !0 } = _param, t = _object_without_properties(_param, [
+        "resetMargin"
+    ]);
+    return /* @__PURE__ */ i(T, _object_spread_props(_object_spread({}, t), {
+        className: b(K, t.className, {
+            [j]: e
+        }),
+        ref: l
+    }));
+}), Z = q;
+export { Y as BaseTouchable, Z as default };