@gympass/yoga 7.102.4 → 7.103.0

package/cjs/NavigationMenu/web/BottomItems/BottomItems.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -56,15 +85,16 @@ const StyledItems = import_styled_components.default.ul`
     align-items: center;
     width: 100%;
     height: 56px;
-    background-color: ${backgroundColor.white};;
+    background-color: ${backgroundColor.white};
     margin: 0;
     padding: 0;
     border: 1px solid ${border.color.default};
     gap: ${gap.xxxsmall}px;
-    z-index: 15;
+    z-index: ${({ $zIndex }) => $zIndex != null ? $zIndex : 2};
   `}
 `;
-const BottomItems = ({ children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItemsContainer, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItems, { children }) });
+const BottomItems = (_a) => {
+  var _b = _a, { children } = _b, containerProps = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItemsContainer, __spreadProps(__spreadValues({}, containerProps), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledItems, { children }) }));
 };
 var BottomItems_default = BottomItems;

package/cjs/NavigationMenu/web/NavigationMenu.js

@@ -1,10 +1,39 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -64,15 +93,15 @@ const DeskTopContainer = import_styled_components.css`
     transition: width 300ms ease-in-out;
   `}
 `;
-const StyledNavigationMenu = (0, import_styled_components.default)(import_Box.default)`
-  ${({ isOpenOnMobile, isResponsive }) => import_styled_components.css`
+const StyledNavigationMenu = import_styled_components.default.div`
+  ${({ isOpenOnMobile, isResponsive, $zIndex }) => import_styled_components.css`
     ${DeskTopContainer};
 
     ${isResponsive && import_styled_components.css`
       position: fixed;
       width: 100%;
       height: calc(100% - 56px);
-      z-index: 10;
+      z-index: ${$zIndex != null ? $zIndex : 1};
       top: 0;
       right: ${isOpenOnMobile ? "0" : "-100%"};
 
@@ -135,18 +164,23 @@ const StyledFooter = (0, import_styled_components.default)(import_Box.default)`
     gap: ${gap.xxxsmall}px;
   `}
 `;
-const NavigationMenu = ({
-  children,
-  openOnMobile = false,
-  responsive = true
-}) => {
+const NavigationMenu = (_a) => {
+  var _b = _a, {
+    children,
+    openOnMobile = false,
+    responsive = true
+  } = _b, htmlAttributes = __objRest(_b, [
+    "children",
+    "openOnMobile",
+    "responsive"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     StyledNavigationMenu,
-    {
+    __spreadProps(__spreadValues({}, htmlAttributes), {
       isOpenOnMobile: openOnMobile,
       isResponsive: responsive,
       children
-    }
+    })
   );
 };
 NavigationMenu.Header = StyledHeader;

package/cjs/NavigationMenu/web/Switcher/Actions.js

@@ -32,12 +32,11 @@ __export(Actions_exports, {
 });
 module.exports = __toCommonJS(Actions_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_styled_components = __toESM(require("styled-components"));
-var import_yoga_icons = require("@gympass/yoga-icons");
 var import_yoga = require("@gympass/yoga");
+var import_yoga_icons = require("@gympass/yoga-icons");
+var import_styled_components = __toESM(require("styled-components"));
 var import_Icon = __toESM(require("../../../Icon"));
-var import_Box = __toESM(require("../../../Box"));
-const StyledAction = (0, import_styled_components.default)(import_Box.default)`
+const StyledAction = import_styled_components.default.div`
   ${({
   theme: {
     yoga: {
@@ -63,10 +62,21 @@ const StyledAction = (0, import_styled_components.default)(import_Box.default)`
       }
     `}
 `;
-const Actions = ({ actions, sideOffset }) => {
+function Actions({ actions, sideOffset, $zIndex }) {
+  if (!(actions == null ? void 0 : actions.length)) {
+    return null;
+  }
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_yoga.Menu, { onMouseHover: false, children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.Action, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledAction, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Icon.default, { as: import_yoga_icons.MenuMore, size: "medium", fill: "vibin" }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.List, { side: "right", sideOffset, zIndex: "10", children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.Item, { onClick, children: label }, id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_yoga.Menu.List,
+      {
+        side: "right",
+        sideOffset,
+        zIndex: `${$zIndex != null ? $zIndex : 2}`,
+        children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Menu.Item, { onClick, children: label }, id))
+      }
+    )
   ] });
-};
+}
 var Actions_default = Actions;

package/cjs/NavigationMenu/web/Switcher/Switcher.js

@@ -3,8 +3,34 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -84,15 +110,22 @@ const StyledTitle = (0, import_styled_components.default)(import_yoga.Text.Small
       overflow: hidden;
     `}
 `;
-const Switcher = ({
-  actions,
-  avatar: Avatar,
-  fill = "transparent",
-  isLoading = false,
-  sideOffset = 36,
-  subtitle,
-  title
-}) => {
+const Switcher = (_a) => {
+  var _b = _a, {
+    actions,
+    avatar: Avatar,
+    fill = "transparent",
+    isLoading = false,
+    subtitle,
+    title
+  } = _b, actionsProps = __objRest(_b, [
+    "actions",
+    "avatar",
+    "fill",
+    "isLoading",
+    "subtitle",
+    "title"
+  ]);
   const hasActions = actions == null ? void 0 : actions.length;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledSwitcher, { fill, children: [
     Avatar,
@@ -111,7 +144,7 @@ const Switcher = ({
       title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledTitle, { children: title }),
       subtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_yoga.Text.Tiny, { color: "deep", children: subtitle })
     ] }) }),
-    hasActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, { actions, sideOffset })
+    hasActions && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, __spreadValues({ actions }, actionsProps))
   ] });
 };
 var Switcher_default = Switcher;

package/cjs/Theme/theme/theme.js

@@ -97,13 +97,14 @@ const theme = (tokens) => {
   return __spreadProps(__spreadValues({}, tokens), {
     colors,
     baseFont,
-    baseFontSize
+    baseFontSize,
+    v3theme: false
   });
 };
 const composeTheme = (tokens, customTheming = {}) => {
   const baseTheme = theme(tokens);
   const customTheme = (0, import_yoga_common.merge)(baseTheme, customTheming);
   const componentTheming = getComponentThemes(customTheme);
-  return (0, import_yoga_common.merge)(customTheme, componentTheming);
+  return (0, import_yoga_common.merge)(componentTheming, customTheme);
 };
 var theme_default = composeTheme;

package/cjs/Theme/theme/v3theme.js

@@ -33,6 +33,7 @@ __export(v3theme_exports, {
 module.exports = __toCommonJS(v3theme_exports);
 var import_themeGenerator = __toESM(require("../helpers/themeGenerator"));
 const v3theme = (0, import_themeGenerator.default)((tokens) => ({
+  v3theme: true,
   colors: {
     secondary: tokens.colors.staminaNew,
     deep: tokens.colors.deepNew,

package/esm/NavigationMenu/web/BottomItems/BottomItems.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { media } from "@gympass/yoga-helpers";
@@ -23,16 +54,17 @@ const StyledItems = styled.ul`
     align-items: center;
     width: 100%;
     height: 56px;
-    background-color: ${backgroundColor.white};;
+    background-color: ${backgroundColor.white};
     margin: 0;
     padding: 0;
     border: 1px solid ${border.color.default};
     gap: ${gap.xxxsmall}px;
-    z-index: 15;
+    z-index: ${({ $zIndex }) => $zIndex != null ? $zIndex : 2};
   `}
 `;
-const BottomItems = ({ children }) => {
-  return /* @__PURE__ */ jsx(StyledItemsContainer, { children: /* @__PURE__ */ jsx(StyledItems, { children }) });
+const BottomItems = (_a) => {
+  var _b = _a, { children } = _b, containerProps = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx(StyledItemsContainer, __spreadProps(__spreadValues({}, containerProps), { children: /* @__PURE__ */ jsx(StyledItems, { children }) }));
 };
 var BottomItems_default = BottomItems;
 export {

package/esm/NavigationMenu/web/NavigationMenu.js

@@ -1,3 +1,34 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { jsx } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { media } from "@gympass/yoga-helpers";
@@ -31,15 +62,15 @@ const DeskTopContainer = css`
     transition: width 300ms ease-in-out;
   `}
 `;
-const StyledNavigationMenu = styled(Box)`
-  ${({ isOpenOnMobile, isResponsive }) => css`
+const StyledNavigationMenu = styled.div`
+  ${({ isOpenOnMobile, isResponsive, $zIndex }) => css`
     ${DeskTopContainer};
 
     ${isResponsive && css`
       position: fixed;
       width: 100%;
       height: calc(100% - 56px);
-      z-index: 10;
+      z-index: ${$zIndex != null ? $zIndex : 1};
       top: 0;
       right: ${isOpenOnMobile ? "0" : "-100%"};
 
@@ -102,18 +133,23 @@ const StyledFooter = styled(Box)`
     gap: ${gap.xxxsmall}px;
   `}
 `;
-const NavigationMenu = ({
-  children,
-  openOnMobile = false,
-  responsive = true
-}) => {
+const NavigationMenu = (_a) => {
+  var _b = _a, {
+    children,
+    openOnMobile = false,
+    responsive = true
+  } = _b, htmlAttributes = __objRest(_b, [
+    "children",
+    "openOnMobile",
+    "responsive"
+  ]);
   return /* @__PURE__ */ jsx(
     StyledNavigationMenu,
-    {
+    __spreadProps(__spreadValues({}, htmlAttributes), {
       isOpenOnMobile: openOnMobile,
       isResponsive: responsive,
       children
-    }
+    })
   );
 };
 NavigationMenu.Header = StyledHeader;

package/esm/NavigationMenu/web/Switcher/Actions.js

@@ -1,10 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import styled, { css } from "styled-components";
-import { MenuMore } from "@gympass/yoga-icons";
 import { Menu as YogaMenu } from "@gympass/yoga";
+import { MenuMore } from "@gympass/yoga-icons";
+import styled, { css } from "styled-components";
 import Icon from "../../../Icon";
-import Box from "../../../Box";
-const StyledAction = styled(Box)`
+const StyledAction = styled.div`
   ${({
   theme: {
     yoga: {
@@ -30,12 +29,23 @@ const StyledAction = styled(Box)`
       }
     `}
 `;
-const Actions = ({ actions, sideOffset }) => {
+function Actions({ actions, sideOffset, $zIndex }) {
+  if (!(actions == null ? void 0 : actions.length)) {
+    return null;
+  }
   return /* @__PURE__ */ jsxs(YogaMenu, { onMouseHover: false, children: [
     /* @__PURE__ */ jsx(YogaMenu.Action, { children: /* @__PURE__ */ jsx(StyledAction, { children: /* @__PURE__ */ jsx(Icon, { as: MenuMore, size: "medium", fill: "vibin" }) }) }),
-    /* @__PURE__ */ jsx(YogaMenu.List, { side: "right", sideOffset, zIndex: "10", children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ jsx(YogaMenu.Item, { onClick, children: label }, id)) })
+    /* @__PURE__ */ jsx(
+      YogaMenu.List,
+      {
+        side: "right",
+        sideOffset,
+        zIndex: `${$zIndex != null ? $zIndex : 2}`,
+        children: actions.map(({ id, label, onClick }) => /* @__PURE__ */ jsx(YogaMenu.Item, { onClick, children: label }, id))
+      }
+    )
   ] });
-};
+}
 var Actions_default = Actions;
 export {
   Actions_default as default

package/esm/NavigationMenu/web/Switcher/Switcher.js

@@ -1,3 +1,31 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styled, { css } from "styled-components";
 import { Text, Skeleton } from "@gympass/yoga";
@@ -51,15 +79,22 @@ const StyledTitle = styled(Text.Small)`
       overflow: hidden;
     `}
 `;
-const Switcher = ({
-  actions,
-  avatar: Avatar,
-  fill = "transparent",
-  isLoading = false,
-  sideOffset = 36,
-  subtitle,
-  title
-}) => {
+const Switcher = (_a) => {
+  var _b = _a, {
+    actions,
+    avatar: Avatar,
+    fill = "transparent",
+    isLoading = false,
+    subtitle,
+    title
+  } = _b, actionsProps = __objRest(_b, [
+    "actions",
+    "avatar",
+    "fill",
+    "isLoading",
+    "subtitle",
+    "title"
+  ]);
   const hasActions = actions == null ? void 0 : actions.length;
   return /* @__PURE__ */ jsxs(StyledSwitcher, { fill, children: [
     Avatar,
@@ -78,7 +113,7 @@ const Switcher = ({
       title && /* @__PURE__ */ jsx(StyledTitle, { children: title }),
       subtitle && /* @__PURE__ */ jsx(Text.Tiny, { color: "deep", children: subtitle })
     ] }) }),
-    hasActions && /* @__PURE__ */ jsx(Actions, { actions, sideOffset })
+    hasActions && /* @__PURE__ */ jsx(Actions, __spreadValues({ actions }, actionsProps))
   ] });
 };
 var Switcher_default = Switcher;

package/esm/Theme/theme/theme.js

@@ -66,14 +66,15 @@ const theme = (tokens) => {
   return __spreadProps(__spreadValues({}, tokens), {
     colors,
     baseFont,
-    baseFontSize
+    baseFontSize,
+    v3theme: false
   });
 };
 const composeTheme = (tokens, customTheming = {}) => {
   const baseTheme = theme(tokens);
   const customTheme = merge(baseTheme, customTheming);
   const componentTheming = getComponentThemes(customTheme);
-  return merge(customTheme, componentTheming);
+  return merge(componentTheming, customTheme);
 };
 var theme_default = composeTheme;
 export {

package/esm/Theme/theme/v3theme.js

@@ -1,5 +1,6 @@
 import createTheme from "../helpers/themeGenerator";
 const v3theme = createTheme((tokens) => ({
+  v3theme: true,
   colors: {
     secondary: tokens.colors.staminaNew,
     deep: tokens.colors.deepNew,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.102.4",
+  "version": "7.103.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": "b05cd21c48aa81f1a3a58dd32a48080b5206721d",
+  "gitHead": "49a6cbc61257989ed79c72b8c60015432b2adc94",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/Actions-cd7fac99.d.ts

@@ -0,0 +1,13 @@
+declare type SwitcherActionsProps = {
+    id: string;
+    label: string;
+    onClick: () => void;
+};
+declare type ActionsProps = {
+    actions?: SwitcherActionsProps[];
+    sideOffset?: number;
+    $zIndex?: number;
+};
+declare function Actions({ actions, sideOffset, $zIndex }: ActionsProps): JSX.Element | null;
+
+export { ActionsProps as A, Actions as a };

package/typings/NavigationMenu/index.d.ts

@@ -1,7 +1,7 @@
-import { N as NavigationMenu } from '../NavigationMenu-4912428a.js';
-import '../Switcher-a8dff781.js';
-import 'react';
+import { N as NavigationMenu } from '../NavigationMenu-57b14b2b.js';
+import '../Actions-cd7fac99.js';
 import 'styled-components';
+import 'react';
 
 
 

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

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

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

@@ -1,6 +1,13 @@
-import { a as Switcher } from '../../../Switcher-a8dff781.js';
-import 'react';
-
+import React from 'react';
+import { a as Actions } from '../../../Actions-cd7fac99.js';
 
+declare type SwitcherProps = React.ComponentProps<typeof Actions> & {
+    avatar: React.ReactElement;
+    fill?: string;
+    isLoading?: boolean;
+    subtitle?: string;
+    title?: string;
+};
+declare const Switcher: ({ actions, avatar: Avatar, fill, isLoading, subtitle, title, ...actionsProps }: SwitcherProps) => JSX.Element;
 
 export { Switcher as default };

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

@@ -1,7 +1,7 @@
-import { N as NavigationMenu } from '../../NavigationMenu-4912428a.js';
-import '../../Switcher-a8dff781.js';
-import 'react';
+import { N as NavigationMenu } from '../../NavigationMenu-57b14b2b.js';
+import '../../Actions-cd7fac99.js';
 import 'styled-components';
+import 'react';
 
 
 

package/typings/{NavigationMenu-4912428a.d.ts → NavigationMenu-57b14b2b.d.ts}

@@ -1,14 +1,19 @@
-import { S as SwitcherActionsProps } from './Switcher-a8dff781.js';
+import { A as ActionsProps } from './Actions-cd7fac99.js';
 import * as styled_components from 'styled-components';
 import React from 'react';
 
-declare type NavigationMenuProps = {
+declare type NavigationMenuStyledProps = React.HTMLAttributes<HTMLDivElement> & {
+    isOpenOnMobile: boolean;
+    isResponsive: boolean;
+    $zIndex?: number;
+};
+declare type NavigationMenuProps = Pick<NavigationMenuStyledProps, '$zIndex'> & {
     children: React.ReactNode;
     openOnMobile?: boolean;
     responsive?: boolean;
 };
 declare const NavigationMenu: {
-    ({ children, openOnMobile, responsive, }: NavigationMenuProps): JSX.Element;
+    ({ children, openOnMobile, responsive, ...htmlAttributes }: NavigationMenuProps): JSX.Element;
     Header: styled_components.StyledComponent<string, any, {}, never>;
     Menu: ({ avatar: Avatar, subtitle, title, onClick }: {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
@@ -16,17 +21,17 @@ declare const NavigationMenu: {
         title?: string | undefined;
         onClick?: (() => void) | undefined;
     }) => JSX.Element;
-    Switcher: ({ actions, avatar: Avatar, fill, isLoading, sideOffset, subtitle, title, }: {
-        actions?: SwitcherActionsProps[] | undefined;
+    Switcher: ({ actions, avatar: Avatar, fill, isLoading, subtitle, title, ...actionsProps }: ActionsProps & {
         avatar: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
         fill?: string | undefined;
         isLoading?: boolean | undefined;
-        sideOffset?: number | undefined;
         subtitle?: string | undefined;
         title?: string | undefined;
     }) => JSX.Element;
     Items: styled_components.StyledComponent<string, any, {}, never>;
-    ItemsGroup: styled_components.StyledComponent<string, any, {}, never>;
+    ItemsGroup: styled_components.StyledComponent<string, any, {
+        children?: React.ReactNode;
+    }, never>;
     Item: ({ active, children, expanded, icon: Icon, label, responsive, tag, wrapper: Wrapper, }: {
         active?: boolean | undefined;
         children?: React.ReactNode;
@@ -48,7 +53,9 @@ declare const NavigationMenu: {
         label: string;
         wrapper: React.FunctionComponent<any>;
     }) => JSX.Element;
-    BottomItems: ({ children }: {
+    BottomItems: ({ children, ...containerProps }: React.HTMLAttributes<HTMLUListElement> & {
+        $zIndex?: number | undefined;
+    } & {
         children: React.ReactNode;
     }) => JSX.Element;
     BottomItem: ({ active, icon, label, wrapper: Wrapper, }: {

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-4912428a.js';
+export { N as NavigationMenu } from './NavigationMenu-57b14b2b.js';
 import '@gympass/yoga-tokens/global/transition';
 import '@gympass/yoga-tokens/global/breakpoints';
 import '@gympass/yoga-tokens';
-import './Switcher-a8dff781.js';
+import './Actions-cd7fac99.js';
 
 /** This component provides a theme to all React components underneath itself via the context API. */
 declare function ThemeProvider({ children, ...rest }: {

package/typings/Switcher-a8dff781.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-
-declare type SwitcherActionsProps = {
-    id: string;
-    label: string;
-    onClick: () => void;
-};
-declare type SwitcherProps = {
-    actions?: SwitcherActionsProps[];
-    avatar: React.ReactElement;
-    fill?: string;
-    isLoading?: boolean;
-    sideOffset?: number;
-    subtitle?: string;
-    title?: string;
-};
-declare const Switcher: ({ actions, avatar: Avatar, fill, isLoading, sideOffset, subtitle, title, }: SwitcherProps) => JSX.Element;
-
-export { SwitcherActionsProps as S, Switcher as a };