@telefonica/mistica 13.5.0 → 13.6.0

package/dist/menu.js

@@ -4,16 +4,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: ()=>Y
+    get: ()=>rt
 });
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-const _dynamic = require("@vanilla-extract/dynamic");
 const _keyCodesJs = require("./utils/key-codes.js");
 const _domJs = require("./utils/dom.js");
 const _overlayJs = /*#__PURE__*/ _interopRequireDefault(require("./overlay.js"));
 const _menuCssMisticaJs = require("./menu.css-mistica.js");
-const _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
+const _hooksJs = require("./hooks.js");
+const _portalJs = require("./portal.js");
+const _dynamic = require("@vanilla-extract/dynamic");
 const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -111,102 +112,105 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-const h = 416, Y = (param)=>{
-    let { renderTarget: I , renderMenu: b , width: l , position: d = "left" , dataAttributes: v  } = param;
-    const [t, i] = _react.useState(!1), [a, w] = _react.useState(null), [u, y] = _react.useState(null), [H, x] = _react.useState(!1), [r, c] = _react.useState(null);
+const J = 350, f = 400, v = 12, rt = (param)=>{
+    let { renderTarget: y , renderMenu: A , width: c = J , position: O = "left" , dataAttributes: P  } = param;
+    const [e, i] = _react.useState(!1), [a, M] = _react.useState(null), [u, C] = _react.useState(null), [T, w] = _react.useState(!1), [s, m] = _react.useState(null), p = (0, _hooksJs.useWindowSize)();
     _react.useEffect(()=>{
-        var M;
+        var I;
         const o = a == null ? void 0 : a.getBoundingClientRect();
-        if (!u || !o || !t) {
-            x(!1);
+        if (!u || !o || !e) {
+            w(!1);
             return;
         }
-        const n = 12, { top: f , width: O , height: C  } = o, m = f + C, P = (M = parseInt(window.getComputedStyle(u).getPropertyValue("height"))) != null ? M : 0, p = d === "left" ? "auto" : `calc(100% - ${O}px)`;
-        if (m + P + n > window.innerHeight) {
-            const T = window.innerHeight - m;
-            f > T ? c({
-                right: p,
-                bottom: "100%",
-                top: "auto",
-                maxHeight: Math.min(f, h),
-                transformOrigin: "center bottom"
-            }) : c({
-                top: "100%",
-                bottom: "auto",
-                right: p,
-                maxHeight: Math.min(window.innerHeight - m - n, h),
-                transformOrigin: "center top"
-            });
-        } else c({
-            top: "100%",
+        const { top: n , width: $ , left: E , bottom: d  } = o, g = (I = parseInt(window.getComputedStyle(u).getPropertyValue("height"))) != null ? I : 0, l = O === "left" ? E : E + $ - c, h = p.height - d - v, x = n - v, L = h > g, R = x > g;
+        L ? m({
+            left: l,
+            top: `${d}px`,
+            bottom: "auto",
+            maxHeight: f,
+            transformOrigin: "center top"
+        }) : R ? m({
+            left: l,
+            top: `${n - g}px`,
+            bottom: "auto",
+            maxHeight: f,
+            transformOrigin: "center bottom"
+        }) : h > x ? m({
+            left: l,
+            top: `${d}px`,
             bottom: "auto",
-            right: p,
-            maxHeight: Math.min(window.innerHeight - m - n, h),
+            maxHeight: Math.min(h, f),
             transformOrigin: "center top"
+        }) : m({
+            left: l,
+            top: "auto",
+            bottom: `${p.height - n}px`,
+            maxHeight: Math.min(x, f),
+            transformOrigin: "center bottom"
         });
-        let g;
-        return t && (g = requestAnimationFrame(()=>{
-            x(!0);
+        let S;
+        return e && (S = requestAnimationFrame(()=>{
+            w(!0);
         })), ()=>{
-            g && cancelAnimationFrame(g);
+            S && cancelAnimationFrame(S);
         };
     }, [
-        d,
-        t,
+        O,
+        e,
         u,
         a,
-        l
+        c,
+        p
     ]);
-    const A = _react.useMemo(()=>({
-            ref: w,
+    const D = _react.useMemo(()=>({
+            ref: M,
             onPress: ()=>{
-                i(!t);
+                i(!e);
             }
         }), [
-        w,
-        t,
+        M,
+        e,
         i
-    ]), E = _react.useMemo(()=>({
-            ref: y,
-            className: (0, _classnames.default)(_menuCssMisticaJs.menuContainer, H ? _menuCssMisticaJs.showItems : _menuCssMisticaJs.hideItems),
+    ]), F = _react.useMemo(()=>({
+            ref: C,
+            className: (0, _classnames.default)(_menuCssMisticaJs.menuContainer, T ? _menuCssMisticaJs.showItems : _menuCssMisticaJs.hideItems),
             close: ()=>{
                 i(!1);
             }
         }), [
-        H
+        T
     ]);
     return _react.useEffect(()=>{
         const o = (n)=>{
-            t && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && i(!1));
+            e && (n.keyCode === _keyCodesJs.TAB && (0, _domJs.cancelEvent)(n), n.keyCode === _keyCodesJs.ESC && i(!1));
         };
         return document.addEventListener("keydown", o, !1), ()=>{
             document.removeEventListener("keydown", o, !1);
         };
-    }), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({
-        className: (0, _sprinklesCssMisticaJs.sprinkles)({
-            position: "relative"
-        }),
-        style: _objectSpread({}, (0, _dynamic.assignInlineVars)(_objectSpread({
-            [_menuCssMisticaJs.vars.width]: l ? `${l}px` : "100%"
-        }, r ? {
-            [_menuCssMisticaJs.vars.top]: r.top,
-            [_menuCssMisticaJs.vars.bottom]: r.bottom,
-            [_menuCssMisticaJs.vars.right]: r.right,
-            [_menuCssMisticaJs.vars.transformOrigin]: r.transformOrigin,
-            [_menuCssMisticaJs.vars.maxHeight]: `${r.maxHeight}px`
-        } : {})))
-    }, (0, _domJs.getPrefixedDataAttributes)(v, "Menu")), {
+    }), /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", _objectSpreadProps(_objectSpread({}, (0, _domJs.getPrefixedDataAttributes)(P, "Menu")), {
         children: [
-            t ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
-                onPress: (o)=>{
-                    (0, _domJs.cancelEvent)(o), i(!1);
-                },
-                disableScroll: !0
-            }) : null,
-            I(_objectSpreadProps(_objectSpread({}, A), {
-                isMenuOpen: t
+            y(_objectSpreadProps(_objectSpread({}, D), {
+                isMenuOpen: e
             })),
-            t ? b(E) : null
+            e ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_portalJs.Portal, {
+                children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_overlayJs.default, {
+                    onPress: (o)=>{
+                        (0, _domJs.cancelEvent)(o), i(!1);
+                    },
+                    disableScroll: !0,
+                    children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+                        style: _objectSpread({}, (0, _dynamic.assignInlineVars)(_objectSpread({}, s ? {
+                            [_menuCssMisticaJs.vars.top]: s.top,
+                            [_menuCssMisticaJs.vars.bottom]: s.bottom,
+                            [_menuCssMisticaJs.vars.left]: `${s.left}px`,
+                            [_menuCssMisticaJs.vars.transformOrigin]: s.transformOrigin,
+                            [_menuCssMisticaJs.vars.maxHeight]: `${s.maxHeight}px`,
+                            [_menuCssMisticaJs.vars.width]: `${c}px`
+                        } : {}))),
+                        children: A(F)
+                    })
+                })
+            }) : null
         ]
     }));
 };

package/dist/package-version.js

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "PACKAGE_VERSION", {
     enumerable: true,
     get: ()=>o
 });
-const o = "13.5.0";
+const o = "13.6.0";

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));
 };