@telefonica/mistica 16.70.0 → 16.72.0

package/dist/text.css-mistica.js

@@ -29,9 +29,9 @@ _export(exports, {
     }
 });
 /* empty css                                */ var r = {
-    mobileSize: "var(--v16_70_splu5g0)",
-    desktopSize: "var(--v16_70_splu5g1)",
-    mobileLineHeight: "var(--v16_70_splu5g2)",
-    desktopLineHeight: "var(--v16_70_splu5g3)",
-    lineClamp: "var(--v16_70_splu5g4)"
-}, _ = "v16_70_splu5g5", e = "v16_70_splu5g6", a = "v16_70_splu5g7", p = "v16_70_splu5g8", t = "v16_70_splu5g9";
+    mobileSize: "var(--v16_72_splu5g0)",
+    desktopSize: "var(--v16_72_splu5g1)",
+    mobileLineHeight: "var(--v16_72_splu5g2)",
+    desktopLineHeight: "var(--v16_72_splu5g3)",
+    lineClamp: "var(--v16_72_splu5g4)"
+}, _ = "v16_72_splu5g5", e = "v16_72_splu5g6", a = "v16_72_splu5g7", p = "v16_72_splu5g8", t = "v16_72_splu5g9";

package/dist/text.js

@@ -17,7 +17,7 @@ _export(exports, {
         return At;
     },
     get Text10 () {
-        return ft;
+        return vt;
     },
     get Text2 () {
         return wt;
@@ -26,22 +26,22 @@ _export(exports, {
         return kt;
     },
     get Text4 () {
-        return St;
+        return Vt;
     },
     get Text5 () {
-        return yt;
+        return St;
     },
     get Text6 () {
-        return Pt;
+        return yt;
     },
     get Text7 () {
-        return bt;
+        return pt;
     },
     get Text8 () {
-        return vt;
+        return Pt;
     },
     get Text9 () {
-        return pt;
+        return bt;
     },
     get default () {
         return a;
@@ -50,10 +50,10 @@ _export(exports, {
         return c;
     },
     get getTextSizesWithWeight () {
-        return m;
+        return d;
     },
     get mapToWeight () {
-        return rt;
+        return it;
     },
     get useTextPresetSizes () {
         return Tt;
@@ -195,12 +195,12 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const rt = {
+const it = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, nt = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", it = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, st = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", nt = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
     children: [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
@@ -213,15 +213,15 @@ const rt = {
         })
     ]
 }), ot = (param)=>{
-    let { children: t, ariaLabel: e, as: n } = param;
-    return typeof n == "string" && [
+    let { children: t, ariaLabel: e, as: i } = param;
+    return typeof i == "string" && [
         "h1",
         "h2",
         "h3",
         "h4",
         "h5",
         "h6"
-    ].includes(n) && typeof t == "string" && t.includes(h) ? {
+    ].includes(i) && typeof t == "string" && t.includes(h) ? {
         ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
@@ -229,19 +229,19 @@ const rt = {
         })
     } : {
         children: _react.Children.map(t, (r)=>typeof r != "string" || !r.includes(h) ? r : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
-                children: r.split(h).map((d, x)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
+                children: r.split(h).map((l, x)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
-                            x > 0 && it,
-                            d
+                            x > 0 && nt,
+                            l
                         ]
                     }, x))
             })),
         ariaLabel: e
     };
 }, a = (param)=>{
-    let { weight: t, color: e = _skincontractcssmistica.vars.colors.textPrimary, decoration: n, truncate: r, transform: d, wordBreak: x = !0, hyphens: P = "auto", as: f = "span", children: l, size: y, mobileSize: S = y, desktopSize: k = y, lineHeight: w, mobileLineHeight: A = w, desktopLineHeight: V = w, letterSpacing: C, textAlign: R, textShadow: E, id: H, role: B, "aria-level": L, "aria-label": p, "aria-hidden": F, "aria-live": I, dataAttributes: M } = param;
+    let { weight: t, color: e = _skincontractcssmistica.vars.colors.textPrimary, decoration: i, truncate: r, transform: l, wordBreak: x = !0, hyphens: p = "auto", as: T = "span", children: u, size: y, mobileSize: S = y, desktopSize: V = y, lineHeight: k, mobileLineHeight: w = k, desktopLineHeight: A = k, letterSpacing: R, textAlign: E, textShadow: H, id: I, role: L, "aria-level": O, "aria-label": v, "aria-hidden": B, "aria-live": F, dataAttributes: M } = param;
     var _j_e;
-    const { skinName: O } = (0, _hooks.useTheme)(), v = (0, _themevariantcontext.useThemeVariant)(), _ = nt(r), j = {
+    const { skinName: N } = (0, _hooks.useTheme)(), b = (0, _themevariantcontext.useThemeVariant)(), _ = st(r), j = {
         [_skincontractcssmistica.vars.colors.textPrimary]: {
             brand: _skincontractcssmistica.vars.colors.textPrimaryBrand,
             media: _skincontractcssmistica.vars.colors.textPrimaryMedia,
@@ -263,48 +263,50 @@ const rt = {
             negative: _skincontractcssmistica.vars.colors.textErrorNegative
         }
     };
-    if (!l && l !== 0) return null;
+    if (!u && u !== 0) return null;
     const D = (0, _classnames.default)(_textcssmistica.text, x ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncate]: r,
         [_textcssmistica.truncateToOneLine]: r === 1 || r === !0
     }), K = (0, _css.applyCssVars)({
         [_textcssmistica.vars.mobileSize]: S ? (0, _css.pxToRem)(S) : "inherit",
-        [_textcssmistica.vars.mobileLineHeight]: A ? (0, _css.pxToRem)(A) : "inherit",
-        [_textcssmistica.vars.desktopSize]: k ? (0, _css.pxToRem)(k) : "inherit",
-        [_textcssmistica.vars.desktopLineHeight]: V ? (0, _css.pxToRem)(V) : "inherit"
-    }), q = r ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.mobileLineHeight]: w ? (0, _css.pxToRem)(w) : "inherit",
+        [_textcssmistica.vars.desktopSize]: V ? (0, _css.pxToRem)(V) : "inherit",
+        [_textcssmistica.vars.desktopLineHeight]: A ? (0, _css.pxToRem)(A) : "inherit"
+    }), U = r ? (0, _css.applyCssVars)({
         [_textcssmistica.vars.lineClamp]: String(_)
     }) : {};
-    var _j_e_v;
-    return O === _constants.VIVO_NEW_SKIN && ({ ariaLabel: p, children: l } = ot({
-        children: l,
-        ariaLabel: p,
-        as: f
-    })), /*#__PURE__*/ _react.createElement(f, _object_spread_props(_object_spread({
+    var _j_e_b;
+    return (N === _constants.VIVO_SKIN || N === _constants.VIVO_EVOLUTION_SKIN) && ({ ariaLabel: v, children: u } = ot({
+        children: u,
+        ariaLabel: v,
+        as: T
+    })), /*#__PURE__*/ _react.createElement(T, _object_spread_props(_object_spread({
         className: D,
-        id: H,
-        role: B,
-        "aria-level": L,
-        "aria-label": p,
-        "aria-hidden": F,
-        "aria-live": I
-    }, (0, _dom.getPrefixedDataAttributes)(M, "Text")), {
-        style: _object_spread_props(_object_spread({}, K, q), {
-            hyphens: P,
-            WebkitHyphens: P,
-            letterSpacing: C,
-            fontWeight: t ? rt[t] : "inherit",
-            textTransform: d || "inherit",
-            textDecoration: n !== null && n !== void 0 ? n : "inherit",
+        id: I,
+        role: L,
+        "aria-level": O,
+        "aria-label": v,
+        "aria-hidden": B,
+        "aria-live": F
+    }, (0, _dom.getPrefixedDataAttributes)(_object_spread({
+        testid: "Text"
+    }, M))), {
+        style: _object_spread_props(_object_spread({}, K, U), {
+            hyphens: p,
+            WebkitHyphens: p,
+            letterSpacing: R,
+            fontWeight: t ? it[t] : "inherit",
+            textTransform: l || "inherit",
+            textDecoration: i !== null && i !== void 0 ? i : "inherit",
             overflowWrap: x ? "anywhere" : "inherit",
-            color: v !== "default" && v !== "alternative" ? (_j_e_v = (_j_e = j[e]) === null || _j_e === void 0 ? void 0 : _j_e[v]) !== null && _j_e_v !== void 0 ? _j_e_v : e : e,
-            textAlign: R,
-            textShadow: E,
+            color: b !== "default" && b !== "alternative" ? (_j_e_b = (_j_e = j[e]) === null || _j_e === void 0 ? void 0 : _j_e[b]) !== null && _j_e_b !== void 0 ? _j_e_b : e : e,
+            textAlign: E,
+            textShadow: H,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
-            whiteSpace: f === "pre" ? void 0 : "pre-line"
+            whiteSpace: T === "pre" ? void 0 : "pre-line"
         })
-    }), l);
-}, T = (t)=>{
+    }), u);
+}, f = (t)=>{
     if (t.light) return "light";
     if (t.regular) return "regular";
     if (t.medium) return "medium";
@@ -312,17 +314,17 @@ const rt = {
     if (t.weight) return t.weight;
 }, c = (param)=>{
     let { forceMobileSizes: t, textPreset: e } = param;
-    const n = e.size.mobile, r = e.lineHeight.mobile, d = e.size.desktop, x = e.lineHeight.desktop;
+    const i = e.size.mobile, r = e.lineHeight.mobile, l = e.size.desktop, x = e.lineHeight.desktop;
     return t ? {
-        size: n,
+        size: i,
         lineHeight: r
     } : {
-        mobileSize: n,
+        mobileSize: i,
         mobileLineHeight: r,
-        desktopSize: d,
+        desktopSize: l,
         desktopLineHeight: x
     };
-}, m = (param)=>{
+}, d = (param)=>{
     let { forceMobileSizes: t, textPreset: e } = param;
     return _object_spread_props(_object_spread({}, c({
         forceMobileSizes: t,
@@ -331,102 +333,96 @@ const rt = {
         weight: e.weight
     });
 }, Tt = (t)=>{
-    const { textPresets: e } = (0, _hooks.useTheme)(), n = e[t];
+    const { textPresets: e } = (0, _hooks.useTheme)(), i = e[t];
     return c({
-        textPreset: n
+        textPreset: i
     });
-}, ft = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+}, vt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text10
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text10",
             testid: "Text10"
         }, t)
-    }), n));
-}, pt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, bt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text9
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text9",
             testid: "Text9"
         }, t)
-    }), n));
-}, vt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, Pt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text8
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text8",
             testid: "Text8"
         }, t)
-    }), n));
-}, bt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, pt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text7
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text7",
             testid: "Text7"
         }, t)
-    }), n));
-}, Pt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, yt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text6
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text6",
             testid: "Text6"
         }, t)
-    }), n));
-}, yt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, St = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: r } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, m({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(a, _object_spread(_object_spread_props(_object_spread({}, d({
         forceMobileSizes: e,
         textPreset: r.text5
     })), {
         dataAttributes: _object_spread({
-            "component-name": "Text5",
             testid: "Text5"
         }, t)
-    }), n));
-}, St = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    }), i));
+}, Vt = (_param)=>{
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -435,14 +431,13 @@ const rt = {
         forceMobileSizes: e,
         textPreset: r.text4
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text4",
             testid: "Text4"
         }, t)
-    }), n));
+    }), i));
 }, kt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -451,14 +446,13 @@ const rt = {
         forceMobileSizes: e,
         textPreset: r.text3
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text3",
             testid: "Text3"
         }, t)
-    }), n));
+    }), i));
 }, wt = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -467,14 +461,13 @@ const rt = {
         forceMobileSizes: e,
         textPreset: r.text2
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text2",
             testid: "Text2"
         }, t)
-    }), n));
+    }), i));
 }, At = (_param)=>{
-    var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
+    var { dataAttributes: t, forceMobileSizes: e } = _param, i = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -483,10 +476,9 @@ const rt = {
         forceMobileSizes: e,
         textPreset: r.text1
     })), {
-        weight: T(n),
+        weight: f(i),
         dataAttributes: _object_spread({
-            "component-name": "Text1",
             testid: "Text1"
         }, t)
-    }), n));
+    }), i));
 };

package/dist/theme-context-provider.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     get default () {
-        return Ie;
+        return Pe;
     },
     get useIsOsDarkModeEnabled () {
-        return se;
+        return ie;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -26,7 +26,6 @@ const _theme = require("./theme.js");
 const _platform = require("./utils/platform.js");
 const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-context.js"));
 const _hooks = require("./hooks.js");
-const _tabfocus = /*#__PURE__*/ _interop_require_default(require("./tab-focus.js"));
 const _modalcontextprovider = /*#__PURE__*/ _interop_require_default(require("./modal-context-provider.js"));
 const _tooltipcontextprovider = /*#__PURE__*/ _interop_require_default(require("./tooltip-context-provider.js"));
 const _documentvisibility = require("./utils/document-visibility.js");
@@ -119,27 +118,27 @@ if (process.env.NODE_ENV !== "production" && (0, _environment.isClientSide)()) {
     if (window.__mistica_version__ && window.__mistica_version__ !== _packageversion.PACKAGE_VERSION) throw new Error("There is more than one version of @telefonica/mistica running on the same page");
     window.__mistica_version__ = _packageversion.PACKAGE_VERSION;
 }
-const ie = "(prefers-color-scheme: dark)", se = ()=>{
+const re = "(prefers-color-scheme: dark)", ie = ()=>{
     const [t, c] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const n = window.matchMedia(ie), i = ()=>{
-            c(n.matches);
+        const s = window.matchMedia(re), i = ()=>{
+            c(s.matches);
         };
-        return n.addEventListener("change", i), i(), ()=>{
-            n.removeEventListener("change", i);
+        return s.addEventListener("change", i), i(), ()=>{
+            s.removeEventListener("change", i);
         };
     }, []), t;
-}, ne = ()=>(t)=>t, ae = (t)=>({
+}, se = ()=>(t)=>t, ne = (t)=>({
         headerMobileHeight: (t === null || t === void 0 ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t === null || t === void 0 ? void 0 : t.headerMobileHeight
-    }), le = ()=>{
-    const t = _react.useRef(null), [c, n] = _react.useState(!1), [i, p] = _react.useState(!0);
+    }), ae = ()=>{
+    const t = _react.useRef(null), [c, s] = _react.useState(!1), [i, p] = _react.useState(!0);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (i) p(!1);
         else {
             var _t_current;
             const f = (_t_current = t.current) === null || _t_current === void 0 ? void 0 : _t_current.parentElement;
-            f && (f.style.isolation = "isolate", n(!0));
+            f && (f.style.isolation = "isolate", s(!0));
         }
     }, [
         i
@@ -150,20 +149,20 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         }
     });
 }, P = (t)=>Object.fromEntries(Object.entries(t).map((param)=>{
-        let [c, n] = param;
+        let [c, s] = param;
         let i = "";
-        if (n.startsWith("#")) {
-            const [p, f, m] = (0, _color.fromHexToRgb)(n);
+        if (s.startsWith("#")) {
+            const [p, f, m] = (0, _color.fromHexToRgb)(s);
             i = `${p}, ${f}, ${m}`;
         }
         return [
             c,
             i
         ];
-    })), Ie = (param)=>{
-    let { theme: t, children: c, as: n, withoutStyles: i = !1 } = param;
+    })), Pe = (param)=>{
+    let { theme: t, children: c, as: s, withoutStyles: i = !1 } = param;
     var _t_colorScheme;
-    const p = _react.useId(), f = se(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", b = t.skin.colors, h = _object_spread({}, t.skin.colors, t.skin.darkModeColors), k = m === "auto" && f || m === "dark", M = k ? h : b, w = (0, _locale.localeToLanguage)(t.i18n.locale), v = _react.useCallback(function(o) {
+    const p = _react.useId(), f = ie(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", b = t.skin.colors, h = _object_spread({}, t.skin.colors, t.skin.darkModeColors), k = m === "auto" && f || m === "dark", M = k ? h : b, w = (0, _locale.localeToLanguage)(t.i18n.locale), v = _react.useCallback(function(o) {
         for(var _len = arguments.length, r = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++){
             r[_key - 1] = arguments[_key];
         }
@@ -196,7 +195,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                 eventFormat: "universal-analytics"
             }, t.analytics),
             colorValues: M,
-            dimensions: _object_spread({}, _theme.dimensions, ae(t.dimensions)),
+            dimensions: _object_spread({}, _theme.dimensions, ne(t.dimensions)),
             borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
             textPresets: e,
             spacing: (_t_skin_spacing = t.skin.spacing) !== null && _t_skin_spacing !== void 0 ? _t_skin_spacing : _defaults.defaultSpacing,
@@ -204,7 +203,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
             Link: (0, _theme.getMisticaLinkComponent)(t.Link),
             isDarkMode: k,
             isIos: (0, _platform.getPlatform)(o) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : ne,
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : se,
             t: v,
             preventCopyInFormFields: (_t_preventCopyInFormFields = t.preventCopyInFormFields) !== null && _t_preventCopyInFormFields !== void 0 ? _t_preventCopyInFormFields : !1
         };
@@ -213,7 +212,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         t,
         k,
         v
-    ]), T = _react.useMemo(()=>{
+    ]), D = _react.useMemo(()=>{
         const o = Object.entries(l.textPresets).map((param)=>{
             let [r, e] = param;
             return {
@@ -229,7 +228,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         return Object.assign({}, ...o);
     }, [
         l
-    ]), D = _react.useMemo(()=>{
+    ]), H = _react.useMemo(()=>{
         const o = Object.entries(l.textPresets).map((param)=>{
             let [r, e] = param;
             return {
@@ -245,7 +244,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         return Object.assign({}, ...o);
     }, [
         l
-    ]), H = _react.useMemo(()=>{
+    ]), y = _react.useMemo(()=>{
         const o = Object.entries(l.spacing).map((param)=>{
             let [r, e] = param;
             return {
@@ -263,7 +262,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
         return Object.assign({}, ...o);
     }, [
         l
-    ]), y = _react.useMemo(()=>{
+    ]), T = _react.useMemo(()=>{
         const o = Object.entries(l.spacing).map((param)=>{
             let [r, e] = param;
             return {
@@ -302,15 +301,15 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                     ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
                 colors: d,
                 rawColors: x,
-                textPresets: T,
+                textPresets: D,
                 borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig,
-                spacing: H
+                spacing: y
             })}
                 }
                 @media ${_mediaqueriescssmistica.tabletOrSmaller} {
                     ${o} {
-                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.textPresets, D)}
-                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.spacing, y)}
+                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.textPresets, H)}
+                        ${(0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars.spacing, T)}
                     }
                 }
                 ${j}
@@ -319,35 +318,32 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
     };
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            /* @__PURE__ */ (0, _jsxruntime.jsx)(_tabfocus.default, {
-                disabled: !t.enableTabFocus,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
-                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
-                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
-                            value: l,
-                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
-                                eventFormat: l.analytics.eventFormat,
-                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
-                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
-                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
-                                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialogcontext.DialogRoot, {
-                                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_snackbarcontext.SnackbarRoot, {
-                                                    children: n ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                                                        children: [
-                                                            S(`[data-mistica-theme="${p}"]`),
-                                                            /*#__PURE__*/ _react.createElement(n, {
-                                                                style: {
-                                                                    isolation: "isolate"
-                                                                },
-                                                                "data-mistica-theme": i ? void 0 : p
-                                                            }, c)
-                                                        ]
-                                                    }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                                                        children: [
-                                                            S(":root"),
-                                                            c
-                                                        ]
-                                                    })
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
+                        value: l,
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
+                            eventFormat: l.analytics.eventFormat,
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialogcontext.DialogRoot, {
+                                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_snackbarcontext.SnackbarRoot, {
+                                                children: s ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                                    children: [
+                                                        S(`[data-mistica-theme="${p}"]`),
+                                                        /*#__PURE__*/ _react.createElement(s, {
+                                                            style: {
+                                                                isolation: "isolate"
+                                                            },
+                                                            "data-mistica-theme": i ? void 0 : p
+                                                        }, c)
+                                                    ]
+                                                }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                                    children: [
+                                                        S(":root"),
+                                                        c
+                                                    ]
                                                 })
                                             })
                                         })
@@ -358,7 +354,7 @@ const ie = "(prefers-color-scheme: dark)", se = ()=>{
                     })
                 })
             }),
-            !n && /* @__PURE__ */ (0, _jsxruntime.jsx)(le, {})
+            !s && /* @__PURE__ */ (0, _jsxruntime.jsx)(ae, {})
         ]
     });
 };