@telefonica/mistica 14.10.0 → 14.12.0

package/dist/theme-context-provider.js

@@ -9,28 +9,32 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    default: ()=>bt,
-    useIsOsDarkModeEnabled: ()=>Y
+    default: function() {
+        return pt;
+    },
+    useIsOsDarkModeEnabled: function() {
+        return K;
+    }
 });
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _dynamic = require("@vanilla-extract/dynamic");
-const _dialogJs = /*#__PURE__*/ _interopRequireDefault(require("./dialog.js"));
-const _screenSizeContextProviderJs = /*#__PURE__*/ _interopRequireDefault(require("./screen-size-context-provider.js"));
-const _ariaIdGetterContextJs = /*#__PURE__*/ _interopRequireDefault(require("./aria-id-getter-context.js"));
-const _themeJs = require("./theme.js");
-const _platformJs = require("./utils/platform.js");
-const _themeContextJs = /*#__PURE__*/ _interopRequireDefault(require("./theme-context.js"));
-const _hooksJs = require("./hooks.js");
-const _tabFocusJs = /*#__PURE__*/ _interopRequireDefault(require("./tab-focus.js"));
-const _modalContextProviderJs = /*#__PURE__*/ _interopRequireDefault(require("./modal-context-provider.js"));
-const _documentVisibilityJs = require("./utils/document-visibility.js");
-const _aspectRatioSupportJs = require("./utils/aspect-ratio-support.js");
-const _analyticsJs = require("./utils/analytics.js");
-const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-const _colorJs = require("./utils/color.js");
-const _defaultsJs = require("./skins/defaults.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
+const _dialog = /*#__PURE__*/ _interop_require_default(require("./dialog.js"));
+const _screensizecontextprovider = /*#__PURE__*/ _interop_require_default(require("./screen-size-context-provider.js"));
+const _ariaidgettercontext = /*#__PURE__*/ _interop_require_default(require("./aria-id-getter-context.js"));
+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 _documentvisibility = require("./utils/document-visibility.js");
+const _aspectratiosupport = require("./utils/aspect-ratio-support.js");
+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");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
@@ -43,7 +47,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -74,7 +78,7 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -87,7 +91,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);
@@ -97,93 +101,94 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
 }
-const X = "(prefers-color-scheme: dark)", Y = ()=>{
+const J = "(prefers-color-scheme: dark)", K = ()=>{
     const [t, c] = _react.useState(!1);
-    return (0, _hooksJs.useIsomorphicLayoutEffect)(()=>{
+    return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(X), s = ()=>{
+        const o = window.matchMedia(J), s = ()=>{
             c(o.matches);
         };
         return o.addListener(s), s(), ()=>o.removeListener(s);
     }, []), t;
-}, Z = ()=>(t)=>t, tt = (t)=>({
-        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _themeJs.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
-    }), bt = (param)=>{
+}, Q = ()=>(t)=>t, U = (t)=>({
+        headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
+    }), X = (param)=>{
     let { theme: t , children: c , as: o  } = param;
-    var b, P;
-    const s = _react.useRef(1), I = _react.useCallback(()=>`aria-id-hook-${s.current++}`, []), E = Y(), u = (b = t.colorScheme) != null ? b : "auto", R = t.skin.colors, A = _objectSpread({}, t.skin.colors, t.skin.darkModeColors), x = u === "auto" && E || u === "dark", p = x ? A : R, k = _react.useMemo(()=>{
-        var i, a, d, f, m, g, M, T, C;
-        const l = _objectSpread({
-            platform: (0, _platformJs.getPlatform)(),
-            insideNovumNativeApp: (0, _platformJs.isInsideNovumNativeApp)()
+    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({
+            platform: (0, _platform.getPlatform)(),
+            insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
         }, t.platformOverrides);
+        var _t_Link, _t_useHrefDecorator;
         return {
             skinName: t.skin.name,
             i18n: t.i18n,
-            platformOverrides: l,
-            texts: _objectSpread({}, (0, _themeJs.getTexts)(t.i18n.locale), t.texts),
-            analytics: _objectSpread({
+            platformOverrides: d,
+            texts: _object_spread({}, (0, _theme.getTexts)(t.i18n.locale), t.texts),
+            analytics: _object_spread({
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _objectSpread({}, _themeJs.dimensions, tt(t.dimensions)),
+            dimensions: _object_spread({}, _theme.dimensions, U(t.dimensions)),
             textPresets: {
-                text5: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.text5, (i = t.skin.textPresets) == null ? void 0 : i.text5),
-                text6: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.text6, (a = t.skin.textPresets) == null ? void 0 : a.text6),
-                text7: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.text7, (d = t.skin.textPresets) == null ? void 0 : d.text7),
-                text8: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.text8, (f = t.skin.textPresets) == null ? void 0 : f.text8),
-                text9: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.text9, (m = t.skin.textPresets) == null ? void 0 : m.text9),
-                text10: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.text10, (g = t.skin.textPresets) == null ? void 0 : g.text10),
-                cardTitle: _objectSpread({}, _defaultsJs.defaultTextPresetsConfig.cardTitle, (M = t.skin.textPresets) == null ? void 0 : M.cardTitle)
+                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),
+                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)
             },
-            Link: (T = t.Link) != null ? T : _themeJs.AnchorLink,
-            isDarkMode: x,
-            isIos: (0, _platformJs.getPlatform)(l) === "ios",
-            useHrefDecorator: (C = t.useHrefDecorator) != null ? C : Z,
+            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,
             useId: t.useId
         };
     }, [
         t,
-        x
-    ]), H = Object.fromEntries(Object.entries(p).map((param)=>{
-        let [l, i] = param;
-        let a = "";
+        f
+    ]), I = Object.fromEntries(Object.entries(p).map((param)=>{
+        let [d, i] = param;
+        let n = "";
         if (i.startsWith("#")) {
-            const [d, f, m] = (0, _colorJs.fromHexToRgb)(i);
-            a = `${d}, ${f}, ${m}`;
+            const [l, m, x] = (0, _color.fromHexToRgb)(i);
+            n = `${l}, ${m}, ${x}`;
         }
         return [
-            l,
-            a
+            d,
+            n
         ];
-    })), v = (0, _dynamic.assignInlineVars)(_skinContractCssMisticaJs.vars, {
+    })), v = (0, _dynamic.assignInlineVars)(_skincontractcssmistica.vars, {
         colors: p,
-        rawColors: H,
-        borderRadii: (P = t.skin.borderRadii) != null ? P : _defaultsJs.defaultBorderRadiiConfig
+        rawColors: I,
+        borderRadii: (_t_skin_borderRadii = t.skin.borderRadii) !== null && _t_skin_borderRadii !== void 0 ? _t_skin_borderRadii : _defaults.defaultBorderRadiiConfig
     });
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_tabFocusJs.default, {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(_tabfocus.default, {
         disabled: !t.enableTabFocus,
-        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_modalContextProviderJs.default, {
-            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_themeContextJs.default.Provider, {
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_modalcontextprovider.default, {
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
                 value: k,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_analyticsJs.TrackingConfig, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
                     eventFormat: k.analytics.eventFormat,
-                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_aspectRatioSupportJs.AspectRatioSupportProvider, {
-                        children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_documentVisibilityJs.DocumentVisibilityProvider, {
-                            children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_ariaIdGetterContextJs.default.Provider, {
-                                value: I,
-                                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_screenSizeContextProviderJs.default, {
-                                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_dialogJs.default, {
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_aspectratiosupport.AspectRatioSupportProvider, {
+                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_documentvisibility.DocumentVisibilityProvider, {
+                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_ariaidgettercontext.default.Provider, {
+                                value: M,
+                                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
                                         children: o ? /*#__PURE__*/ _react.createElement(o, {
                                             style: v
-                                        }, c) : /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_jsxRuntimeJs.Fragment, {
+                                        }, c) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
                                             children: [
-                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("style", {
+                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
                                                     children: `:root {${v}}`
                                                 }),
                                                 c
@@ -198,4 +203,4 @@ const X = "(prefers-color-scheme: dark)", Y = ()=>{
             })
         })
     });
-};
+}, pt = X;

package/dist/theme-context.js

@@ -4,9 +4,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>e
+    get: function() {
+        return o;
+    }
 });
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -15,7 +17,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -46,4 +48,4 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const e = /*#__PURE__*/ _react.createContext(null);
+const e = /*#__PURE__*/ _react.createContext(null), o = e;

package/dist/theme-variant-context.js

@@ -9,12 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ThemeVariant: ()=>c,
-    useIsInverseVariant: ()=>u,
-    useThemeVariant: ()=>m
+    ThemeVariant: function() {
+        return m;
+    },
+    useIsInverseVariant: function() {
+        return c;
+    },
+    useThemeVariant: function() {
+        return s;
+    }
 });
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -23,7 +29,7 @@ function _getRequireWildcardCache(nodeInterop) {
         return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
     })(nodeInterop);
 }
-function _interopRequireWildcard(obj, nodeInterop) {
+function _interop_require_wildcard(obj, nodeInterop) {
     if (!nodeInterop && obj && obj.__esModule) {
         return obj;
     }
@@ -54,10 +60,10 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-const o = /*#__PURE__*/ _react.createContext("default"), c = (param)=>/* @__PURE__ */ {
-    let { isInverse: s , variant: e , children: r  } = param;
-    return (0, _jsxRuntimeJs.jsx)(o.Provider, {
-        value: e != null ? e : s ? "inverse" : "default",
-        children: r
+const t = /*#__PURE__*/ _react.createContext("default"), m = (param)=>/* @__PURE__ */ {
+    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
     });
-}, m = ()=>_react.useContext(o), u = ()=>m() === "inverse";
+}, s = ()=>_react.useContext(t), c = ()=>s() === "inverse";

package/dist/theme.js

@@ -9,14 +9,24 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    AnchorLink: ()=>u,
-    NAVBAR_HEIGHT_DESKTOP: ()=>s,
-    NAVBAR_HEIGHT_MOBILE: ()=>d,
-    dimensions: ()=>m,
-    getTexts: ()=>c
+    AnchorLink: function() {
+        return u;
+    },
+    NAVBAR_HEIGHT_DESKTOP: function() {
+        return s;
+    },
+    NAVBAR_HEIGHT_MOBILE: function() {
+        return d;
+    },
+    dimensions: function() {
+        return m;
+    },
+    getTexts: function() {
+        return C;
+    }
 });
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _defineProperty(obj, key, value) {
+const _jsxruntime = require("react/jsx-runtime");
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -29,7 +39,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);
@@ -39,7 +49,7 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
@@ -57,7 +67,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));
@@ -68,9 +78,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);
@@ -83,7 +93,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);
@@ -219,7 +229,7 @@ const t = {
     clearButton: "Apagar",
     carouselNextButton: "pr\xf3ximo",
     carouselPrevButton: "anterior"
-}, c = (r)=>{
+}, C = (r)=>{
     switch(r.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
             return t;
@@ -236,11 +246,11 @@ 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 (0, _jsxRuntimeJs.jsx)("a", _objectSpreadProps(_objectSpread({
+    return (0, _jsxruntime.jsx)("a", _object_spread_props(_object_spread({
         ref: e,
         href: typeof r == "string" ? r : r == null ? void 0 : r.pathname
     }, a), {

package/dist/title.js

@@ -9,20 +9,24 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Title1: ()=>g,
-    Title2: ()=>j
+    Title1: function() {
+        return g;
+    },
+    Title2: function() {
+        return j;
+    }
 });
-const _textJs = require("./text.js");
-const _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
-const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
-function _interopRequireDefault(obj) {
+const _jsxruntime = require("react/jsx-runtime");
+const _text = require("./text.js");
+const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
+const _box = /*#__PURE__*/ _interop_require_default(require("./box.js"));
+const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
+function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
     };
 }
-function _defineProperty(obj, key, value) {
+function _define_property(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
             value: value,
@@ -35,7 +39,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);
@@ -45,21 +49,21 @@ function _objectSpread(target) {
             }));
         }
         ownKeys.forEach(function(key) {
-            _defineProperty(target, key, source[key]);
+            _define_property(target, key, source[key]);
         });
     }
     return target;
 }
 const a = (param)=>{
     let { title: e , right: t  } = param;
-    return t ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
+    return t ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "baseline",
         children: [
             e,
-            /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_boxJs.default, {
+            /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
-                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                     regular: !0,
                     children: t
                 })
@@ -68,14 +72,14 @@ const a = (param)=>{
     }) : e;
 }, g = (param)=>/* @__PURE__ */ {
     let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return (0, _jsxRuntimeJs.jsx)(a, {
-        title: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text1, {
-            color: _skinContractCssMisticaJs.vars.colors.textSecondary,
+    return (0, _jsxruntime.jsx)(a, {
+        title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
+            color: _skincontractcssmistica.vars.colors.textSecondary,
             transform: "uppercase",
             medium: !0,
             as: t,
             id: o,
-            dataAttributes: _objectSpread({
+            dataAttributes: _object_spread({
                 "component-name": "Title1"
             }, i),
             wordBreak: !1,
@@ -85,11 +89,11 @@ const a = (param)=>{
     });
 }, j = (param)=>/* @__PURE__ */ {
     let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return (0, _jsxRuntimeJs.jsx)(a, {
-        title: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text5, {
+    return (0, _jsxruntime.jsx)(a, {
+        title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
             as: t,
             id: o,
-            dataAttributes: _objectSpread({
+            dataAttributes: _object_spread({
                 "component-name": "Title2"
             }, i),
             children: e

package/dist/tooltip.css-mistica.js

@@ -9,31 +9,65 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    arrow: ()=>v,
-    arrowBottom: ()=>n,
-    arrowLeft: ()=>t,
-    arrowRight: ()=>_,
-    arrowTop: ()=>e,
-    arrowWrapper: ()=>f,
-    container: ()=>p,
-    enter: ()=>o,
-    enterActive: ()=>y,
-    enterDone: ()=>x,
-    exit: ()=>h,
-    exitActive: ()=>b,
-    fadeInBottomKeyframes: ()=>m,
-    fadeInTopKeyframes: ()=>i,
-    fadeInXKeyframes: ()=>w,
-    vars: ()=>s,
-    wrapper: ()=>d
+    arrow: function() {
+        return v;
+    },
+    arrowBottom: function() {
+        return t;
+    },
+    arrowLeft: function() {
+        return _;
+    },
+    arrowRight: function() {
+        return n;
+    },
+    arrowTop: function() {
+        return e;
+    },
+    arrowWrapper: function() {
+        return f;
+    },
+    container: function() {
+        return p;
+    },
+    enter: function() {
+        return o;
+    },
+    enterActive: function() {
+        return h;
+    },
+    enterDone: function() {
+        return x;
+    },
+    exit: function() {
+        return y;
+    },
+    exitActive: function() {
+        return b;
+    },
+    fadeInBottomKeyframes: function() {
+        return m;
+    },
+    fadeInTopKeyframes: function() {
+        return i;
+    },
+    fadeInXKeyframes: function() {
+        return w;
+    },
+    vars: function() {
+        return s;
+    },
+    wrapper: function() {
+        return d;
+    }
 });
-require("./sprinkles.css.ts.vanilla.js");
-require("./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 = {
+require("./sprinkles.css.ts.vanilla.css-mistica.js");
+require("./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";
+}, d = "_1y2v1nf68";

package/dist/tooltip.css.ts.vanilla.css-mistica.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return t;
+    }
+});
+const t = "";