@telefonica/mistica 13.0.2 → 13.1.1

package/dist/navigation-bar.css-mistica.js

@@ -9,71 +9,37 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    burgerIconContainer: function() {
-        return y;
-    },
-    burgerMenu: function() {
-        return _;
-    },
-    burgerMenuEnter: function() {
-        return r;
-    },
-    burgerMenuEnterActive: function() {
-        return e;
-    },
-    burgerMenuExit: function() {
-        return f;
-    },
-    burgerMenuExitActive: function() {
-        return d;
-    },
-    iconButtonVariants: function() {
-        return a;
-    },
-    iconCloseHidden: function() {
-        return c;
-    },
-    iconMenuHidden: function() {
-        return z;
-    },
-    lineHeightFix: function() {
-        return t;
-    },
-    logoContainer: function() {
-        return i;
-    },
-    navbarBorderColorVariants: function() {
-        return u;
-    },
-    section: function() {
-        return o;
-    },
-    selectedSectionVariantes: function() {
-        return s;
-    },
-    spacer: function() {
-        return g;
-    },
-    textWrapperVariants: function() {
-        return l;
-    },
-    topFixed: function() {
-        return b;
-    }
+    burgerIconContainer: ()=>y,
+    burgerMenu: ()=>_,
+    burgerMenuEnter: ()=>e,
+    burgerMenuEnterActive: ()=>r,
+    burgerMenuExit: ()=>f,
+    burgerMenuExitActive: ()=>d,
+    iconButtonVariants: ()=>c,
+    iconCloseHidden: ()=>a,
+    iconMenuHidden: ()=>i,
+    lineHeightFix: ()=>t,
+    logoContainer: ()=>z,
+    navbarBorderColorVariants: ()=>o,
+    section: ()=>u,
+    selectedSectionVariantes: ()=>l,
+    spacer: ()=>s,
+    textWrapperVariants: ()=>g,
+    topFixed: ()=>b
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./navigation-bar.css.ts.vanilla.js");
-var y = "_1vcy5dz1 _1y2v1nf4t _1y2v1nf7d _1y2v1nf7s", _ = "_1vcy5dzr _1y2v1nf4v _1y2v1nf9g _1y2v1nf9k _1y2v1nf9y _1y2v1nf2f", r = "_1vcy5dzl", e = "_1vcy5dzm", f = "_1vcy5dzn", d = "_1vcy5dzo", a = {
-    default: "_1vcy5dzu _1y2v1nf1a",
-    inverse: "_1vcy5dzv _1y2v1nf19"
-}, c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf4u", z = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf4u", t = "_1vcy5dzw", i = "_1y2v1nf4y _1y2v1nf57", u = {
-    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf5q _1y2v1nf64 _1y2v1nf4y _1y2v1nf5d _1y2v1nf75 _1y2v1nf7z",
-    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf5q _1y2v1nf64 _1y2v1nf4y _1y2v1nf5d _1y2v1nf75 _1y2v1nf7z",
-    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf5q _1y2v1nf64 _1y2v1nf4y _1y2v1nf5d _1y2v1nf75 _1y2v1nf7z"
-}, o = "_1vcy5dze _1y2v1nf6g _1y2v1nf6u _1y2v1nf7z _1y2v1nf4y _1y2v1nf5d _1y2v1nf8w _1y2v1nf4s", s = {
+var y = "_1vcy5dz1 _1y2v1nf51 _1y2v1nf7l _1y2v1nf80", _ = "_1vcy5dzr _1y2v1nf53 _1y2v1nf9o _1y2v1nf9s _1y2v1nfa6 _1y2v1nf2j", e = "_1vcy5dzl", r = "_1vcy5dzm", f = "_1vcy5dzn", d = "_1vcy5dzo", c = {
+    default: "_1vcy5dzu _1y2v1nf1e",
+    inverse: "_1vcy5dzv _1y2v1nf1d"
+}, a = "_1vcy5dz4 _1vcy5dz3 _1y2v1nf52", i = "_1vcy5dz5 _1vcy5dz3 _1y2v1nf52", t = "_1vcy5dzw", z = "_1y2v1nf56 _1y2v1nf5f", o = {
+    default: "_1vcy5dza _1vcy5dz9 _1y2v1nf5y _1y2v1nf6c _1y2v1nf56 _1y2v1nf5l _1y2v1nf7d _1y2v1nf87",
+    inverse: "_1vcy5dzb _1vcy5dz9 _1y2v1nf5y _1y2v1nf6c _1y2v1nf56 _1y2v1nf5l _1y2v1nf7d _1y2v1nf87",
+    menuOpen: "_1vcy5dzc _1vcy5dz9 _1y2v1nf5y _1y2v1nf6c _1y2v1nf56 _1y2v1nf5l _1y2v1nf7d _1y2v1nf87"
+}, u = "_1vcy5dze _1y2v1nf6o _1y2v1nf72 _1y2v1nf87 _1y2v1nf56 _1y2v1nf5l _1y2v1nf94 _1y2v1nf50", l = {
     default: "_1vcy5dzf",
     inverse: "_1vcy5dzg"
-}, g = "_1vcy5dzk _1y2v1nf7z", l = {
+}, s = "_1vcy5dzk _1y2v1nf87", g = {
     default: "_1vcy5dzh",
     inverse: "_1vcy5dzi"
-}, b = "_1vcy5dz7 _1y2v1nf4v _1y2v1nf96 _1y2v1nf9k _1y2v1nf9y";
+}, b = "_1vcy5dz7 _1y2v1nf53 _1y2v1nf9e _1y2v1nf9s _1y2v1nfa6";

package/dist/navigation-bar.css.ts.vanilla.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return a;
-    }
+    get: ()=>a
 });
-var a = "";
+const a = "";

package/dist/navigation-bar.d.ts

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import type { Props as TouchableProps } from './touchable';
-declare type NavigationBarLogoProps = {
+type NavigationBarLogoProps = {
     size?: number;
     children?: undefined;
 };
 export declare const NavigationBarLogo: React.FC<NavigationBarLogoProps>;
-declare type MainNavigationBarSection = {
+type MainNavigationBarSection = {
     href: string;
     to?: undefined;
     onPress?: undefined;
@@ -21,7 +21,7 @@ declare type MainNavigationBarSection = {
     href?: undefined;
     title: string;
 };
-declare type MainNavigationBarProps = {
+type MainNavigationBarProps = {
     sections: ReadonlyArray<MainNavigationBarSection>;
     selectedIndex?: number;
     right?: React.ReactElement;
@@ -47,9 +47,9 @@ interface NavigationBarNotFixedProps extends NavigationBarCommonProps {
     topFixed: false;
     paddingX?: number;
 }
-declare type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
+type NavigationBarProps = NavigationBarTopFixedProps | NavigationBarNotFixedProps;
 export declare const NavigationBar: React.FC<NavigationBarProps>;
-declare type FunnelNavigationBarProps = {
+type FunnelNavigationBarProps = {
     isInverse?: boolean;
     logo?: React.ReactElement;
     right?: React.ReactElement;
@@ -57,10 +57,10 @@ declare type FunnelNavigationBarProps = {
     children?: undefined;
 };
 export declare const FunnelNavigationBar: React.FC<FunnelNavigationBarProps>;
-declare type NavigationBarActionGroupProps = {
+type NavigationBarActionGroupProps = {
     children: React.ReactNode;
 };
 export declare const NavigationBarActionGroup: React.FC<NavigationBarActionGroupProps>;
-declare type NavigationBarActionProps = TouchableProps;
+type NavigationBarActionProps = TouchableProps;
 export declare const NavigationBarAction: React.FC<NavigationBarActionProps>;
 export {};

package/dist/navigation-bar.js

@@ -9,50 +9,38 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    FunnelNavigationBar: function() {
-        return Y1;
-    },
-    MainNavigationBar: function() {
-        return Q1;
-    },
-    NavigationBar: function() {
-        return X1;
-    },
-    NavigationBarAction: function() {
-        return e2;
-    },
-    NavigationBarActionGroup: function() {
-        return z1;
-    },
-    NavigationBarLogo: function() {
-        return G;
-    }
+    FunnelNavigationBar: ()=>Y1,
+    MainNavigationBar: ()=>Q1,
+    NavigationBar: ()=>X1,
+    NavigationBarAction: ()=>e2,
+    NavigationBarActionGroup: ()=>z1,
+    NavigationBarLogo: ()=>G
 });
-var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _reactTransitionGroup = require("react-transition-group");
-var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
-var _responsiveLayoutJs = /*#__PURE__*/ _interopRequireDefault(require("./responsive-layout.js"));
-var _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
-var _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
-var _touchableJs = require("./touchable.js");
-var _textJs = require("./text.js");
-var _hooksJs = require("./hooks.js");
-var _iconMenuRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-menu-regular.js"));
-var _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
-var _iconChevronLeftRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-left-regular.js"));
-var _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
-var _negativeBoxJs = /*#__PURE__*/ _interopRequireDefault(require("./negative-box.js"));
-var _listJs = require("./list.js");
-var _themeVariantContextJs = require("./theme-variant-context.js");
-var _focusTrapJs = /*#__PURE__*/ _interopRequireDefault(require("./focus-trap.js"));
-var _portalJs = require("./portal.js");
-var _gridLayoutJs = /*#__PURE__*/ _interopRequireDefault(require("./grid-layout.js"));
-var _modalContextProviderJs = require("./modal-context-provider.js");
-var _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
-var _navigationBarCssMisticaJs = require("./navigation-bar.css-mistica.js");
-var _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
-var _domJs = require("./utils/dom.js");
-var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _reactTransitionGroup = require("react-transition-group");
+const _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+const _responsiveLayoutJs = /*#__PURE__*/ _interopRequireDefault(require("./responsive-layout.js"));
+const _inlineJs = /*#__PURE__*/ _interopRequireDefault(require("./inline.js"));
+const _boxJs = /*#__PURE__*/ _interopRequireDefault(require("./box.js"));
+const _touchableJs = require("./touchable.js");
+const _textJs = require("./text.js");
+const _hooksJs = require("./hooks.js");
+const _iconMenuRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-menu-regular.js"));
+const _iconCloseRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-close-regular.js"));
+const _iconChevronLeftRegularJs = /*#__PURE__*/ _interopRequireDefault(require("./generated/mistica-icons/icon-chevron-left-regular.js"));
+const _iconButtonJs = /*#__PURE__*/ _interopRequireDefault(require("./icon-button.js"));
+const _negativeBoxJs = /*#__PURE__*/ _interopRequireDefault(require("./negative-box.js"));
+const _listJs = require("./list.js");
+const _themeVariantContextJs = require("./theme-variant-context.js");
+const _focusTrapJs = /*#__PURE__*/ _interopRequireDefault(require("./focus-trap.js"));
+const _portalJs = require("./portal.js");
+const _gridLayoutJs = /*#__PURE__*/ _interopRequireDefault(require("./grid-layout.js"));
+const _modalContextProviderJs = require("./modal-context-provider.js");
+const _skinContractCssMisticaJs = require("./skins/skin-contract.css-mistica.js");
+const _navigationBarCssMisticaJs = require("./navigation-bar.css-mistica.js");
+const _sprinklesCssMisticaJs = require("./sprinkles.css-mistica.js");
+const _domJs = require("./utils/dom.js");
+const _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -97,14 +85,6 @@ function _interopRequireWildcard(obj, nodeInterop) {
     }
     return newObj;
 }
-function _arrayLikeToArray(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _arrayWithHoles(arr) {
-    if (Array.isArray(arr)) return arr;
-}
 function _defineProperty(obj, key, value) {
     if (key in obj) {
         Object.defineProperty(obj, key, {
@@ -118,33 +98,6 @@ function _defineProperty(obj, key, value) {
     }
     return obj;
 }
-function _iterableToArrayLimit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _nonIterableRest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
 function _objectSpread(target) {
     for(var i = 1; i < arguments.length; i++){
         var source = arguments[i] != null ? arguments[i] : {};
@@ -211,20 +164,9 @@ function _objectWithoutPropertiesLoose(source, excluded) {
     }
     return target;
 }
-function _slicedToArray(arr, i) {
-    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _unsupportedIterableToArray(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-var g1 = function g1(param) {
-    var r = param.size;
-    var ref = (0, _hooksJs.useTheme)(), t = ref.isDarkMode, n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
+const g1 = (param)=>{
+    let { size: r  } = param;
+    const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         width: r,
         height: r,
@@ -235,9 +177,9 @@ var g1 = function g1(param) {
             d: "M5.75989 5.73747C4.83318 5.7524 3.12261 6.21673 2.34128 9.45937C2.00085 10.8723 1.86931 12.3449 2.16077 14.0979C2.42943 15.7147 2.90545 17.1101 3.22629 17.8792C3.33689 18.1441 3.50812 18.4206 3.6405 18.5906C4.02129 19.0797 4.65503 19.0484 4.92132 18.9151C5.2116 18.7699 5.54527 18.4194 5.42453 17.6187C5.36611 17.2319 5.19775 16.666 5.10302 16.3515C4.81224 15.3863 4.42521 14.2216 4.39143 13.392C4.34635 12.2823 4.77695 12.1369 5.06283 12.0731C5.54375 11.9655 5.94682 12.5021 6.3298 13.1746C6.78691 13.9771 7.57026 15.3991 8.20924 16.4853C8.78607 17.4658 9.85057 18.5156 11.5601 18.4436C13.303 18.3703 14.5877 17.6946 15.2494 15.5671C15.7447 13.9756 16.0823 12.7863 16.6255 11.5683C17.2501 10.1677 18.0833 9.41801 18.7849 9.64692C19.4364 9.85935 19.599 10.5064 19.6067 11.4576C19.6137 12.2989 19.5179 13.2264 19.4435 13.9078C19.4164 14.1551 19.3675 14.6525 19.3874 14.9286C19.4267 15.4715 19.6581 16.0138 20.2597 16.1006C20.9006 16.1929 21.4148 15.6725 21.6201 15.0434C21.7011 14.7955 21.7702 14.4161 21.8075 14.1468C21.9958 12.7873 22.0446 11.8735 21.9598 10.4824C21.8604 8.85587 21.5471 7.3726 21.0007 6.08889C20.4779 4.8613 19.6382 4.07454 18.5612 4.00504C17.369 3.92817 16.0009 4.73192 15.2832 6.29138C14.6216 7.72883 14.0924 9.20455 13.7714 9.95768C13.4458 10.7214 12.9673 11.1921 12.2315 11.2709C11.332 11.367 10.5569 10.7034 9.98921 9.75726C9.49428 8.93257 8.51336 7.3623 7.98853 6.83465C7.49546 6.33891 6.9323 5.71859 5.75989 5.73747Z"
         })
     });
-}, H1 = function H1(param) {
-    var r = param.size;
-    var ref = (0, _hooksJs.useTheme)(), t = ref.isDarkMode, n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
+}, H1 = (param)=>{
+    let { size: r  } = param;
+    const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
         height: r,
         viewBox: "0 0 65 24",
@@ -264,9 +206,9 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, f1 = function f1(param) {
-    var r = param.size;
-    var ref = (0, _hooksJs.useTheme)(), t = ref.isDarkMode, n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
+}, f1 = (param)=>{
+    let { size: r  } = param;
+    const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("svg", {
         width: r,
         height: r,
@@ -277,9 +219,9 @@ var g1 = function g1(param) {
             d: "M21.5488 16.0335C21.8424 16.1065 22.1266 16.2415 22.3388 16.4558C22.5183 16.6276 22.6411 16.8499 22.7127 17.0838C22.7977 17.3731 22.8193 17.6803 22.7802 17.9787C22.7429 18.2479 22.6501 18.5075 22.5284 18.7511C22.2997 19.1992 21.9805 19.5965 21.6394 19.9683C21.2723 20.3662 20.8766 20.738 20.4814 21.1094C21.2777 21.1069 22.074 21.1092 22.8703 21.1081C22.9135 21.1077 22.9576 21.1055 23 21.1167V22.0552C22.9759 22.0582 22.952 22.0614 22.9283 22.0624L18.8838 22.0622V21.0511C18.9759 20.9616 19.0743 20.8788 19.1687 20.7915C19.5786 20.4276 19.9825 20.0567 20.3632 19.6636C20.7294 19.2771 21.0861 18.873 21.3411 18.4066C21.4566 18.1876 21.5534 17.9491 21.5517 17.6993C21.5505 17.5207 21.4843 17.341 21.3574 17.2104C21.1927 17.0367 20.9529 16.9489 20.716 16.9204C20.3962 16.887 20.0733 16.9517 19.7757 17.0638C19.546 17.1486 19.3328 17.2686 19.1242 17.3931C19.0916 17.0571 19.0577 16.7212 19.0264 16.385C19.5388 16.1368 20.1029 15.987 20.6754 15.9608C20.9677 15.9438 21.2639 15.965 21.5488 16.0335ZM14.8405 5.31598C15.4058 5.52592 15.9429 5.8091 16.4281 6.16147C17.2361 6.74433 17.8939 7.51825 18.3477 8.39085C18.7702 9.19553 19.0213 10.0802 19.1223 10.9769C19.1704 11.4267 19.1906 11.8802 19.1648 12.332C19.1295 13.0499 18.99 13.7632 18.7481 14.4425C18.3674 15.5124 17.7227 16.4967 16.8652 17.2645C16.0449 18.0046 15.0307 18.537 13.947 18.8055C13.1523 19.0037 12.3237 19.0655 11.5063 19.0057C10.6758 18.9451 9.85411 18.7488 9.09547 18.4127C8.21888 18.0263 7.43007 17.4539 6.79756 16.7483C6.02182 15.8873 5.48168 14.8334 5.21175 13.7205C5.07973 13.1805 5.01279 12.6264 5 12.0718V11.7823C5.01178 11.3188 5.05344 10.8555 5.13963 10.3991C5.34506 9.29686 5.79973 8.23067 6.51039 7.34507C7.05786 6.65781 7.75545 6.08488 8.54283 5.67338C9.55445 5.14127 10.703 4.87849 11.8491 4.8504C12.8638 4.81979 13.89 4.96278 14.8405 5.31598ZM11.7686 6.88536C11.3519 6.91848 10.939 7.01031 10.5534 7.16896C10.1453 7.33515 9.76806 7.57136 9.43995 7.86C9.02852 8.21991 8.69266 8.65754 8.43365 9.13235C8.03931 9.85652 7.81866 10.665 7.75717 11.4807C7.72184 11.96 7.74281 12.4429 7.81421 12.9184C7.90715 13.527 8.08442 14.1256 8.36283 14.679C8.59899 15.1493 8.90986 15.5869 9.2996 15.9492C9.7116 16.3365 10.2151 16.6312 10.7604 16.8024C11.2601 16.9599 11.7902 17.0181 12.3138 16.9961C12.8009 16.9736 13.287 16.8782 13.7364 16.6911C14.4144 16.4136 14.9922 15.9302 15.4118 15.3457C15.9534 14.5939 16.259 13.6989 16.3791 12.7929C16.5377 11.6104 16.3647 10.3777 15.831 9.29994C15.592 8.82345 15.2831 8.37604 14.8943 8.00284C14.4766 7.59023 13.9621 7.26917 13.3989 7.08034C12.8773 6.90381 12.3181 6.84622 11.7686 6.88536Z"
         })
     });
-}, V1 = function V1(param) {
-    var r = param.size;
-    var ref = (0, _hooksJs.useTheme)(), t = ref.isDarkMode, n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
+}, V1 = (param)=>{
+    let { size: r  } = param;
+    const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
         height: r,
         viewBox: "0 0 65 24",
@@ -339,9 +281,9 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, b1 = function b1(param) {
-    var r = param.size;
-    var ref = (0, _hooksJs.useTheme)(), t = ref.isDarkMode, n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
+}, b1 = (param)=>{
+    let { size: r  } = param;
+    const { isDarkMode: t  } = (0, _hooksJs.useTheme)(), n = (0, _themeVariantContextJs.useIsInverseVariant)() && !t ? _skinContractCssMisticaJs.vars.colors.inverse : _skinContractCssMisticaJs.vars.colors.brand;
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("svg", {
         height: r,
         viewBox: "0 0 46 24",
@@ -366,9 +308,9 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, G = function G(param) {
-    var r = param.size;
-    var ref = (0, _hooksJs.useTheme)(), t = ref.skinName, ref1 = (0, _hooksJs.useScreenSize)(), a = ref1.isTabletOrSmaller;
+}, G = (param)=>{
+    let { size: r  } = param;
+    const { skinName: t  } = (0, _hooksJs.useTheme)(), { isTabletOrSmaller: a  } = (0, _hooksJs.useScreenSize)();
     switch(r = r != null ? r : a ? 40 : 48, t){
         case "Movistar":
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(g1, {
@@ -394,9 +336,9 @@ var g1 = function g1(param) {
         default:
             return null;
     }
-}, Z1 = function Z1(param) {
-    var r = param.isOpen;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)("div", {
+}, Z1 = (param)=>/* @__PURE__ */ {
+    let { isOpen: r  } = param;
+    return (0, _jsxRuntimeJs.jsxs)("div", {
         className: _navigationBarCssMisticaJs.burgerIconContainer,
         role: "presentation",
         "data-component-name": "BurgerMenuIcon",
@@ -411,14 +353,16 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, N1 = 300, V = function V(param) {
-    var r = param.children, t = param.topFixed, a = param.withBorder, n = param.isMenuOpen, i = param.isInverse, d = param.dataAttributes;
-    var ref = (0, _hooksJs.useTheme)(), u = ref.isDarkMode;
+}, N1 = 300, V = (param)=>{
+    let { children: r , topFixed: t , withBorder: a , isMenuOpen: n , isInverse: i , dataAttributes: d  } = param;
+    const { isDarkMode: u  } = (0, _hooksJs.useTheme)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("header", _objectSpreadProps(_objectSpread({
-        className: (0, _classnames.default)(function() {
-            var C = i && !u;
+        className: (0, _classnames.default)((()=>{
+            const C = i && !u;
             return n || C ? _navigationBarCssMisticaJs.navbarBorderColorVariants.inverse : n && !C ? _navigationBarCssMisticaJs.navbarBorderColorVariants.menuOpen : _navigationBarCssMisticaJs.navbarBorderColorVariants.default;
-        }(), _defineProperty({}, _navigationBarCssMisticaJs.topFixed, t)),
+        })(), {
+            [_navigationBarCssMisticaJs.topFixed]: t
+        }),
         style: {
             borderBottomWidth: a ? 1 : 0,
             background: i ? _skinContractCssMisticaJs.vars.colors.navigationBarBackground : _skinContractCssMisticaJs.vars.colors.background
@@ -426,15 +370,15 @@ var g1 = function g1(param) {
     }, (0, _domJs.getPrefixedDataAttributes)(d)), {
         children: r
     }));
-}, Q1 = function Q1(param) {
-    var r = param.sections, t = param.selectedIndex, a = param.right, n = param.logo, tmp = param.isInverse, i = tmp === void 0 ? !1 : tmp, tmp1 = param.topFixed, d = tmp1 === void 0 ? !0 : tmp1;
-    var ref = (0, _hooksJs.useTheme)(), u = ref.texts, M = ref.isDarkMode, ref1 = _slicedToArray(_react.useState(!1), 2), C = ref1[0], B = ref1[1], ref2 = _slicedToArray(_react.useState("closed"), 2), I = ref2[0], v = ref2[1], x = (0, _hooksJs.useAriaId)(), P = M ? 1 : 0.2, ref3 = (0, _hooksJs.useScreenSize)(), _ = ref3.isTabletOrSmaller, w = (0, _modalContextProviderJs.useSetModalState)();
+}, Q1 = (param)=>{
+    let { sections: r , selectedIndex: t , right: a , logo: n , isInverse: i = !1 , topFixed: d = !0  } = param;
+    const { texts: u , isDarkMode: M  } = (0, _hooksJs.useTheme)(), [C, B] = _react.useState(!1), [I, v] = _react.useState("closed"), x = (0, _hooksJs.useAriaId)(), P = M ? 1 : 0.2, { isTabletOrSmaller: _  } = (0, _hooksJs.useScreenSize)(), w = (0, _modalContextProviderJs.useSetModalState)();
     if (n = n != null ? n : /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(G, {}), _) {
-        var b = function b() {
+        const b = ()=>{
             B(!0), w({
                 isModalOpen: !0
             });
-        }, g = function g() {
+        }, g = ()=>{
             B(!1), w({
                 isModalOpen: !1
             });
@@ -496,16 +440,16 @@ var g1 = function g1(param) {
                         disabled: p,
                         group: "burger-menu-lock",
                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_reactTransitionGroup.CSSTransition, {
-                            onEntering: function onEntering() {
+                            onEntering: ()=>{
                                 v("opening");
                             },
-                            onEntered: function onEntered() {
+                            onEntered: ()=>{
                                 v("open");
                             },
-                            onExiting: function onExiting() {
+                            onExiting: ()=>{
                                 v("closing");
                             },
-                            onExited: function onExited() {
+                            onExited: ()=>{
                                 v("closed");
                             },
                             in: C,
@@ -520,18 +464,16 @@ var g1 = function g1(param) {
                             children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("nav", {
                                 className: _navigationBarCssMisticaJs.burgerMenu,
                                 style: {
-                                    boxShadow: I !== "closed" ? "6px 0 4px -4px rgba(0, 0, 0, ".concat(P, ")") : "none"
+                                    boxShadow: I !== "closed" ? `6px 0 4px -4px rgba(0, 0, 0, ${P})` : "none"
                                 },
                                 id: x,
-                                onClick: function onClick() {
+                                onClick: ()=>{
                                     g();
                                 },
                                 children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_responsiveLayoutJs.default, {
                                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_negativeBoxJs.default, {
                                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_listJs.RowList, {
-                                            children: r.map(function(U, j) {
-                                                return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_listJs.Row, _objectSpread({}, U), j);
-                                            })
+                                            children: r.map((U, j)=>/* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_listJs.Row, _objectSpread({}, U), j))
                                         })
                                     })
                                 })
@@ -569,13 +511,15 @@ var g1 = function g1(param) {
                                     /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("nav", {
                                         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
                                             space: 32,
-                                            children: r.map(function(_param, p) /* @__PURE__ */ /*#__PURE__*/ {
-                                                var b = _param.title, g = _objectWithoutProperties(_param, [
+                                            children: r.map((_param, p)=>/* @__PURE__ */ /*#__PURE__*/ {
+                                                var { title: b  } = _param, g = _objectWithoutProperties(_param, [
                                                     "title"
                                                 ]);
                                                 return /*#__PURE__*/ (0, _react.createElement)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, g), {
                                                     key: p,
-                                                    className: (0, _classnames.default)(_navigationBarCssMisticaJs.section, _defineProperty({}, _navigationBarCssMisticaJs.selectedSectionVariantes[i ? "inverse" : "default"], p === t))
+                                                    className: (0, _classnames.default)(_navigationBarCssMisticaJs.section, {
+                                                        [_navigationBarCssMisticaJs.selectedSectionVariantes[i ? "inverse" : "default"]]: p === t
+                                                    })
                                                 }), /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                                                     className: _navigationBarCssMisticaJs.textWrapperVariants[i ? "inverse" : "default"],
                                                     children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text3, {
@@ -599,9 +543,9 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, X1 = function X1(param) {
-    var r = param.onBack, t = param.title, a = param.right, tmp = param.isInverse, n = tmp === void 0 ? !1 : tmp, tmp1 = param.topFixed, i = tmp1 === void 0 ? !0 : tmp1, tmp2 = param.paddingX, d = tmp2 === void 0 ? 0 : tmp2, tmp3 = param.withBorder, u = tmp3 === void 0 ? !0 : tmp3;
-    var ref = (0, _hooksJs.useTheme)(), M = ref.texts, C = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
+}, X1 = (param)=>{
+    let { onBack: r , title: t , right: a , isInverse: n = !1 , topFixed: i = !0 , paddingX: d = 0 , withBorder: u = !0  } = param;
+    const { texts: M  } = (0, _hooksJs.useTheme)(), C = /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_inlineJs.default, {
         space: "between",
         alignItems: "center",
         children: [
@@ -647,7 +591,7 @@ var g1 = function g1(param) {
                         width: "100%"
                     }),
                     style: {
-                        padding: "0 ".concat(d, "px")
+                        padding: `0 ${d}px`
                     },
                     children: C
                 })
@@ -657,9 +601,9 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, Y1 = function Y1(param) {
-    var r = param.logo, t = param.right, tmp = param.isInverse, a = tmp === void 0 ? !1 : tmp, tmp1 = param.topFixed, n = tmp1 === void 0 ? !0 : tmp1;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsxs)(_themeVariantContextJs.ThemeVariant, {
+}, Y1 = (param)=>/* @__PURE__ */ {
+    let { logo: r , right: t , isInverse: a = !1 , topFixed: n = !0  } = param;
+    return (0, _jsxRuntimeJs.jsxs)(_themeVariantContextJs.ThemeVariant, {
         isInverse: a,
         children: [
             /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(V, {
@@ -688,9 +632,9 @@ var g1 = function g1(param) {
             })
         ]
     });
-}, z1 = function z1(param) {
-    var r = param.children;
-    return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
+}, z1 = (param)=>/* @__PURE__ */ {
+    let { children: r  } = param;
+    return (0, _jsxRuntimeJs.jsx)("div", {
         className: _navigationBarCssMisticaJs.lineHeightFix,
         "data-component-name": "NavigationBarActionGroup",
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
@@ -699,11 +643,11 @@ var g1 = function g1(param) {
             children: r
         })
     });
-}, e2 = function e2(_param) {
-    var r = _param.children, t = _objectWithoutProperties(_param, [
+}, e2 = (_param)=>{
+    var { children: r  } = _param, t = _objectWithoutProperties(_param, [
         "children"
     ]);
-    var a = (0, _themeVariantContextJs.useIsInverseVariant)();
+    const a = (0, _themeVariantContextJs.useIsInverseVariant)();
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_touchableJs.BaseTouchable, _objectSpreadProps(_objectSpread({}, t), {
         className: (0, _classnames.default)((0, _sprinklesCssMisticaJs.sprinkles)({
             border: "none",
@@ -716,13 +660,11 @@ var g1 = function g1(param) {
         children: /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_inlineJs.default, {
             space: 16,
             alignItems: "center",
-            children: _react.Children.map(r, function(n) {
-                return typeof n == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
+            children: _react.Children.map(r, (n)=>typeof n == "string" ? /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)(_textJs.Text2, {
                     regular: !0,
                     color: "inherit",
                     children: n
-                }) : n;
-            })
+                }) : n)
         })
     }));
 };

package/dist/navigation-breadcrumbs.css-mistica.js

@@ -9,19 +9,11 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    current: function() {
-        return v;
-    },
-    link: function() {
-        return f;
-    },
-    list: function() {
-        return i;
-    },
-    listItem: function() {
-        return _;
-    }
+    current: ()=>v,
+    link: ()=>f,
+    list: ()=>i,
+    listItem: ()=>t
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./navigation-breadcrumbs.css.ts.vanilla.js");
-var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r", _ = "_1y2v1nf51";
+var v = "_1fniauj3", f = "_1fniauj2", i = "_1fniauj5 _1y2v1nf5t _1y2v1nf67 _1y2v1nf6l _1y2v1nf6z", t = "_1y2v1nf59";

package/dist/navigation-breadcrumbs.css.ts.vanilla.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "default", {
     enumerable: true,
-    get: function() {
-        return a;
-    }
+    get: ()=>a
 });
-var a = "";
+const a = "";

package/dist/navigation-breadcrumbs.d.ts

@@ -4,7 +4,7 @@
  */
 import * as React from 'react';
 import type { DataAttributes } from './utils/types';
-export declare type NavigationBreadcrumbsProps = {
+export type NavigationBreadcrumbsProps = {
     title: string;
     breadcrumbs: ReadonlyArray<{
         readonly title: string;