@telefonica/mistica 14.33.0 → 14.34.0

package/dist/text.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -13,43 +14,42 @@ _export(exports, {
         return n;
     },
     Text1: function() {
-        return le;
+        return he;
     },
     Text10: function() {
-        return oe;
+        return ie;
     },
     Text2: function() {
         return pe;
     },
     Text3: function() {
-        return he;
+        return xe;
     },
     Text4: function() {
-        return xe;
+        return ae;
     },
     Text5: function() {
-        return ae;
+        return me;
     },
     Text6: function() {
-        return me;
+        return se;
     },
     Text7: function() {
-        return se;
+        return re;
     },
     Text8: function() {
-        return re;
+        return ne;
     },
     Text9: function() {
-        return ne;
+        return oe;
     },
     default: function() {
-        return ge;
+        return le;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _dynamic = require("@vanilla-extract/dynamic");
 const _themevariantcontext = require("./theme-variant-context.js");
 const _css = require("./utils/css.js");
 const _dom = require("./utils/dom.js");
@@ -82,7 +82,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -185,8 +187,8 @@ const J = {
     medium: 500,
     bold: 700
 }, K = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: i = _skincontractcssmistica.vars.colors.textPrimary , decoration: t , truncate: o , transform: l , wordBreak: c = !0 , hyphens: S , as: z = "span" , children: g , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: f = T , desktopLineHeight: k = T , letterSpacing: w , textAlign: H , textShadow: v , id: A , role: P , "aria-level": y , dataAttributes: I  } = param;
-    const W = (0, _themevariantcontext.useIsInverseVariant)(), V = K(o), C = {
+    let { weight: e, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: t, truncate: o, transform: l, wordBreak: c = !0, hyphens: f, as: z = "span", children: g, size: u, mobileSize: d = u, desktopSize: b = u, lineHeight: T, mobileLineHeight: k = T, desktopLineHeight: L = T, letterSpacing: w, textAlign: H, textShadow: v, id: A, role: P, "aria-level": y, dataAttributes: I } = param;
+    const W = (0, _themevariantcontext.useIsInverseVariant)(), C = K(o), V = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse
@@ -195,15 +197,15 @@ const J = {
     const D = (0, _classnames.default)(_textcssmistica.text, c ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncateToOneLine]: o === 1 || o === !0,
         [_textcssmistica.truncateToMoreThanOneLine]: o && o > 1
-    }), M = (0, _dynamic.assignInlineVars)({
+    }), M = (0, _css.applyCssVars)({
         [_textcssmistica.vars.mobileSize]: d ? (0, _css.pxToRem)(d) : "inherit",
-        [_textcssmistica.vars.mobileLineHeight]: f ? (0, _css.pxToRem)(f) : "inherit",
+        [_textcssmistica.vars.mobileLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit",
         [_textcssmistica.vars.desktopSize]: b ? (0, _css.pxToRem)(b) : "inherit",
-        [_textcssmistica.vars.desktopLineHeight]: k ? (0, _css.pxToRem)(k) : "inherit"
-    }), O = o ? (0, _dynamic.assignInlineVars)({
-        [_textcssmistica.vars.lineClamp]: String(V)
+        [_textcssmistica.vars.desktopLineHeight]: L ? (0, _css.pxToRem)(L) : "inherit"
+    }), O = o ? (0, _css.applyCssVars)({
+        [_textcssmistica.vars.lineClamp]: String(C)
     }) : {};
-    var _C_i;
+    var _V_i;
     return /*#__PURE__*/ _react.createElement(z, _object_spread_props(_object_spread({
         className: D,
         id: A,
@@ -211,24 +213,24 @@ const J = {
         "aria-level": y
     }, (0, _dom.getPrefixedDataAttributes)(I)), {
         style: _object_spread_props(_object_spread({}, M, O), {
-            hyphens: S,
+            hyphens: f,
             letterSpacing: w,
             fontWeight: e ? J[e] : "inherit",
             textTransform: l || "inherit",
             textDecoration: t !== null && t !== void 0 ? t : "inherit",
             overflowWrap: c ? "anywhere" : "inherit",
-            color: W ? (_C_i = C[i]) !== null && _C_i !== void 0 ? _C_i : i : i,
+            color: W ? (_V_i = V[i]) !== null && _V_i !== void 0 ? _V_i : i : i,
             textAlign: H,
             textShadow: v
         })
     }), g);
-}, p = (e)=>{
+}, h = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
     if (e.weight) return e.weight;
 }, s = (param)=>{
-    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: l  } = param;
+    let { forceMobileSizes: e, mobileSize: i, mobileLineHeight: t, desktopSize: o, desktopLineHeight: l } = param;
     return e ? {
         size: i,
         lineHeight: t
@@ -238,12 +240,12 @@ const J = {
         desktopSize: o,
         desktopLineHeight: l
     };
-}, oe = (_param)=>{
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, ie = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o  } = (0, _hooks.useTheme)();
+    const { textPresets: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 48,
@@ -256,12 +258,12 @@ const J = {
             "component-name": "Text10"
         }, e)
     }), t));
-}, ne = (_param)=>{
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, oe = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o  } = (0, _hooks.useTheme)();
+    const { textPresets: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 40,
@@ -274,12 +276,12 @@ const J = {
             "component-name": "Text9"
         }, e)
     }), t));
-}, re = (_param)=>{
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, ne = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o  } = (0, _hooks.useTheme)();
+    const { textPresets: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 32,
@@ -292,12 +294,12 @@ const J = {
             "component-name": "Text8"
         }, e)
     }), t));
-}, se = (_param)=>{
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, re = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o  } = (0, _hooks.useTheme)();
+    const { textPresets: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 28,
@@ -310,12 +312,12 @@ const J = {
             "component-name": "Text7"
         }, e)
     }), t));
-}, me = (_param)=>{
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, se = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o  } = (0, _hooks.useTheme)();
+    const { textPresets: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 24,
@@ -328,12 +330,12 @@ const J = {
             "component-name": "Text6"
         }, e)
     }), t));
-}, ae = (_param)=>{
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, me = (_param)=>{
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
-    const { textPresets: o  } = (0, _hooks.useTheme)();
+    const { textPresets: o } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(n, _object_spread(_object_spread_props(_object_spread({}, s({
         forceMobileSizes: i,
         mobileSize: 20,
@@ -346,8 +348,8 @@ const J = {
             "component-name": "Text5"
         }, e)
     }), t));
-}, xe = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, ae = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -358,13 +360,13 @@ const J = {
         desktopSize: 20,
         desktopLineHeight: "28px"
     })), {
-        weight: p(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text4"
         }, e)
     }), t));
-}, he = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, xe = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -375,13 +377,13 @@ const J = {
         desktopSize: 18,
         desktopLineHeight: "24px"
     })), {
-        weight: p(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text3"
         }, e)
     }), t));
 }, pe = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -392,13 +394,13 @@ const J = {
         desktopSize: 16,
         desktopLineHeight: "24px"
     })), {
-        weight: p(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text2"
         }, e)
     }), t));
-}, le = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _object_without_properties(_param, [
+}, he = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e, forceMobileSizes: i } = _param, t = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
@@ -409,9 +411,9 @@ const J = {
         desktopSize: 14,
         desktopLineHeight: "20px"
     })), {
-        weight: p(t),
+        weight: h(t),
         dataAttributes: _object_spread({
             "component-name": "Text1"
         }, e)
     }), t));
-}, ge = n;
+}, le = n;

package/dist/theme-context-provider.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -10,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     default: function() {
-        return Ct;
+        return Dt;
     },
     useIsOsDarkModeEnabled: function() {
-        return et;
+        return ot;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -34,6 +35,8 @@ const _analytics = require("./utils/analytics.js");
 const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _color = require("./utils/color.js");
 const _defaults = require("./skins/defaults.js");
+const _environment = require("./utils/environment.js");
+const _packageversion = require("./package-version.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -60,7 +63,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -106,22 +111,26 @@ function _object_spread(target) {
     }
     return target;
 }
-const tt = "(prefers-color-scheme: dark)", et = ()=>{
+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 rt = "(prefers-color-scheme: dark)", ot = ()=>{
     const [t, c] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(tt), i = ()=>{
+        const o = window.matchMedia(rt), i = ()=>{
             c(o.matches);
         };
         return o.addListener(i), i(), ()=>o.removeListener(i);
     }, []), t;
-}, rt = ()=>(t)=>t, ot = (t)=>({
+}, it = ()=>(t)=>t, st = (t)=>({
         headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
-    }), it = (param)=>{
-    let { theme: t , children: c , as: o  } = param;
+    }), nt = (param)=>{
+    let { theme: t, children: c, as: o } = param;
     var _t_colorScheme, _t_skin_borderRadii;
-    const i = _react.useRef(1), R = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), H = et(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, y = _object_spread({}, t.skin.colors, t.skin.darkModeColors), k = u === "auto" && H || u === "dark", m = k ? y : S, p = _react.useMemo(()=>{
-        var s, n, d, x, f, b, P, g, M, C, T, D, I, E;
+    const i = _react.useRef(1), N = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), R = ot(), u = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", S = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), m = u === "auto" && R || u === "dark", k = m ? A : S, p = _react.useMemo(()=>{
+        var s, n, d, x, f, b, P, g, _, C, M, E, T, D;
         const l = _object_spread({
             platform: (0, _platform.getPlatform)(),
             insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
@@ -136,7 +145,7 @@ const tt = "(prefers-color-scheme: dark)", et = ()=>{
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _object_spread({}, _theme.dimensions, ot(t.dimensions)),
+            dimensions: _object_spread({}, _theme.dimensions, st(t.dimensions)),
             textPresets: {
                 text5: _object_spread({}, _defaults.defaultTextPresetsConfig.text5, (s = t.skin.textPresets) == null ? void 0 : s.text5),
                 text6: _object_spread({}, _defaults.defaultTextPresetsConfig.text6, (n = t.skin.textPresets) == null ? void 0 : n.text6),
@@ -146,23 +155,23 @@ const tt = "(prefers-color-scheme: dark)", et = ()=>{
                 text10: _object_spread({}, _defaults.defaultTextPresetsConfig.text10, (b = t.skin.textPresets) == null ? void 0 : b.text10),
                 cardTitle: _object_spread({}, _defaults.defaultTextPresetsConfig.cardTitle, (P = t.skin.textPresets) == null ? void 0 : P.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),
+                link: _object_spread({}, _defaults.defaultTextPresetsConfig.link, (_ = t.skin.textPresets) == null ? void 0 : _.link),
                 title1: _object_spread({}, _defaults.defaultTextPresetsConfig.title1, (C = t.skin.textPresets) == null ? void 0 : C.title1),
-                title2: _object_spread({}, _defaults.defaultTextPresetsConfig.title2, (T = t.skin.textPresets) == null ? void 0 : T.title2),
-                navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (D = t.skin.textPresets) == null ? void 0 : D.navigationBar),
-                indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (I = t.skin.textPresets) == null ? void 0 : I.indicator),
-                tabsLabel: _object_spread({}, _defaults.defaultTextPresetsConfig.tabsLabel, (E = t.skin.textPresets) == null ? void 0 : E.tabsLabel)
+                title2: _object_spread({}, _defaults.defaultTextPresetsConfig.title2, (M = t.skin.textPresets) == null ? void 0 : M.title2),
+                navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (E = t.skin.textPresets) == null ? void 0 : E.navigationBar),
+                indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (T = t.skin.textPresets) == null ? void 0 : T.indicator),
+                tabsLabel: _object_spread({}, _defaults.defaultTextPresetsConfig.tabsLabel, (D = t.skin.textPresets) == null ? void 0 : D.tabsLabel)
             },
             Link: (0, _theme.getMisticaLinkComponent)(t.Link),
-            isDarkMode: k,
+            isDarkMode: m,
             isIos: (0, _platform.getPlatform)(l) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : rt,
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : it,
             useId: t.useId
         };
     }, [
         t,
-        k
-    ]), A = Object.fromEntries(Object.entries(m).map((param)=>{
+        m
+    ]), L = Object.fromEntries(Object.entries(k).map((param)=>{
         let [l, s] = param;
         let n = "";
         if (s.startsWith("#")) {
@@ -174,8 +183,8 @@ const tt = "(prefers-color-scheme: dark)", et = ()=>{
             n
         ];
     })), v = (0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
-        colors: m,
-        rawColors: A,
+        colors: k,
+        rawColors: L,
         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, {
@@ -188,7 +197,7 @@ const tt = "(prefers-color-scheme: dark)", et = ()=>{
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
                         children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
                             children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_ariaidgettercontext.default.Provider, {
-                                value: R,
+                                value: N,
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
                                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
                                         children: o ? /*#__PURE__*/ _react.createElement(o, {
@@ -210,4 +219,4 @@ const tt = "(prefers-color-scheme: dark)", et = ()=>{
             })
         })
     });
-}, Ct = it;
+}, Dt = nt;

package/dist/theme-context.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -30,7 +31,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {

package/dist/theme-variant-context.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -42,7 +43,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -61,7 +64,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
     return newObj;
 }
 const t = /*#__PURE__*/ _react.createContext("default"), m = (param)=>/* @__PURE__ */ {
-    let { isInverse: r , variant: a , children: n  } = param;
+    let { isInverse: r, variant: a, children: n } = param;
     return (0, _jsxruntime.jsx)(t.Provider, {
         value: a !== null && a !== void 0 ? a : r ? "inverse" : "default",
         children: n

package/dist/theme.js

@@ -294,7 +294,7 @@ const l = {
     headerMobileHeight: u,
     headerDesktopHeight: d
 }, m = (_param)=>/* @__PURE__ */ {
-    var { to: e , innerRef: r  } = _param, a = _object_without_properties(_param, [
+    var { to: e, innerRef: r } = _param, a = _object_without_properties(_param, [
         "to",
         "innerRef"
     ]);
@@ -305,14 +305,14 @@ const l = {
         children: a.children
     }));
 }, C = (e)=>e, f = (e)=>(_param)=>/* @__PURE__ */ {
-        var { innerRef: r  } = _param, a = _object_without_properties(_param, [
+        var { innerRef: r } = _param, a = _object_without_properties(_param, [
             "innerRef"
         ]);
         return (0, _jsxruntime.jsx)(e, _object_spread({
             ref: r
         }, a));
     }, p = (e)=>(_param)=>/* @__PURE__ */ {
-        var { to: r , innerRef: a , children: t  } = _param, n = _object_without_properties(_param, [
+        var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
             "children"
@@ -326,7 +326,7 @@ const l = {
             }))
         });
     }, b = (e)=>(_param)=>/* @__PURE__ */ {
-        var { to: r , innerRef: a , children: t  } = _param, n = _object_without_properties(_param, [
+        var { to: r, innerRef: a, children: t } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
             "children"

package/dist/title.js

@@ -1,3 +1,4 @@
+"use client";
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
@@ -52,7 +53,9 @@ function _interop_require_wildcard(obj, nodeInterop) {
     if (cache && cache.has(obj)) {
         return cache.get(obj);
     }
-    var newObj = {};
+    var newObj = {
+        __proto__: null
+    };
     var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
     for(var key in obj){
         if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -123,8 +126,8 @@ function _object_spread_props(target, source) {
     return target;
 }
 const m = (param)=>{
-    let { title: t , right: i , dataAttributes: o  } = param;
-    const { textPresets: r  } = (0, _hooks.useTheme)();
+    let { title: t, right: i, dataAttributes: o } = param;
+    const { textPresets: r } = (0, _hooks.useTheme)();
     return i ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "baseline",
@@ -143,8 +146,8 @@ const m = (param)=>{
         children: t
     }));
 }, P = (param)=>{
-    let { children: t , as: i = "h3" , id: o , right: r , dataAttributes: s  } = param;
-    const { textPresets: n  } = (0, _hooks.useTheme)();
+    let { children: t, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
+    const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
             color: _skincontractcssmistica.vars.colors.textSecondary,
@@ -161,8 +164,8 @@ const m = (param)=>{
         }, s)
     });
 }, A = (param)=>{
-    let { children: t , as: i = "h3" , id: o , right: r , dataAttributes: s  } = param;
-    const { textPresets: n  } = (0, _hooks.useTheme)();
+    let { children: t, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
+    const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, {
             as: i,
@@ -180,7 +183,7 @@ const m = (param)=>{
         }, s)
     });
 }, S = (param)=>/* @__PURE__ */ {
-    let { children: t , as: i = "h3" , id: o , right: r , dataAttributes: s  } = param;
+    let { children: t, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     return (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {
             as: i,