@gympass/yoga 7.104.1 → 7.106.0

package/esm/Text/textStyle.web.js

@@ -10,15 +10,18 @@ const textStyle = (type) => () => css`
   theme: {
     yoga: {
       baseFont,
-      fontWeights,
-      components: {
-        text: {
-          [type]: { fontFamily, fontWeight }
-        }
-      }
+      components: { text }
     }
   }
 }) => {
+  const themeFontFamily = text[type].fontFamily ? `${text[type].fontFamily}, ` : "";
+  let finalFontWeight = text[type].fontWeight;
+  if (light && text[`${type}-light`]) {
+    finalFontWeight = text[`${type}-light`].fontWeight;
+  }
+  if (bold && text[`${type}-bold`]) {
+    finalFontWeight = text[`${type}-bold`].fontWeight;
+  }
   return css`
         ${numberOfLines ? `
             display: -webkit-box;
@@ -27,10 +30,8 @@ const textStyle = (type) => () => css`
             overflow: hidden;
           ` : ""}
 
-        font-family: ${fontFamily ? `${fontFamily}, ` : ""}${baseFont.family};
-        ${fontWeight ? `font-weight: ${fontWeight};` : ""}
-        ${light ? `font-weight: ${fontWeights.light};` : ""}
-        ${bold ? `font-weight: ${fontWeights.bold};` : ""}
+        font-family: ${`${themeFontFamily}${baseFont.family}`};
+        ${finalFontWeight ? `font-weight: ${finalFontWeight};` : ""}
       `;
 }}
   `;

package/esm/Text/web/Text.test.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import React from "react";
 import { render } from "@testing-library/react";
-import { ThemeProvider } from "../..";
 import { Text } from ".";
+import { ThemeProvider, v3theme } from "../..";
 describe("<Text />", () => {
   describe("Snapshots", () => {
     it("should match snapshot with Text", () => {
@@ -35,6 +35,36 @@ describe("<Text />", () => {
       );
       expect(container).toMatchSnapshot();
     });
+    it("should match snapshot with Text when v3theme is settled", () => {
+      const { container } = render(
+        /* @__PURE__ */ jsxs(ThemeProvider, { theme: v3theme, children: [
+          /* @__PURE__ */ jsx(Text.Display1, { children: "Text Display1" }),
+          /* @__PURE__ */ jsx(Text.Display2, { children: "Text Display2" }),
+          /* @__PURE__ */ jsx(Text.Display3, { children: "Text Display3" }),
+          /* @__PURE__ */ jsx(Text.Display4, { children: "Text Display4" }),
+          /* @__PURE__ */ jsx(Text.DisplayNumber, { children: "Text DisplayNumber" }),
+          /* @__PURE__ */ jsx(Text.H1, { children: "Text H1" }),
+          /* @__PURE__ */ jsx(Text.H2, { children: "Text H2" }),
+          /* @__PURE__ */ jsx(Text.H3, { children: "Text H3" }),
+          /* @__PURE__ */ jsx(Text.H4, { children: "Text H4" }),
+          /* @__PURE__ */ jsx(Text.H5, { children: "Text H5" }),
+          /* @__PURE__ */ jsx(Text.Body1, { children: "Text Body1" }),
+          /* @__PURE__ */ jsx(Text.Body2, { children: "Text Body2" }),
+          /* @__PURE__ */ jsx(Text.Caption, { children: "Text Caption" }),
+          /* @__PURE__ */ jsx(Text.Overline, { children: "Text Overline" }),
+          /* @__PURE__ */ jsx(Text.SectionTitle, { children: "Text SectionTitle" }),
+          /* @__PURE__ */ jsx(Text.SmallestException, { children: "Text SmallestException" }),
+          /* @__PURE__ */ jsx(Text, { children: "Text" }),
+          /* @__PURE__ */ jsx(Text.Small, { children: "Text Small" }),
+          /* @__PURE__ */ jsx(Text.Tiny, { children: "Text Tiny" }),
+          /* @__PURE__ */ jsx(Text.Regular, { children: "Text Regular" }),
+          /* @__PURE__ */ jsx(Text.Medium, { children: "Text Medium" }),
+          /* @__PURE__ */ jsx(Text.Bold, { children: "Text Bold" }),
+          /* @__PURE__ */ jsx(Text.Black, { children: "Text Black" })
+        ] })
+      );
+      expect(container).toMatchSnapshot();
+    });
     it("should match snapshot with Text variant", () => {
       const { container } = render(
         /* @__PURE__ */ jsxs(ThemeProvider, { children: [

package/esm/Theme/theme/v3theme.js

@@ -49,7 +49,164 @@ const v3theme = createTheme((tokens) => ({
       backgroundAndDisabled: tokens.colors.clearNew
     }
   },
-  baseFont: tokens.fonts.inter
+  baseFont: tokens.fonts.inter,
+  components: {
+    text: {
+      display1: {
+        fontFamily: "NaN Holo Condensed",
+        fontsize: tokens.fontSizes.xhuge,
+        fontWeight: tokens.fontWeights.bold,
+        lineHeight: tokens.lineHeights.xhuge
+      },
+      display2: {
+        fontFamily: "NaN Holo Condensed",
+        fontsize: tokens.fontSizes.xxxlarge,
+        fontWeight: tokens.fontWeights.bold,
+        lineHeight: tokens.lineHeights.xxlarge
+      },
+      display3: {
+        fontFamily: "NaN Holo Condensed",
+        fontsize: tokens.fontSizes.xxlarge,
+        fontWeight: tokens.fontWeights.bold,
+        lineHeight: tokens.lineHeights.xlarge
+      },
+      display4: {
+        fontFamily: "NaN Holo Condensed",
+        fontsize: tokens.fontSizes.xlarge,
+        fontWeight: tokens.fontWeights.bold,
+        lineHeight: tokens.lineHeights.medium
+      },
+      displayNumber: {
+        fontFamily: "NaN Holo Condensed",
+        fontsize: tokens.fontSizes.xxxlarge,
+        fontWeight: tokens.fontWeights.bold,
+        lineHeight: tokens.lineHeights.xxlarge
+      },
+      h1: {
+        fontsize: tokens.fontSizes.huge,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.huge
+      },
+      "h1-light": null,
+      "h1-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      h2: {
+        fontsize: tokens.fontSizes.xxxlarge,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.xxxlarge
+      },
+      "h2-light": null,
+      "h2-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      h3: {
+        fontsize: tokens.fontSizes.xxlarge,
+        lineHeight: tokens.lineHeights.xxlarge,
+        fontWeight: tokens.fontWeights.medium
+      },
+      "h3-light": null,
+      "h3-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      h4: {
+        fontsize: tokens.fontSizes.xlarge,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.xlarge
+      },
+      "h4-light": null,
+      "h4-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      h5: {
+        fontsize: tokens.fontSizes.large,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.large
+      },
+      "h5-light": null,
+      "h5-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      body1: {
+        fontsize: tokens.fontSizes.medium,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.medium
+      },
+      "body1-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      body2: {
+        fontsize: tokens.fontSizes.small,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.small
+      },
+      "body2-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      caption: {
+        fontsize: tokens.fontSizes.xsmall,
+        fontWeight: tokens.fontWeights.regular,
+        lineHeight: tokens.lineHeights.xsmall
+      },
+      overline: {
+        fontsize: tokens.fontSizes.xsmall,
+        fontWeight: tokens.fontWeights.bold,
+        lineHeight: tokens.lineHeights.xsmall
+      },
+      sectionTitle: {
+        fontsize: tokens.fontSizes.xsmall,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.xsmall,
+        letterSpacing: 1,
+        textTransform: "uppercase"
+      },
+      smallestException: {
+        fontsize: tokens.fontSizes.xxsmall,
+        fontWeight: tokens.fontWeights.regular,
+        lineHeight: tokens.lineHeights.xxsmall
+      },
+      // deprecated, please don't use
+      p: {
+        fontsize: tokens.fontSizes.medium,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.medium
+      },
+      "p-light": null,
+      "p-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      small: {
+        fontsize: tokens.fontSizes.small,
+        fontWeight: tokens.fontWeights.medium,
+        lineHeight: tokens.lineHeights.small
+      },
+      "small-light": null,
+      "small-bold": {
+        fontWeight: tokens.fontWeights.bold
+      },
+      tiny: {
+        fontsize: tokens.fontSizes.xsmall,
+        fontWeight: tokens.fontWeights.regular,
+        lineHeight: tokens.lineHeights.xsmall
+      },
+      "tiny-light": null,
+      light: {
+        fontWeight: tokens.fontWeights.light
+      },
+      regular: {
+        fontWeight: tokens.fontWeights.regular
+      },
+      medium: {
+        fontWeight: tokens.fontWeights.medium
+      },
+      bold: {
+        fontWeight: tokens.fontWeights.bold
+      },
+      black: {
+        fontWeight: tokens.fontWeights.black
+      }
+    }
+  }
 }));
 export {
   v3theme

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.104.1",
+  "version": "7.106.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "d32dd003577c6d642686eaf036977e44c73be3c5",
+  "gitHead": "22aaf247b6ebdfa5b26898a21afbfddb3e604445",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/{Actions-cd7fac99.d.ts → Actions-752d7514.d.ts}

@@ -6,8 +6,8 @@ declare type SwitcherActionsProps = {
 declare type ActionsProps = {
     actions?: SwitcherActionsProps[];
     sideOffset?: number;
-    $zIndex?: number;
+    zIndex?: number;
 };
-declare function Actions({ actions, sideOffset, $zIndex }: ActionsProps): JSX.Element | null;
+declare function Actions({ actions, sideOffset, zIndex }: ActionsProps): JSX.Element | null;
 
 export { ActionsProps as A, Actions as a };

package/typings/NavigationMenu/NavigationMenu.theme.d.ts

@@ -1,73 +1,3 @@
-declare const NavigationMenu: ({ colors, fontWeights, radii, spacing }: {
-    colors: any;
-    fontWeights: any;
-    radii: any;
-    spacing: any;
-}) => {
-    avatar: {
-        height: any;
-        width: any;
-    };
-    backgroundColor: {
-        default: any;
-        hover: any;
-        stamina: any;
-        yoga: any;
-        white: any;
-    };
-    border: {
-        color: {
-            default: any;
-            white: any;
-        };
-        radius: {
-            default: any;
-            circle: any;
-        };
-    };
-    font: {
-        color: {
-            default: any;
-            active: any;
-            hover: any;
-        };
-        weight: {
-            medium: any;
-        };
-    };
-    gap: {
-        xxxsmall: any;
-        xxsmall: any;
-        medium: any;
-    };
-    height: {
-        xxlarge: any;
-        xlarge: any;
-    };
-    icon: {
-        height: any;
-        width: any;
-        fill: {
-            default: any;
-            active: any;
-            hover: any;
-        };
-    };
-    padding: {
-        xxxsmall: any;
-        xxsmall: any;
-        xsmall: any;
-        small: any;
-    };
-    tag: {
-        color: {
-            default: any;
-        };
-    };
-    width: {
-        xxlarge: any;
-        xlarge: any;
-    };
-};
+declare const NavigationMenu: (theme: any) => any;
 
 export { NavigationMenu as default };

package/typings/NavigationMenu/index.d.ts

@@ -1,5 +1,5 @@
-import { N as NavigationMenu } from '../NavigationMenu-57b14b2b.js';
-import '../Actions-cd7fac99.js';
+import { N as NavigationMenu } from '../NavigationMenu-8c022497.js';
+import '../Actions-752d7514.js';
 import 'styled-components';
 import 'react';
 

package/typings/NavigationMenu/web/BottomItems/index.d.ts

@@ -3,8 +3,9 @@ import React from 'react';
 declare type BottomItemsStyledProps = React.HTMLAttributes<HTMLUListElement> & {
     $zIndex?: number;
 };
-declare type BottomItemsProps = BottomItemsStyledProps & {
+declare type BottomItemsProps = Omit<BottomItemsStyledProps, '$zIndex'> & {
     children: React.ReactNode;
+    zIndex: number;
 };
 declare const BottomItems: ({ children, ...containerProps }: BottomItemsProps) => JSX.Element;
 

package/typings/NavigationMenu/web/Menu/index.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
+import { _ as _default } from '../../../Icon-19f6da82.js';
 
 declare type MenuProps = {
     avatar: React.ReactElement;
     subtitle?: string;
     title?: string;
     onClick?: () => void;
+    icon?: React.ComponentProps<typeof _default>['as'];
 };
-declare const Menu: ({ avatar: Avatar, subtitle, title, onClick }: MenuProps) => JSX.Element;
+declare const Menu: ({ avatar: Avatar, icon, subtitle, title, onClick, }: MenuProps) => JSX.Element;
 
 export { Menu as default };

package/typings/NavigationMenu/web/Switcher/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as Actions } from '../../../Actions-cd7fac99.js';
+import { a as Actions } from '../../../Actions-752d7514.js';
 
 declare type SwitcherProps = React.ComponentProps<typeof Actions> & {
     avatar: React.ReactElement;

package/typings/NavigationMenu/web/index.d.ts

@@ -1,5 +1,5 @@
-import { N as NavigationMenu } from '../../NavigationMenu-57b14b2b.js';
-import '../../Actions-cd7fac99.js';
+import { N as NavigationMenu } from '../../NavigationMenu-8c022497.js';
+import '../../Actions-752d7514.js';
 import 'styled-components';
 import 'react';
 

package/typings/{NavigationMenu-57b14b2b.d.ts → NavigationMenu-8c022497.d.ts}

@@ -1,25 +1,22 @@
-import { A as ActionsProps } from './Actions-cd7fac99.js';
+import { A as ActionsProps } from './Actions-752d7514.js';
 import * as styled_components from 'styled-components';
 import React from 'react';
 
-declare type NavigationMenuStyledProps = React.HTMLAttributes<HTMLDivElement> & {
-    isOpenOnMobile: boolean;
-    isResponsive: boolean;
-    $zIndex?: number;
-};
-declare type NavigationMenuProps = Pick<NavigationMenuStyledProps, '$zIndex'> & {
+declare type NavigationMenuProps = {
     children: React.ReactNode;
     openOnMobile?: boolean;
     responsive?: boolean;
+    zIndex: number;
 };
 declare const NavigationMenu: {
-    ({ children, openOnMobile, responsive, ...htmlAttributes }: NavigationMenuProps): JSX.Element;
+    ({ children, openOnMobile, responsive, zIndex, ...htmlAttributes }: NavigationMenuProps): JSX.Element;
     Header: styled_components.StyledComponent<string, any, {}, never>;
-    Menu: ({ avatar: Avatar, subtitle, title, onClick }: {
+    Menu: ({ avatar: Avatar, icon, subtitle, title, onClick, }: {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
         subtitle?: string | undefined;
         title?: string | undefined;
         onClick?: (() => void) | undefined;
+        icon?: any;
     }) => JSX.Element;
     Switcher: ({ actions, avatar: Avatar, fill, isLoading, subtitle, title, ...actionsProps }: ActionsProps & {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
@@ -53,10 +50,11 @@ declare const NavigationMenu: {
         label: string;
         wrapper: React.FunctionComponent<any>;
     }) => JSX.Element;
-    BottomItems: ({ children, ...containerProps }: React.HTMLAttributes<HTMLUListElement> & {
+    BottomItems: ({ children, ...containerProps }: Omit<React.HTMLAttributes<HTMLUListElement> & {
         $zIndex?: number | undefined;
-    } & {
+    }, "$zIndex"> & {
         children: React.ReactNode;
+        zIndex: number;
     }) => JSX.Element;
     BottomItem: ({ active, icon, label, wrapper: Wrapper, }: {
         active?: boolean | undefined;

package/typings/Theme/theme/v3theme.d.ts

@@ -10,46 +10,46 @@ declare const v3theme: {
             length: number;
             toString(): string;
             toLocaleString(): string;
-            pop(): 0 | 1 | 2 | undefined;
-            push(...items: (0 | 1 | 2)[]): number;
-            concat(...items: ConcatArray<0 | 1 | 2>[]): (0 | 1 | 2)[];
-            concat(...items: (0 | 1 | 2 | ConcatArray<0 | 1 | 2>)[]): (0 | 1 | 2)[];
+            pop(): 0 | 2 | 1 | undefined;
+            push(...items: (0 | 2 | 1)[]): number;
+            concat(...items: ConcatArray<0 | 2 | 1>[]): (0 | 2 | 1)[];
+            concat(...items: (0 | 2 | 1 | ConcatArray<0 | 2 | 1>)[]): (0 | 2 | 1)[];
             join(separator?: string | undefined): string;
-            reverse(): (0 | 1 | 2)[];
-            shift(): 0 | 1 | 2 | undefined;
-            slice(start?: number | undefined, end?: number | undefined): (0 | 1 | 2)[];
-            sort(compareFn?: ((a: 0 | 1 | 2, b: 0 | 1 | 2) => number) | undefined): (0 | 1 | 2)[];
-            splice(start: number, deleteCount?: number | undefined): (0 | 1 | 2)[];
-            splice(start: number, deleteCount: number, ...items: (0 | 1 | 2)[]): (0 | 1 | 2)[];
-            unshift(...items: (0 | 1 | 2)[]): number;
-            indexOf(searchElement: 0 | 1 | 2, fromIndex?: number | undefined): number;
-            lastIndexOf(searchElement: 0 | 1 | 2, fromIndex?: number | undefined): number;
-            every<S extends 0 | 1 | 2>(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => value is S, thisArg?: any): this is S[];
-            every(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => unknown, thisArg?: any): boolean;
-            some(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => unknown, thisArg?: any): boolean;
-            forEach(callbackfn: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => void, thisArg?: any): void;
-            map<U>(callbackfn: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => U, thisArg?: any): U[];
-            filter<S_1 extends 0 | 1 | 2>(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => value is S_1, thisArg?: any): S_1[];
-            filter(predicate: (value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => unknown, thisArg?: any): (0 | 1 | 2)[];
-            reduce(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2): 0 | 1 | 2;
-            reduce(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2, initialValue: 0 | 1 | 2): 0 | 1 | 2;
-            reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => U_1, initialValue: U_1): U_1;
-            reduceRight(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2): 0 | 1 | 2;
-            reduceRight(callbackfn: (previousValue: 0 | 1 | 2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => 0 | 1 | 2, initialValue: 0 | 1 | 2): 0 | 1 | 2;
-            reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: 0 | 1 | 2, currentIndex: number, array: (0 | 1 | 2)[]) => U_2, initialValue: U_2): U_2;
-            find<S_2 extends 0 | 1 | 2>(predicate: (this: void, value: 0 | 1 | 2, index: number, obj: (0 | 1 | 2)[]) => value is S_2, thisArg?: any): S_2 | undefined;
-            find(predicate: (value: 0 | 1 | 2, index: number, obj: (0 | 1 | 2)[]) => unknown, thisArg?: any): 0 | 1 | 2 | undefined;
-            findIndex(predicate: (value: 0 | 1 | 2, index: number, obj: (0 | 1 | 2)[]) => unknown, thisArg?: any): number;
-            fill(value: 0 | 1 | 2, start?: number | undefined, end?: number | undefined): (0 | 1 | 2)[];
-            copyWithin(target: number, start: number, end?: number | undefined): (0 | 1 | 2)[];
-            entries(): IterableIterator<[number, 0 | 1 | 2]>;
+            reverse(): (0 | 2 | 1)[];
+            shift(): 0 | 2 | 1 | undefined;
+            slice(start?: number | undefined, end?: number | undefined): (0 | 2 | 1)[];
+            sort(compareFn?: ((a: 0 | 2 | 1, b: 0 | 2 | 1) => number) | undefined): (0 | 2 | 1)[];
+            splice(start: number, deleteCount?: number | undefined): (0 | 2 | 1)[];
+            splice(start: number, deleteCount: number, ...items: (0 | 2 | 1)[]): (0 | 2 | 1)[];
+            unshift(...items: (0 | 2 | 1)[]): number;
+            indexOf(searchElement: 0 | 2 | 1, fromIndex?: number | undefined): number;
+            lastIndexOf(searchElement: 0 | 2 | 1, fromIndex?: number | undefined): number;
+            every<S extends 0 | 2 | 1>(predicate: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => value is S, thisArg?: any): this is S[];
+            every(predicate: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => unknown, thisArg?: any): boolean;
+            some(predicate: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => unknown, thisArg?: any): boolean;
+            forEach(callbackfn: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => void, thisArg?: any): void;
+            map<U>(callbackfn: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => U, thisArg?: any): U[];
+            filter<S_1 extends 0 | 2 | 1>(predicate: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => value is S_1, thisArg?: any): S_1[];
+            filter(predicate: (value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => unknown, thisArg?: any): (0 | 2 | 1)[];
+            reduce(callbackfn: (previousValue: 0 | 2 | 1, currentValue: 0 | 2 | 1, currentIndex: number, array: (0 | 2 | 1)[]) => 0 | 2 | 1): 0 | 2 | 1;
+            reduce(callbackfn: (previousValue: 0 | 2 | 1, currentValue: 0 | 2 | 1, currentIndex: number, array: (0 | 2 | 1)[]) => 0 | 2 | 1, initialValue: 0 | 2 | 1): 0 | 2 | 1;
+            reduce<U_1>(callbackfn: (previousValue: U_1, currentValue: 0 | 2 | 1, currentIndex: number, array: (0 | 2 | 1)[]) => U_1, initialValue: U_1): U_1;
+            reduceRight(callbackfn: (previousValue: 0 | 2 | 1, currentValue: 0 | 2 | 1, currentIndex: number, array: (0 | 2 | 1)[]) => 0 | 2 | 1): 0 | 2 | 1;
+            reduceRight(callbackfn: (previousValue: 0 | 2 | 1, currentValue: 0 | 2 | 1, currentIndex: number, array: (0 | 2 | 1)[]) => 0 | 2 | 1, initialValue: 0 | 2 | 1): 0 | 2 | 1;
+            reduceRight<U_2>(callbackfn: (previousValue: U_2, currentValue: 0 | 2 | 1, currentIndex: number, array: (0 | 2 | 1)[]) => U_2, initialValue: U_2): U_2;
+            find<S_2 extends 0 | 2 | 1>(predicate: (this: void, value: 0 | 2 | 1, index: number, obj: (0 | 2 | 1)[]) => value is S_2, thisArg?: any): S_2 | undefined;
+            find(predicate: (value: 0 | 2 | 1, index: number, obj: (0 | 2 | 1)[]) => unknown, thisArg?: any): 0 | 2 | 1 | undefined;
+            findIndex(predicate: (value: 0 | 2 | 1, index: number, obj: (0 | 2 | 1)[]) => unknown, thisArg?: any): number;
+            fill(value: 0 | 2 | 1, start?: number | undefined, end?: number | undefined): (0 | 2 | 1)[];
+            copyWithin(target: number, start: number, end?: number | undefined): (0 | 2 | 1)[];
+            entries(): IterableIterator<[number, 0 | 2 | 1]>;
             keys(): IterableIterator<number>;
-            values(): IterableIterator<0 | 1 | 2>;
-            includes(searchElement: 0 | 1 | 2, fromIndex?: number | undefined): boolean;
-            flatMap<U_3, This = undefined>(callback: (this: This, value: 0 | 1 | 2, index: number, array: (0 | 1 | 2)[]) => U_3 | readonly U_3[], thisArg?: This | undefined): U_3[];
+            values(): IterableIterator<0 | 2 | 1>;
+            includes(searchElement: 0 | 2 | 1, fromIndex?: number | undefined): boolean;
+            flatMap<U_3, This = undefined>(callback: (this: This, value: 0 | 2 | 1, index: number, array: (0 | 2 | 1)[]) => U_3 | readonly U_3[], thisArg?: This | undefined): U_3[];
             flat<A, D extends number = 1>(this: A, depth?: D | undefined): FlatArray<A, D>[];
-            at(index: number): 0 | 1 | 2 | undefined;
-            [Symbol.iterator](): IterableIterator<0 | 1 | 2>;
+            at(index: number): 0 | 2 | 1 | undefined;
+            [Symbol.iterator](): IterableIterator<0 | 2 | 1>;
             [Symbol.unscopables](): {
                 copyWithin: boolean;
                 entries: boolean;

package/typings/index.d.ts

@@ -5,11 +5,11 @@ export { v3theme } from './Theme/theme/v3theme.js';
 export { default as createTheme } from './Theme/helpers/themeGenerator/themeGenerator.js';
 import * as styled_components from 'styled-components';
 export { _ as Icon } from './Icon-19f6da82.js';
-export { N as NavigationMenu } from './NavigationMenu-57b14b2b.js';
+export { N as NavigationMenu } from './NavigationMenu-8c022497.js';
 import '@gympass/yoga-tokens/global/transition';
 import '@gympass/yoga-tokens/global/breakpoints';
 import '@gympass/yoga-tokens';
-import './Actions-cd7fac99.js';
+import './Actions-752d7514.js';
 
 /** This component provides a theme to all React components underneath itself via the context API. */
 declare function ThemeProvider({ children, ...rest }: {