@telefonica/mistica 15.0.0 → 15.1.0

package/dist/stacking-group.css-mistica.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "moreItems", {
     enumerable: true,
     get: function() {
-        return h;
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stacking-group.css.ts.vanilla.css-mistica.js");
-var h = "_1y38nye1 _1y2v1nfh8 _1y2v1nfh2 _1y2v1nfhh _1y2v1nfhn";
+var r = "_1y38nye1 _1y2v1nfha _1y2v1nfh4 _1y2v1nfhj _1y2v1nfhp";

package/dist/stepper.css-mistica.js

@@ -13,22 +13,22 @@ _export(exports, {
         return _;
     },
     barFilled: function() {
-        return r;
+        return h;
     },
     barFilledAnimation: function() {
-        return h;
+        return r;
     },
     barFilledReverseAnimation: function() {
-        return f;
+        return a;
     },
     currentNumber: function() {
-        return a;
+        return f;
     },
     iconAnimation: function() {
-        return e;
+        return y;
     },
     number: function() {
-        return y;
+        return e;
     },
     step: function() {
         return m;
@@ -40,14 +40,14 @@ _export(exports, {
         return t;
     },
     textContainer: function() {
-        return q;
+        return p;
     },
     vars: function() {
-        return p;
+        return q;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./stepper.css.ts.vanilla.css-mistica.js");
-var _ = "_14h93mqk _1y2v1nfif _1y2v1nfhv _1y2v1nfk5 _1y2v1nfk9", r = "_14h93mqm _1y2v1nfif _1y2v1nfhv _1y2v1nfk5 _1y2v1nfk9", h = "_14h93mqn", f = "_14h93mqp _1y2v1nfhx", a = "_14h93mqf", e = "_14h93mqc", y = "_14h93mqe _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh _1y2v1nfjr", m = "_14h93mq9 _1y2v1nfh2 _1y2v1nfh9 _1y2v1nfhe _1y2v1nfhn", i = "_14h93mqb _1y2v1nfh2 _1y2v1nfh8", t = "_14h93mq7 _1y2v1nfh8 _1y2v1nfjf", q = "_14h93mqh _1y2v1nfh3", p = {
+var _ = "_14h93mqk _1y2v1nfih _1y2v1nfhx _1y2v1nfk7 _1y2v1nfkb", h = "_14h93mqm _1y2v1nfih _1y2v1nfhx _1y2v1nfk7 _1y2v1nfkb", r = "_14h93mqn", a = "_14h93mqp _1y2v1nfhz", f = "_14h93mqf", y = "_14h93mqc", e = "_14h93mqe _1y2v1nfha _1y2v1nfhp _1y2v1nfhj _1y2v1nfjt", m = "_14h93mq9 _1y2v1nfh4 _1y2v1nfhb _1y2v1nfhg _1y2v1nfhp", i = "_14h93mqb _1y2v1nfh4 _1y2v1nfha", t = "_14h93mq7 _1y2v1nfha _1y2v1nfjh", p = "_14h93mqh _1y2v1nfh5", q = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

package/dist/switch-component.css-mistica.js

@@ -16,43 +16,46 @@ _export(exports, {
         return v;
     },
     checkboxVariants: function() {
-        return p;
+        return q;
     },
     container: function() {
-        return f;
+        return p;
     },
     containerDisabled: function() {
-        return q;
+        return f;
     },
     disabled: function() {
         return y;
     },
-    switchCheckboxContainerVariants: function() {
+    interactiveArea: function() {
         return _;
     },
-    switchCheckboxLabel: function() {
+    switchCheckboxContainerVariants: function() {
         return e;
+    },
+    switchCheckboxLabel: function() {
+        return c;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "q0hp3av q0hp3at q0hp3as _1y2v1nfh3 _1y2v1nflo _1y2v1nfha _1y2v1nfjr",
-    ios: "q0hp3aw q0hp3au q0hp3as _1y2v1nfh3 _1y2v1nflo _1y2v1nfha _1y2v1nfjr",
-    checked: "q0hp3ax q0hp3at q0hp3as _1y2v1nfh3 _1y2v1nflo _1y2v1nfha _1y2v1nfjr",
-    checkedIos: "q0hp3ay q0hp3au q0hp3as _1y2v1nfh3 _1y2v1nflo _1y2v1nfha _1y2v1nfjr"
+    default: "q0hp3aw q0hp3au q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt",
+    ios: "q0hp3ax q0hp3av q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt",
+    checked: "q0hp3ay q0hp3au q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt",
+    checkedIos: "q0hp3az q0hp3av q0hp3at _1y2v1nfh5 _1y2v1nflq _1y2v1nfhc _1y2v1nfjt"
 }, v = {
-    default: "q0hp3ai q0hp3ah _1y2v1nfha",
-    ios: "q0hp3aj q0hp3ah _1y2v1nfha",
-    iosDark: "q0hp3ak q0hp3ah _1y2v1nfha",
-    checked: "q0hp3al q0hp3ah _1y2v1nfha",
-    checkedIos: "q0hp3am q0hp3ah _1y2v1nfha"
-}, p = {
-    default: "q0hp3a6 _1y2v1nfhc _1y2v1nfk8",
-    ios: "q0hp3a7 _1y2v1nfhc _1y2v1nfk8",
-    disabled: "q0hp3a8 _1y2v1nfhc _1y2v1nfk8",
-    disabledIos: "q0hp3a9 _1y2v1nfhc _1y2v1nfk8"
-}, f = "q0hp3ao q0hp3an", q = "q0hp3ap q0hp3an", y = "q0hp3aq", _ = {
-    default: "q0hp3ac q0hp3ab _1y2v1nfh2",
-    ios: "q0hp3ad q0hp3ab _1y2v1nfh2"
-}, e = "q0hp3af _1y2v1nfha _1y2v1nfk9";
+    default: "q0hp3ai q0hp3ah _1y2v1nfhc",
+    ios: "q0hp3aj q0hp3ah _1y2v1nfhc",
+    iosDark: "q0hp3ak q0hp3ah _1y2v1nfhc",
+    checked: "q0hp3al q0hp3ah _1y2v1nfhc",
+    checkedIos: "q0hp3am q0hp3ah _1y2v1nfhc"
+}, q = {
+    default: "q0hp3a6 _1y2v1nfhe _1y2v1nfka",
+    ios: "q0hp3a7 _1y2v1nfhe _1y2v1nfka",
+    disabled: "q0hp3a8 _1y2v1nfhe _1y2v1nfka",
+    disabledIos: "q0hp3a9 _1y2v1nfhe _1y2v1nfka"
+}, p = "q0hp3ap q0hp3an", f = "q0hp3aq q0hp3an", y = "q0hp3ar", _ = "q0hp3ao", e = {
+    default: "q0hp3ac q0hp3ab _1y2v1nfh4",
+    ios: "q0hp3ad q0hp3ab _1y2v1nfh4"
+}, c = "q0hp3af _1y2v1nfhc _1y2v1nfkb";

package/dist/switch-component.css.d.ts

@@ -9,6 +9,7 @@ export declare const checkboxVariants: Record<"default" | "disabled" | "ios" | "
 export declare const switchCheckboxContainerVariants: Record<"default" | "ios", string>;
 export declare const switchCheckboxLabel: string;
 export declare const barVariants: Record<"default" | "ios" | "iosDark" | "checked" | "checkedIos", string>;
+export declare const interactiveArea: string;
 export declare const container: string;
 export declare const containerDisabled: string;
 export declare const disabled: string;

package/dist/switch-component.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return J;
+        return Q;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -117,20 +117,20 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const $ = (e)=>{
-    const { isIos: l, isDarkMode: u } = (0, _hooks.useTheme)(), o = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: b, value: d, onChange: a, focusableRef: k, disabled: t } = (0, _formcontext.useControlProps)({
+const F = (e)=>{
+    const { isIos: l, isDarkMode: u } = (0, _hooks.useTheme)(), o = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: b, value: c, onChange: a, focusableRef: k, disabled: t } = (0, _formcontext.useControlProps)({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [c, v] = _react.useState(!!b), r = d !== null && d !== void 0 ? d : c, w = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
+    }), [d, v] = _react.useState(!!b), r = c !== null && c !== void 0 ? c : d, N = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
             a == null || a(i);
         }, 300), [
         a
     ]), n = ()=>{
-        d !== void 0 ? a == null || a(!d) : (v(!c), w(!c));
-    }, x = (i)=>{
+        c !== void 0 ? a == null || a(!c) : (v(!d), N(!d));
+    }, w = (i)=>{
         i.key === _keys.SPACE && (i.preventDefault(), i.stopPropagation(), n());
     }, m = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: _switchcomponentcssmistica.checkboxVariants[l ? t ? "disabledIos" : "ios" : t ? "disabled" : "default"],
@@ -152,11 +152,11 @@ const $ = (e)=>{
     return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
     /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
         role: "switch",
-        "aria-checked": d !== null && d !== void 0 ? d : c,
+        "aria-checked": c !== null && c !== void 0 ? c : d,
         onClick: (i)=>{
             i.stopPropagation(), t || n();
         },
-        onKeyDown: t ? void 0 : x,
+        onKeyDown: t ? void 0 : w,
         tabIndex: t ? void 0 : 0,
         ref: k,
         className: t ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
@@ -168,11 +168,12 @@ const $ = (e)=>{
                 controlElement: m,
                 labelId: o,
                 disabled: !!t,
-                checked: d !== null && d !== void 0 ? d : c
+                checked: c !== null && c !== void 0 ? c : d
             })
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
             alignItems: "center",
+            className: _switchcomponentcssmistica.interactiveArea,
             children: [
                 m,
                 e.children && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
@@ -187,4 +188,4 @@ const $ = (e)=>{
             ]
         })
     })));
-}, J = $;
+}, Q = F;

package/dist/tabs.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     animatedLine: function() {
-        return f;
+        return v;
     },
     icon: function() {
         return e;
@@ -22,16 +22,16 @@ _export(exports, {
         return _;
     },
     outerBorder: function() {
-        return r;
+        return l;
     },
     outerBorderInverse: function() {
-        return o;
+        return r;
     },
     tabHover: function() {
         return a;
     },
     tabSelectionVariants: function() {
-        return l;
+        return o;
     },
     tabVariants: function() {
         return t;
@@ -42,10 +42,10 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var f = "_1y2v1nfh7 _1y2v1nfh3 _1y2v1nfku _1y2v1nflo _1y2v1nfie", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjj _1y2v1nfhv _1y2v1nfh2", r = "lgofm10", o = "lgofm11", a = {
+var v = "_1y2v1nfh9 _1y2v1nfh5 _1y2v1nfkw _1y2v1nflq _1y2v1nfig", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjl _1y2v1nfhx _1y2v1nfh4", l = "lgofm10", r = "lgofm11", a = {
     default: "lgofm1a",
     inverse: "lgofm1b"
-}, l = {
+}, o = {
     noSelected: "_1y2v1nf25",
     noSelectedInverse: "_1y2v1nf26",
     selected: "lgofm1g",
@@ -53,6 +53,6 @@ var f = "_1y2v1nfh7 _1y2v1nfh3 _1y2v1nfku _1y2v1nflo _1y2v1nfie", e = "lgofm1q",
     selectedAnimating: "lgofm1i",
     selectedAnimatingInverse: "lgofm1j"
 }, t = {
-    default: "lgofm17 _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh9 _1y2v1nfhq _1y2v1nfhn _1y2v1nfhh _1y2v1nfj7 _1y2v1nfjj _1y2v1nf70",
-    fullWidth: "lgofm19 lgofm17 _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh9 _1y2v1nfhq _1y2v1nfhn _1y2v1nfhh _1y2v1nfj7 _1y2v1nfjj _1y2v1nf70"
-}, m = "_1y2v1nfjj _1y2v1nfhv _1y2v1nfh8";
+    default: "lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72",
+    fullWidth: "lgofm19 lgofm17 _1y2v1nfa0 _1y2v1nfb9 _1y2v1nfhb _1y2v1nfhs _1y2v1nfhp _1y2v1nfhj _1y2v1nfj9 _1y2v1nfjl _1y2v1nf72"
+}, m = "_1y2v1nfjl _1y2v1nfhx _1y2v1nfha";

package/dist/tag.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var y = "_1wy08671 _1y2v1nf77 _1y2v1nf8g _1y2v1nfh9 _1y2v1nfhd _1y2v1nfhn _1y2v1nfhh _1y2v1nfj4";
+var y = "_1wy08671 _1y2v1nf79 _1y2v1nf8i _1y2v1nfhb _1y2v1nfhf _1y2v1nfhp _1y2v1nfhj _1y2v1nfj6";

package/dist/text-field-base.css-mistica.js

@@ -16,10 +16,10 @@ _export(exports, {
         return v;
     },
     fieldElementsGap: function() {
-        return y;
+        return a;
     },
     fieldEndIconContainer: function() {
-        return a;
+        return y;
     },
     fieldEndIconGap: function() {
         return h;
@@ -58,10 +58,10 @@ _export(exports, {
         return x;
     },
     prefix: function() {
-        return b;
+        return s;
     },
     startIcon: function() {
-        return s;
+        return b;
     },
     suggestionsContainer: function() {
         return I;
@@ -79,4 +79,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var n = "rhey4t8", v = "rhey4th _1y2v1nf9p _1y2v1nfh8 _1y2v1nfhn", y = 12, a = "rhey4tr", h = 4, f = 11, i = 15, _ = "rhey4t4", l = "rhey4t7", d = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfh2 rhey4t1 _1y2v1nfjq _1y2v1nfit _1y2v1nf23 _1y2v1nfhv", p = "rhey4tb", u = "rhey4tc", c = "rhey4td", m = "rhey4tn _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", x = "_1y2v1nf3x", b = "rhey4tl _1y2v1nfb4", s = "rhey4tj _1y2v1nfb4 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfic _1y2v1nfh3", I = "rhey4tq _1y2v1nfh3", g = "rhey4t6 _1y2v1nf71 _1y2v1nf8a rhey4t1 _1y2v1nfjq _1y2v1nfit _1y2v1nf23 _1y2v1nfhv", L = "rhey4te", W = "rhey4tf";
+var n = "rhey4t8", v = "rhey4th _1y2v1nf9r _1y2v1nfha _1y2v1nfhp", a = 12, y = "rhey4tr", h = 4, f = 11, i = 15, _ = "rhey4t4", l = "rhey4t7", d = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfh4 rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", p = "rhey4tb", u = "rhey4tc", c = "rhey4td", m = "rhey4tn _1y2v1nfha _1y2v1nfhp _1y2v1nfka", x = "_1y2v1nf3y", s = "rhey4tl _1y2v1nfb6", b = "rhey4tj _1y2v1nfb6 _1y2v1nfha _1y2v1nfhp _1y2v1nfie _1y2v1nfh5", I = "rhey4tq _1y2v1nfh5", g = "rhey4t6 _1y2v1nf73 _1y2v1nf8c rhey4t1 _1y2v1nfjs _1y2v1nfiv _1y2v1nf23 _1y2v1nfhx", L = "rhey4te", W = "rhey4tf";

package/dist/text-field-components.css-mistica.js

@@ -10,7 +10,7 @@ function _export(target, all) {
 }
 _export(exports, {
     DEFAULT_WIDTH: function() {
-        return a;
+        return n;
     },
     LABEL_SCALE_DESKTOP: function() {
         return f;
@@ -19,44 +19,44 @@ _export(exports, {
         return e;
     },
     disabled: function() {
-        return y;
+        return h;
     },
     field: function() {
-        return h;
+        return t;
     },
     fieldContainer: function() {
-        return t;
+        return y;
     },
     fullWidth: function() {
         return i;
     },
     helperContainer: function() {
-        return l;
+        return k;
     },
     helperText: function() {
-        return k;
+        return l;
     },
     labelContainer: function() {
         return u;
     },
     labelText: function() {
-        return d;
+        return o;
     },
     leftText: function() {
-        return o;
+        return d;
     },
     normalWidth: function() {
-        return p;
+        return x;
     },
     rightText: function() {
         return L;
     },
     shrinked: function() {
-        return E;
+        return p;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var a = 328, f = 0.78, e = 0.75, y = "_15k6ur97", h = "_1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2", t = "_15k6ur96 _1y2v1nfh8 _1y2v1nfhe", i = "_1y2v1nfhv", l = "_1y2v1nf9v _1y2v1nfb7 _1y2v1nfh8", k = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfh3 _1y2v1nfh8 _1y2v1nfhd", d = "_15k6ur93 _1y2v1nfk9 _1y2v1nfhr", o = "_15k6ur9e", p = "_15k6ur99 _1y2v1nfhv", L = "_15k6ur9f", E = "_15k6ur94";
+var n = 328, f = 0.78, e = 0.75, h = "_15k6ur97", t = "_1y2v1nfkb _1y2v1nfjr _1y2v1nfha _1y2v1nfk0 _1y2v1nfh4", y = "_15k6ur96 _1y2v1nfha _1y2v1nfhg", i = "_1y2v1nfhx", k = "_1y2v1nf9x _1y2v1nfb9 _1y2v1nfha", l = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfh5 _1y2v1nfha _1y2v1nfhf", o = "_15k6ur93 _1y2v1nfkb _1y2v1nfht", d = "_15k6ur9e", x = "_15k6ur99 _1y2v1nfhx", L = "_15k6ur9f", p = "_15k6ur94";

package/dist/text-link.css-mistica.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "_1m1n0pr1 _1y2v1nfhw _1y2v1nfhb _1y2v1nfk8 _1y2v1nf2e",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfhw _1y2v1nfhb _1y2v1nfk8 _1y2v1nf2f",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfhw _1y2v1nfhb _1y2v1nfk8 _1y2v1nf2e"
+    default: "_1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2f",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfhy _1y2v1nfhd _1y2v1nfka _1y2v1nf2e"
 };

package/dist/text-link.d.ts

@@ -12,23 +12,28 @@ interface CommonProps {
     trackEvent?: boolean;
     /** "data-" prefix is automatically added. For example, use "testid" instead of "data-testid" */
     dataAttributes?: DataAttributes;
+    /** IMPORTANT: try to avoid using role="link" with onPress and first consider other alternatives like to/href + onNavigate */
+    role?: string;
 }
 export interface HrefProps extends CommonProps {
     href: string;
     newTab?: boolean;
     onPress?: undefined;
     to?: undefined;
+    onNavigate?: () => void | Promise<void>;
 }
 export interface ToProps extends CommonProps {
     to: string;
     fullPageOnWebView?: boolean;
     href?: undefined;
     onPress?: undefined;
+    onNavigate?: () => void | Promise<void>;
 }
 export interface OnPressProps extends CommonProps {
     onPress: (event: React.MouseEvent<HTMLElement>) => void | boolean;
     href?: undefined;
     to?: undefined;
+    onNavigate?: undefined;
 }
 export type TextLinkProps = HrefProps | ToProps | OnPressProps;
 declare const TextLink: React.FC<TextLinkProps>;

package/dist/tooltip.css-mistica.js

@@ -37,12 +37,12 @@ _export(exports, {
         return f;
     },
     tooltipTransitionClasses: function() {
-        return h;
+        return p;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var a = 40, v = "_1xhatbpb _1y2v1nfi1 _1y2v1nfih _1y2v1nfh3 _1y2v1nfkf _1y2v1nf3k", _ = "_1xhatbp9 _1y2v1nfh3 _1y2v1nfi3 _1y2v1nfk9", o = "_1xhatbpd _1y2v1nfh3", r = "_1xhatbp1 _1y2v1nfh3", y = "_1xhatbp6", i = "_1xhatbp5 _1y2v1nfh2 _1y2v1nfk9", e = "_1xhatbp3 _1y2v1nfh2 _1y2v1nfk1 _1y2v1nf3k", f = "_1y2v1nfh8 _1y2v1nfhe _1y2v1nfhn", h = {
+var a = 40, v = "_1xhatbpb _1y2v1nfi3 _1y2v1nfij _1y2v1nfh5 _1y2v1nfkh _1y2v1nf3l", _ = "_1xhatbp9 _1y2v1nfh5 _1y2v1nfi5 _1y2v1nfkb", o = "_1xhatbpd _1y2v1nfh5", r = "_1xhatbp1 _1y2v1nfh5", y = "_1xhatbp6", i = "_1xhatbp5 _1y2v1nfh4 _1y2v1nfkb", e = "_1xhatbp3 _1y2v1nfh4 _1y2v1nfk3 _1y2v1nf3l", f = "_1y2v1nfha _1y2v1nfhg _1y2v1nfhp", p = {
     entering: {
         opacity: 1
     },

package/dist/tooltip.js

@@ -410,7 +410,6 @@ const lt = (t)=>({
                                                             trackingEvent: O,
                                                             "aria-label": R.modalClose,
                                                             Icon: _iconcloseregular.default,
-                                                            hasInteractiveAreaBleed: !0,
                                                             small: !0
                                                         })
                                                     })

package/dist/touchable.css-mistica.js

@@ -10,18 +10,18 @@ function _export(target, all) {
 }
 _export(exports, {
     base: function() {
-        return a;
+        return f;
     },
     marginReset: function() {
-        return f;
+        return y;
     },
     notTouchable: function() {
-        return y;
+        return _;
     },
     touchable: function() {
-        return _;
+        return a;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var a = "mhti6u2 _1y2v1nfk8", f = "mhti6u0", y = "mhti6u5", _ = "mhti6u2 _1y2v1nfk8 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfha _1y2v1nfjq _1y2v1nfhv _1y2v1nf3h _1y2v1nf70 _1y2v1nfka";
+var f = "mhti6u2 _1y2v1nfka", y = "mhti6u0", _ = "mhti6u5", a = "mhti6u2 _1y2v1nfka _1y2v1nf73 _1y2v1nf8c _1y2v1nf9l _1y2v1nfau _1y2v1nfhc _1y2v1nfjs _1y2v1nfhx _1y2v1nf3i _1y2v1nf72 _1y2v1nfkc";

package/dist/touchable.d.ts

@@ -19,59 +19,73 @@ interface CommonProps {
     'aria-selected'?: 'true' | 'false' | boolean;
     'aria-labelledby'?: string;
     'aria-live'?: 'polite' | 'off' | 'assertive';
+    /** IMPORTANT: try to avoid using role="link" with onPress and first consider other alternatives like to/href + onNavigate */
     role?: string;
     type?: 'button' | 'submit';
     tabIndex?: number;
     as?: 'a';
     stopPropagation?: boolean;
 }
-export interface PropsHref extends CommonProps {
+interface PropsHref extends CommonProps {
+    maybe?: undefined;
     href: string;
     newTab?: boolean;
     loadOnTop?: boolean;
     to?: undefined;
     onPress?: undefined;
+    /** with "href", onNavigate will be executed before the navigation */
+    onNavigate?: () => void | Promise<void>;
 }
-export interface PropsOnPress extends CommonProps {
-    onPress: PressHandler;
-    href?: undefined;
+interface PropsMaybeHref extends CommonProps {
+    maybe: true;
+    href?: string;
+    newTab?: boolean;
+    loadOnTop?: boolean;
     to?: undefined;
-    formId?: string;
+    onPress?: undefined;
+    /** with "href", onNavigate will be executed before the navigation */
+    onNavigate?: () => void | Promise<void>;
 }
-export interface PropsTo extends CommonProps {
+interface PropsTo extends CommonProps {
+    maybe?: undefined;
     to: string | Location;
     fullPageOnWebView?: boolean;
     replace?: boolean;
     href?: undefined;
     onPress?: undefined;
+    /** with "to", onNavigate will be executed in parallel to the navigation */
+    onNavigate?: () => void | Promise<void>;
 }
-export interface PropsMaybeHref extends CommonProps {
-    maybe: true;
-    href?: string;
-    newTab?: boolean;
-    loadOnTop?: boolean;
-    to?: undefined;
-    onPress?: undefined;
-}
-export interface PropsMaybeTo extends CommonProps {
+interface PropsMaybeTo extends CommonProps {
     maybe: true;
     to?: string | Location;
     fullPageOnWebView?: boolean;
     replace?: boolean;
     href?: undefined;
     onPress?: undefined;
+    /** with "to", onNavigate will be executed in parallel to the navigation */
+    onNavigate?: () => void | Promise<void>;
+}
+interface PropsOnPress extends CommonProps {
+    maybe?: undefined;
+    onPress: PressHandler;
+    href?: undefined;
+    to?: undefined;
+    formId?: string;
+    onNavigate?: undefined;
 }
-export interface PropsMaybeOnPress extends CommonProps {
+interface PropsMaybeOnPress extends CommonProps {
     maybe: true;
     onPress?: PressHandler;
     href?: undefined;
     to?: undefined;
     formId?: string;
+    onNavigate?: undefined;
 }
-export type Props = PropsHref | PropsTo | PropsOnPress | PropsMaybeHref | PropsMaybeTo | PropsMaybeOnPress;
+export type TouchableProps = PropsHref | PropsTo | PropsOnPress | PropsMaybeHref | PropsMaybeTo | PropsMaybeOnPress;
 export type TouchableElement = HTMLDivElement | HTMLAnchorElement | HTMLButtonElement;
-declare const Touchable: React.ForwardRefExoticComponent<Props & React.RefAttributes<TouchableElement>>;
-export declare const BaseTouchable: React.ForwardRefExoticComponent<(Props & {
+declare const Touchable: React.ForwardRefExoticComponent<TouchableProps & React.RefAttributes<TouchableElement>>;
+export declare const BaseTouchable: React.ForwardRefExoticComponent<(TouchableProps & {
     resetMargin?: boolean | undefined;
 }) & React.RefAttributes<TouchableElement>>;
 export default Touchable;