@telefonica/mistica 14.19.0 → 14.20.1

package/dist-es/generated/mistica-icons/icon-subtract-circle-light.js

@@ -0,0 +1,107 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { useIsInverseVariant as n } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const a = (_param)=>{
+    var { color: i , size: r = 24  } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const c = n(), t = i !== null && i !== void 0 ? i : c ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: [
+            /* @__PURE__ */ o("path", {
+                fill: t,
+                d: "M17.938 11.997a.458.458 0 00-.457-.457H6.519a.458.458 0 000 .917H17.48c.25 0 .457-.21.457-.46z"
+            }),
+            /* @__PURE__ */ o("path", {
+                fill: t,
+                d: "M12.457 1.01a30.31 30.31 0 00-.82-.01h-.22C9.212 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03.113.004.228.004.341.004.232 0 .467-.003.667-.006C14.604 22.953 23 22.167 23 12.028 23 1.911 14.61 1.06 12.457 1.01zm-.402 21.074c-.072 0-.145 0-.218.002-.11 0-.219 0-.329-.003-.96-.016-3.427-.194-5.6-1.562-2.651-1.669-3.99-4.549-3.99-8.555 0-4.004 1.326-6.872 3.956-8.521 2.15-1.356 4.602-1.518 5.556-1.528h.21c.272 0 .554.003.798.01.961.021 3.428.225 5.613 1.596 2.673 1.675 4.032 4.539 4.032 8.505 0 9.16-7.347 10.008-9.598 10.048-.133.005-.28.006-.43.008z"
+            })
+        ]
+    }));
+}, p = a;
+export { p as default };

package/dist-es/generated/mistica-icons/icon-subtract-circle-regular.js

@@ -0,0 +1,107 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as e } from "../../skins/skin-contract.css-mistica.js";
+const n = (_param)=>{
+    var { color: s , size: r = 24  } = _param, c = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const l = a(), o = s !== null && s !== void 0 ? s : l ? e.colors.inverse : e.colors.neutralHigh;
+    return /* @__PURE__ */ i("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, c), {
+        children: [
+            /* @__PURE__ */ t("path", {
+                fill: o,
+                d: "M17.481 11.31a.691.691 0 010 1.38H6.516a.691.691 0 010-1.38H17.48z"
+            }),
+            /* @__PURE__ */ t("path", {
+                fill: o,
+                d: "M12.457 1.01c-.247-.007-.538-.01-.82-.01h-.22C9.208 1.019 1 1.776 1 11.966c0 10.201 8.286 11 10.496 11.03.119.004.238.004.357.004.228 0 .454-.003.651-.006C14.601 22.953 23 22.167 23 12.028 23 1.914 14.617 1.063 12.457 1.01zm-.94 20.613c-2.748-.038-9.14-1.058-9.14-9.657 0-8.587 6.33-9.567 9.053-9.592h.207c.263 0 .526.003.789.01 2.764.065 9.196 1.14 9.196 9.644 0 8.505-6.395 9.541-9.146 9.591-.32.007-.639.007-.958.004z"
+            })
+        ]
+    }));
+}, m = n;
+export { m as default };

package/dist-es/generated/mistica-icons/icon-subtract-light.js

@@ -0,0 +1,101 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as t } from "react/jsx-runtime";
+import { useIsInverseVariant as a } from "../../theme-variant-context.js";
+import { vars as o } from "../../skins/skin-contract.css-mistica.js";
+const c = (_param)=>{
+    var { color: e , size: r = 24  } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const i = a(), n = e !== null && e !== void 0 ? e : i ? o.colors.inverse : o.colors.neutralHigh;
+    return /* @__PURE__ */ t("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: /* @__PURE__ */ t("path", {
+            fill: n,
+            d: "M3 12.001a.6.6 0 01.6-.6h16.803a.6.6 0 01-.002 1.199H3.599A.6.6 0 013 12.002z"
+        })
+    }));
+}, m = c;
+export { m as default };

package/dist-es/generated/mistica-icons/icon-subtract-regular.js

@@ -0,0 +1,101 @@
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import { jsx as o } from "react/jsx-runtime";
+import { useIsInverseVariant as i } from "../../theme-variant-context.js";
+import { vars as t } from "../../skins/skin-contract.css-mistica.js";
+const l = (_param)=>{
+    var { color: e , size: r = 24  } = _param, s = _object_without_properties(_param, [
+        "color",
+        "size"
+    ]);
+    const n = i(), a = e !== null && e !== void 0 ? e : n ? t.colors.inverse : t.colors.neutralHigh;
+    return /* @__PURE__ */ o("svg", _object_spread_props(_object_spread({
+        width: r,
+        height: r,
+        viewBox: "0 0 24 24",
+        role: "presentation"
+    }, s), {
+        children: /* @__PURE__ */ o("path", {
+            fill: a,
+            d: "M3.001 12.047a.879.879 0 01.828-.924h16.34a.876.876 0 01.003 1.752H3.829A.876.876 0 013 12.047z"
+        })
+    }));
+}, f = l;
+export { f as default };

package/dist-es/header.js

@@ -78,32 +78,33 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import g from "./box.js";
+import u from "./box.js";
 import a from "./stack.js";
-import { useIsInverseVariant as B } from "./theme-variant-context.js";
-import v from "./responsive-layout.js";
+import { useIsInverseVariant as S } from "./theme-variant-context.js";
+import k from "./responsive-layout.js";
 import y from "./grid-layout.js";
 import T from "./overscroll-color-context.js";
-import { Text4 as A, Text6 as H, Text2 as C, Text3 as x, Text8 as M, Text7 as N } from "./text.js";
-import R from "./button-group.js";
+import { Text2 as B, Text3 as x, Text8 as A, Text7 as C, Text6 as M } from "./text.js";
+import N from "./button-group.js";
 import { vars as c } from "./skins/skin-contract.css-mistica.js";
-import { hideOnTabletOrSmaller as j, hideOnDesktop as G, breadcrumbs as I } from "./header.css-mistica.js";
-import { getPrefixedDataAttributes as O } from "./utils/dom.js";
-const Z = (param)=>{
-    let { pretitle: t , title: o , description: e , dataAttributes: d , small: m = !1 , preamount: s , amount: p , button: n , subtitle: i , isErrorAmount: h , secondaryButton: k  } = param;
-    const L = B(), f = (u, b)=>{
-        if (typeof u == "string") return /* @__PURE__ */ r(x, _object_spread_props(_object_spread({
+import { hideOnTabletOrSmaller as R, hideOnDesktop as j, breadcrumbs as G } from "./header.css-mistica.js";
+import { getPrefixedDataAttributes as I } from "./utils/dom.js";
+import { Title2 as O, Title3 as P } from "./title.js";
+const $ = (param)=>{
+    let { pretitle: t , title: o , description: e , dataAttributes: d , small: m = !1 , preamount: s , amount: p , button: n , subtitle: i , isErrorAmount: h , secondaryButton: b  } = param;
+    const H = S(), g = (f, v)=>{
+        if (typeof f == "string") return /* @__PURE__ */ r(x, _object_spread_props(_object_spread({
             regular: !0
-        }, b), {
-            children: u
+        }, v), {
+            children: f
         }));
-        const { text: P  } = u, S = _object_without_properties(u, [
+        const { text: V  } = f, L = _object_without_properties(f, [
             "text"
         ]);
         return /* @__PURE__ */ r(x, _object_spread_props(_object_spread({
             regular: !0
-        }, b, S), {
-            children: u.text
+        }, v, L), {
+            children: f.text
         }));
     };
     return /* @__PURE__ */ l(a, {
@@ -113,25 +114,22 @@ const Z = (param)=>{
         },
         dataAttributes: d,
         children: [
-            (o || t || e) && /* @__PURE__ */ r(g, {
+            (o || t || e) && /* @__PURE__ */ r(u, {
                 paddingRight: 16,
                 children: /* @__PURE__ */ l(a, {
                     space: 8,
                     children: [
-                        t && f(t, {
+                        t && g(t, {
                             color: c.colors.textPrimary
                         }),
-                        m ? /* @__PURE__ */ r(A, {
-                            regular: !0,
-                            role: "heading",
-                            "aria-level": 2,
+                        m ? /* @__PURE__ */ r(O, {
+                            as: "h2",
                             children: o
-                        }) : /* @__PURE__ */ r(H, {
-                            role: "heading",
-                            "aria-level": 2,
+                        }) : /* @__PURE__ */ r(P, {
+                            as: "h2",
                             children: o
                         }),
-                        e && (m ? /* @__PURE__ */ r(C, {
+                        e && (m ? /* @__PURE__ */ r(B, {
                             regular: !0,
                             color: c.colors.textSecondary,
                             children: e
@@ -149,25 +147,25 @@ const Z = (param)=>{
                     (s || p) && /* @__PURE__ */ l(a, {
                         space: 8,
                         children: [
-                            s && f(s, {
+                            s && g(s, {
                                 color: c.colors.textPrimary
                             }),
-                            /* @__PURE__ */ r(M, {
-                                color: h && !L ? c.colors.highlight : c.colors.textPrimary,
+                            /* @__PURE__ */ r(A, {
+                                color: h && !H ? c.colors.highlight : c.colors.textPrimary,
                                 children: p
                             })
                         ]
                     }),
-                    (n || k) && /* @__PURE__ */ r(R, {
+                    (n || b) && /* @__PURE__ */ r(N, {
                         primaryButton: n,
-                        secondaryButton: k
+                        secondaryButton: b
                     }),
-                    i && f(i, {})
+                    i && g(i, {})
                 ]
             })
         ]
     });
-}, _ = (param)=>/* @__PURE__ */ {
+}, E = (param)=>/* @__PURE__ */ {
     let { title: t , description: o , button: e  } = param;
     return l(a, {
         space: 32,
@@ -178,12 +176,12 @@ const Z = (param)=>{
                     desktop: 16
                 },
                 children: [
-                    t && /* @__PURE__ */ r(N, {
+                    t && /* @__PURE__ */ r(C, {
                         role: "heading",
                         "aria-level": 1,
                         children: t
                     }),
-                    o && /* @__PURE__ */ r(H, {
+                    o && /* @__PURE__ */ r(M, {
                         children: o
                     })
                 ]
@@ -191,26 +189,26 @@ const Z = (param)=>{
             e
         ]
     });
-}, $ = (param)=>{
+}, Y = (param)=>{
     let { isInverse: t = !0 , breadcrumbs: o , header: e , extra: d , sideBySideExtraOnDesktop: m = !1 , dataAttributes: s , bleed: p = !1 , noPaddingY: n = !1  } = param;
     const i = p && t && d, h = /* @__PURE__ */ l("div", {
         children: [
             o && /* @__PURE__ */ r("div", {
-                className: I,
+                className: G,
                 children: o
             }),
             e
         ]
     });
-    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, O(_object_spread({
+    return /* @__PURE__ */ l("div", _object_spread_props(_object_spread({}, I(_object_spread({
         "component-name": "HeaderLayout"
     }, s))), {
         children: [
-            /* @__PURE__ */ l(v, {
+            /* @__PURE__ */ l(k, {
                 isInverse: t,
                 children: [
                     /* @__PURE__ */ r(T, {}),
-                    /* @__PURE__ */ r(g, {
+                    /* @__PURE__ */ r(u, {
                         paddingTop: n ? 0 : {
                             mobile: e ? 32 : 0,
                             desktop: o ? 16 : 48
@@ -223,8 +221,8 @@ const Z = (param)=>{
                             template: "6+6",
                             left: h,
                             right: /* @__PURE__ */ r("div", {
-                                className: i ? j : "",
-                                children: /* @__PURE__ */ r(g, {
+                                className: i ? R : "",
+                                children: /* @__PURE__ */ r(u, {
                                     paddingTop: {
                                         mobile: e ? 24 : 0,
                                         desktop: 0
@@ -245,16 +243,16 @@ const Z = (param)=>{
                     })
                 ]
             }),
-            i && /* @__PURE__ */ r(v, {
-                className: m ? G : "",
+            i && /* @__PURE__ */ r(k, {
+                className: m ? j : "",
                 backgroundColor: `linear-gradient(to bottom, ${c.colors.backgroundBrand} 40px, ${c.colors.background} 0%)`,
                 children: d
             })
         ]
     }));
-}, E = (param)=>/* @__PURE__ */ {
+}, rr = (param)=>/* @__PURE__ */ {
     let { isInverse: t = !0 , children: o , dataAttributes: e  } = param;
-    return l(v, {
+    return l(k, {
         isInverse: t,
         dataAttributes: _object_spread({
             "component-name": "MainSectionHeaderLayout"
@@ -263,7 +261,7 @@ const Z = (param)=>{
             /* @__PURE__ */ r(T, {}),
             /* @__PURE__ */ r(y, {
                 template: "6+6",
-                left: /* @__PURE__ */ r(g, {
+                left: /* @__PURE__ */ r(u, {
                     paddingTop: {
                         mobile: 12,
                         desktop: 48
@@ -279,4 +277,4 @@ const Z = (param)=>{
         ]
     });
 };
-export { Z as Header, $ as HeaderLayout, _ as MainSectionHeader, E as MainSectionHeaderLayout };
+export { $ as Header, Y as HeaderLayout, E as MainSectionHeader, rr as MainSectionHeaderLayout };