@telefonica/mistica 14.24.1 → 14.26.0

package/dist/slider.js

@@ -0,0 +1,170 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return ee;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _hooks = require("./hooks.js");
+const _slidercssmistica = require("./slider.css-mistica.js");
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _tooltip = /*#__PURE__*/ _interop_require_default(require("./tooltip.js"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+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 = {};
+    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 K = (param)=>{
+    let { disabled: u , steps: t = 1 , max: a = 100 , min: l = 0 , value: o , onChange: d , getStepArrayIndex: f , "arial-label": A , tooltip: $  } = param;
+    const { isIos: w  } = (0, _hooks.useTheme)(), { isTabletOrSmaller: k  } = (0, _hooks.useScreenSize)(), [i, g] = _react.useState(l), [m, C] = _react.useState(l), [b, M] = _react.useState(a), [N, O] = _react.useState(1), h = _react.useRef(null), P = _react.useMemo(()=>u ? "0.5" : "1", [
+        u
+    ]), j = 0, p = "50%", v = _react.useMemo(()=>u && _slidercssmistica.sliderDisabled, [
+        u
+    ]), y = _react.useCallback(function() {
+        let e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : !1;
+        if (!h.current) return;
+        const s = h.current.getBoundingClientRect(), n = Number(Math.abs(i - m) * 100 / (b - m)), S = 0.2 + (window.innerWidth - s.right) / 100 + (s.left - 0) / 100, x = e ? s.left - 10 - n * S : 10 - n * 0.2;
+        return `calc(${n}% + (${x}px))`;
+    }, [
+        i,
+        m,
+        b
+    ]), T = _react.useCallback((e)=>{
+        let s = e;
+        return Array.isArray(t) && (s = t.reduce((n, S)=>Math.abs(S - e) < Math.abs(n - e) ? S : n)), s;
+    }, [
+        t
+    ]), D = _react.useCallback(()=>{
+        Array.isArray(t) && t.sort((e, s)=>e - s);
+    }, [
+        t
+    ]), E = (e)=>{
+        g(e);
+    };
+    _react.useEffect(()=>{
+        d == null || d(i), f == null || f(i);
+    }, [
+        d,
+        f,
+        i
+    ]), _react.useEffect(()=>{
+        if (Array.isArray(t)) {
+            M(t.length - 1);
+            let e = 0;
+            o !== void 0 && (e = t.indexOf(T(o))), g(e);
+        } else {
+            C(l), M(a);
+            let e = l;
+            o !== void 0 && (l > o || o > a) && (e = a < o ? a : l), g(e), O(t);
+        }
+    }, [
+        t,
+        a,
+        l,
+        T,
+        o,
+        N,
+        D
+    ]);
+    const R = ()=>/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            className: _slidercssmistica.targetContainer,
+            children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
+                ref: h,
+                style: {
+                    opacity: P,
+                    paddingTop: j
+                },
+                className: _slidercssmistica.rangeSlider,
+                children: [
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)("input", {
+                        disabled: u,
+                        style: {
+                            top: p
+                        },
+                        className: (0, _classnames.default)(_slidercssmistica.sliderVariant[w ? "ios" : "default"], v),
+                        "aria-label": "Slider",
+                        type: "range",
+                        min: m,
+                        max: b,
+                        value: i,
+                        step: N,
+                        onChange: (e)=>E(+e.target.value)
+                    }),
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        style: {
+                            left: y(),
+                            top: p
+                        },
+                        className: (0, _classnames.default)(_slidercssmistica.sliderThumbVariant[w ? "ios" : "default"])
+                    }),
+                    /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        className: _slidercssmistica.progress,
+                        style: {
+                            width: y(),
+                            top: p
+                        }
+                    })
+                ]
+            })
+        });
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("section", {
+        className: _slidercssmistica.container,
+        "aria-label": A,
+        children: $ ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_tooltip.default, {
+            description: Array.isArray(t) ? t[i].toString() : i.toString(),
+            width: k ? 42 : 45,
+            targetLabel: "",
+            textCenter: !0,
+            unstable_offsetX: y(!0),
+            targetStyle: {
+                width: "100%"
+            },
+            position: "top",
+            target: R()
+        }) : R()
+    });
+}, ee = K;

package/dist/stepper.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return ee;
+        return te;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -115,37 +115,44 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const G = (param)=>{
-    let { steps: n , currentIndex: t , "aria-label": v , dataAttributes: f  } = param;
-    const { textPresets: g  } = (0, _hooks.useTheme)(), { isDesktopOrBigger: b  } = (0, _hooks.useScreenSize)(), { height: N , ref: S  } = (0, _hooks.useElementDimensions)(), A = N, l = _react.useRef(t), i = l.current > t;
-    return t !== l.current && (l.current = t), /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
+const J = (param)=>{
+    let { steps: n , currentIndex: m , "aria-label": f , dataAttributes: v  } = param;
+    const { textPresets: g  } = (0, _hooks.useTheme)(), { isDesktopOrBigger: S  } = (0, _hooks.useScreenSize)(), { height: b , ref: N  } = (0, _hooks.useElementDimensions)(), x = b, [a, A] = _react.useState(Math.ceil(m)), [s, y] = _react.useState(!1);
+    return _react.useEffect(()=>{
+        const i = Math.ceil(m);
+        a !== i && (y(i < a), A(i));
+    }, [
+        m,
+        n,
+        a
+    ]), /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
         className: _steppercssmistica.stepper,
         style: (0, _dynamic.assignInlineVars)({
-            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + A)
+            [_steppercssmistica.vars.stepperMinHeight]: (0, _css.pxToRem)(40 + x)
         })
-    }, (0, _dom.getPrefixedDataAttributes)(f, "Stepper")), {
-        children: n.map((p, a)=>{
-            const r = a === t, y = a === n.length - 1, o = a < t, m = a === t - 1;
+    }, (0, _dom.getPrefixedDataAttributes)(v, "Stepper")), {
+        children: n.map((i, t)=>{
+            const r = t === a, k = t === n.length - 1, c = t < a, p = t === a - 1;
             return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                 children: [
                     /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
                         className: _steppercssmistica.step,
                         role: "progressbar",
-                        "aria-valuenow": r ? a + 1 : void 0,
+                        "aria-valuenow": r ? t + 1 : void 0,
                         "aria-valuemin": 1,
                         "aria-valuemax": n.length,
-                        "aria-valuetext": p,
-                        "aria-label": v,
+                        "aria-valuetext": i,
+                        "aria-label": f,
                         children: [
-                            o ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            c ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, {
-                                    [_steppercssmistica.iconAnimation]: m && !i
+                                    [_steppercssmistica.iconAnimation]: p && !s
                                 }),
                                 "aria-hidden": "true",
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconsuccess.default, {
                                     color: _skincontractcssmistica.vars.colors.controlActivated,
                                     size: "100%",
-                                    skipAnimation: !m || i
+                                    skipAnimation: !p || s
                                 })
                             }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: (0, _classnames.default)(_steppercssmistica.stepIconNumber, _steppercssmistica.number, {
@@ -156,35 +163,35 @@ const G = (param)=>{
                                     weight: g.indicator.weight,
                                     color: r ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary,
                                     "aria-hidden": "true",
-                                    children: a + 1
+                                    children: t + 1
                                 })
                             }),
-                            b && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                            S && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                                 className: _steppercssmistica.textContainer,
-                                ref: S,
+                                ref: N,
                                 "aria-hidden": "true",
                                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
                                     as: "span",
                                     regular: !0,
-                                    color: o || r ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
-                                    children: p
+                                    color: c || r ? _skincontractcssmistica.vars.colors.textPrimary : _skincontractcssmistica.vars.colors.textSecondary,
+                                    children: i
                                 })
                             })
                         ]
                     }),
-                    !y && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                    !k && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                         className: _steppercssmistica.bar,
                         "aria-hidden": "true",
-                        children: (o || r) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                        children: (c || r) && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                             className: (0, _classnames.default)({
-                                [_steppercssmistica.barFilled]: i && r || o,
-                                [_steppercssmistica.barFilledAnimation]: m && !i,
-                                [_steppercssmistica.barFilledReverseAnimation]: r && i
+                                [_steppercssmistica.barFilled]: s && r || c,
+                                [_steppercssmistica.barFilledAnimation]: p && !s,
+                                [_steppercssmistica.barFilledReverseAnimation]: r && s
                             })
                         })
                     })
                 ]
-            }, a);
+            }, t);
         })
     }));
-}, ee = G;
+}, te = J;

package/dist/text-field-base.css.d.ts

@@ -1,3 +1,5 @@
+export declare const mobileFontSize = 16;
+export declare const desktopFontSize = 18;
 export declare const container: string;
 export declare const fullWidth: string;
 export declare const textArea: string;

package/dist/text-field-base.d.ts

@@ -70,6 +70,7 @@ interface TextFieldBaseProps {
     readOnly?: boolean;
     min?: string;
     max?: string;
+    role?: string;
 }
 export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<any>>;
 export declare const TextFieldBaseAutosuggest: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<any>>;

package/dist/text-field-components.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     FieldContainer: function() {
-        return J;
+        return K;
     },
     HelperText: function() {
-        return G;
+        return J;
     },
     Label: function() {
-        return B;
+        return G;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -124,25 +124,25 @@ function _object_spread_props(target, source) {
     }
     return target;
 }
-const B = (param)=>{
-    let { shrinkLabel: o , forId: t , inputState: r , error: l , children: i , style: n , optional: d  } = param;
-    const m = o || r === "focused" || r === "filled", [v, T] = _react.useState("initial"), { texts: b  } = (0, _hooks.useTheme)();
+const G = (param)=>{
+    let { shrinkLabel: l , forId: s , inputState: r , error: o , children: i , style: n , optional: d  } = param;
+    const m = l || r === "focused" || r === "filled", [v, b] = _react.useState("initial"), { texts: N  } = (0, _hooks.useTheme)();
     _react.useEffect(()=>{
-        const N = setTimeout(()=>{
-            process.env.NODE_ENV !== "test" && T("transform 150ms, width 150ms");
+        const T = setTimeout(()=>{
+            process.env.NODE_ENV !== "test" && b("transform 150ms, width 150ms");
         });
         return ()=>{
-            clearTimeout(N);
+            clearTimeout(T);
         };
     }, []);
     let f = _skincontractcssmistica.vars.colors.textSecondary;
-    return l && r !== "default" ? f = _skincontractcssmistica.vars.colors.error : r === "focused" && (f = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
+    return o && r !== "default" ? f = _skincontractcssmistica.vars.colors.error : r === "focused" && (f = _skincontractcssmistica.vars.colors.controlActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
         className: (0, _classnames.default)(_textfieldcomponentscssmistica.labelContainer, {
             [_textfieldcomponentscssmistica.shrinked]: m
         }, (0, _sprinklescssmistica.sprinkles)({
             color: f
         })),
-        htmlFor: t,
+        htmlFor: s,
         style: _object_spread_props(_object_spread({}, n), {
             transition: v
         }),
@@ -154,53 +154,55 @@ const B = (param)=>{
             d ? /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
                 children: [
                     "\xa0(",
-                    b.formFieldOptionalLabelSuffix,
+                    N.formFieldOptionalLabelSuffix,
                     ")"
                 ]
             }) : null
         ]
     });
-}, G = (param)=>{
-    let { leftText: o , rightText: t , error: r  } = param;
-    const l = (0, _themevariantcontext.useIsInverseVariant)(), i = l ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, n = l ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
-    return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
-        className: _textfieldcomponentscssmistica.helperContainer,
+}, J = (param)=>{
+    let { leftText: l , rightText: s , error: r  } = param;
+    const o = (0, _themevariantcontext.useIsInverseVariant)(), i = o ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, n = o ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
+    return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
         children: [
-            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.leftText),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     color: i,
                     regular: !0,
                     as: "p",
-                    children: o
+                    children: l
                 })
             }),
-            t && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+            s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
                 className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.rightText),
                 children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
                     color: n,
                     regular: !0,
                     as: "p",
-                    children: t
+                    children: s
                 })
             })
         ]
     });
-}, J = (param)=>/* @__PURE__ */ {
-    let { multiline: o , disabled: t , children: r , helperText: l , className: i , fieldRef: n , fullWidth: d , readOnly: m  } = param;
+}, K = (param)=>/* @__PURE__ */ {
+    let { multiline: l , disabled: s , children: r , helperText: o , className: i , fieldRef: n , fullWidth: d , readOnly: m  } = param;
     return (0, _jsxruntime.jsxs)("div", {
         className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, d ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
-            [_textfieldcomponentscssmistica.disabled]: t
+            [_textfieldcomponentscssmistica.disabled]: s
         }),
         children: [
             /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(_textfieldcomponentscssmistica.field, o ? _textfieldcomponentscssmistica.fieldMulti : _textfieldcomponentscssmistica.fieldSingle, (0, _sprinklescssmistica.sprinkles)({
+                className: (0, _classnames.default)(_textfieldcomponentscssmistica.field, l ? _textfieldcomponentscssmistica.fieldMulti : _textfieldcomponentscssmistica.fieldSingle, (0, _sprinklescssmistica.sprinkles)({
                     background: m ? _skincontractcssmistica.vars.colors.neutralLow : _skincontractcssmistica.vars.colors.backgroundContainer
                 }), i),
                 ref: n,
                 children: r
             }),
-            l
+            o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
+                className: _textfieldcomponentscssmistica.helperContainer,
+                children: o
+            })
         ]
     });
 };

package/dist/text-field.d.ts

@@ -7,6 +7,7 @@ export interface TextFieldProps extends CommonFormFieldProps<HTMLInputElement |
     prefix?: React.ReactNode;
     endIcon?: React.ReactNode;
     getSuggestions?: (value: string) => ReadonlyArray<string>;
+    role?: string;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/theme.d.ts

@@ -38,6 +38,9 @@ declare const TEXTS_ES: {
     playIconButtonLabel: string;
     pauseIconButtonLabel: string;
     sheetConfirmButton: string;
+    progressBarCompletedLabel: string;
+    progressBarStepLabel: string;
+    pinFieldInputLabel: string;
 };
 export declare const getTexts: (locale: Locale) => typeof TEXTS_ES;
 export declare const NAVBAR_HEIGHT_MOBILE = 56;

package/dist/theme.js

@@ -22,7 +22,7 @@ _export(exports, {
         return h;
     },
     getTexts: function() {
-        return b;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -138,7 +138,10 @@ const l = {
     carouselPrevButton: "anterior",
     playIconButtonLabel: "Reproducir",
     pauseIconButtonLabel: "Pausar",
-    sheetConfirmButton: "Continuar"
+    sheetConfirmButton: "Continuar",
+    progressBarCompletedLabel: "completo",
+    progressBarStepLabel: "Paso 1$s de 2$s",
+    pinFieldInputLabel: "D\xedgito 1$s de 2$s"
 }, i = {
     expirationDatePlaceholder: "MM/YY",
     togglePasswordVisibilityLabel: "Toggle password visibility",
@@ -172,8 +175,11 @@ const l = {
     carouselPrevButton: "previous",
     playIconButtonLabel: "Play",
     pauseIconButtonLabel: "Pause",
-    sheetConfirmButton: "Continue"
-}, d = {
+    sheetConfirmButton: "Continue",
+    progressBarCompletedLabel: "completed",
+    progressBarStepLabel: "Step 1$s of 2$s",
+    pinFieldInputLabel: "Digit 1$s of 2$s"
+}, s = {
     expirationDatePlaceholder: "MM/JJ",
     togglePasswordVisibilityLabel: "Passwort un-/sichtbar machen",
     loading: "Wird gespeichert",
@@ -206,8 +212,11 @@ const l = {
     carouselPrevButton: "vorherige",
     playIconButtonLabel: "Abspielen",
     pauseIconButtonLabel: "Pausieren",
-    sheetConfirmButton: "Fortfahren"
-}, s = {
+    sheetConfirmButton: "Fortfahren",
+    progressBarCompletedLabel: "vollendet",
+    progressBarStepLabel: "Schritt 1$s von 2$s",
+    pinFieldInputLabel: "Ziffer 1$s von 2$s"
+}, d = {
     expirationDatePlaceholder: "MM/AA",
     togglePasswordVisibilityLabel: "Mostrar ou ocultar senha",
     loading: "Carregando",
@@ -240,15 +249,18 @@ const l = {
     carouselPrevButton: "anterior",
     playIconButtonLabel: "Reproduzir",
     pauseIconButtonLabel: "Pausar",
-    sheetConfirmButton: "Continuar"
-}, b = (e)=>{
+    sheetConfirmButton: "Continuar",
+    progressBarCompletedLabel: "conclu\xeddo",
+    progressBarStepLabel: "Etapa 1$s de 2$s",
+    pinFieldInputLabel: "D\xedgito 1$s de 2$s"
+}, v = (e)=>{
     switch(e.toLocaleLowerCase().split(/[-_]/)[0]){
         case "es":
             return l;
         case "pt":
-            return s;
-        case "de":
             return d;
+        case "de":
+            return s;
         case "en":
             return i;
         default:
@@ -289,7 +301,7 @@ const l = {
                 children: t
             }))
         });
-    }, v = (e)=>(_param)=>/* @__PURE__ */ {
+    }, g = (e)=>(_param)=>/* @__PURE__ */ {
         var { to: r , innerRef: o , children: t  } = _param, n = _object_without_properties(_param, [
             "to",
             "innerRef",
@@ -312,7 +324,7 @@ const l = {
         case "Next12":
             return p(e.Component);
         case "Next13":
-            return v(e.Component);
+            return g(e.Component);
         default:
             const r = e.type;
             throw new Error(`Invalid Link type: ${r}`);

package/dist/tooltip.css-mistica.js

@@ -34,13 +34,13 @@ _export(exports, {
         return b;
     },
     enterActive: function() {
-        return o;
+        return x;
     },
     enterDone: function() {
-        return x;
+        return h;
     },
     exit: function() {
-        return h;
+        return o;
     },
     exitActive: function() {
         return y;
@@ -57,20 +57,23 @@ _export(exports, {
     textAlign: function() {
         return d;
     },
-    vars: function() {
+    textCenter: function() {
         return c;
     },
-    wrapper: function() {
+    vars: function() {
         return s;
+    },
+    wrapper: function() {
+        return A;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var v = "_1xhatbpb _1y2v1nfb1 _1y2v1nfec _1y2v1nfbz _1y2v1nfcf _1y2v1nfdq _1y2v1nf31 _1y2v1nfdn", t = "_1xhatbpe", n = "_1xhatbpf", _ = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nfb1 _1y2v1nfc2 _1y2v1nfcf _1y2v1nfe6 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb1 _1y2v1nfew _1y2v1nfbu _1y2v1nfdz _1y2v1nfdn", b = "_1xhatbpl", o = "_1xhatbpm", x = "_1xhatbpn", h = "_1xhatbpo", y = "_1xhatbpp", i = "_1xhatbp6", m = "_1xhatbp7", w = "_1xhatbp8", d = "_1xhatbpk", c = {
+var v = "_1xhatbpb _1y2v1nfb1 _1y2v1nfec _1y2v1nfbz _1y2v1nfcf _1y2v1nfdq _1y2v1nf31 _1y2v1nfdn", t = "_1xhatbpe", n = "_1xhatbpf", _ = "_1xhatbpd", e = "_1xhatbpc", f = "_1y2v1nfb1 _1y2v1nfc2 _1y2v1nfcf _1y2v1nfe6 _1y2v1nf2", p = "_1xhatbpj _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nfb1 _1y2v1nfew _1y2v1nfbu _1y2v1nfdz _1y2v1nfdn", b = "_1xhatbpm", x = "_1xhatbpn", h = "_1xhatbpo", o = "_1xhatbpp", y = "_1xhatbpq", i = "_1xhatbp6", m = "_1xhatbp7", w = "_1xhatbp8", d = "_1xhatbpk", c = "_1xhatbpl", s = {
     shadowAlpha: "var(--_1xhatbp0)",
     enterTransform: "var(--_1xhatbp1)",
     enterDoneTransform: "var(--_1xhatbp2)",
     exitTransform: "var(--_1xhatbp3)",
     enterActiveAnimationName: "var(--_1xhatbp4)",
     arrowBoxShadow: "var(--_1xhatbp5)"
-}, s = "_1y2v1nfba";
+}, A = "_1y2v1nfb7";

package/dist/tooltip.css.d.ts

@@ -20,6 +20,7 @@ export declare const wrapper: string;
 export declare const tooltipMinWidth = 40;
 export declare const container: string;
 export declare const textAlign: string;
+export declare const textCenter: string;
 export declare const enter: string;
 export declare const enterActive: string;
 export declare const enterDone: string;

package/dist/tooltip.d.ts

@@ -13,7 +13,8 @@ type Props = {
     delay?: boolean;
     dataAttributes?: DataAttributes;
     targetStyle?: React.CSSProperties;
-    unstable_offsetX?: number;
+    unstable_offsetX?: number | string;
+    textCenter?: boolean;
 };
 declare const Tooltip: React.FC<Props>;
 export default Tooltip;