@telefonica/mistica 14.13.0 → 14.15.0

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;

package/dist/title.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     Title1: function() {
-        return g;
+        return k;
     },
     Title2: function() {
-        return j;
+        return y;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -21,6 +21,7 @@ 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");
+const _hooks = require("./hooks.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -54,50 +55,52 @@ function _object_spread(target) {
     }
     return target;
 }
-const a = (param)=>{
-    let { title: e , right: t  } = param;
-    return t ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
+const m = (param)=>{
+    let { title: t , right: e  } = param;
+    const { textPresets: o  } = (0, _hooks.useTheme)();
+    return e ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
         space: "between",
         alignItems: "baseline",
         children: [
-            e,
+            t,
             /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
                 paddingLeft: 16,
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
-                    regular: !0,
-                    children: t
+                    weight: o.link.weight,
+                    children: e
                 })
             })
         ]
-    }) : e;
-}, g = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return (0, _jsxruntime.jsx)(a, {
+    }) : t;
+}, k = (param)=>{
+    let { children: t , as: e = "h3" , id: o , right: i , dataAttributes: n  } = param;
+    const { textPresets: a  } = (0, _hooks.useTheme)();
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
             color: _skincontractcssmistica.vars.colors.textSecondary,
             transform: "uppercase",
-            medium: !0,
-            as: t,
+            weight: a.title1.weight,
+            as: e,
             id: o,
             dataAttributes: _object_spread({
                 "component-name": "Title1"
-            }, i),
+            }, n),
             wordBreak: !1,
-            children: e
+            children: t
         }),
-        right: n
+        right: i
     });
-}, j = (param)=>/* @__PURE__ */ {
-    let { children: e , as: t = "h3" , id: o , right: n , dataAttributes: i  } = param;
-    return (0, _jsxruntime.jsx)(a, {
+}, y = (param)=>/* @__PURE__ */ {
+    let { children: t , as: e = "h3" , id: o , right: i , dataAttributes: n  } = param;
+    return (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text5, {
-            as: t,
+            as: e,
             id: o,
             dataAttributes: _object_spread({
                 "component-name": "Title2"
-            }, i),
-            children: e
+            }, n),
+            children: t
         }),
-        right: n
+        right: i
     });
 };

package/dist/tooltip.css-mistica.js

@@ -34,13 +34,13 @@ _export(exports, {
         return o;
     },
     enterActive: function() {
-        return h;
+        return x;
     },
     enterDone: function() {
-        return x;
+        return y;
     },
     exit: function() {
-        return y;
+        return h;
     },
     exitActive: function() {
         return b;
@@ -58,16 +58,16 @@ _export(exports, {
         return s;
     },
     wrapper: function() {
-        return d;
+        return c;
     }
 });
 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 = {
+var v = "_1xhatbpb _1y2v1nf60 _1y2v1nfau _1y2v1nf8l _1y2v1nf91 _1y2v1nfac _1y2v1nf31 _1y2v1nfa9", t = "_1xhatbpe", _ = "_1xhatbpf", n = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nf60 _1y2v1nf8o _1y2v1nf91 _1y2v1nfas _1y2v1nf2", p = "_1xhatbpj _1y2v1nf6u _1y2v1nf79 _1y2v1nf7o _1y2v1nf83 _1y2v1nf60 _1y2v1nfbe _1y2v1nf8g _1y2v1nfal _1y2v1nfa9", o = "_1xhatbpk", x = "_1xhatbpl", y = "_1xhatbpm", h = "_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 = "_1y2v1nf68";
+}, c = "_1y2v1nf68";

package/dist/tooltip.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return jt;
+        return Ht;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -21,6 +21,7 @@ const _stack = /*#__PURE__*/ _interop_require_default(require("./stack.js"));
 const _tooltipcssmistica = require("./tooltip.css-mistica.js");
 const _dynamic = require("@vanilla-extract/dynamic");
 const _dom = require("./utils/dom.js");
+const _environment = require("./utils/environment.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -144,8 +145,8 @@ function _object_without_properties_loose(source, excluded) {
     }
     return target;
 }
-const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500, d = 12, vt = 500, R = ()=>{}, At = (t)=>t || Tt, Yt = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Pt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Dt = (t)=>t === "top" ? _tooltipcssmistica.fadeInTopKeyframes : t === "bottom" ? _tooltipcssmistica.fadeInBottomKeyframes : _tooltipcssmistica.fadeInXKeyframes, Ot = (t)=>t ? "1" : "0.2", St = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : "", Rt = (_param)=>{
-    var { children: t , extra: $ , description: g , target: I , title: x , targetLabel: B , delay: C = !0 , dataAttributes: E  } = _param, Y = _object_without_properties(_param, [
+const xt = "bottom", Tt = "top", bt = 12, h = 4 + bt, g = 16, vt = 340, At = 500, d = 12, Yt = 500, R = ()=>{}, Pt = (t)=>t || vt, St = (t)=>t === "bottom" ? `translateY(${d}px)` : t === "top" ? `translateY(calc(-100% - ${d}px))` : t === "right" ? `translateX(${d}px) translateY(-50%)` : t === "left" ? `translateX(-${d}px) translateY(-50%)` : `translateY(-${d}px)`, yt = (t)=>t === "top" ? "translateY(-100%)" : t === "bottom" ? "translateY(0)" : "translateY(-50%)", Dt = (t)=>t === "bottom" ? "translateY(0)" : t === "top" ? "translateY(-100%)" : t === "right" || t === "left" ? "translateX(0px) translateY(-50%)" : "translateY(0px)", Ot = (t)=>t === "top" ? _tooltipcssmistica.fadeInTopKeyframes : t === "bottom" ? _tooltipcssmistica.fadeInBottomKeyframes : _tooltipcssmistica.fadeInXKeyframes, Rt = (t)=>t ? "1" : "0.2", $t = (t)=>t === "top" ? `2px 2px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "right" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "left" ? `0 0 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : t === "bottom" ? `-1px -1px 4px 0 rgba(0, 0, 0, ${_tooltipcssmistica.vars.shadowAlpha})` : "", It = (_param)=>{
+    var { children: t , extra: $ , description: w , target: I , title: x , targetLabel: C , delay: B = !0 , dataAttributes: E  } = _param, Y = _object_without_properties(_param, [
         "children",
         "extra",
         "description",
@@ -155,7 +156,7 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         "delay",
         "dataAttributes"
     ]);
-    const { isDarkMode: M  } = (0, _hooks.useTheme)(), [l, T] = _react.useState(!1), { isTabletOrSmaller: u  } = (0, _hooks.useScreenSize)(), y = (0, _hooks.useAriaId)(), o = _react.useRef(!1), r = _react.useRef(null), f = _react.useRef(null), b = _react.useRef(null), e = _react.useRef({
+    const { isDarkMode: M  } = (0, _hooks.useTheme)(), [l, T] = _react.useState(!1), { isTabletOrSmaller: u  } = (0, _hooks.useScreenSize)(), P = (0, _hooks.useAriaId)(), o = _react.useRef(!1), r = _react.useRef(null), f = _react.useRef(null), b = _react.useRef(null), e = _react.useRef({
         top: 0,
         right: 0,
         left: 0,
@@ -163,23 +164,23 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
         width: 0,
         height: 0
     }), a = function() {
-        let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : wt;
-        return u && (i === "left" || i === "right") ? gt : i;
-    }(Y.position), v = typeof window < "u" ? window.matchMedia("(pointer: coarse)").matches : !1, P = ()=>{
+        let i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : xt;
+        return u && (i === "left" || i === "right") ? Tt : i;
+    }(Y.position), v = (0, _environment.isClientSide)() ? window.matchMedia("(pointer: coarse)").matches : !1, S = ()=>{
         l && T(!1);
     };
-    _react.useEffect(()=>(window.addEventListener("resize", P), ()=>{
-            window.removeEventListener("resize", P);
+    _react.useEffect(()=>(window.addEventListener("resize", S), ()=>{
+            window.removeEventListener("resize", S);
         }));
-    const D = ()=>{
+    const y = ()=>{
         T(!1);
     }, m = ()=>{
         b.current && (e.current = b.current.getBoundingClientRect(), T(!l));
     }, N = ()=>{
         l || m();
     }, k = (i)=>{
-        i.keyCode === _keycodes.TAB && D();
-    }, X = (i, A)=>typeof window > "u" ? {} : ({
+        i.keyCode === _keycodes.TAB && y();
+    }, X = (i, A)=>(0, _environment.isServerSide)() ? {} : ({
             right: {
                 left: e.current.right + h,
                 top: window.pageYOffset + e.current.top + e.current.height / 2
@@ -190,26 +191,26 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
             },
             top: {
                 top: window.pageYOffset + e.current.top - h,
-                left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
+                left: u ? g : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
             },
             bottom: {
                 top: window.pageYOffset + e.current.bottom + h,
-                left: u ? w : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
+                left: u ? g : window.pageXOffset + e.current.left + e.current.width / 2 - A / 2
             }
         })[i], L = ()=>u ? {
-            left: e.current.left + e.current.width / 2 - w
-        } : {}, O = (()=>u ? window.innerWidth - w * 2 : At(Y.width))(), K = {
+            left: e.current.left + e.current.width / 2 - g
+        } : {}, D = (()=>u ? window.innerWidth - g * 2 : Pt(Y.width))(), K = {
         top: _tooltipcssmistica.arrowTop,
         bottom: _tooltipcssmistica.arrowBottom,
         left: _tooltipcssmistica.arrowLeft,
         right: _tooltipcssmistica.arrowRight
     }, W = (0, _dynamic.assignInlineVars)({
-        [_tooltipcssmistica.vars.enterTransform]: Yt(a),
-        [_tooltipcssmistica.vars.exitTransform]: Pt(a),
-        [_tooltipcssmistica.vars.enterActiveAnimationName]: Dt(a),
+        [_tooltipcssmistica.vars.enterTransform]: St(a),
+        [_tooltipcssmistica.vars.exitTransform]: Dt(a),
+        [_tooltipcssmistica.vars.enterActiveAnimationName]: Ot(a),
         [_tooltipcssmistica.vars.enterDoneTransform]: yt(a),
-        [_tooltipcssmistica.vars.shadowAlpha]: Ot(M),
-        [_tooltipcssmistica.vars.arrowBoxShadow]: St(a)
+        [_tooltipcssmistica.vars.shadowAlpha]: Rt(M),
+        [_tooltipcssmistica.vars.arrowBoxShadow]: $t(a)
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
@@ -217,9 +218,9 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                 ref: b,
                 className: _tooltipcssmistica.wrapper,
                 onPointerOver: ()=>{
-                    r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, C ? f.current = setTimeout(()=>{
+                    r.current && (clearTimeout(r.current), r.current = null), !o.current && (o.current = !0, B ? f.current = setTimeout(()=>{
                         f.current = null, m();
-                    }, vt) : m());
+                    }, Yt) : m());
                 },
                 onPointerLeave: v ? R : ()=>{
                     if (f.current) {
@@ -235,19 +236,19 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                 "touch-action": "auto",
                 role: "button",
                 tabIndex: 0,
-                "aria-describedby": y,
+                "aria-describedby": P,
                 "aria-expanded": l,
-                "aria-label": B,
+                "aria-label": C,
                 children: I
             }),
             /* @__PURE__ */ (0, _jsxruntime.jsxs)(_portal.Portal, {
                 children: [
                     l && v && /* @__PURE__ */ (0, _jsxruntime.jsx)(_overlay.default, {
-                        onPress: D
+                        onPress: y
                     }),
                     /* @__PURE__ */ (0, _jsxruntime.jsx)(_reacttransitiongroup.CSSTransition, {
                         in: l,
-                        timeout: bt,
+                        timeout: At,
                         classNames: {
                             enter: _tooltipcssmistica.enter,
                             enterActive: _tooltipcssmistica.enterActive,
@@ -258,11 +259,11 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                         unmountOnExit: !0,
                         children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(E, "Tooltip")), {
                             role: "tooltip",
-                            id: y,
+                            id: P,
                             className: _tooltipcssmistica.container,
                             style: _object_spread({
-                                width: O
-                            }, X(a, O), W),
+                                width: D
+                            }, X(a, D), W),
                             onPointerOver: ()=>{
                                 r.current && (clearTimeout(r.current), r.current = null);
                             },
@@ -279,16 +280,16 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
                                         className: _tooltipcssmistica.arrow
                                     })
                                 }),
-                                (x || g) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
+                                (x || w) && /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
                                     space: 4,
                                     children: [
                                         x && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                             medium: !0,
                                             children: x
                                         }),
-                                        g && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
+                                        w && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                             regular: !0,
-                                            children: g
+                                            children: w
                                         })
                                     ]
                                 }),
@@ -300,4 +301,4 @@ const wt = "bottom", gt = "top", xt = 12, h = 4 + xt, w = 16, Tt = 340, bt = 500
             })
         ]
     });
-}, jt = Rt;
+}, Ht = It;

package/dist/touchable.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     base: function() {
-        return n;
+        return f;
     },
     notTouchable: function() {
-        return f;
+        return n;
     },
     touchable: function() {
         return _;
@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var n = "mhti6u1 _1y2v1nfaj", f = "mhti6u4", _ = "mhti6u1 _1y2v1nfaj _1y2v1nf6r _1y2v1nf75 _1y2v1nf7j _1y2v1nf7x _1y2v1nf66 _1y2v1nfa2 _1y2v1nf8b _1y2v1nf2y _1y2v1nf5y _1y2v1nfal";
+var f = "mhti6u1 _1y2v1nfar", n = "mhti6u4", _ = "mhti6u1 _1y2v1nfar _1y2v1nf6r _1y2v1nf76 _1y2v1nf7l _1y2v1nf80 _1y2v1nf66 _1y2v1nfaa _1y2v1nf8f _1y2v1nf2y _1y2v1nf5y _1y2v1nfat";

package/dist/utils/aspect-ratio-support.css-mistica.js

@@ -24,6 +24,6 @@ _export(exports, {
 });
 require("../sprinkles.css.ts.vanilla.css-mistica.js");
 require("./aspect-ratio-support.css.ts.vanilla.css-mistica.js");
-var v = "yqswj62", n = "_1y2v1nf8b _1y2v1nf8r _1y2v1nfam _1y2v1nfb0", y = {
+var v = "yqswj62", n = "_1y2v1nf8f _1y2v1nf8w _1y2v1nfau _1y2v1nfb9", y = {
     aspectRatio: "var(--yqswj60)"
-}, f = "_1y2v1nfak _1y2v1nf9z _1y2v1nfa0 _1y2v1nf5z";
+}, f = "_1y2v1nfas _1y2v1nfa7 _1y2v1nfa8 _1y2v1nf5z";

package/dist/utils/dom.js

@@ -22,19 +22,19 @@ _export(exports, {
         return m;
     },
     getScrollDistanceToBottom: function() {
-        return E;
+        return g;
     },
     getScrollableParentElement: function() {
-        return w;
+        return E;
     },
     hasScroll: function() {
-        return g;
+        return h;
     },
     isInputTypeSupported: function() {
         return u;
     },
     listenResize: function() {
-        return h;
+        return w;
     },
     removePassiveEventListener: function() {
         return f;
@@ -145,16 +145,16 @@ const u = (e)=>{
         currentTarget: e
     });
 };
-let i = !1;
+let l = !1;
 try {
     const e = Object.defineProperty({}, "passive", {
         get () {
-            i = !0;
+            l = !0;
         }
     });
     window.addEventListener("test", ()=>{}, e);
 } catch (e) {}
-const p = (e, n, t)=>e.addEventListener(n, t, i ? {
+const p = (e, n, t)=>e.addEventListener(n, t, l ? {
         passive: !0
     } : !1), f = (e, n, t)=>e.removeEventListener(n, t, !1), m = (e, n)=>{
     const t = n ? {
@@ -170,13 +170,13 @@ const p = (e, n, t)=>e.addEventListener(n, t, i ? {
         "scroll",
         "overlay"
     ].includes(r);
-}, w = function(e) {
+}, E = function(e) {
     let n = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "Y";
     let t = e == null ? void 0 : e.parentElement;
     for(; t && !c(t, n);)t = t.parentElement;
     return t || document.documentElement;
-}, E = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, g = (e)=>e.scrollHeight > e.clientHeight, h = (e, n)=>{
-    const t = ()=>typeof window > "u" ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer"))).then((o)=>o.ResizeObserver);
+}, g = (e)=>e.scrollHeight - e.scrollTop - e.clientHeight, h = (e)=>e.scrollHeight > e.clientHeight, w = (e, n)=>{
+    const t = ()=>(0, _environment.isServerSide)() ? Promise.resolve(null) : window.ResizeObserver ? Promise.resolve(ResizeObserver) : Promise.resolve().then(()=>/*#__PURE__*/ _interop_require_wildcard(require(/* webpackChunkName: "@juggle/resize-observer" */ "@juggle/resize-observer"))).then((o)=>o.ResizeObserver);
     let r = !1, s = null;
     return t().then((o)=>{
         !r && o && (s = new o(n), s.observe(e));

package/dist/utils/environment.d.ts

@@ -1 +1,2 @@
 export declare const isServerSide: () => boolean;
+export declare const isClientSide: () => boolean;

package/dist/utils/environment.js

@@ -2,10 +2,18 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "isServerSide", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    isClientSide: function() {
+        return i;
+    },
+    isServerSide: function() {
         return e;
     }
 });
-const e = ()=>typeof window > "u";
+const e = ()=>typeof window > "u", i = ()=>!e();

package/dist/video.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "video", {
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var y = "_1y2v1nfam _1y2v1nfb0 _1y2v1nf66 _1y2v1nf5y _1y2v1nf9z _1y2v1nfa0 _1y2v1nfc6";
+var y = "_1y2v1nfau _1y2v1nfb9 _1y2v1nf66 _1y2v1nf5y _1y2v1nfa7 _1y2v1nfa8 _1y2v1nfci";

package/dist-es/avatar.css-mistica.js

@@ -1,3 +1,3 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
-var a = "_1y2v1nfai _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfak", f = "_1y2v1nfc6";
+var a = "_1y2v1nfaq _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nfas", f = "_1y2v1nfci";
 export { a as avatar, f as image };

package/dist-es/badge.css-mistica.js

@@ -1,4 +1,4 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./badge.css.ts.vanilla.css-mistica.js";
-var n = "_17szrmd2 _1y2v1nf8g _1y2v1nf8v _1y2v1nf4f", r = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf8g _1y2v1nf8v _1y2v1nf4f _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d _1y2v1nf1x", y = "_1y2v1nf60", a = "_1y2v1nf5z _1y2v1nf68";
-export { n as badge, r as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };
+var _ = "_17szrmd2 _1y2v1nf8k _1y2v1nf90 _1y2v1nf4f", n = "_17szrmd6", f = "_17szrmd4 _17szrmd2 _1y2v1nf8k _1y2v1nf90 _1y2v1nf4f _1y2v1nf64 _1y2v1nf6j _1y2v1nf6d", y = "_1y2v1nf60", a = "_1y2v1nf5z _1y2v1nf68";
+export { _ as badge, n as badgeBigNumber, f as badgeNumber, y as badgeWithChildren, a as container };