@telefonica/mistica 14.10.0 → 14.12.0

package/dist-es/theme.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,7 +21,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -39,7 +39,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -50,9 +50,9 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _objectWithoutProperties(source, excluded) {
+function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var target = _object_without_properties_loose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -65,7 +65,7 @@ function _objectWithoutProperties(source, excluded) {
     }
     return target;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -77,7 +77,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import { jsx as i } from "./_virtual/jsx-runtime.js";
+import { jsx as i } from "react/jsx-runtime";
 const t = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar u ocultar contrase\xf1a",
@@ -202,7 +202,7 @@ const t = {
     clearButton: "Apagar",
     carouselNextButton: "pr\xf3ximo",
     carouselPrevButton: "anterior"
-}, c = (r)=>{
+}, C = (r)=>{
     switch(r.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
             return t;
@@ -219,15 +219,15 @@ const t = {
     headerMobileHeight: d,
     headerDesktopHeight: s
 }, u = (_param)=>/* @__PURE__ */ {
-    var { to: r , innerRef: e  } = _param, a = _objectWithoutProperties(_param, [
+    var { to: r , innerRef: e  } = _param, a = _object_without_properties(_param, [
         "to",
         "innerRef"
     ]);
-    return i("a", _objectSpreadProps(_objectSpread({
+    return i("a", _object_spread_props(_object_spread({
         ref: e,
         href: typeof r == "string" ? r : r == null ? void 0 : r.pathname
     }, a), {
         children: a.children
     }));
 };
-export { u as AnchorLink, s as NAVBAR_HEIGHT_DESKTOP, d as NAVBAR_HEIGHT_MOBILE, m as dimensions, c as getTexts };
+export { u as AnchorLink, s as NAVBAR_HEIGHT_DESKTOP, d as NAVBAR_HEIGHT_MOBILE, m as dimensions, C as getTexts };

package/dist-es/title.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,26 +21,26 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
 }
-import { Text1 as m, Text5 as l, Text2 as s } from "./text.js";
-import c from "./inline.js";
-import p from "./box.js";
-import { vars as u } from "./skins/skin-contract.css-mistica.js";
-import { jsx as r, jsxs as d } from "./_virtual/jsx-runtime.js";
+import { jsx as r, jsxs as m } from "react/jsx-runtime";
+import { Text1 as l, Text5 as s, Text2 as c } from "./text.js";
+import p from "./inline.js";
+import u from "./box.js";
+import { vars as d } from "./skins/skin-contract.css-mistica.js";
 const a = (param)=>{
     let { title: e , right: t  } = param;
-    return t ? /* @__PURE__ */ d(c, {
+    return t ? /* @__PURE__ */ m(p, {
         space: "between",
         alignItems: "baseline",
         children: [
             e,
-            /* @__PURE__ */ r(p, {
+            /* @__PURE__ */ r(u, {
                 paddingLeft: 16,
-                children: /* @__PURE__ */ r(s, {
+                children: /* @__PURE__ */ r(c, {
                     regular: !0,
                     children: t
                 })
@@ -50,13 +50,13 @@ const a = (param)=>{
 }, g = (param)=>/* @__PURE__ */ {
     let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
     return r(a, {
-        title: /* @__PURE__ */ r(m, {
-            color: u.colors.textSecondary,
+        title: /* @__PURE__ */ r(l, {
+            color: d.colors.textSecondary,
             transform: "uppercase",
             medium: !0,
             as: t,
             id: o,
-            dataAttributes: _objectSpread({
+            dataAttributes: _object_spread({
                 "component-name": "Title1"
             }, i),
             wordBreak: !1,
@@ -67,10 +67,10 @@ const a = (param)=>{
 }, j = (param)=>/* @__PURE__ */ {
     let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
     return r(a, {
-        title: /* @__PURE__ */ r(l, {
+        title: /* @__PURE__ */ r(s, {
             as: t,
             id: o,
-            dataAttributes: _objectSpread({
+            dataAttributes: _object_spread({
                 "component-name": "Title2"
             }, i),
             children: e

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

@@ -1,11 +1,11 @@
-import "./sprinkles.css.ts.vanilla.js";
-import "./tooltip.css.ts.vanilla.js";
-var v = "_1xhatbpb _1y2v1nf5m _1y2v1nfa8 _1y2v1nf83 _1y2v1nf8i _1y2v1nf9q _1y2v1nf2u _1y2v1nf9n", n = "_1xhatbpe", t = "_1xhatbpf", _ = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf5m _1y2v1nf85 _1y2v1nf8i _1y2v1nfa6 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6g _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf5m _1y2v1nfar _1y2v1nf7y _1y2v1nf9z _1y2v1nf9n", o = "_1xhatbpk", y = "_1xhatbpl", x = "_1xhatbpm", h = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./tooltip.css.ts.vanilla.css-mistica.js";
+var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfam _1y2v1nf8h _1y2v1nf8w _1y2v1nfa4 _1y2v1nf31 _1y2v1nfa1", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8j _1y2v1nf8w _1y2v1nfak _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf78 _1y2v1nf7m _1y2v1nf80 _1y2v1nf60 _1y2v1nfb5 _1y2v1nf8c _1y2v1nfad _1y2v1nfa1", o = "_1xhatbpk", h = "_1xhatbpl", x = "_1xhatbpm", y = "_1xhatbpn", b = "_1xhatbpo", m = "_1xhatbp6", i = "_1xhatbp7", w = "_1xhatbp8", s = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, d = "_1y2v1nf5u";
-export { v as arrow, n as arrowBottom, t as arrowLeft, _ as arrowRight, e as arrowTop, f as arrowWrapper, p as container, o as enter, y as enterActive, x as enterDone, h as exit, b as exitActive, m as fadeInBottomKeyframes, i as fadeInTopKeyframes, w as fadeInXKeyframes, s as vars, d as wrapper };
+}, d = "_1y2v1nf68";
+export { v as arrow, t as arrowBottom, _ as arrowLeft, n as arrowRight, e as arrowTop, f as arrowWrapper, p as container, o as enter, h as enterActive, x as enterDone, y as exit, b as exitActive, m as fadeInBottomKeyframes, i as fadeInTopKeyframes, w as fadeInXKeyframes, s as vars, d as wrapper };

package/dist-es/tooltip.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,7 +21,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -39,7 +39,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -50,9 +50,9 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-function _objectWithoutProperties(source, excluded) {
+function _object_without_properties(source, excluded) {
     if (source == null) return {};
-    var target = _objectWithoutPropertiesLoose(source, excluded);
+    var target = _object_without_properties_loose(source, excluded);
     var key, i;
     if (Object.getOwnPropertySymbols) {
         var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -65,7 +65,7 @@ function _objectWithoutProperties(source, excluded) {
     }
     return target;
 }
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _object_without_properties_loose(source, excluded) {
     if (source == null) return {};
     var target = {};
     var sourceKeys = Object.keys(source);
@@ -77,21 +77,21 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-import * as s from "react";
-import z from "classnames";
-import { CSSTransition as F } from "react-transition-group";
-import { useTheme as V, useScreenSize as j, useAriaId as q } from "./hooks.js";
-import { Portal as G } from "./portal.js";
-import H from "./overlay.js";
+import { jsxs as p, Fragment as z, jsx as s } from "react/jsx-runtime";
+import * as c from "react";
+import F from "classnames";
+import { CSSTransition as V } from "react-transition-group";
+import { useTheme as j, useScreenSize as q, useAriaId as G } from "./hooks.js";
+import { Portal as H } from "./portal.js";
+import J from "./overlay.js";
 import { Text2 as S } from "./text.js";
-import { TAB as J } from "./utils/key-codes.js";
-import Q from "./stack.js";
-import { vars as n, wrapper as U, enter as Z, enterActive as _, enterDone as tt, exit as et, exitActive as rt, container as nt, arrowWrapper as ot, arrow as at, fadeInTopKeyframes as it, fadeInBottomKeyframes as st, fadeInXKeyframes as ct, arrowTop as lt, arrowBottom as ut, arrowLeft as ft, arrowRight as mt } from "./tooltip.css-mistica.js";
-import { assignInlineVars as dt } from "@vanilla-extract/dynamic";
-import { getPrefixedDataAttributes as pt } from "./utils/dom.js";
-import { jsxs as p, Fragment as ht, jsx as c } from "./_virtual/jsx-runtime.js";
-const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500, d = 12, vt = 500, R = ()=>{}, At = (t)=>t || Tt, Yt = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Pt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Dt = (t)=>t === "top" ? it : t === "bottom" ? st : ct, Ot = (t)=>t ? "1" : "0.2", St = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : "", Vt = (_param)=>{
-    var { children: t , extra: I , description: g , target: $ , title: x , targetLabel: B , delay: C = !0 , dataAttributes: E  } = _param, Y = _objectWithoutProperties(_param, [
+import { TAB as Q } from "./utils/key-codes.js";
+import U from "./stack.js";
+import { vars as n, wrapper as Z, enter as _, enterActive as tt, enterDone as et, exit as rt, exitActive as nt, container as ot, arrowWrapper as at, arrow as it, fadeInTopKeyframes as st, fadeInBottomKeyframes as ct, fadeInXKeyframes as lt, arrowTop as ut, arrowBottom as ft, arrowLeft as mt, arrowRight as dt } from "./tooltip.css-mistica.js";
+import { assignInlineVars as pt } from "@vanilla-extract/dynamic";
+import { getPrefixedDataAttributes as ht } from "./utils/dom.js";
+const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500, d = 12, vt = 500, R = ()=>{}, At = (t)=>t || Tt, Yt = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Pt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Dt = (t)=>t === "top" ? st : t === "bottom" ? ct : lt, Ot = (t)=>t ? "1" : "0.2", St = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${n.shadowAlpha})` : "", Rt = (_param)=>{
+    var { children: t , extra: $ , description: g , target: I , title: x , targetLabel: B , delay: C = !0 , dataAttributes: E  } = _param, Y = _object_without_properties(_param, [
         "children",
         "extra",
         "description",
@@ -101,7 +101,7 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         "delay",
         "dataAttributes"
     ]);
-    const { isDarkMode: M  } = V(), [l, T] = s.useState(!1), { isTabletOrSmaller: u  } = j(), y = q(), o = s.useRef(!1), r = s.useRef(null), f = s.useRef(null), b = s.useRef(null), e = s.useRef({
+    const { isDarkMode: M  } = j(), [l, T] = c.useState(!1), { isTabletOrSmaller: u  } = q(), y = G(), o = c.useRef(!1), r = c.useRef(null), f = c.useRef(null), b = c.useRef(null), e = c.useRef({
         top: 0,
         right: 0,
         left: 0,
@@ -114,17 +114,17 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
     }(Y.position), v = typeof window < "u" ? window.matchMedia("(pointer: coarse)").matches : !1, P = ()=>{
         l && T(!1);
     };
-    s.useEffect(()=>(window.addEventListener("resize", P), ()=>{
+    c.useEffect(()=>(window.addEventListener("resize", P), ()=>{
             window.removeEventListener("resize", P);
         }));
     const D = ()=>{
         T(!1);
     }, m = ()=>{
-        !b.current || (e.current = b.current.getBoundingClientRect(), T(!l));
+        b.current && (e.current = b.current.getBoundingClientRect(), T(!l));
     }, N = ()=>{
         l || m();
     }, k = (i)=>{
-        i.keyCode === J && D();
+        i.keyCode === Q && D();
     }, X = (i, A)=>typeof window > "u" ? {} : ({
             right: {
                 left: e.current.right + h,
@@ -145,11 +145,11 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         })[i], L = ()=>u ? {
             left: e.current.left + e.current.width / 2 - w
         } : {}, O = (()=>u ? window.innerWidth - w * 2 : At(Y.width))(), K = {
-        top: lt,
-        bottom: ut,
-        left: ft,
-        right: mt
-    }, W = dt({
+        top: ut,
+        bottom: ft,
+        left: mt,
+        right: dt
+    }, W = pt({
         [n.enterTransform]: Yt(a),
         [n.exitTransform]: Pt(a),
         [n.enterActiveAnimationName]: Dt(a),
@@ -157,11 +157,11 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         [n.shadowAlpha]: Ot(M),
         [n.arrowBoxShadow]: St(a)
     });
-    return /* @__PURE__ */ p(ht, {
+    return /* @__PURE__ */ p(z, {
         children: [
-            /* @__PURE__ */ c("div", {
+            /* @__PURE__ */ s("div", {
                 ref: b,
-                className: U,
+                className: Z,
                 onPointerOver: ()=>{
                     r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, C ? f.current = setTimeout(()=>{
                         f.current = null, m();
@@ -173,7 +173,7 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                         return;
                     }
                     r.current = setTimeout(()=>{
-                        !o.current || (r.current = null, o.current = !1, m());
+                        o.current && (r.current = null, o.current = !1, m());
                     }, 100);
                 },
                 onFocus: N,
@@ -184,29 +184,29 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                 "aria-describedby": y,
                 "aria-expanded": l,
                 "aria-label": B,
-                children: $
+                children: I
             }),
-            /* @__PURE__ */ p(G, {
+            /* @__PURE__ */ p(H, {
                 children: [
-                    l && v && /* @__PURE__ */ c(H, {
+                    l && v && /* @__PURE__ */ s(J, {
                         onPress: D
                     }),
-                    /* @__PURE__ */ c(F, {
+                    /* @__PURE__ */ s(V, {
                         in: l,
                         timeout: bt,
                         classNames: {
-                            enter: Z,
-                            enterActive: _,
-                            enterDone: tt,
-                            exit: et,
-                            exitActive: rt
+                            enter: _,
+                            enterActive: tt,
+                            enterDone: et,
+                            exit: rt,
+                            exitActive: nt
                         },
                         unmountOnExit: !0,
-                        children: /* @__PURE__ */ p("div", _objectSpreadProps(_objectSpread({}, pt(E, "Tooltip")), {
+                        children: /* @__PURE__ */ p("div", _object_spread_props(_object_spread({}, ht(E, "Tooltip")), {
                             role: "tooltip",
                             id: y,
-                            className: nt,
-                            style: _objectSpread({
+                            className: ot,
+                            style: _object_spread({
                                 width: O
                             }, X(a, O), W),
                             onPointerOver: ()=>{
@@ -214,31 +214,31 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                             },
                             onPointerLeave: v ? R : ()=>{
                                 r.current = setTimeout(()=>{
-                                    !o.current || (r.current = null, o.current = !1, m());
+                                    o.current && (r.current = null, o.current = !1, m());
                                 }, 100);
                             },
                             children: [
-                                /* @__PURE__ */ c("div", {
-                                    className: z(ot, K[a]),
+                                /* @__PURE__ */ s("div", {
+                                    className: F(at, K[a]),
                                     style: L(),
-                                    children: /* @__PURE__ */ c("div", {
-                                        className: at
+                                    children: /* @__PURE__ */ s("div", {
+                                        className: it
                                     })
                                 }),
-                                (x || g) && /* @__PURE__ */ p(Q, {
+                                (x || g) && /* @__PURE__ */ p(U, {
                                     space: 4,
                                     children: [
-                                        x && /* @__PURE__ */ c(S, {
+                                        x && /* @__PURE__ */ s(S, {
                                             medium: !0,
                                             children: x
                                         }),
-                                        g && /* @__PURE__ */ c(S, {
+                                        g && /* @__PURE__ */ s(S, {
                                             regular: !0,
                                             children: g
                                         })
                                     ]
                                 }),
-                                I || t
+                                $ || t
                             ]
                         }))
                     })
@@ -246,5 +246,5 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
             })
         ]
     });
-};
-export { Vt as default };
+}, jt = Rt;
+export { jt as default };

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

@@ -1,4 +1,4 @@
-import "./sprinkles.css.ts.vanilla.js";
-import "./touchable.css.ts.vanilla.js";
-var f = "mhti6u1 _1y2v1nfa5", y = "mhti6u4", _ = "mhti6u1 _1y2v1nfa5 _1y2v1nf6d _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf5s _1y2v1nf9o _1y2v1nf7x _1y2v1nf2r _1y2v1nf5k _1y2v1nfa7";
-export { f as base, y as notTouchable, _ as touchable };
+import "./sprinkles.css.ts.vanilla.css-mistica.js";
+import "./touchable.css.ts.vanilla.css-mistica.js";
+var n = "mhti6u1 _1y2v1nfaj", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfaj _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf66 _1y2v1nfa2 _1y2v1nf8b _1y2v1nf2y _1y2v1nf5y _1y2v1nfal";
+export { n as base, f as notTouchable, _ as touchable };

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

@@ -0,0 +1,2 @@
+const a = "";
+export { a as default };

package/dist-es/touchable.js

@@ -1,4 +1,4 @@
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -11,7 +11,7 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _objectSpread(target) {
+function _object_spread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
         var ownKeys = Object.keys(source);
@@ -21,7 +21,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -39,7 +39,7 @@ function ownKeys(object, enumerableOnly) {
     }
     return keys;
 }
-function _objectSpreadProps(target, source) {
+function _object_spread_props(target, source) {
     source = source != null ? source : {};
     if (Object.getOwnPropertyDescriptors) {
         Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
@@ -50,26 +50,26 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
+import { jsxs as I, jsx as l } from "react/jsx-runtime";
 import * as c from "react";
 import b from "classnames";
-import _ from "./screen-reader-only.js";
-import { notTouchable as H, touchable as K, base 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/key-codes.js";
-import { getPrefixedDataAttributes as L } from "./utils/dom.js";
-import { jsxs as q, jsx as l } from "./_virtual/jsx-runtime.js";
-const z = function(e) {
+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/key-codes.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;
-}, N = /*#__PURE__*/ c.forwardRef((e, t)=>{
-    var T, v;
-    const { texts: d , analytics: P , platformOverrides: E , Link: C , useHrefDecorator: x  } = B(), R = x(), f = c.useRef(!1);
+}, T = /*#__PURE__*/ c.forwardRef((e, t)=>{
+    const { texts: d , analytics: v , platformOverrides: N , Link: P , useHrefDecorator: E  } = j(), C = E(), f = c.useRef(!1);
     let i = [];
     e.trackingEvent && (Array.isArray(e.trackingEvent) ? i = e.trackingEvent : i = [
         e.trackingEvent
     ]);
-    const o = e.children, n = _objectSpread({
+    var _e_to_pathname;
+    const o = e.children, n = _object_spread({
         className: e.className,
         disabled: e.disabled,
         style: e.style,
@@ -81,84 +81,86 @@ const z = function(e) {
         "aria-selected": e["aria-selected"],
         "aria-live": e["aria-live"],
         tabIndex: e.tabIndex
-    }, L(e.dataAttributes, "Touchable")), m = e.type ? e.type : "button", r = !!e.href && !!e.newTab, u = !r && !!e.href && !!e.loadOnTop, s = (a)=>{
+    }, W(e.dataAttributes, "Touchable")), u = e.type ? e.type : "button", r = !!e.href && !!e.newTab, m = !r && !!e.href && !!e.loadOnTop, s = (a)=>{
         e.stopPropagation && a.stopPropagation();
     }, h = (a)=>{
         e.onPress && e.onPress(a);
-    }, k = ()=>{
-        var a;
-        return e.href ? R(e.href) : e.to && e.fullPageOnWebView ? typeof e.to == "string" ? e.to : (a = e.to.pathname) != null ? a : "" : "";
-    }, y = ()=>Promise.all(i.map((a)=>P.logEvent(a))), g = (a)=>{
+    }, k = ()=>e.href ? C(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(i.map((a)=>v.logEvent(a))), g = (a)=>{
         f.current || (f.current = !0, y().finally(()=>{
             f.current = !1, a();
         }));
-    }, D = (a)=>{
+    }, x = (a)=>{
         if (s(a), !i.length) {
             h(a);
             return;
         }
         g(()=>h(a));
-    }, O = (a)=>{
-        s(a), i.length && (a.preventDefault(), g(()=>z(k(), r, u)));
-    }, I = (a)=>{
+    }, R = (a)=>{
+        s(a), i.length && (a.preventDefault(), g(()=>L(k(), r, m)));
+    }, D = (a)=>{
         s(a), y();
     }, w = (a)=>{
-        (a.keyCode === V || a.keyCode === W) && (a.preventDefault(), a.currentTarget.click());
+        (a.keyCode === S || a.keyCode === V) && (a.preventDefault(), a.currentTarget.click());
     };
-    if (!!e.href || e.to && e.fullPageOnWebView && S(E)) return /* @__PURE__ */ q("a", _objectSpreadProps(_objectSpread({}, n), {
+    if (e.href || e.to && e.fullPageOnWebView && B(N)) return /* @__PURE__ */ I("a", _object_spread_props(_object_spread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
-        onClick: O,
+        onClick: R,
         onKeyDown: w,
         href: e.disabled ? void 0 : k(),
         target: (()=>{
             if (r) return "_blank";
-            if (u) return "_top";
+            if (m) return "_top";
         })(),
         rel: r ? "noopener noreferrer" : void 0,
         ref: t,
         children: [
             o,
-            r && /* @__PURE__ */ l(_, {
+            r && /* @__PURE__ */ l(A, {
                 children: /* @__PURE__ */ l("span", {
                     children: d.linkOpensInNewTab
                 })
             })
         ]
     }));
-    if (e.to) return /* @__PURE__ */ l(C, _objectSpreadProps(_objectSpread({}, n), {
+    if (e.to) return /* @__PURE__ */ l(P, _object_spread_props(_object_spread({}, n), {
         "aria-label": e["aria-label"],
         "aria-labelledby": e["aria-labelledby"],
         innerRef: t,
         to: e.disabled ? "" : e.to,
         replace: e.replace,
-        onClick: I,
+        onClick: D,
         onKeyDown: w,
         children: o
     }));
     if (e.onPress) {
-        const a = (T = e.as) != null ? T : "button", A = (v = n.role) != null ? v : e.as === "a" ? "button" : void 0;
-        return /*#__PURE__*/ c.createElement(a, _objectSpreadProps(_objectSpread({}, n), {
-            role: A,
-            form: m === "submit" && e.formId ? e.formId : void 0,
+        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), {
+            role: O,
+            // this "form" attribute is useful when the form's submit button
+            // 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: u === "submit" && e.formId ? e.formId : void 0,
             "aria-label": e["aria-label"],
             "aria-labelledby": e["aria-labelledby"],
-            type: m,
+            type: u,
             ref: t,
-            onClick: D,
+            onClick: x,
             children: o
         }));
     }
-    return /* @__PURE__ */ l("div", _objectSpreadProps(_objectSpread({}, n), {
+    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, n), {
         ref: t,
-        className: b(n.className, H),
+        className: b(n.className, _),
         children: o
     }));
-}), Z = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(N, _objectSpreadProps(_objectSpread({}, e), {
-        className: b(K, e.className),
+}), $ = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(T, _object_spread_props(_object_spread({}, e), {
+        className: b(H, e.className),
         ref: t
-    }))), $ = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(N, _objectSpreadProps(_objectSpread({}, e), {
-        className: b(j, e.className),
+    }))), X = /*#__PURE__*/ c.forwardRef((e, t)=>/* @__PURE__ */ l(T, _object_spread_props(_object_spread({}, e), {
+        className: b(K, e.className),
         ref: t
-    })));
-export { $ as BaseTouchable, Z as default };
+    }))), Y = $;
+export { X as BaseTouchable, Y as default };