@telefonica/mistica 13.4.0 → 13.6.0

package/dist/sprinkles.css.d.ts

@@ -20,7 +20,7 @@ export declare const sprinkles: ((props: {
     readonly minHeight?: 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32 | 40 | 48 | 56 | 64 | 72 | 80 | undefined;
     readonly maxWidth?: "100%" | undefined;
     readonly maxHeight?: "100%" | undefined;
-    readonly border?: "none" | "regular" | undefined;
+    readonly border?: "regular" | "none" | undefined;
     readonly borderRadius?: 2 | 4 | 8 | 16 | "50%" | 20 | undefined;
     readonly cursor?: "pointer" | undefined;
     readonly overflow?: "hidden" | "visible" | undefined;

package/dist/stepper.css-mistica.js

@@ -12,18 +12,18 @@ _export(exports, {
     bar: ()=>_,
     barFilled: ()=>r,
     barFilledAnimation: ()=>f,
-    barFilledReverseAnimation: ()=>m,
-    currentNumber: ()=>a,
-    iconAnimation: ()=>y,
-    number: ()=>e,
-    step: ()=>h,
-    stepIconNumber: ()=>i,
+    barFilledReverseAnimation: ()=>a,
+    currentNumber: ()=>e,
+    iconAnimation: ()=>m,
+    number: ()=>y,
+    step: ()=>i,
+    stepIconNumber: ()=>h,
     stepper: ()=>t,
-    textContainer: ()=>p,
-    vars: ()=>q
+    textContainer: ()=>o,
+    vars: ()=>p
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./stepper.css.ts.vanilla.js");
-var _ = "_14h93mqk _1y2v1nf86 _1y2v1nf7n _1y2v1nf9h _1y2v1nf9m", r = "_14h93mqm _1y2v1nf86 _1y2v1nf7n _1y2v1nf9k _1y2v1nf9m", f = "_14h93mqn", m = "_14h93mqp _1y2v1nf7p", a = "_14h93mqf", y = "_14h93mqc", e = "_14h93mqe _1y2v1nf5g _1y2v1nf5v _1y2v1nf5p _1y2v1nf9f", h = "_14h93mq9 _1y2v1nf5b _1y2v1nf5h _1y2v1nf5m _1y2v1nf5v", i = "_14h93mqb _1y2v1nf5b _1y2v1nf5g", t = "_14h93mq7 _1y2v1nf5g _1y2v1nf93", p = "_14h93mqh _1y2v1nf5c", q = {
+var _ = "_14h93mqk _1y2v1nf88 _1y2v1nf7p _1y2v1nf9j _1y2v1nf9o", r = "_14h93mqm _1y2v1nf88 _1y2v1nf7p _1y2v1nf9m _1y2v1nf9o", f = "_14h93mqn", a = "_14h93mqp _1y2v1nf7r", e = "_14h93mqf", m = "_14h93mqc", y = "_14h93mqe _1y2v1nf5i _1y2v1nf5x _1y2v1nf5r _1y2v1nf9h", i = "_14h93mq9 _1y2v1nf5d _1y2v1nf5j _1y2v1nf5o _1y2v1nf5x", h = "_14h93mqb _1y2v1nf5d _1y2v1nf5i", t = "_14h93mq7 _1y2v1nf5i _1y2v1nf95", o = "_14h93mqh _1y2v1nf5e", p = {
     stepperMinHeight: "var(--_14h93mq0)"
 };

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

@@ -9,32 +9,32 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    ballVariants: ()=>f,
-    barVariants: ()=>n,
-    checkboxVariants: ()=>v,
-    container: ()=>p,
+    ballVariants: ()=>n,
+    barVariants: ()=>v,
+    checkboxVariants: ()=>p,
+    container: ()=>f,
     disabled: ()=>q,
     switchCheckboxContainerVariants: ()=>y,
     switchCheckboxLabel: ()=>_
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./switch-component.css.ts.vanilla.js");
-var f = {
-    default: "q0hp3as q0hp3aq q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f",
-    ios: "q0hp3at q0hp3ar q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f",
-    checked: "q0hp3au q0hp3aq q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f",
-    checkedIos: "q0hp3av q0hp3ar q0hp3ap _1y2v1nf5c _1y2v1nfau _1y2v1nf5i _1y2v1nf9f"
-}, n = {
-    default: "q0hp3ai q0hp3ah _1y2v1nf5i",
-    ios: "q0hp3aj q0hp3ah _1y2v1nf5i",
-    checked: "q0hp3ak q0hp3ah _1y2v1nf5i",
-    checkedIos: "q0hp3al q0hp3ah _1y2v1nf5i"
+var n = {
+    default: "q0hp3as q0hp3aq q0hp3ap _1y2v1nf5e _1y2v1nfaw _1y2v1nf5k _1y2v1nf9h",
+    ios: "q0hp3at q0hp3ar q0hp3ap _1y2v1nf5e _1y2v1nfaw _1y2v1nf5k _1y2v1nf9h",
+    checked: "q0hp3au q0hp3aq q0hp3ap _1y2v1nf5e _1y2v1nfaw _1y2v1nf5k _1y2v1nf9h",
+    checkedIos: "q0hp3av q0hp3ar q0hp3ap _1y2v1nf5e _1y2v1nfaw _1y2v1nf5k _1y2v1nf9h"
 }, v = {
-    default: "q0hp3a6 _1y2v1nf5k _1y2v1nf9l",
-    ios: "q0hp3a7 _1y2v1nf5k _1y2v1nf9l",
-    disabled: "q0hp3a8 _1y2v1nf5k _1y2v1nf9l",
-    disabledIos: "q0hp3a9 _1y2v1nf5k _1y2v1nf9l"
-}, p = "q0hp3am", q = "q0hp3an", y = {
-    default: "q0hp3ac q0hp3ab _1y2v1nf5b",
-    ios: "q0hp3ad q0hp3ab _1y2v1nf5b"
-}, _ = "q0hp3af _1y2v1nf5i _1y2v1nf9m";
+    default: "q0hp3ai q0hp3ah _1y2v1nf5k",
+    ios: "q0hp3aj q0hp3ah _1y2v1nf5k",
+    checked: "q0hp3ak q0hp3ah _1y2v1nf5k",
+    checkedIos: "q0hp3al q0hp3ah _1y2v1nf5k"
+}, p = {
+    default: "q0hp3a6 _1y2v1nf5m _1y2v1nf9n",
+    ios: "q0hp3a7 _1y2v1nf5m _1y2v1nf9n",
+    disabled: "q0hp3a8 _1y2v1nf5m _1y2v1nf9n",
+    disabledIos: "q0hp3a9 _1y2v1nf5m _1y2v1nf9n"
+}, f = "q0hp3am", q = "q0hp3an", y = {
+    default: "q0hp3ac q0hp3ab _1y2v1nf5d",
+    ios: "q0hp3ad q0hp3ab _1y2v1nf5d"
+}, _ = "q0hp3af _1y2v1nf5k _1y2v1nf9o";

package/dist/tabs.css-mistica.js

@@ -13,20 +13,20 @@ _export(exports, {
     icon: ()=>y,
     inner: ()=>_,
     outer: ()=>a,
-    outerBorder: ()=>e,
-    tabSelectionVariants: ()=>o,
-    tabVariants: ()=>t,
-    tabWithIcon: ()=>r,
-    tabsContainer: ()=>l
+    outerBorder: ()=>o,
+    tabSelectionVariants: ()=>e,
+    tabVariants: ()=>r,
+    tabWithIcon: ()=>g,
+    tabsContainer: ()=>t
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./tabs.css.ts.vanilla.js");
-var v = "_1y2v1nf5f _1y2v1nf5c _1y2v1nfa2 _1y2v1nfau _1y2v1nf85 _1y2v1nf3l", y = "lgofm1m", _ = "lgofm14 _1y2v1nf5c _1y2v1nfa2 _1y2v1nfag _1y2v1nf8h", a = "lgofm12 _1y2v1nf8e _1y2v1nf5b _1y2v1nf9m", e = "lgofm10", o = {
-    noSelected: "_1y2v1nf1p",
-    selected: "_1y2v1nf1n lgofm1h",
-    selectedAnimating: "_1y2v1nf1n lgofm1i"
-}, t = {
-    default: "lgofm17 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf70 _1y2v1nf7e _1y2v1nf8e _1y2v1nf5a lgofm18",
-    tabs2: "lgofm17 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf70 _1y2v1nf7e _1y2v1nf8e _1y2v1nf5a lgofm19",
-    tabs3: "lgofm17 _1y2v1nf5h _1y2v1nf5v _1y2v1nf5p _1y2v1nf70 _1y2v1nf7e _1y2v1nf8e _1y2v1nf5a lgofm1a"
-}, r = "lgofm1e", l = "_1y2v1nf8e _1y2v1nf5g";
+var v = "_1y2v1nf5h _1y2v1nf5e _1y2v1nfa4 _1y2v1nfaw _1y2v1nf87 _1y2v1nf3n", y = "lgofm1m", _ = "lgofm14 _1y2v1nf5e _1y2v1nfa4 _1y2v1nfai _1y2v1nf8j", a = "lgofm12 _1y2v1nf8g _1y2v1nf5d _1y2v1nf9o", o = "lgofm10", e = {
+    noSelected: "_1y2v1nf1q",
+    selected: "_1y2v1nf1o lgofm1h",
+    selectedAnimating: "_1y2v1nf1o lgofm1i"
+}, r = {
+    default: "lgofm17 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf72 _1y2v1nf7g _1y2v1nf8g _1y2v1nf5c lgofm18",
+    tabs2: "lgofm17 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf72 _1y2v1nf7g _1y2v1nf8g _1y2v1nf5c lgofm19",
+    tabs3: "lgofm17 _1y2v1nf5j _1y2v1nf5x _1y2v1nf5r _1y2v1nf72 _1y2v1nf7g _1y2v1nf8g _1y2v1nf5c lgofm1a"
+}, g = "lgofm1e", t = "_1y2v1nf8g _1y2v1nf5i";

package/dist/tag.css-mistica.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "tag", {
     enumerable: true,
-    get: ()=>_
+    get: ()=>n
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./tag.css.ts.vanilla.js");
-var _ = "_1wy08671 _1y2v1nf65 _1y2v1nf6j _1y2v1nf5h _1y2v1nf5l _1y2v1nf5v _1y2v1nf5p _1y2v1nf8t _1y2v1nf7d";
+var n = "_1wy08671 _1y2v1nf67 _1y2v1nf6l _1y2v1nf5j _1y2v1nf5n _1y2v1nf5x _1y2v1nf5r _1y2v1nf8v _1y2v1nf7f";

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

@@ -10,22 +10,22 @@ function _export(target, all) {
 }
 _export(exports, {
     endIcon: ()=>n,
-    fullWidth: ()=>e,
-    input: ()=>t,
-    inputFirefoxStyles: ()=>r,
-    inputWithLabel: ()=>f,
+    fullWidth: ()=>t,
+    input: ()=>e,
+    inputFirefoxStyles: ()=>f,
+    inputWithLabel: ()=>r,
     inputWithoutLabel: ()=>_,
     menuItem: ()=>a,
     menuItemSelected: ()=>h,
     prefix: ()=>i,
-    prefixWithLabel: ()=>l,
-    prefixWithoutLabel: ()=>o,
-    startIcon: ()=>u,
-    suggestionsContainer: ()=>p,
-    textArea: ()=>b,
-    textAreaWithLabel: ()=>m,
-    textAreaWithoutLabel: ()=>x
+    prefixWithLabel: ()=>o,
+    prefixWithoutLabel: ()=>l,
+    startIcon: ()=>p,
+    suggestionsContainer: ()=>x,
+    textArea: ()=>u,
+    textAreaWithLabel: ()=>b,
+    textAreaWithoutLabel: ()=>m
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-field-base.css.ts.vanilla.js");
-var n = "rhey4tf _1y2v1nf6y _1y2v1nf7e _1y2v1nf5g _1y2v1nf5v", e = "rhey4t4", t = "rhey4ta _1y2v1nf5b _1y2v1nf83 rhey4t1 _1y2v1nf9e _1y2v1nf8j _1y2v1nf1n _1y2v1nf7n", r = "rhey4tb", f = "rhey4tc", _ = "_1y2v1nf68 _1y2v1nf6m", a = "rhey4to _1y2v1nf8d _1y2v1nf5g _1y2v1nf5v _1y2v1nf9l", h = "_1y2v1nf2u", i = "rhey4tj _1y2v1nf6z _1y2v1nf7e", l = "rhey4tl _1y2v1nf6k", o = "_1y2v1nf68 _1y2v1nf6m", u = "rhey4th _1y2v1nf6z _1y2v1nf7d _1y2v1nf5g _1y2v1nf5v _1y2v1nf83 _1y2v1nf5c", p = "rhey4tr _1y2v1nf5c", b = "rhey4t6 _1y2v1nf63 _1y2v1nf6h _1y2v1nf6v _1y2v1nf79 rhey4t1 _1y2v1nf9e _1y2v1nf8j _1y2v1nf1n _1y2v1nf7n", m = "rhey4t7", x = "rhey4t8";
+var n = "rhey4tf _1y2v1nf70 _1y2v1nf7g _1y2v1nf5i _1y2v1nf5x", t = "rhey4t4", e = "rhey4ta _1y2v1nf5d _1y2v1nf85 rhey4t1 _1y2v1nf9g _1y2v1nf8l _1y2v1nf1o _1y2v1nf7p", f = "rhey4tb", r = "rhey4tc", _ = "_1y2v1nf6a _1y2v1nf6o", a = "rhey4to _1y2v1nf8f _1y2v1nf5i _1y2v1nf5x _1y2v1nf9n", h = "_1y2v1nf2w", i = "rhey4tj _1y2v1nf71 _1y2v1nf7g", o = "rhey4tl _1y2v1nf6m", l = "_1y2v1nf6a _1y2v1nf6o", p = "rhey4th _1y2v1nf71 _1y2v1nf7f _1y2v1nf5i _1y2v1nf5x _1y2v1nf85 _1y2v1nf5e", x = "rhey4tr _1y2v1nf5e", u = "rhey4t6 _1y2v1nf65 _1y2v1nf6j _1y2v1nf6x _1y2v1nf7b rhey4t1 _1y2v1nf9g _1y2v1nf8l _1y2v1nf1o _1y2v1nf7p", b = "rhey4t7", m = "rhey4t8";

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

@@ -11,23 +11,23 @@ function _export(target, all) {
 _export(exports, {
     DEFAULT_WIDTH: ()=>_,
     LABEL_LEFT_POSITION: ()=>n,
-    LABEL_SCALE_DESKTOP: ()=>a,
-    LABEL_SCALE_MOBILE: ()=>f,
+    LABEL_SCALE_DESKTOP: ()=>f,
+    LABEL_SCALE_MOBILE: ()=>a,
     disabled: ()=>e,
-    field: ()=>y,
-    fieldContainer: ()=>i,
+    field: ()=>i,
+    fieldContainer: ()=>y,
     fieldMulti: ()=>l,
     fieldSingle: ()=>t,
-    fullWidth: ()=>u,
-    helperContainer: ()=>k,
+    fullWidth: ()=>k,
+    helperContainer: ()=>u,
     helperText: ()=>d,
     labelContainer: ()=>L,
-    labelText: ()=>E,
-    leftText: ()=>T,
-    normalWidth: ()=>o,
-    rightText: ()=>g,
-    shrinked: ()=>h
+    labelText: ()=>o,
+    leftText: ()=>E,
+    normalWidth: ()=>T,
+    rightText: ()=>h,
+    shrinked: ()=>p
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-field-components.css.ts.vanilla.js");
-var _ = 328, n = 12, a = 0.78, f = 0.75, e = "_15k6ur97", y = "_1y2v1nf9m _1y2v1nf9d _1y2v1nf5g _1y2v1nf9i _1y2v1nf5b", i = "_15k6ur96 _1y2v1nf5g _1y2v1nf5m", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf8e", u = "_1y2v1nf7n", k = "_1y2v1nf6z _1y2v1nf7e _1y2v1nf5g", d = "_15k6ur9g", L = "_15k6ur91 _1y2v1nf5c _1y2v1nf9o _1y2v1nf8a _1y2v1nf5g _1y2v1nf5l _1y2v1nfa6", E = "_15k6ur93 _1y2v1nf9m _1y2v1nf5z", T = "_15k6ur9h", o = "_15k6ur99 _1y2v1nf7n", g = "_15k6ur9i", h = "_15k6ur94";
+var _ = 328, n = 12, f = 0.78, a = 0.75, e = "_15k6ur97", i = "_1y2v1nf9o _1y2v1nf9f _1y2v1nf5i _1y2v1nf9k _1y2v1nf5d", y = "_15k6ur96 _1y2v1nf5i _1y2v1nf5o", l = "_15k6ur9e", t = "_15k6ur9d _1y2v1nf8g", k = "_1y2v1nf7p", u = "_1y2v1nf71 _1y2v1nf7g _1y2v1nf5i", d = "_15k6ur9g", L = "_15k6ur91 _1y2v1nf5e _1y2v1nf9q _1y2v1nf8c _1y2v1nf5i _1y2v1nf5n _1y2v1nfa8", o = "_15k6ur93 _1y2v1nf9o _1y2v1nf61", E = "_15k6ur9h", T = "_15k6ur99 _1y2v1nf7p", h = "_15k6ur9i", p = "_15k6ur94";

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

@@ -9,7 +9,7 @@ Object.defineProperty(exports, "variants", {
 require("./sprinkles.css.ts.vanilla.js");
 require("./text-link.css.ts.vanilla.js");
 var v = {
-    default: "_1m1n0pr1 _1y2v1nf7o _1y2v1nf5j _1y2v1nf9l _1y2v1nf1y",
-    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf7o _1y2v1nf5j _1y2v1nf9l _1y2v1nf1z",
-    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf7o _1y2v1nf5j _1y2v1nf9l _1y2v1nf1y"
+    default: "_1m1n0pr1 _1y2v1nf7q _1y2v1nf5l _1y2v1nf9n _1y2v1nf1z",
+    inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nf7q _1y2v1nf5l _1y2v1nf9n _1y2v1nf20",
+    inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nf7q _1y2v1nf5l _1y2v1nf9n _1y2v1nf1z"
 };

package/dist/text.d.ts

@@ -15,6 +15,8 @@ export interface TextPresetProps {
     role?: string;
     'aria-level'?: number;
     dataAttributes?: DataAttributes;
+    forceMobileSizes?: boolean;
+    textShadow?: string;
 }
 interface TextProps extends TextPresetProps {
     weight?: FontWeight;
@@ -31,6 +33,7 @@ interface TextProps extends TextPresetProps {
     /** in pixels, will be converted to rem in runtime */
     desktopLineHeight?: string | number;
     letterSpacing?: number;
+    forzeMobileSize?: never;
 }
 export declare const Text: React.FC<TextProps>;
 interface LightProps extends TextPresetProps {

package/dist/text.js

@@ -9,18 +9,18 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    Text: ()=>n,
-    Text1: ()=>le,
-    Text10: ()=>ie,
-    Text2: ()=>pe,
-    Text3: ()=>xe,
-    Text4: ()=>ae,
-    Text5: ()=>me,
-    Text6: ()=>se,
-    Text7: ()=>re,
-    Text8: ()=>ne,
-    Text9: ()=>oe,
-    default: ()=>n
+    Text: ()=>r,
+    Text1: ()=>he,
+    Text10: ()=>ne,
+    Text2: ()=>ge,
+    Text3: ()=>le,
+    Text4: ()=>pe,
+    Text5: ()=>ae,
+    Text6: ()=>xe,
+    Text7: ()=>me,
+    Text8: ()=>se,
+    Text9: ()=>re,
+    default: ()=>r
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
@@ -155,195 +155,238 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-const G = {
+const K = {
     light: 300,
     regular: 400,
     medium: 500,
     bold: 700
-}, J = (e)=>e === !0 ? 1 : e || "initial", n = (param)=>{
-    let { weight: e , color: t = _skinContractCssMisticaJs.vars.colors.textPrimary , decoration: i , truncate: s , transform: L , wordBreak: g = !0 , hyphens: f , as: z = "span" , children: l , size: h , mobileSize: c = h , desktopSize: u = h , lineHeight: d , mobileLineHeight: b = d , desktopLineHeight: T = d , letterSpacing: w , textAlign: H , id: v , role: A , "aria-level": P , dataAttributes: y  } = param;
+}, Q = (e)=>e === !0 ? 1 : e || "initial", r = (param)=>{
+    let { weight: e , color: i = _skinContractCssMisticaJs.vars.colors.textPrimary , decoration: t , truncate: o , transform: g , wordBreak: c = !0 , hyphens: z , as: H = "span" , children: h , size: u , mobileSize: d = u , desktopSize: b = u , lineHeight: T , mobileLineHeight: k = T , desktopLineHeight: L = T , letterSpacing: w , textAlign: v , textShadow: A , id: P , role: y , "aria-level": I , dataAttributes: W  } = param;
     var S;
-    const I = (0, _themeVariantContextJs.useIsInverseVariant)(), W = J(s), V = {
+    const V = (0, _themeVariantContextJs.useIsInverseVariant)(), C = Q(o), D = {
         [_skinContractCssMisticaJs.vars.colors.textPrimary]: _skinContractCssMisticaJs.vars.colors.textPrimaryInverse,
         [_skinContractCssMisticaJs.vars.colors.textSecondary]: _skinContractCssMisticaJs.vars.colors.textSecondaryInverse,
         [_skinContractCssMisticaJs.vars.colors.textLink]: _skinContractCssMisticaJs.vars.colors.textLinkInverse
     };
-    if (!l && l !== 0) return null;
-    const C = (0, _classnames.default)(_textCssMisticaJs.text, g ? _textCssMisticaJs.withWordBreak : _textCssMisticaJs.withoutWordBreak, {
-        [_textCssMisticaJs.truncateToOneLine]: s === 1 || s === !0,
-        [_textCssMisticaJs.truncateToMoreThanOneLine]: s && s > 1
-    }), D = (0, _dynamic.assignInlineVars)({
-        [_textCssMisticaJs.vars.mobileSize]: c ? (0, _cssJs.pxToRem)(c) : "",
-        [_textCssMisticaJs.vars.mobileLineHeight]: b ? (0, _cssJs.pxToRem)(b) : "",
-        [_textCssMisticaJs.vars.desktopSize]: u ? (0, _cssJs.pxToRem)(u) : "",
-        [_textCssMisticaJs.vars.desktopLineHeight]: T ? (0, _cssJs.pxToRem)(T) : ""
-    }), M = s ? (0, _dynamic.assignInlineVars)({
-        [_textCssMisticaJs.vars.lineClamp]: String(W)
+    if (!h && h !== 0) return null;
+    const M = (0, _classnames.default)(_textCssMisticaJs.text, c ? _textCssMisticaJs.withWordBreak : _textCssMisticaJs.withoutWordBreak, {
+        [_textCssMisticaJs.truncateToOneLine]: o === 1 || o === !0,
+        [_textCssMisticaJs.truncateToMoreThanOneLine]: o && o > 1
+    }), O = (0, _dynamic.assignInlineVars)({
+        [_textCssMisticaJs.vars.mobileSize]: d ? (0, _cssJs.pxToRem)(d) : "",
+        [_textCssMisticaJs.vars.mobileLineHeight]: k ? (0, _cssJs.pxToRem)(k) : "",
+        [_textCssMisticaJs.vars.desktopSize]: b ? (0, _cssJs.pxToRem)(b) : "",
+        [_textCssMisticaJs.vars.desktopLineHeight]: L ? (0, _cssJs.pxToRem)(L) : ""
+    }), R = o ? (0, _dynamic.assignInlineVars)({
+        [_textCssMisticaJs.vars.lineClamp]: String(C)
     }) : {};
-    return /*#__PURE__*/ _react.createElement(z, _objectSpreadProps(_objectSpread({
-        className: C,
-        id: v,
-        role: A,
-        "aria-level": P
-    }, (0, _domJs.getPrefixedDataAttributes)(y)), {
-        style: _objectSpreadProps(_objectSpread({}, D, M), {
-            hyphens: f,
+    return /*#__PURE__*/ _react.createElement(H, _objectSpreadProps(_objectSpread({
+        className: M,
+        id: P,
+        role: y,
+        "aria-level": I
+    }, (0, _domJs.getPrefixedDataAttributes)(W)), {
+        style: _objectSpreadProps(_objectSpread({}, O, R), {
+            hyphens: z,
             letterSpacing: w,
-            fontWeight: e ? G[e] : "inherit",
-            textTransform: L || "inherit",
-            textDecoration: i != null ? i : "inherit",
-            overflowWrap: g ? "anywhere" : "inherit",
-            color: I && (S = V[t]) != null ? S : t,
-            textAlign: H
+            fontWeight: e ? K[e] : "inherit",
+            textTransform: g || "inherit",
+            textDecoration: t != null ? t : "inherit",
+            overflowWrap: c ? "anywhere" : "inherit",
+            color: V && (S = D[i]) != null ? S : i,
+            textAlign: v,
+            textShadow: A
         })
-    }), l);
-}, p = (e)=>{
+    }), h);
+}, l = (e)=>{
     if (e.light) return "light";
     if (e.regular) return "regular";
     if (e.medium) return "medium";
-}, ie = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+}, s = (param)=>{
+    let { forceMobileSizes: e , mobileSize: i , mobileLineHeight: t , desktopSize: o , desktopLineHeight: g  } = param;
+    return e ? {
+        size: i,
+        lineHeight: t
+    } : {
+        mobileSize: i,
+        mobileLineHeight: t,
+        desktopSize: o,
+        desktopLineHeight: g
+    };
+}, ne = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = (0, _hooksJs.useTheme)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    const { textPresets: o  } = (0, _hooksJs.useTheme)();
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 48,
         mobileLineHeight: "56px",
         desktopSize: 64,
-        desktopLineHeight: "72px",
-        weight: i.text10.weight,
+        desktopLineHeight: "72px"
+    })), {
+        weight: o.text10.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text10"
         }, e)
-    }, t));
-}, oe = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, re = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = (0, _hooksJs.useTheme)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    const { textPresets: o  } = (0, _hooksJs.useTheme)();
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 40,
         mobileLineHeight: "48px",
         desktopSize: 56,
-        desktopLineHeight: "64px",
-        weight: i.text9.weight,
+        desktopLineHeight: "64px"
+    })), {
+        weight: o.text9.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text9"
         }, e)
-    }, t));
-}, ne = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, se = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = (0, _hooksJs.useTheme)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    const { textPresets: o  } = (0, _hooksJs.useTheme)();
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 32,
         mobileLineHeight: "40px",
         desktopSize: 48,
-        desktopLineHeight: "56px",
-        weight: i.text8.weight,
+        desktopLineHeight: "56px"
+    })), {
+        weight: o.text8.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text8"
         }, e)
-    }, t));
-}, re = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, me = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = (0, _hooksJs.useTheme)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    const { textPresets: o  } = (0, _hooksJs.useTheme)();
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 28,
         mobileLineHeight: "32px",
         desktopSize: 40,
-        desktopLineHeight: "48px",
-        weight: i.text7.weight,
+        desktopLineHeight: "48px"
+    })), {
+        weight: o.text7.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text7"
         }, e)
-    }, t));
-}, se = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, xe = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = (0, _hooksJs.useTheme)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    const { textPresets: o  } = (0, _hooksJs.useTheme)();
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 24,
         mobileLineHeight: "32px",
         desktopSize: 32,
-        desktopLineHeight: "40px",
-        weight: i.text6.weight,
+        desktopLineHeight: "40px"
+    })), {
+        weight: o.text6.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text6"
         }, e)
-    }, t));
-}, me = (_param)=>{
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, ae = (_param)=>{
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    const { textPresets: i  } = (0, _hooksJs.useTheme)();
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    const { textPresets: o  } = (0, _hooksJs.useTheme)();
+    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 20,
         mobileLineHeight: "24px",
         desktopSize: 28,
-        desktopLineHeight: "32px",
-        weight: i.text5.weight,
+        desktopLineHeight: "32px"
+    })), {
+        weight: o.text5.weight,
         dataAttributes: _objectSpread({
             "component-name": "Text5"
         }, e)
-    }, t));
-}, ae = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, pe = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 18,
         mobileLineHeight: "24px",
         desktopSize: 20,
-        desktopLineHeight: "28px",
-        weight: p(t),
+        desktopLineHeight: "28px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text4"
         }, e)
-    }, t));
-}, xe = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, le = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 16,
+        mobileLineHeight: "24px",
         desktopSize: 18,
-        lineHeight: "24px",
-        weight: p(t),
+        desktopLineHeight: "24px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text3"
         }, e)
-    }, t));
-}, pe = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, ge = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 14,
         mobileLineHeight: "20px",
         desktopSize: 16,
-        desktopLineHeight: "24px",
-        weight: p(t),
+        desktopLineHeight: "24px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text2"
         }, e)
-    }, t));
-}, le = (_param)=>/* @__PURE__ */ {
-    var { dataAttributes: e  } = _param, t = _objectWithoutProperties(_param, [
-        "dataAttributes"
+    }), t));
+}, he = (_param)=>/* @__PURE__ */ {
+    var { dataAttributes: e , forceMobileSizes: i  } = _param, t = _objectWithoutProperties(_param, [
+        "dataAttributes",
+        "forceMobileSizes"
     ]);
-    return (0, _jsxRuntimeJs.jsx)(n, _objectSpread({
+    return (0, _jsxRuntimeJs.jsx)(r, _objectSpread(_objectSpreadProps(_objectSpread({}, s({
+        forceMobileSizes: i,
         mobileSize: 12,
         mobileLineHeight: "16px",
         desktopSize: 14,
-        desktopLineHeight: "20px",
-        weight: p(t),
+        desktopLineHeight: "20px"
+    })), {
+        weight: l(t),
         dataAttributes: _objectSpread({
             "component-name": "Text1"
         }, e)
-    }, t));
+    }), t));
 };