@telefonica/mistica 14.13.0 → 14.14.0

package/dist/hooks.js

@@ -10,40 +10,40 @@ function _export(target, all) {
 }
 _export(exports, {
     useAriaId: function() {
-        return H;
+        return z;
     },
     useDisableBodyScroll: function() {
-        return I;
+        return E;
     },
     useElementDimensions: function() {
-        return E;
+        return T;
     },
     useIsInViewport: function() {
-        return L;
+        return A;
     },
     useIsWithinIFrame: function() {
-        return R;
+        return L;
     },
     useIsomorphicLayoutEffect: function() {
-        return B;
+        return M;
     },
     useScreenHeight: function() {
-        return C;
+        return B;
     },
     useScreenSize: function() {
-        return v;
+        return H;
     },
     useTheme: function() {
         return y;
     },
     useWindowHeight: function() {
-        return T;
+        return C;
     },
     useWindowSize: function() {
-        return h;
+        return w;
     },
     useWindowWidth: function() {
-        return z;
+        return R;
     }
 });
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
@@ -51,6 +51,7 @@ const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-co
 const _screensizecontext = /*#__PURE__*/ _interop_require_default(require("./screen-size-context.js"));
 const _ariaidgettercontext = /*#__PURE__*/ _interop_require_default(require("./aria-id-getter-context.js"));
 const _dom = require("./utils/dom.js");
+const _environment = require("./utils/environment.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -99,109 +100,109 @@ const y = ()=>{
     const t = _react.useContext(_themecontext.default);
     if (!t) throw Error("To use @telefonica/mistica components you must instantiate <ThemeContextProvider> as their parent.");
     return t;
-}, I = (t)=>{
+}, E = (t)=>{
     _react.useEffect(()=>{
         if (t) {
-            let i = "", e = 0, o = 0;
-            const r = document.scrollingElement || document.documentElement, d = ()=>{
+            let s = "", e = 0, i = 0;
+            const r = document.scrollingElement || document.documentElement, c = ()=>{
                 var u;
                 var _ref, _ref1;
-                if (o++, !(o > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, i = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
+                if (i++, !(i > 1) && (e = (_ref = r == null ? void 0 : r.scrollTop) !== null && _ref !== void 0 ? _ref : 0, s = (_ref1 = (u = document.body) == null ? void 0 : u.style.cssText) !== null && _ref1 !== void 0 ? _ref1 : "", document.body)) {
                     var _ref2;
-                    const w = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
-                    document.body.style.cssText = `overflow:hidden;overflow-y:${w};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
+                    const l = window.innerWidth > ((_ref2 = r == null ? void 0 : r.clientWidth) !== null && _ref2 !== void 0 ? _ref2 : window.innerWidth) ? "scroll" : "hidden";
+                    document.body.style.cssText = `overflow:hidden;overflow-y:${l};position:fixed;top:${-e}px;left:0px;right:0px;bottom:0px`;
                 }
-            }, s = ()=>{
-                o--, !(o > 0) && (document.body && (document.body.style.cssText = i), r && (r.scrollTop = e));
+            }, o = ()=>{
+                i--, !(i > 0) && (document.body && (document.body.style.cssText = s), r && (r.scrollTop = e));
             };
-            return d(), s;
+            return c(), o;
         }
         return ()=>{};
     }, [
         t
     ]);
-}, v = ()=>_react.useContext(_screensizecontext.default), E = ()=>{
-    const [t, i] = _react.useState(0), [e, o] = _react.useState(0), [r, d] = _react.useState(null), s = _react.useCallback((c)=>{
-        if (!c) {
-            i(0), o(0);
+}, H = ()=>_react.useContext(_screensizecontext.default), T = ()=>{
+    const [t, s] = _react.useState(0), [e, i] = _react.useState(0), [r, c] = _react.useState(null), o = _react.useCallback((d)=>{
+        if (!d) {
+            s(0), i(0);
             return;
         }
-        const { width: w , height: l  } = c[0].contentRect;
-        i(w), o(l);
-    }, []), u = _react.useCallback((c)=>{
-        d(c);
+        const { width: l , height: a  } = d[0].contentRect;
+        s(l), i(a);
+    }, []), u = _react.useCallback((d)=>{
+        c(d);
     }, []);
     return _react.useEffect(()=>{
         if (!r) {
-            i(0), o(0);
+            s(0), i(0);
             return;
         }
-        return (0, _dom.listenResize)(r, s);
+        return (0, _dom.listenResize)(r, o);
     }, [
         r,
-        s
+        o
     ]), {
         width: t,
         height: e,
         ref: u
     };
-}, H = (t)=>{
-    const { useId: i  } = y();
-    if (i) {
-        const e = i();
+}, z = (t)=>{
+    const { useId: s  } = y();
+    if (s) {
+        const e = s();
         return t || e;
     } else {
         const e = _react.useContext(_ariaidgettercontext.default);
         return _react.useRef(t || e()).current;
     }
-}, h = ()=>{
-    const [t, i] = _react.useState(typeof window < "u" ? window.innerHeight : 1200), [e, o] = _react.useState(typeof window < "u" ? window.innerWidth : 800), [r, d] = _react.useState(typeof window < "u" ? window.screen.availHeight : 1200), [s, u] = _react.useState(typeof window < "u" ? window.screen.availWidth : 800);
+}, w = ()=>{
+    const [t, s] = _react.useState((0, _environment.isClientSide)() ? window.innerHeight : 1200), [e, i] = _react.useState((0, _environment.isClientSide)() ? window.innerWidth : 800), [r, c] = _react.useState((0, _environment.isClientSide)() ? window.screen.availHeight : 1200), [o, u] = _react.useState((0, _environment.isClientSide)() ? window.screen.availWidth : 800);
     return _react.useEffect(()=>{
-        const c = ()=>{
-            i(window.innerHeight), o(window.innerWidth), d(window.screen.availHeight), u(window.screen.availWidth);
+        const d = ()=>{
+            s(window.innerHeight), i(window.innerWidth), c(window.screen.availHeight), u(window.screen.availWidth);
         };
-        return window.addEventListener("resize", c), ()=>{
-            window.removeEventListener("resize", c);
+        return window.addEventListener("resize", d), ()=>{
+            window.removeEventListener("resize", d);
         };
     }, []), _react.useMemo(()=>({
             height: t,
             width: e,
             screenHeight: r,
-            screenWidth: s
+            screenWidth: o
         }), [
         t,
         e,
         r,
-        s
+        o
     ]);
-}, T = ()=>{
-    const { height: t  } = h();
+}, C = ()=>{
+    const { height: t  } = w();
     return t;
-}, z = ()=>{
-    const { width: t  } = h();
+}, R = ()=>{
+    const { width: t  } = w();
     return t;
-}, C = ()=>{
-    const { screenHeight: t  } = h();
+}, B = ()=>{
+    const { screenHeight: t  } = w();
     return t;
-}, R = ()=>(window == null ? void 0 : window.top) !== (window == null ? void 0 : window.self), B = typeof window < "u" ? _react.useLayoutEffect : _react.useEffect, L = (t, i, e)=>{
-    const [o, r] = _react.useState(i);
+}, L = ()=>(0, _environment.isClientSide)() && window.top !== window.self, M = (0, _environment.isClientSide)() ? _react.useLayoutEffect : _react.useEffect, A = (t, s, e)=>{
+    const [i, r] = _react.useState(s);
     return _react.useEffect(()=>{
         if (!t.current) return;
         if (typeof window.IntersectionObserver > "u") return ()=>{};
-        const d = new IntersectionObserver((s)=>{
-            r(s[0].isIntersecting);
+        const c = new IntersectionObserver((o)=>{
+            r(o[0].isIntersecting);
         }, {
             root: e == null ? void 0 : e.root,
             rootMargin: e == null ? void 0 : e.rootMargin,
             threshold: e == null ? void 0 : e.threshold
         });
-        return d.observe(t.current), ()=>{
-            d.disconnect();
+        return c.observe(t.current), ()=>{
+            c.disconnect();
         };
     }, [
         t,
         e == null ? void 0 : e.root,
         e == null ? void 0 : e.rootMargin,
         e == null ? void 0 : e.threshold
-    ]), o;
+    ]), i;
 };

package/dist/index.d.ts

@@ -1472,6 +1472,9 @@ export { default as IconShieldLight } from './generated/mistica-icons/icon-shiel
 export { default as IconShieldRegular } from './generated/mistica-icons/icon-shield-regular';
 export { default as IconShopFilled } from './generated/mistica-icons/icon-shop-filled';
 export { default as IconShopLight } from './generated/mistica-icons/icon-shop-light';
+export { default as IconShoppingBagFilled } from './generated/mistica-icons/icon-shopping-bag-filled';
+export { default as IconShoppingBagLight } from './generated/mistica-icons/icon-shopping-bag-light';
+export { default as IconShoppingBagRegular } from './generated/mistica-icons/icon-shopping-bag-regular';
 export { default as IconShoppingCartFilled } from './generated/mistica-icons/icon-shopping-cart-filled';
 export { default as IconShoppingCartLight } from './generated/mistica-icons/icon-shopping-cart-light';
 export { default as IconShoppingCartRegular } from './generated/mistica-icons/icon-shopping-cart-regular';

package/dist/index.js

@@ -4215,6 +4215,15 @@ _export(exports, {
     IconShopRegular: function() {
         return _iconshopregular.default;
     },
+    IconShoppingBagFilled: function() {
+        return _iconshoppingbagfilled.default;
+    },
+    IconShoppingBagLight: function() {
+        return _iconshoppingbaglight.default;
+    },
+    IconShoppingBagRegular: function() {
+        return _iconshoppingbagregular.default;
+    },
     IconShoppingCartFilled: function() {
         return _iconshoppingcartfilled.default;
     },
@@ -5504,6 +5513,7 @@ _export(exports, {
     }
 });
 const _packageversion = require("./package-version.js");
+const _environment = require("./utils/environment.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _mediaqueriescssmistica = /*#__PURE__*/ _interop_require_wildcard(require("./media-queries.css-mistica.js"));
 const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-context.js"));
@@ -6959,6 +6969,9 @@ const _iconshieldlight = /*#__PURE__*/ _interop_require_default(require("./gener
 const _iconshieldregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shield-regular.js"));
 const _iconshopfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shop-filled.js"));
 const _iconshoplight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shop-light.js"));
+const _iconshoppingbagfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shopping-bag-filled.js"));
+const _iconshoppingbaglight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shopping-bag-light.js"));
+const _iconshoppingbagregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shopping-bag-regular.js"));
 const _iconshoppingcartfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shopping-cart-filled.js"));
 const _iconshoppingcartlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shopping-cart-light.js"));
 const _iconshoppingcartregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-shopping-cart-regular.js"));
@@ -7304,7 +7317,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-if (process.env.NODE_ENV !== "production" && typeof window < "u") {
+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;
 }

package/dist/package-version.js

@@ -8,4 +8,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
         return o;
     }
 });
-const o = "14.13.0";
+const o = "14.14.0";

package/dist/skins/blau.js

@@ -133,7 +133,7 @@ const e = {
             neutralHigh: e.grey6,
             neutralMedium: e.grey5,
             neutralMediumInverse: e.grey5,
-            neutralLow: e.grey2,
+            neutralLow: e.grey1,
             neutralLowAlternative: e.grey2,
             textPrimary: e.grey6,
             textPrimaryInverse: e.white,
@@ -288,6 +288,18 @@ const e = {
             cardTitle: {
                 weight: "regular"
             },
+            button: {
+                weight: "medium"
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            indicator: {
+                weight: "medium"
+            },
             text5: {
                 weight: "light"
             },

package/dist/skins/defaults.js

@@ -37,6 +37,18 @@ const t = {
     },
     cardTitle: {
         weight: "regular"
+    },
+    button: {
+        weight: "medium"
+    },
+    link: {
+        weight: "medium"
+    },
+    title1: {
+        weight: "medium"
+    },
+    indicator: {
+        weight: "medium"
     }
 }, e = {
     button: "4px",

package/dist/skins/movistar-legacy.js

@@ -59,8 +59,8 @@ const e = {
     movistarProminentBlueLight70: "#546874",
     darkModeBlack: "#191919",
     darkModeGrey: "#242424"
-}, d = (t)=>{
-    const o = {
+}, d = (o)=>{
+    const t = {
         name: _constants.MOVISTAR_LEGACY_SKIN,
         colors: {
             background: e.white,
@@ -292,6 +292,18 @@ const e = {
             cardTitle: {
                 weight: "bold"
             },
+            button: {
+                weight: "medium"
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            indicator: {
+                weight: "medium"
+            },
             text5: {
                 weight: "bold"
             },
@@ -312,5 +324,5 @@ const e = {
             }
         }
     };
-    return t === "prominent" && (o.colors.brand = e.movistarProminentBlue, o.colors.brandHigh = e.movistarProminentBlueDark, o.colors.backgroundBrand = e.movistarProminentBlue, o.colors.navigationBarBackground = e.movistarProminentBlue, o.colors.backgroundFeedbackBottom = e.movistarProminentBlue, o.colors.controlActivated = e.movistarProminentBlue, o.colors.dividerInverse = e.movistarProminentBlueDark), o;
+    return o === "prominent" && (t.colors.brand = e.movistarProminentBlue, t.colors.brandHigh = e.movistarProminentBlueDark, t.colors.backgroundBrand = e.movistarProminentBlue, t.colors.navigationBarBackground = e.movistarProminentBlue, t.colors.backgroundFeedbackBottom = e.movistarProminentBlue, t.colors.controlActivated = e.movistarProminentBlue, t.colors.dividerInverse = e.movistarProminentBlueDark), t;
 };

package/dist/skins/movistar.js

@@ -292,6 +292,18 @@ const e = {
             cardTitle: {
                 weight: "bold"
             },
+            button: {
+                weight: "medium"
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            indicator: {
+                weight: "medium"
+            },
             text5: {
                 weight: "bold"
             },

package/dist/skins/o2.js

@@ -292,6 +292,18 @@ const e = {
             cardTitle: {
                 weight: "regular"
             },
+            button: {
+                weight: "medium"
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            indicator: {
+                weight: "medium"
+            },
             text5: {
                 weight: "light"
             },

package/dist/skins/telefonica.js

@@ -286,6 +286,18 @@ const e = {
             cardTitle: {
                 weight: "regular"
             },
+            button: {
+                weight: "medium"
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            indicator: {
+                weight: "medium"
+            },
             text5: {
                 weight: "regular"
             },

package/dist/skins/types/index.d.ts

@@ -5,7 +5,7 @@ export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Vivo-ne
 export type SkinName = KnownSkinName | string;
 export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
 export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
-type TextPresetName = 'text5' | 'text6' | 'text7' | 'text8' | 'text9' | 'text10' | 'cardTitle';
+type TextPresetName = 'text5' | 'text6' | 'text7' | 'text8' | 'text9' | 'text10' | 'cardTitle' | 'button' | 'link' | 'title1' | 'indicator';
 export type TextPresetsConfig = {
     [preset in TextPresetName]: {
         weight: FontWeight;

package/dist/skins/vivo-new.js

@@ -286,6 +286,18 @@ const e = {
             cardTitle: {
                 weight: "regular"
             },
+            button: {
+                weight: "regular"
+            },
+            link: {
+                weight: "regular"
+            },
+            title1: {
+                weight: "regular"
+            },
+            indicator: {
+                weight: "regular"
+            },
             text5: {
                 weight: "regular"
             },

package/dist/skins/vivo.js

@@ -286,6 +286,18 @@ const e = {
             cardTitle: {
                 weight: "regular"
             },
+            button: {
+                weight: "medium"
+            },
+            link: {
+                weight: "medium"
+            },
+            title1: {
+                weight: "medium"
+            },
+            indicator: {
+                weight: "medium"
+            },
             text5: {
                 weight: "light"
             },

package/dist/theme-context-provider.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     default: function() {
-        return pt;
+        return bt;
     },
     useIsOsDarkModeEnabled: function() {
-        return K;
+        return Y;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -106,23 +106,23 @@ function _object_spread(target) {
     }
     return target;
 }
-const J = "(prefers-color-scheme: dark)", K = ()=>{
+const X = "(prefers-color-scheme: dark)", Y = ()=>{
     const [t, c] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(J), s = ()=>{
+        const o = window.matchMedia(X), s = ()=>{
             c(o.matches);
         };
         return o.addListener(s), s(), ()=>o.removeListener(s);
     }, []), t;
-}, Q = ()=>(t)=>t, U = (t)=>({
+}, Z = ()=>(t)=>t, tt = (t)=>({
         headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
-    }), X = (param)=>{
+    }), et = (param)=>{
     let { theme: t , children: c , as: o  } = param;
     var _t_colorScheme, _t_skin_borderRadii;
-    const s = _react.useRef(1), M = _react.useCallback(()=>`aria-id-hook-${s.current++}`, []), T = K(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", C = t.skin.colors, D = _object_spread({}, t.skin.colors, t.skin.darkModeColors), f = u === "auto" && T || u === "dark", p = f ? D : C, k = _react.useMemo(()=>{
-        var i, n, l, m, x, P, b;
-        const d = _object_spread({
+    const s = _react.useRef(1), I = _react.useCallback(()=>`aria-id-hook-${s.current++}`, []), E = Y(), m = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", R = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), u = m === "auto" && E || m === "dark", k = u ? A : R, p = _react.useMemo(()=>{
+        var i, n, d, x, f, P, b, g, M, T, C;
+        const l = _object_spread({
             platform: (0, _platform.getPlatform)(),
             insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
         }, t.platformOverrides);
@@ -130,58 +130,62 @@ const J = "(prefers-color-scheme: dark)", K = ()=>{
         return {
             skinName: t.skin.name,
             i18n: t.i18n,
-            platformOverrides: d,
+            platformOverrides: l,
             texts: _object_spread({}, (0, _theme.getTexts)(t.i18n.locale), t.texts),
             analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _object_spread({}, _theme.dimensions, U(t.dimensions)),
+            dimensions: _object_spread({}, _theme.dimensions, tt(t.dimensions)),
             textPresets: {
                 text5: _object_spread({}, _defaults.defaultTextPresetsConfig.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
                 text6: _object_spread({}, _defaults.defaultTextPresetsConfig.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
-                text7: _object_spread({}, _defaults.defaultTextPresetsConfig.text7, (l = t.skin.textPresets) == null ? void 0 : l.text7),
-                text8: _object_spread({}, _defaults.defaultTextPresetsConfig.text8, (m = t.skin.textPresets) == null ? void 0 : m.text8),
-                text9: _object_spread({}, _defaults.defaultTextPresetsConfig.text9, (x = t.skin.textPresets) == null ? void 0 : x.text9),
+                text7: _object_spread({}, _defaults.defaultTextPresetsConfig.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
+                text8: _object_spread({}, _defaults.defaultTextPresetsConfig.text8, (x = t.skin.textPresets) == null ? void 0 : x.text8),
+                text9: _object_spread({}, _defaults.defaultTextPresetsConfig.text9, (f = t.skin.textPresets) == null ? void 0 : f.text9),
                 text10: _object_spread({}, _defaults.defaultTextPresetsConfig.text10, (P = t.skin.textPresets) == null ? void 0 : P.text10),
-                cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle)
+                cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (b = t.skin.textPresets) == null ? void 0 : b.cardTitle),
+                button: _object_spread({}, _defaults.defaultTextPresetsConfig.button, (g = t.skin.textPresets) == null ? void 0 : g.button),
+                link: _object_spread({}, _defaults.defaultTextPresetsConfig.link, (M = t.skin.textPresets) == null ? void 0 : M.link),
+                title1: _object_spread({}, _defaults.defaultTextPresetsConfig.title1, (T = t.skin.textPresets) == null ? void 0 : T.title1),
+                indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (C = t.skin.textPresets) == null ? void 0 : C.indicator)
             },
             Link: (_t_Link = t.Link) !== null && _t_Link !== void 0 ? _t_Link : _theme.AnchorLink,
-            isDarkMode: f,
-            isIos: (0, _platform.getPlatform)(d) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : Q,
+            isDarkMode: u,
+            isIos: (0, _platform.getPlatform)(l) === "ios",
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : Z,
             useId: t.useId
         };
     }, [
         t,
-        f
-    ]), I = Object.fromEntries(Object.entries(p).map((param)=>{
-        let [d, i] = param;
+        u
+    ]), H = Object.fromEntries(Object.entries(k).map((param)=>{
+        let [l, i] = param;
         let n = "";
         if (i.startsWith("#")) {
-            const [l, m, x] = (0, _color.fromHexToRgb)(i);
-            n = `${l}, ${m}, ${x}`;
+            const [d, x, f] = (0, _color.fromHexToRgb)(i);
+            n = `${d}, ${x}, ${f}`;
         }
         return [
-            d,
+            l,
             n
         ];
     })), v = (0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
-        colors: p,
-        rawColors: I,
+        colors: k,
+        rawColors: H,
         borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_tabfocus.default, {
         disabled: !t.enableTabFocus,
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
-                value: k,
+                value: p,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
-                    eventFormat: k.analytics.eventFormat,
+                    eventFormat: p.analytics.eventFormat,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_ariaidgettercontext.default.Provider, {
-                                value: M,
+                                value: I,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
                                         children: o ? /*#__PURE__*/ _react.createElement(o, {
@@ -203,4 +207,4 @@ const J = "(prefers-color-scheme: dark)", K = ()=>{
             })
         })
     });
-}, pt = X;
+}, bt = et;