@telefonica/mistica 14.34.0 → 14.36.0

package/dist/switch-component.css-mistica.js

@@ -13,13 +13,13 @@ _export(exports, {
         return n;
     },
     barVariants: function() {
-        return p;
+        return f;
     },
     checkboxVariants: function() {
-        return f;
+        return v;
     },
     container: function() {
-        return v;
+        return p;
     },
     containerDisabled: function() {
         return q;
@@ -28,30 +28,30 @@ _export(exports, {
         return e;
     },
     switchCheckboxContainerVariants: function() {
-        return y;
+        return b;
     },
     switchCheckboxLabel: function() {
-        return _;
+        return y;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./switch-component.css.ts.vanilla.css-mistica.js");
 var n = {
-    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb5 _1y2v1nffp _1y2v1nfbc _1y2v1nfdt",
-    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb5 _1y2v1nffp _1y2v1nfbc _1y2v1nfdt",
-    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb5 _1y2v1nffp _1y2v1nfbc _1y2v1nfdt",
-    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb5 _1y2v1nffp _1y2v1nfbc _1y2v1nfdt"
-}, p = {
+    default: "q0hp3au q0hp3as q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt",
+    ios: "q0hp3av q0hp3at q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt",
+    checked: "q0hp3aw q0hp3as q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt",
+    checkedIos: "q0hp3ax q0hp3at q0hp3ar _1y2v1nfb5 _1y2v1nffq _1y2v1nfbc _1y2v1nfdt"
+}, f = {
     default: "q0hp3ai q0hp3ah _1y2v1nfbc",
     ios: "q0hp3aj q0hp3ah _1y2v1nfbc",
     checked: "q0hp3ak q0hp3ah _1y2v1nfbc",
     checkedIos: "q0hp3al q0hp3ah _1y2v1nfbc"
-}, f = {
-    default: "q0hp3a6 _1y2v1nfbe _1y2v1nfe9",
-    ios: "q0hp3a7 _1y2v1nfbe _1y2v1nfe9",
-    disabled: "q0hp3a8 _1y2v1nfbe _1y2v1nfe9",
-    disabledIos: "q0hp3a9 _1y2v1nfbe _1y2v1nfe9"
-}, v = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", e = "q0hp3ap", y = {
+}, v = {
+    default: "q0hp3a6 _1y2v1nfbe _1y2v1nfea",
+    ios: "q0hp3a7 _1y2v1nfbe _1y2v1nfea",
+    disabled: "q0hp3a8 _1y2v1nfbe _1y2v1nfea",
+    disabledIos: "q0hp3a9 _1y2v1nfbe _1y2v1nfea"
+}, p = "q0hp3an q0hp3am", q = "q0hp3ao q0hp3am", e = "q0hp3ap", b = {
     default: "q0hp3ac q0hp3ab _1y2v1nfb4",
     ios: "q0hp3ad q0hp3ab _1y2v1nfb4"
-}, _ = "q0hp3af _1y2v1nfbc _1y2v1nfea";
+}, y = "q0hp3af _1y2v1nfbc _1y2v1nfeb";

package/dist/switch-component.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, "default", {
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 const _helpers = require("./utils/helpers.js");
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 const _formcontext = require("./form-context.js");
 const _text = require("./text.js");
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
@@ -118,20 +118,20 @@ function _object_spread_props(target, source) {
     return target;
 }
 const $ = (e)=>{
-    const { isIos: l } = (0, _hooks.useTheme)(), o = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: u, value: d, onChange: a, focusableRef: b, disabled: t } = (0, _formcontext.useControlProps)({
+    const { isIos: l } = (0, _hooks.useTheme)(), n = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: u, value: c, onChange: a, focusableRef: b, disabled: t } = (0, _formcontext.useControlProps)({
         name: e.name,
         value: e.checked,
         defaultValue: e.defaultChecked,
         onChange: e.onChange,
         disabled: e.disabled
-    }), [c, k] = _react.useState(!!u), r = d !== null && d !== void 0 ? d : c, v = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
+    }), [d, k] = _react.useState(!!u), r = c !== null && c !== void 0 ? c : d, v = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (i)=>a == null ? void 0 : a(i) : (0, _helpers.debounce)((i)=>{
             a == null || a(i);
         }, 300), [
         a
-    ]), n = ()=>{
-        d !== void 0 ? a == null || a(!d) : (k(!c), v(!c));
+    ]), o = ()=>{
+        c !== void 0 ? a == null || a(!c) : (k(!d), v(!d));
     }, w = (i)=>{
-        i.keyCode === _keycodes.SPACE && (i.preventDefault(), i.stopPropagation(), n());
+        i.key === _keys.SPACE && (i.preventDefault(), i.stopPropagation(), o());
     }, m = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
         className: _switchcomponentcssmistica.checkboxVariants[l ? t ? "disabledIos" : "ios" : t ? "disabled" : "default"],
         children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
@@ -152,23 +152,23 @@ const $ = (e)=>{
     return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
     /* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
         role: "switch",
-        "aria-checked": d !== null && d !== void 0 ? d : c,
+        "aria-checked": c !== null && c !== void 0 ? c : d,
         onClick: (i)=>{
-            i.stopPropagation(), t || n();
+            i.stopPropagation(), t || o();
         },
         onKeyDown: t ? void 0 : w,
         tabIndex: t ? void 0 : 0,
         ref: b,
         className: t ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
         "aria-disabled": t,
-        "aria-labelledby": o
+        "aria-labelledby": n
     }, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Switch")), {
         children: e.render ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
             children: e.render({
                 controlElement: m,
-                labelId: o,
+                labelId: n,
                 disabled: !!t,
-                checked: d !== null && d !== void 0 ? d : c
+                checked: c !== null && c !== void 0 ? c : d
             })
         }) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
             space: 16,
@@ -178,7 +178,7 @@ const $ = (e)=>{
                 e.children && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
                     regular: !0,
                     as: "div",
-                    id: o,
+                    id: n,
                     children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
                         className: t ? _switchcomponentcssmistica.disabled : "",
                         children: e.children

package/dist/tab-focus.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "default", {
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _keycodes = require("./utils/key-codes.js");
+const _keys = require("./utils/keys.js");
 function _getRequireWildcardCache(nodeInterop) {
     if (typeof WeakMap !== "function") return null;
     var cacheBabelInterop = new WeakMap();
@@ -60,32 +60,32 @@ const e = "mistica-tab-navigation", m = `
         -webkit-tap-highlight-color: transparent;
     }
 `;
-let t = !1;
+let o = !1;
 const f = (param)=>{
-    let { children: i, disabled: o } = param;
+    let { children: r, disabled: t } = param;
     return _react.useEffect(()=>{
-        if (o) return;
-        if (t) {
+        if (t) return;
+        if (o) {
             process.env.NODE_ENV !== "production" && console.warn("Multiple TabFocus instances");
             return;
         }
-        t = !0;
-        const n = (r)=>{
-            r.key === "Tab" || r.keyCode === _keycodes.TAB ? document.body.classList.add(e) : document.body.classList.remove(e);
+        o = !0;
+        const n = (i)=>{
+            i.key === _keys.TAB ? document.body.classList.add(e) : document.body.classList.remove(e);
         }, s = ()=>{
             document.body.classList.remove(e);
         };
         return window.addEventListener("keydown", n), window.addEventListener("mouseup", s), ()=>{
-            t = !1, window.removeEventListener("keydown", n), window.removeEventListener("mouseup", s);
+            o = !1, window.removeEventListener("keydown", n), window.removeEventListener("mouseup", s);
         };
     }, [
-        o
+        t
     ]), /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            !o && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
+            !t && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
                 children: m
             }),
-            i
+            r
         ]
     });
 }, p = f;

package/dist/tabs.css-mistica.js

@@ -42,7 +42,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tabs.css.ts.vanilla.css-mistica.js");
-var v = "_1y2v1nfb9 _1y2v1nfb5 _1y2v1nfev _1y2v1nffp _1y2v1nfcg", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfdl _1y2v1nfbx _1y2v1nfb4", r = "lgofm10", a = "lgofm11", l = {
+var v = "_1y2v1nfb9 _1y2v1nfb5 _1y2v1nfew _1y2v1nffq _1y2v1nfcg", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfdl _1y2v1nfbx _1y2v1nfb4", r = "lgofm10", a = "lgofm11", l = {
     default: "lgofm1a",
     inverse: "lgofm1b"
 }, o = {

package/dist/text-field-base.css-mistica.js

@@ -60,4 +60,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var n = "rhey4tf _1y2v1nf8u _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp", e = "rhey4t4", r = "rhey4ta _1y2v1nfb4 _1y2v1nfce rhey4t1 _1y2v1nfds _1y2v1nfcv _1y2v1nf1y _1y2v1nfbx", t = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6i _1y2v1nf7r", a = "rhey4to _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfe9", h = "_1y2v1nf3g", i = "rhey4tj _1y2v1nf8x _1y2v1nfa9", b = "rhey4tl _1y2v1nf7l", p = "_1y2v1nf6i _1y2v1nf7r", l = "rhey4th _1y2v1nf8x _1y2v1nfa6 _1y2v1nfba _1y2v1nfbp _1y2v1nfce _1y2v1nfb5", u = "rhey4tr _1y2v1nfb5", o = "rhey4t6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u rhey4t1 _1y2v1nfds _1y2v1nfcv _1y2v1nf1y _1y2v1nfbx", x = "rhey4t7", c = "rhey4t8";
+var n = "rhey4tf _1y2v1nf8u _1y2v1nfa9 _1y2v1nfba _1y2v1nfbp", e = "rhey4t4", r = "rhey4ta _1y2v1nfb4 _1y2v1nfce rhey4t1 _1y2v1nfds _1y2v1nfcv _1y2v1nf1y _1y2v1nfbx", t = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf6i _1y2v1nf7r", a = "rhey4to _1y2v1nfcp _1y2v1nfba _1y2v1nfbp _1y2v1nfea", h = "_1y2v1nf3g", i = "rhey4tj _1y2v1nf8x _1y2v1nfa9", b = "rhey4tl _1y2v1nf7l", p = "_1y2v1nf6i _1y2v1nf7r", l = "rhey4th _1y2v1nf8x _1y2v1nfa6 _1y2v1nfba _1y2v1nfbp _1y2v1nfce _1y2v1nfb5", u = "rhey4tr _1y2v1nfb5", o = "rhey4t6 _1y2v1nf63 _1y2v1nf7c _1y2v1nf8l _1y2v1nf9u rhey4t1 _1y2v1nfds _1y2v1nfcv _1y2v1nf1y _1y2v1nfbx", x = "rhey4t7", c = "rhey4t8";

package/dist/text-field-components.css-mistica.js

@@ -19,10 +19,10 @@ _export(exports, {
         return n;
     },
     LABEL_SCALE_MOBILE: function() {
-        return e;
+        return f;
     },
     disabled: function() {
-        return f;
+        return e;
     },
     field: function() {
         return y;
@@ -34,10 +34,10 @@ _export(exports, {
         return l;
     },
     fieldSingle: function() {
-        return t;
+        return b;
     },
     fullWidth: function() {
-        return b;
+        return t;
     },
     helperContainer: function() {
         return u;
@@ -58,12 +58,12 @@ _export(exports, {
         return T;
     },
     rightText: function() {
-        return x;
+        return h;
     },
     shrinked: function() {
-        return h;
+        return x;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
-var _ = 328, a = 12, n = 0.78, e = 0.75, f = "_15k6ur97", y = "_1y2v1nfea _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4", i = "_15k6ur96 _1y2v1nfba _1y2v1nfbg", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nfcq", b = "_1y2v1nfbx", u = "_1y2v1nf8x _1y2v1nfa9 _1y2v1nfba", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb5 _1y2v1nfeg _1y2v1nfcm _1y2v1nfba _1y2v1nfbf _1y2v1nfez", L = "_15k6ur93 _1y2v1nfea _1y2v1nfbt", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbx", x = "_15k6ur9i", h = "_15k6ur94";
+var _ = 328, a = 12, n = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nfeb _1y2v1nfdr _1y2v1nfba _1y2v1nfe0 _1y2v1nfb4", i = "_15k6ur96 _1y2v1nfba _1y2v1nfbg", l = "_15k6ur9e", b = "_15k6ur9d _1y2v1nfcq", t = "_1y2v1nfbx", u = "_1y2v1nf8x _1y2v1nfa9 _1y2v1nfba", k = "_15k6ur9g", d = "_15k6ur91 _1y2v1nfb5 _1y2v1nfeh _1y2v1nfcm _1y2v1nfba _1y2v1nfbf _1y2v1nff0", L = "_15k6ur93 _1y2v1nfeb _1y2v1nfbt", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nfbx", h = "_15k6ur9i", x = "_15k6ur94";

package/dist/text-link.css-mistica.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var v = {
-    default: "_1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfe9 _1y2v1nf29",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfe9 _1y2v1nf2a",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfe9 _1y2v1nf29"
+    default: "_1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf2a",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfby _1y2v1nfbd _1y2v1nfea _1y2v1nf29"
 };

package/dist/theme-context-provider.js

@@ -11,10 +11,10 @@ function _export(target, all) {
 }
 _export(exports, {
     default: function() {
-        return Dt;
+        return St;
     },
     useIsOsDarkModeEnabled: function() {
-        return ot;
+        return st;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -29,6 +29,7 @@ const _themecontext = /*#__PURE__*/ _interop_require_default(require("./theme-co
 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");
 const _aspectratiosupport = require("./utils/aspect-ratio-support.js");
 const _analytics = require("./utils/analytics.js");
@@ -37,6 +38,7 @@ const _color = require("./utils/color.js");
 const _defaults = require("./skins/defaults.js");
 const _environment = require("./utils/environment.js");
 const _packageversion = require("./package-version.js");
+const _snackbarcontext = require("./snackbar-context.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -115,22 +117,22 @@ 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 it = "(prefers-color-scheme: dark)", st = ()=>{
     const [t, c] = _react.useState(!1);
     return (0, _hooks.useIsomorphicLayoutEffect)(()=>{
         if (!window.matchMedia) return;
-        const o = window.matchMedia(rt), i = ()=>{
+        const o = window.matchMedia(it), i = ()=>{
             c(o.matches);
         };
         return o.addListener(i), i(), ()=>o.removeListener(i);
     }, []), t;
-}, it = ()=>(t)=>t, st = (t)=>({
+}, nt = ()=>(t)=>t, at = (t)=>({
         headerMobileHeight: (t == null ? void 0 : t.headerMobileHeight) === "mistica" ? _theme.NAVBAR_HEIGHT_MOBILE : t == null ? void 0 : t.headerMobileHeight
-    }), nt = (param)=>{
+    }), ct = (param)=>{
     let { theme: t, children: c, as: o } = param;
     var _t_colorScheme, _t_skin_borderRadii;
-    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 i = _react.useRef(1), R = _react.useCallback(()=>`aria-id-hook-${i.current++}`, []), S = st(), p = (_t_colorScheme = t.colorScheme) !== null && _t_colorScheme !== void 0 ? _t_colorScheme : "auto", N = t.skin.colors, A = _object_spread({}, t.skin.colors, t.skin.darkModeColors), f = p === "auto" && S || p === "dark", k = f ? A : N, u = _react.useMemo(()=>{
+        var s, n, d, m, x, b, P, g, _, C, M, T, E, D;
         const l = _object_spread({
             platform: (0, _platform.getPlatform)(),
             insideNovumNativeApp: (0, _platform.isInsideNovumNativeApp)()
@@ -145,38 +147,38 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
                 logEvent: ()=>Promise.resolve(),
                 eventFormat: "universal-analytics"
             }, t.analytics),
-            dimensions: _object_spread({}, _theme.dimensions, st(t.dimensions)),
+            dimensions: _object_spread({}, _theme.dimensions, at(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),
                 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),
+                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, (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, (_ = 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, (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),
+                navigationBar: _object_spread({}, _defaults.defaultTextPresetsConfig.navigationBar, (T = t.skin.textPresets) == null ? void 0 : T.navigationBar),
+                indicator: _object_spread({}, _defaults.defaultTextPresetsConfig.indicator, (E = t.skin.textPresets) == null ? void 0 : E.indicator),
                 tabsLabel: _object_spread({}, _defaults.defaultTextPresetsConfig.tabsLabel, (D = t.skin.textPresets) == null ? void 0 : D.tabsLabel)
             },
             Link: (0, _theme.getMisticaLinkComponent)(t.Link),
-            isDarkMode: m,
+            isDarkMode: f,
             isIos: (0, _platform.getPlatform)(l) === "ios",
-            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : it,
+            useHrefDecorator: (_t_useHrefDecorator = t.useHrefDecorator) !== null && _t_useHrefDecorator !== void 0 ? _t_useHrefDecorator : nt,
             useId: t.useId
         };
     }, [
         t,
-        m
+        f
     ]), L = Object.fromEntries(Object.entries(k).map((param)=>{
         let [l, s] = param;
         let n = "";
         if (s.startsWith("#")) {
-            const [d, x, f] = (0, _color.fromHexToRgb)(s);
-            n = `${d}, ${x}, ${f}`;
+            const [d, m, x] = (0, _color.fromHexToRgb)(s);
+            n = `${d}, ${m}, ${x}`;
         }
         return [
             l,
@@ -190,25 +192,29 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
     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: p,
-                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
-                    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: N,
-                                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, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
-                                            children: [
-                                                (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
-                                                    children: `:root {${v}}`
-                                                }),
-                                                c
-                                            ]
+            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltipcontextprovider.default, {
+                children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_themecontext.default.Provider, {
+                    value: u,
+                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_analytics.TrackingConfig, {
+                        eventFormat: u.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: R,
+                                    children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_screensizecontextprovider.default, {
+                                        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_dialog.default, {
+                                            children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_snackbarcontext.SnackbarRoot, {
+                                                children: o ? /*#__PURE__*/ _react.createElement(o, {
+                                                    style: v
+                                                }, c) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+                                                    children: [
+                                                        (process.env.NODE_ENV !== "test" || process.env.SSR_TEST) && /* @__PURE__ */ (0, _jsxruntime.jsx)("style", {
+                                                            children: `:root {${v}}`
+                                                        }),
+                                                        c
+                                                    ]
+                                                })
+                                            })
                                         })
                                     })
                                 })
@@ -219,4 +225,4 @@ const rt = "(prefers-color-scheme: dark)", ot = ()=>{
             })
         })
     });
-}, Dt = nt;
+}, St = ct;

package/dist/tooltip-context-provider.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+type TooltipState = {
+    openTooltipId: string | null;
+};
+type TooltipSetter = {
+    openTooltip: (tooltipId: string) => void;
+    closeTooltip: (tooltipId: string) => void;
+};
+declare const TooltipContextProvider: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export declare const useTooltipState: () => TooltipState;
+export declare const useSetTooltipState: () => TooltipSetter;
+export default TooltipContextProvider;

package/dist/tooltip-context-provider.js

@@ -0,0 +1,90 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    default: function() {
+        return d;
+    },
+    useSetTooltipState: function() {
+        return C;
+    },
+    useTooltipState: function() {
+        return x;
+    }
+});
+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();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+const r = /*#__PURE__*/ _react.createContext({
+    openTooltipId: null
+}), s = /*#__PURE__*/ _react.createContext({
+    openTooltip: ()=>{},
+    closeTooltip: ()=>{}
+}), a = (param)=>{
+    let { children: c } = param;
+    const [p, n] = _react.useState(null), e = _react.useRef(null), i = _react.useCallback((o)=>{
+        e.current = o, n(o);
+    }, []), u = _react.useCallback((o)=>{
+        e.current === o && (e.current = null, n(null));
+    }, []);
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(r.Provider, {
+        value: {
+            openTooltipId: p
+        },
+        children: /* @__PURE__ */ (0, _jsxruntime.jsx)(s.Provider, {
+            value: {
+                openTooltip: i,
+                closeTooltip: u
+            },
+            children: c
+        })
+    });
+}, x = ()=>_react.useContext(r), C = ()=>_react.useContext(s), d = a;

package/dist/tooltip.css-mistica.js

@@ -12,68 +12,39 @@ _export(exports, {
     arrow: function() {
         return v;
     },
-    arrowBottom: function() {
-        return t;
-    },
-    arrowLeft: function() {
-        return _;
-    },
-    arrowRight: function() {
-        return e;
-    },
-    arrowTop: function() {
-        return n;
-    },
-    arrowWrapper: function() {
-        return f;
+    arrowContainer: function() {
+        return a;
     },
     container: function() {
-        return p;
-    },
-    enter: function() {
-        return b;
-    },
-    enterActive: function() {
-        return x;
-    },
-    enterDone: function() {
-        return o;
-    },
-    exit: function() {
-        return h;
+        return _;
     },
-    exitActive: function() {
+    content: function() {
         return y;
     },
-    fadeInBottomKeyframes: function() {
-        return i;
-    },
-    fadeInTopKeyframes: function() {
-        return m;
-    },
-    fadeInXKeyframes: function() {
-        return c;
-    },
-    textAlign: function() {
-        return w;
-    },
-    textCenter: function() {
-        return d;
+    tooltip: function() {
+        return e;
     },
-    vars: function() {
-        return s;
+    tooltipCenter: function() {
+        return o;
     },
-    wrapper: function() {
-        return A;
+    tooltipTransitionClasses: function() {
+        return r;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var v = "_1xhatbpb _1y2v1nfb5 _1y2v1nfeg _1y2v1nfc3 _1y2v1nfcj _1y2v1nfdu _1y2v1nf33 _1y2v1nfdr", t = "_1xhatbpe", _ = "_1xhatbpf", e = "_1xhatbpd", n = "_1xhatbpc", f = "_1y2v1nfb5 _1y2v1nfc6 _1y2v1nfcj _1y2v1nfea _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6c _1y2v1nf7l _1y2v1nf8u _1y2v1nfa3 _1y2v1nfb5 _1y2v1nff0 _1y2v1nfby _1y2v1nfe3 _1y2v1nfdr", b = "_1xhatbpm", x = "_1xhatbpn", o = "_1xhatbpo", h = "_1xhatbpp", y = "_1xhatbpq", i = "_1xhatbp6", m = "_1xhatbp7", c = "_1xhatbp8", w = "_1xhatbpk", d = "_1xhatbpl", s = {
-    shadowAlpha: "var(--_1xhatbp0)",
-    enterTransform: "var(--_1xhatbp1)",
-    enterDoneTransform: "var(--_1xhatbp2)",
-    exitTransform: "var(--_1xhatbp3)",
-    enterActiveAnimationName: "var(--_1xhatbp4)",
-    arrowBoxShadow: "var(--_1xhatbp5)"
-}, A = "_1y2v1nfbb";
+var v = "_1xhatbpa _1y2v1nfc3 _1y2v1nfcj _1y2v1nfb5 _1y2v1nfeh _1y2v1nf33", a = "_1xhatbp8 _1y2v1nfb5 _1y2v1nfc5 _1y2v1nfeb", _ = "_1xhatbp1 _1y2v1nfb5", y = "_1xhatbp5 _1y2v1nfb4 _1y2v1nfd4 _1y2v1nfeb", e = "_1xhatbp3 _1y2v1nfb4 _1y2v1nfe3 _1y2v1nf33", o = "_1y2v1nfba _1y2v1nfbg _1y2v1nfbp", r = {
+    entering: {
+        opacity: 1
+    },
+    entered: {
+        opacity: 1
+    },
+    exiting: {
+        opacity: 0
+    },
+    exited: {
+        opacity: 0
+    },
+    unmounted: {}
+};