@telefonica/mistica 16.42.1 → 16.43.0

package/dist/tag.css-mistica.js

@@ -21,4 +21,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tag.css.ts.vanilla.css-mistica.js");
-var y = "v16_42_1_1y2v1nfjx v16_42_1_1y2v1nfcd", n = "v16_42_1_1y2v1nfjy", f = "v16_42_1_1wy08671 v16_42_1_1y2v1nf9v v16_42_1_1y2v1nfb4 v16_42_1_1y2v1nfjx v16_42_1_1y2v1nfk1 v16_42_1_1y2v1nfkb v16_42_1_1y2v1nfk5 v16_42_1_1y2v1nfls";
+var y = "v16_43_1y2v1nfjx v16_43_1y2v1nfcd", n = "v16_43_1y2v1nfjy", f = "v16_43_1wy08671 v16_43_1y2v1nf9v v16_43_1y2v1nfb4 v16_43_1y2v1nfjx v16_43_1y2v1nfk1 v16_43_1y2v1nfkb v16_43_1y2v1nfk5 v16_43_1y2v1nfls";

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

@@ -79,4 +79,4 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
-var r = "v16_42_1_rhey4t8", t = "v16_42_1_rhey4th v16_42_1_1y2v1nfcd v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfkb", n = 12, y = "v16_42_1_rhey4tr", a = 4, f = 11, h = 15, i = "v16_42_1_rhey4t4", l = "v16_42_1_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_42_1_rhey4ta v16_42_1_1y2v1nfjq v16_42_1_rhey4t1 v16_42_1_1y2v1nfme v16_42_1_1y2v1nflh v16_42_1_1y2v1nf2n v16_42_1_1y2v1nfkj", p = "v16_42_1_rhey4tb", m = "v16_42_1_rhey4tc", u = "v16_42_1_rhey4td", c = "v16_42_1_rhey4tn v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfkb v16_42_1_1y2v1nfmz", j = "v16_42_1_1y2v1nf5a", b = "v16_42_1_rhey4tl v16_42_1_1y2v1nfds", s = "v16_42_1_rhey4tj v16_42_1_1y2v1nfds v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfkb v16_42_1_1y2v1nfl0 v16_42_1_1y2v1nfjr", x = "v16_42_1_rhey4tq v16_42_1_1y2v1nfjr", I = "v16_42_1_rhey4t6 v16_42_1_1y2v1nf9p v16_42_1_1y2v1nfay v16_42_1_rhey4t1 v16_42_1_1y2v1nfme v16_42_1_1y2v1nflh v16_42_1_1y2v1nf2n v16_42_1_1y2v1nfkj", g = "v16_42_1_rhey4te", k = "v16_42_1_rhey4tf";
+var r = "v16_43_rhey4t8", t = "v16_43_rhey4th v16_43_1y2v1nfcd v16_43_1y2v1nfjw v16_43_1y2v1nfkb", n = 12, y = "v16_43_rhey4tr", a = 4, f = 11, h = 15, i = "v16_43_rhey4t4", l = "v16_43_rhey4t7", d = "calc(1.5rem + 24px)", o = "v16_43_rhey4ta v16_43_1y2v1nfjq v16_43_rhey4t1 v16_43_1y2v1nfme v16_43_1y2v1nflh v16_43_1y2v1nf2n v16_43_1y2v1nfkj", p = "v16_43_rhey4tb", m = "v16_43_rhey4tc", u = "v16_43_rhey4td", c = "v16_43_rhey4tn v16_43_1y2v1nfjw v16_43_1y2v1nfkb v16_43_1y2v1nfmz", j = "v16_43_1y2v1nf5a", b = "v16_43_rhey4tl v16_43_1y2v1nfds", s = "v16_43_rhey4tj v16_43_1y2v1nfds v16_43_1y2v1nfjw v16_43_1y2v1nfkb v16_43_1y2v1nfl0 v16_43_1y2v1nfjr", x = "v16_43_rhey4tq v16_43_1y2v1nfjr", I = "v16_43_rhey4t6 v16_43_1y2v1nf9p v16_43_1y2v1nfay v16_43_rhey4t1 v16_43_1y2v1nfme v16_43_1y2v1nflh v16_43_1y2v1nf2n v16_43_1y2v1nfkj", g = "v16_43_rhey4te", k = "v16_43_rhey4tf";

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

@@ -69,6 +69,6 @@ require("./icon-button.css.ts.vanilla.css-mistica.js");
 require("./text-field-base.css.ts.vanilla.css-mistica.js");
 require("./text-field-components.css.ts.vanilla.css-mistica.js");
 var f = 328, a = 0.78, e = 0.75, y = {
-    default: "v16_42_1_1y2v1nf4w",
-    readOnly: "v16_42_1_1y2v1nf77"
-}, k = "v16_42_1_15k6ur97", l = "v16_42_1_1y2v1nfmf v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfmn v16_42_1_1y2v1nfjq v16_42_1_15k6ur9b", t = "v16_42_1_15k6ur96 v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfk2", i = "v16_42_1_15k6ur9b", u = "v16_42_1_1y2v1nfkj", d = "v16_42_1_1y2v1nfcj v16_42_1_1y2v1nfdv v16_42_1_1y2v1nfjw", o = "v16_42_1_1y2v1nfkh v16_42_1_1y2v1nf9v", j = "v16_42_1_15k6ur91 v16_42_1_1y2v1nfjr v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfk1", p = "v16_42_1_15k6ur93 v16_42_1_1y2v1nfn0 v16_42_1_1y2v1nfkf", m = "v16_42_1_15k6ur9g v16_42_1_1y2v1nfjw", L = "v16_42_1_15k6ur99 v16_42_1_1y2v1nfkj", h = "v16_42_1_1y2v1nfcm", w = "v16_42_1_15k6ur94", E = "v16_42_1_15k6ur9j";
+    default: "v16_43_1y2v1nf4w",
+    readOnly: "v16_43_1y2v1nf77"
+}, k = "v16_43_15k6ur97", l = "v16_43_1y2v1nfmf v16_43_1y2v1nfjw v16_43_1y2v1nfmn v16_43_1y2v1nfjq v16_43_15k6ur9b", t = "v16_43_15k6ur96 v16_43_1y2v1nfjw v16_43_1y2v1nfk2", i = "v16_43_15k6ur9b", u = "v16_43_1y2v1nfkj", d = "v16_43_1y2v1nfcj v16_43_1y2v1nfdv v16_43_1y2v1nfjw", o = "v16_43_1y2v1nfkh v16_43_1y2v1nf9v", j = "v16_43_15k6ur91 v16_43_1y2v1nfjr v16_43_1y2v1nfjw v16_43_1y2v1nfk1", p = "v16_43_15k6ur93 v16_43_1y2v1nfn0 v16_43_1y2v1nfkf", m = "v16_43_15k6ur9g v16_43_1y2v1nfjw", L = "v16_43_15k6ur99 v16_43_1y2v1nfkj", h = "v16_43_1y2v1nfcm", w = "v16_43_15k6ur94", E = "v16_43_15k6ur9j";

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

@@ -19,10 +19,10 @@ _export(exports, {
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./text-link.css.ts.vanilla.css-mistica.js");
 var n = {
-    underlineAlways: "v16_42_1_1m1n0pr2",
-    underlineOnHover: "v16_42_1_1m1n0pr3"
+    underlineAlways: "v16_43_1m1n0pr2",
+    underlineOnHover: "v16_43_1m1n0pr3"
 }, r = {
-    default: "v16_42_1_1m1n0pr1 v16_42_1_1y2v1nfkk v16_42_1_1y2v1nfjz v16_42_1_1y2v1nfmz v16_42_1_1y2v1nf36",
-    inverseLight: "v16_42_1_1m1n0pr1 v16_42_1_1y2v1nfkk v16_42_1_1y2v1nfjz v16_42_1_1y2v1nfmz v16_42_1_1y2v1nf39",
-    inverseDark: "v16_42_1_1m1n0pr1 v16_42_1_1y2v1nfkk v16_42_1_1y2v1nfjz v16_42_1_1y2v1nfmz v16_42_1_1y2v1nf36"
+    default: "v16_43_1m1n0pr1 v16_43_1y2v1nfkk v16_43_1y2v1nfjz v16_43_1y2v1nfmz v16_43_1y2v1nf36",
+    inverseLight: "v16_43_1m1n0pr1 v16_43_1y2v1nfkk v16_43_1y2v1nfjz v16_43_1y2v1nfmz v16_43_1y2v1nf39",
+    inverseDark: "v16_43_1m1n0pr1 v16_43_1y2v1nfkk v16_43_1y2v1nfjz v16_43_1y2v1nfmz v16_43_1y2v1nf36"
 };

package/dist/text.css-mistica.js

@@ -10,10 +10,10 @@ function _export(target, all) {
 }
 _export(exports, {
     text: function() {
-        return v;
+        return r;
     },
     truncate: function() {
-        return r;
+        return _;
     },
     truncateToOneLine: function() {
         return e;
@@ -29,10 +29,10 @@ _export(exports, {
     }
 });
 require("./text.css.ts.vanilla.css-mistica.js");
-var v = "v16_42_1_splu5g7", r = "v16_42_1_splu5g8", e = "v16_42_1_splu5g9", a = {
-    mobileSize: "var(--v16_42_1_splu5g0)",
-    desktopSize: "var(--v16_42_1_splu5g1)",
-    mobileLineHeight: "var(--v16_42_1_splu5g2)",
-    desktopLineHeight: "var(--v16_42_1_splu5g3)",
-    lineClamp: "var(--v16_42_1_splu5g4)"
-}, p = "v16_42_1_splu5g5", t = "v16_42_1_splu5g6";
+var r = "v16_43_splu5g7", _ = "v16_43_splu5g8", e = "v16_43_splu5g9", a = {
+    mobileSize: "var(--v16_43_splu5g0)",
+    desktopSize: "var(--v16_43_splu5g1)",
+    mobileLineHeight: "var(--v16_43_splu5g2)",
+    desktopLineHeight: "var(--v16_43_splu5g3)",
+    lineClamp: "var(--v16_43_splu5g4)"
+}, p = "v16_43_splu5g5", t = "v16_43_splu5g6";

package/dist/text.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import * as textProps from './text-props';
 import type { ExclusifyUnion } from './utils/utility-types';
 import type { FontWeight } from './skins/types';
 import type { DataAttributes } from './utils/types';
@@ -60,6 +61,16 @@ interface RestrictedWeightTextProps<T> extends TextPresetProps {
 }
 type RegularMediumProps = ExclusifyUnion<RegularProps | MediumProps | RestrictedWeightTextProps<'regular' | 'medium'>>;
 type LightRegularMediumProps = ExclusifyUnion<LightProps | RegularProps | MediumProps | RestrictedWeightTextProps<'light' | 'regular' | 'medium'>>;
+type TextSizes = {
+    size: number;
+    lineHeight: string | number;
+} | {
+    mobileSize: number;
+    mobileLineHeight: string | number;
+    desktopSize: number;
+    desktopLineHeight: string | number;
+};
+export declare const useTextPresetSizes: (presetName: keyof typeof textProps) => TextSizes;
 export declare const Text10: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
 export declare const Text9: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;
 export declare const Text8: ({ dataAttributes, forceMobileSizes, ...props }: TextPresetProps) => JSX.Element;

package/dist/text.js

@@ -14,40 +14,43 @@ _export(exports, {
         return o;
     },
     Text1: function() {
-        return Et;
+        return Ft;
     },
     Text10: function() {
-        return At;
+        return It;
     },
     Text2: function() {
-        return Lt;
+        return Ot;
     },
     Text3: function() {
-        return Wt;
+        return Et;
     },
     Text4: function() {
-        return Rt;
+        return Lt;
     },
     Text5: function() {
-        return Ct;
+        return Wt;
     },
     Text6: function() {
-        return zt;
+        return Rt;
     },
     Text7: function() {
-        return Ht;
+        return Ct;
     },
     Text8: function() {
-        return It;
+        return Ht;
     },
     Text9: function() {
-        return Vt;
+        return zt;
     },
     default: function() {
         return Nt;
     },
     mapToWeight: function() {
         return lt;
+    },
+    useTextPresetSizes: function() {
+        return Vt;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -61,7 +64,7 @@ const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
 const _textcssmistica = require("./text.css-mistica.js");
 const _constants = require("./skins/constants.js");
 const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./screen-reader-only.js"));
-const _textprops = require("./text-props.js");
+const _textprops = /*#__PURE__*/ _interop_require_wildcard(require("./text-props.js"));
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -192,7 +195,7 @@ const lt = {
     regular: 400,
     medium: 500,
     bold: 700
-}, ut = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ht = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+}, ht = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", dt = /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
     children: [
         /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
             "aria-hidden": !0,
@@ -204,7 +207,7 @@ const lt = {
             })
         })
     ]
-}), dt = (param)=>{
+}), pt = (param)=>{
     let { children: t, ariaLabel: i, as: r } = param;
     return typeof r == "string" && [
         "h1",
@@ -223,7 +226,7 @@ const lt = {
         children: _react.Children.map(t, (e)=>typeof e != "string" || !e.includes(h) ? e : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
                 children: e.split(h).map((c, m)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_react.Fragment, {
                         children: [
-                            m > 0 && ht,
+                            m > 0 && dt,
                             c
                         ]
                     }, m))
@@ -231,14 +234,14 @@ const lt = {
         ariaLabel: i
     };
 }, o = (param)=>{
-    let { weight: t, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: l, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: H, textAlign: z, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": f, "aria-hidden": E, "aria-live": N, dataAttributes: O } = param;
-    const { skinName: F } = (0, _hooks.useTheme)(), _ = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), j = ut(e), D = {
+    let { weight: t, color: i = _skincontractcssmistica.vars.colors.textPrimary, decoration: r, truncate: e, transform: c, wordBreak: m = !0, hyphens: d = "auto", as: T = "span", children: u, size: v, mobileSize: w = v, desktopSize: b = v, lineHeight: S, mobileLineHeight: k = S, desktopLineHeight: y = S, letterSpacing: z, textAlign: H, textShadow: C, id: R, role: W, "aria-level": L, "aria-label": P, "aria-hidden": E, "aria-live": O, dataAttributes: F } = param;
+    const { skinName: N } = (0, _hooks.useTheme)(), _ = (0, _themevariantcontext.useIsInverseOrMediaVariant)(), j = ht(e), D = {
         [_skincontractcssmistica.vars.colors.textPrimary]: _skincontractcssmistica.vars.colors.textPrimaryInverse,
         [_skincontractcssmistica.vars.colors.textSecondary]: _skincontractcssmistica.vars.colors.textSecondaryInverse,
         [_skincontractcssmistica.vars.colors.textLink]: _skincontractcssmistica.vars.colors.textLinkInverse,
         [_skincontractcssmistica.vars.colors.textError]: _skincontractcssmistica.vars.colors.textErrorInverse
     };
-    if (!l && l !== 0) return null;
+    if (!u && u !== 0) return null;
     const M = (0, _classnames.default)(_textcssmistica.text, m ? _textcssmistica.withWordBreak : _textcssmistica.withoutWordBreak, {
         [_textcssmistica.truncate]: e,
         [_textcssmistica.truncateToOneLine]: e === 1 || e === !0
@@ -251,40 +254,40 @@ const lt = {
         [_textcssmistica.vars.lineClamp]: String(j)
     }) : {};
     var _D_i;
-    return F === _constants.VIVO_NEW_SKIN && ({ ariaLabel: f, children: l } = dt({
-        children: l,
-        ariaLabel: f,
+    return N === _constants.VIVO_NEW_SKIN && ({ ariaLabel: P, children: u } = pt({
+        children: u,
+        ariaLabel: P,
         as: T
     })), /*#__PURE__*/ _react.createElement(T, _object_spread_props(_object_spread({
         className: M,
         id: R,
         role: W,
         "aria-level": L,
-        "aria-label": f,
+        "aria-label": P,
         "aria-hidden": E,
-        "aria-live": N
-    }, (0, _dom.getPrefixedDataAttributes)(O, "Text")), {
+        "aria-live": O
+    }, (0, _dom.getPrefixedDataAttributes)(F, "Text")), {
         style: _object_spread_props(_object_spread({}, B, K), {
             hyphens: d,
             WebkitHyphens: d,
-            letterSpacing: H,
+            letterSpacing: z,
             fontWeight: t ? lt[t] : "inherit",
             textTransform: c || "inherit",
             textDecoration: r !== null && r !== void 0 ? r : "inherit",
             overflowWrap: m ? "anywhere" : "inherit",
             color: _ ? (_D_i = D[i]) !== null && _D_i !== void 0 ? _D_i : i : i,
-            textAlign: z,
+            textAlign: H,
             textShadow: C,
             // When rendering as <pre/>, spaces are preserved and we don't want to remove them
             whiteSpace: T === "pre" ? void 0 : "pre-line"
         })
-    }), l);
+    }), u);
 }, g = (t)=>{
     if (t.light) return "light";
     if (t.regular) return "regular";
     if (t.medium) return "medium";
     if (t.weight) return t.weight;
-}, a = (param)=>{
+}, x = (param)=>{
     let { forceMobileSizes: t, textPreset: i, textProps: r } = param;
     const e = i.size.mobile || r.mobileSize, c = i.lineHeight.mobile || r.mobileLineHeight, m = i.size.desktop || r.desktopSize, d = i.lineHeight.desktop || r.desktopLineHeight;
     return t ? {
@@ -296,13 +299,19 @@ const lt = {
         desktopSize: m,
         desktopLineHeight: d
     };
-}, At = (_param)=>{
+}, Vt = (t)=>{
+    const { textPresets: i } = (0, _hooks.useTheme)(), r = i[t];
+    return x({
+        textPreset: r,
+        textProps: _textprops[t]
+    });
+}, It = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text10,
         textProps: _textprops.text10
@@ -313,13 +322,13 @@ const lt = {
             testid: "Text10"
         }, t)
     }), r));
-}, Vt = (_param)=>{
+}, zt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text9,
         textProps: _textprops.text9
@@ -330,13 +339,13 @@ const lt = {
             testid: "Text9"
         }, t)
     }), r));
-}, It = (_param)=>{
+}, Ht = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text8,
         textProps: _textprops.text8
@@ -347,13 +356,13 @@ const lt = {
             testid: "Text8"
         }, t)
     }), r));
-}, Ht = (_param)=>{
+}, Ct = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text7,
         textProps: _textprops.text7
@@ -364,13 +373,13 @@ const lt = {
             testid: "Text7"
         }, t)
     }), r));
-}, zt = (_param)=>{
+}, Rt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text6,
         textProps: _textprops.text6
@@ -381,13 +390,13 @@ const lt = {
             testid: "Text6"
         }, t)
     }), r));
-}, Ct = (_param)=>{
+}, Wt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text5,
         textProps: _textprops.text5
@@ -398,13 +407,13 @@ const lt = {
             testid: "Text5"
         }, t)
     }), r));
-}, Rt = (_param)=>{
+}, Lt = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text4,
         textProps: _textprops.text4
@@ -415,13 +424,13 @@ const lt = {
             testid: "Text4"
         }, t)
     }), r));
-}, Wt = (_param)=>{
+}, Et = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text3,
         textProps: _textprops.text3
@@ -432,13 +441,13 @@ const lt = {
             testid: "Text3"
         }, t)
     }), r));
-}, Lt = (_param)=>{
+}, Ot = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text2,
         textProps: _textprops.text2
@@ -449,13 +458,13 @@ const lt = {
             testid: "Text2"
         }, t)
     }), r));
-}, Et = (_param)=>{
+}, Ft = (_param)=>{
     var { dataAttributes: t, forceMobileSizes: i } = _param, r = _object_without_properties(_param, [
         "dataAttributes",
         "forceMobileSizes"
     ]);
     const { textPresets: e } = (0, _hooks.useTheme)();
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, a({
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)(o, _object_spread(_object_spread_props(_object_spread({}, x({
         forceMobileSizes: i,
         textPreset: e.text1,
         textProps: _textprops.text1

package/dist/theme-context.css-mistica.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "themeVars", {
     }
 });
 require("./theme-context.css.ts.vanilla.css-mistica.js");
-var a = "v16_42_1_pa0wjc0";
+var a = "v16_43_pa0wjc0";

package/dist/timeline.css-mistica.js

@@ -36,14 +36,14 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timeline.css.ts.vanilla.css-mistica.js");
-var t = "v16_42_1_w6pat2b", a = "v16_42_1_w6pat2d v16_42_1_1y2v1nfkt v16_42_1_1y2v1nfl9 v16_42_1_1y2v1nfmg v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfkb v16_42_1_1y2v1nfk5 v16_42_1_1y2v1nf4w", n = "v16_42_1_w6pat25 v16_42_1_1y2v1nfki v16_42_1_1y2v1nfm9 v16_42_1_1y2v1nfb7", e = {
-    default: "v16_42_1_w6pat2g v16_42_1_w6pat2f v16_42_1_1y2v1nfki",
-    inverse: "v16_42_1_w6pat2h v16_42_1_w6pat2f v16_42_1_1y2v1nfki"
-}, i = "v16_42_1_w6pat2a v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfkb", f = {
-    vertical: "v16_42_1_w6pat20",
-    horizontal: "v16_42_1_w6pat21"
-}, p = "v16_42_1_w6pat23 v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfk9", w = {
-    active: "v16_42_1_w6pat26",
-    inactive: "v16_42_1_w6pat27",
-    completed: "v16_42_1_w6pat28"
+var t = "v16_43_w6pat2b", a = "v16_43_w6pat2d v16_43_1y2v1nfkt v16_43_1y2v1nfl9 v16_43_1y2v1nfmg v16_43_1y2v1nfjw v16_43_1y2v1nfkb v16_43_1y2v1nfk5 v16_43_1y2v1nf4w", n = "v16_43_w6pat25 v16_43_1y2v1nfki v16_43_1y2v1nfm9 v16_43_1y2v1nfb7", e = {
+    default: "v16_43_w6pat2g v16_43_w6pat2f v16_43_1y2v1nfki",
+    inverse: "v16_43_w6pat2h v16_43_w6pat2f v16_43_1y2v1nfki"
+}, i = "v16_43_w6pat2a v16_43_1y2v1nfjw v16_43_1y2v1nfkb", f = {
+    vertical: "v16_43_w6pat20",
+    horizontal: "v16_43_w6pat21"
+}, p = "v16_43_w6pat23 v16_43_1y2v1nfjw v16_43_1y2v1nfk9", w = {
+    active: "v16_43_w6pat26",
+    inactive: "v16_43_w6pat27",
+    completed: "v16_43_w6pat28"
 };

package/dist/timer.css-mistica.js

@@ -33,9 +33,9 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./timer.css.ts.vanilla.css-mistica.js");
-var y = "v16_42_1_18fye848", f = {
-    default: "v16_42_1_18fye84a v16_42_1_1y2v1nfcd v16_42_1_1y2v1nfdm v16_42_1_1y2v1nf9y v16_42_1_1y2v1nfb7 v16_42_1_1y2v1nfmo v16_42_1_1y2v1nf8g",
-    inverse: "v16_42_1_18fye84a v16_42_1_1y2v1nfcd v16_42_1_1y2v1nfdm v16_42_1_1y2v1nf9y v16_42_1_1y2v1nfb7 v16_42_1_1y2v1nfmo v16_42_1_1y2v1nf4w",
-    alternative: "v16_42_1_18fye84a v16_42_1_1y2v1nfcd v16_42_1_1y2v1nfdm v16_42_1_1y2v1nf9y v16_42_1_1y2v1nfb7 v16_42_1_1y2v1nfmo v16_42_1_1y2v1nf4w",
-    media: "v16_42_1_18fye84a v16_42_1_1y2v1nfcd v16_42_1_1y2v1nfdm v16_42_1_1y2v1nf9y v16_42_1_1y2v1nfb7 v16_42_1_1y2v1nfmo v16_42_1_18fye84e"
-}, n = "v16_42_1_18fye841", e = "v16_42_1_18fye841 v16_42_1_1y2v1nfk0", a = "v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfk2 v16_42_1_1y2v1nfkb", r = "v16_42_1_1y2v1nfk0", i = "v16_42_1_18fye841 v16_42_1_1y2v1nfjx v16_42_1_1y2v1nfk5";
+var y = "v16_43_18fye848", f = {
+    default: "v16_43_18fye84a v16_43_1y2v1nfcd v16_43_1y2v1nfdm v16_43_1y2v1nf9y v16_43_1y2v1nfb7 v16_43_1y2v1nfmo v16_43_1y2v1nf8g",
+    inverse: "v16_43_18fye84a v16_43_1y2v1nfcd v16_43_1y2v1nfdm v16_43_1y2v1nf9y v16_43_1y2v1nfb7 v16_43_1y2v1nfmo v16_43_1y2v1nf4w",
+    alternative: "v16_43_18fye84a v16_43_1y2v1nfcd v16_43_1y2v1nfdm v16_43_1y2v1nf9y v16_43_1y2v1nfb7 v16_43_1y2v1nfmo v16_43_1y2v1nf4w",
+    media: "v16_43_18fye84a v16_43_1y2v1nfcd v16_43_1y2v1nfdm v16_43_1y2v1nf9y v16_43_1y2v1nfb7 v16_43_1y2v1nfmo v16_43_18fye84e"
+}, n = "v16_43_18fye841", e = "v16_43_18fye841 v16_43_1y2v1nfk0", a = "v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfkb", r = "v16_43_1y2v1nfk0", i = "v16_43_18fye841 v16_43_1y2v1nfjx v16_43_1y2v1nfk5";

package/dist/title.js

@@ -11,21 +11,20 @@ function _export(target, all) {
 }
 _export(exports, {
     Title1: function() {
-        return S;
+        return L;
     },
     Title2: function() {
-        return j;
+        return S;
     },
     Title3: function() {
-        return v;
+        return j;
     },
     Title4: function() {
-        return y;
+        return v;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
 const _text = /*#__PURE__*/ _interop_require_wildcard(require("./text.js"));
-const _textprops = require("./text-props.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");
@@ -149,7 +148,7 @@ const m = (param)=>{
     }) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(o)), {
         children: e
     }));
-}, S = (param)=>{
+}, L = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
@@ -167,14 +166,14 @@ const m = (param)=>{
             "component-name": "Title1"
         }, s)
     });
-}, j = (param)=>{
+}, S = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.default, _object_spread_props(_object_spread({
             as: i,
             id: o
-        }, _textprops.text3), {
+        }, (0, _text.useTextPresetSizes)("text3")), {
             weight: n.title2.weight,
             children: e
         })),
@@ -183,7 +182,7 @@ const m = (param)=>{
             "component-name": "Title2"
         }, s)
     });
-}, v = (param)=>{
+}, j = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     const { textPresets: n } = (0, _hooks.useTheme)();
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
@@ -202,7 +201,7 @@ const m = (param)=>{
             "component-name": "Title3"
         }, s)
     });
-}, y = (param)=>{
+}, v = (param)=>{
     let { children: e, as: i = "h3", id: o, right: r, dataAttributes: s } = param;
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(m, {
         title: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text6, {

package/dist/tooltip.css-mistica.js

@@ -42,7 +42,7 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./tooltip.css.ts.vanilla.css-mistica.js");
-var n = 40, t = "v16_42_1_1xhatbpb v16_42_1_1y2v1nfkp v16_42_1_1y2v1nfl5 v16_42_1_1y2v1nfjr v16_42_1_1y2v1nfn6 v16_42_1_1y2v1nf4w", r = "v16_42_1_1xhatbp9 v16_42_1_1y2v1nfjr v16_42_1_1y2v1nfkr v16_42_1_1y2v1nfn0", a = "v16_42_1_1xhatbpd v16_42_1_1y2v1nfjr", o = "v16_42_1_1xhatbp1 v16_42_1_1y2v1nfjr", y = "v16_42_1_1xhatbp6", e = "v16_42_1_1xhatbp5 v16_42_1_1y2v1nfjq v16_42_1_1y2v1nfn0", f = "v16_42_1_1xhatbp3 v16_42_1_1y2v1nfjq v16_42_1_1y2v1nfmq v16_42_1_1y2v1nf4w", i = "v16_42_1_1y2v1nfjw v16_42_1_1y2v1nfk2 v16_42_1_1y2v1nfkb", p = {
+var n = 40, t = "v16_43_1xhatbpb v16_43_1y2v1nfkp v16_43_1y2v1nfl5 v16_43_1y2v1nfjr v16_43_1y2v1nfn6 v16_43_1y2v1nf4w", r = "v16_43_1xhatbp9 v16_43_1y2v1nfjr v16_43_1y2v1nfkr v16_43_1y2v1nfn0", a = "v16_43_1xhatbpd v16_43_1y2v1nfjr", o = "v16_43_1xhatbp1 v16_43_1y2v1nfjr", y = "v16_43_1xhatbp6", e = "v16_43_1xhatbp5 v16_43_1y2v1nfjq v16_43_1y2v1nfn0", f = "v16_43_1xhatbp3 v16_43_1y2v1nfjq v16_43_1y2v1nfmq v16_43_1y2v1nf4w", i = "v16_43_1y2v1nfjw v16_43_1y2v1nfk2 v16_43_1y2v1nfkb", p = {
     entering: {
         opacity: 1
     },

package/dist/touchable.css-mistica.js

@@ -24,4 +24,4 @@ _export(exports, {
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./touchable.css.ts.vanilla.css-mistica.js");
-var n = "v16_42_1_mhti6u2 v16_42_1_1y2v1nfmz", y = "v16_42_1_mhti6u0", f = "v16_42_1_mhti6u5", t = "v16_42_1_mhti6u2 v16_42_1_1y2v1nfmz v16_42_1_1y2v1nf9p v16_42_1_1y2v1nfay v16_42_1_1y2v1nfc7 v16_42_1_1y2v1nfdg v16_42_1_1y2v1nfjy v16_42_1_1y2v1nfme v16_42_1_1y2v1nfkj v16_42_1_1y2v1nf4t v16_42_1_1y2v1nf9o v16_42_1_1y2v1nfn1";
+var n = "v16_43_mhti6u2 v16_43_1y2v1nfmz", y = "v16_43_mhti6u0", f = "v16_43_mhti6u5", t = "v16_43_mhti6u2 v16_43_1y2v1nfmz v16_43_1y2v1nf9p v16_43_1y2v1nfay v16_43_1y2v1nfc7 v16_43_1y2v1nfdg v16_43_1y2v1nfjy v16_43_1y2v1nfme v16_43_1y2v1nfkj v16_43_1y2v1nf4t v16_43_1y2v1nf9o v16_43_1y2v1nfn1";

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 n = "v16_42_1_yqswj62", r = "v16_42_1_1y2v1nfkj v16_42_1_1y2v1nfl0 v16_42_1_1y2v1nfn6 v16_42_1_1y2v1nfnl", a = {
-    aspectRatio: "var(--v16_42_1_yqswj60)"
-}, y = "v16_42_1_1y2v1nfn0 v16_42_1_1y2v1nfmb v16_42_1_1y2v1nfmc v16_42_1_1y2v1nfjq";
+var n = "v16_43_yqswj62", r = "v16_43_1y2v1nfkj v16_43_1y2v1nfl0 v16_43_1y2v1nfn6 v16_43_1y2v1nfnl", a = {
+    aspectRatio: "var(--v16_43_yqswj60)"
+}, y = "v16_43_1y2v1nfn0 v16_43_1y2v1nfmb v16_43_1y2v1nfmc v16_43_1y2v1nfjq";

package/dist/video.css-mistica.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "video", {
     enumerable: true,
     get: function() {
-        return v;
+        return _;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
-var v = "v16_42_1_1y2v1nfn6 v16_42_1_1y2v1nfnl v16_42_1_1y2v1nfjy v16_42_1_1y2v1nf9o v16_42_1_1y2v1nfmb v16_42_1_1y2v1nfmc v16_42_1_1y2v1nfou";
+var _ = "v16_43_1y2v1nfn6 v16_43_1y2v1nfnl v16_43_1y2v1nfjy v16_43_1y2v1nf9o v16_43_1y2v1nfmb v16_43_1y2v1nfmc v16_43_1y2v1nfou";

package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js

@@ -10,11 +10,11 @@ function _export(target, all) {
 }
 _export(exports, {
     container: function() {
-        return _;
+        return a;
     },
     waveFadeOut: function() {
-        return a;
+        return r;
     }
 });
 require("./vivinho-loading-animation.css.ts.vanilla.css-mistica.js");
-var _ = "v16_42_1_1ezqdj90", a = "v16_42_1_1ezqdj91";
+var a = "v16_43_1ezqdj90", r = "v16_43_1ezqdj91";

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

@@ -1,9 +1,9 @@
 import "./sprinkles.css.ts.vanilla.css-mistica.js";
 import "./accordion.css.ts.vanilla.css-mistica.js";
-var n = "v16_42_1_1y2v1nfkj", e = "v16_42_1_8s3szx1", s = "v16_42_1_8s3szx5", a = "v16_42_1_1y2v1nf9p v16_42_1_1y2v1nfay v16_42_1_1y2v1nfc7 v16_42_1_1y2v1nfdg v16_42_1_1y2v1nfkj v16_42_1_1y2v1nfme v16_42_1_1y2v1nf9o v16_42_1_1y2v1nfjy v16_42_1_1y2v1nfl0", r = "v16_42_1_8s3szxb", t = "v16_42_1_8s3szx6", o = {
-    enter: "v16_42_1_8s3szx7",
-    enterActive: "v16_42_1_8s3szx8",
-    exit: "v16_42_1_8s3szx9",
-    exitActive: "v16_42_1_8s3szxa"
-}, x = "v16_42_1_8s3szx4", i = "v16_42_1_8s3szx2", y = "v16_42_1_8s3szx3";
+var n = "v16_43_1y2v1nfkj", e = "v16_43_8s3szx1", s = "v16_43_8s3szx5", a = "v16_43_1y2v1nf9p v16_43_1y2v1nfay v16_43_1y2v1nfc7 v16_43_1y2v1nfdg v16_43_1y2v1nfkj v16_43_1y2v1nfme v16_43_1y2v1nf9o v16_43_1y2v1nfjy v16_43_1y2v1nfl0", r = "v16_43_8s3szxb", t = "v16_43_8s3szx6", o = {
+    enter: "v16_43_8s3szx7",
+    enterActive: "v16_43_8s3szx8",
+    exit: "v16_43_8s3szx9",
+    exitActive: "v16_43_8s3szxa"
+}, x = "v16_43_8s3szx4", i = "v16_43_8s3szx2", y = "v16_43_8s3szx3";
 export { n as accordionItem, e as boxed, s as chevronContainer, a as itemContent, r as panel, t as panelContainer, o as panelTransitionClasses, x as rightContentContainer, i as touchableBackground, y as touchableBackgroundInverse };

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

@@ -1,3 +1,3 @@
 import "./align.css.ts.vanilla.css-mistica.js";
-var o = "v16_42_1_1mfs0fk0";
+var o = "v16_43_1mfs0fk0";
 export { o as container };