@codecademy/brand 3.27.0-alpha.745751754b.0 → 3.28.0-alpha.b85d352754.0

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/index.js

@@ -1,36 +1,77 @@
 import { Box } from '@codecademy/gamut';
-import { useEffect, useState } from 'react';
-import * as React from 'react';
-import { useGlobalHeaderDynamicDataContext } from '../../../GlobalHeader/context';
+import { motion } from 'framer-motion';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { useGlobalHeaderDynamicDataContext, useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
 import { AppHeaderSectionContext } from './AppHeaderSectionContext';
-import { StyledGridBox, StyledSection } from './elements';
+import { NavTabContainer, StyledSection } from './elements';
 import { MobileBackButton } from './MobileBackButton';
 import { MobileNavMenu } from './MobileNavMenu';
-import NavSection from './NavSection';
+import { NavTab, NavTabList, NavTabPanel } from './NavTabs';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
+export const AppHeaderSection = /*#__PURE__*/forwardRef(({
   isOpen = true,
-  keyDownEvents,
-  navSections,
   MarketingBanner,
   isMobile = false,
   handleClose,
-  type
+  type,
+  defaultSelectedKey,
+  navSections
 }, ref) => {
-  const [activeTab, setActiveTab] = useState(0);
+  const firstTabId = navSections?.[0]?.item?.id;
+  const [activeTab, setActiveTab] = useState(defaultSelectedKey || firstTabId);
   const [activePanel, setActivePanel] = useState(null);
+  const tabListRef = useRef(null);
   const {
     globalHeaderDynamicData
   } = useGlobalHeaderDynamicDataContext();
+  const {
+    globalHeaderItemClick
+  } = useGlobalHeaderItemClick();
   const banner = globalHeaderDynamicData?.catalogDropdown?.banner;
   const showMarketingBanner = banner?.text && banner?.href && MarketingBanner;
   const tabIndex = isOpen ? 0 : -1;
   const activePanelSelected = activePanel !== null;
+  const onSelect = useCallback((key, event, item) => {
+    setActiveTab(key);
+    if (item && event) {
+      globalHeaderItemClick(event, item);
+    }
+  }, [setActiveTab, globalHeaderItemClick]);
+  const onKeyDown = useCallback(event => {
+    if (!tabListRef.current) return;
+
+    // get list of tabs available
+    const tabs = Array.from(tabListRef.current?.querySelectorAll('button[role="tab"]') || []);
+    // get the index of the active tab
+    const activeElement = tabs.indexOf(document.activeElement);
+    if (['ArrowUp', 'ArrowLeft'].includes(event.key)) {
+      // prevent scrollbar from moving when arrow keys are pressed on tabs
+      event.preventDefault();
+      const prevTab = tabs[activeElement - 1];
+      if (prevTab) {
+        prevTab.focus();
+      } else {
+        // focus the last tab
+        tabs[tabs.length - 1].focus();
+      }
+    }
+    if (['ArrowDown', 'ArrowRight'].includes(event.key)) {
+      // prevent scrollbar from moving when arrow keys are pressed on tabs
+      event.preventDefault();
+      const nextTab = tabs[activeElement + 1];
+      if (nextTab) {
+        nextTab.focus();
+      } else {
+        // focus the first tab
+        tabs[0].focus();
+      }
+    }
+  }, []);
   useEffect(() => {
-    if (isOpen) {
-      setActiveTab(0);
+    if (!isOpen) {
+      setActiveTab(firstTabId);
     }
-  }, [isOpen]);
+  }, [isOpen, firstTabId]);
   return /*#__PURE__*/_jsx(AppHeaderSectionContext.Provider, {
     value: {
       activePanel,
@@ -38,6 +79,7 @@ export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
       tabIndex
     },
     children: /*#__PURE__*/_jsxs(StyledSection, {
+      ref: ref,
       activePanelSelected: activePanelSelected,
       children: [showMarketingBanner && /*#__PURE__*/_jsx(Box, {
         display: {
@@ -45,31 +87,50 @@ export const AppHeaderSection = /*#__PURE__*/React.forwardRef(({
           xs: 'block'
         },
         children: /*#__PURE__*/_jsx(MarketingBanner, {
-          tabIndex: tabIndex,
           text: banner?.text,
-          href: banner?.href
+          href: banner?.href,
+          tabIndex: tabIndex
         })
-      }), /*#__PURE__*/_jsxs(StyledGridBox, {
-        ref: ref,
-        onKeyDown: keyDownEvents,
+      }), /*#__PURE__*/_jsxs(NavTabContainer, {
+        p: 8,
+        rowGap: 8,
         children: [isMobile && /*#__PURE__*/_jsx(MobileBackButton, {
           handleClose: handleClose,
           type: type
+        }), /*#__PURE__*/_jsx(NavTabList, {
+          type: type,
+          ref: tabListRef,
+          children: navSections.map(({
+            item
+          }, index) => /*#__PURE__*/_jsx(NavTab, {
+            item: item,
+            onSelect: onSelect,
+            isActive: activeTab === item.id,
+            onKeyDown: onKeyDown,
+            index: index
+          }, item.id))
         }), navSections.map((section, index) => {
           const {
-            item,
+            item: {
+              id
+            },
             panel: Panel
           } = section;
-          return /*#__PURE__*/_jsx(NavSection, {
-            isActiveTab: activeTab === index,
-            setActiveTab: setActiveTab,
-            icon: item.icon,
-            text: item.text,
+          return /*#__PURE__*/_jsx(NavTabPanel, {
             index: index,
-            item: item,
-            tabIndex: tabIndex,
-            children: /*#__PURE__*/_jsx(Panel, {})
-          }, item.id);
+            isActiveTab: activeTab === id,
+            id: id,
+            children: /*#__PURE__*/_jsx(motion.div, {
+              animate: {
+                opacity: activeTab === id ? 1 : 0
+              },
+              transition: {
+                duration: 0.4,
+                ease: 'easeInOut'
+              },
+              children: /*#__PURE__*/_jsx(Panel, {})
+            })
+          }, id);
         })]
       }), /*#__PURE__*/_jsx(MobileNavMenu, {
         handleClose: handleClose,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@codecademy/brand",
   "description": "Brand component library for Codecademy",
-  "version": "3.27.0-alpha.745751754b.0",
+  "version": "3.28.0-alpha.b85d352754.0",
   "author": "Codecademy Engineering <dev@codecademy.com>",
   "dependencies": {
     "@emotion/is-prop-valid": "^1.2.1",

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/AppHeaderSection.test.js

@@ -1,193 +0,0 @@
-import { setupRtl } from '@codecademy/gamut-tests';
-import userEvent from '@testing-library/user-event';
-import React from 'react';
-import { GlobalHeaderDynamicDataContext, GlobalHeaderItemClickContext } from '../../../GlobalHeader/context';
-import { CATALOG_NAV_SECTIONS } from '../AppHeaderCatalogDropdown/consts';
-import { MarketingBanner } from '../AppHeaderCatalogDropdown/MarketingBanner';
-import { AppHeaderSection } from '.';
-import { jsx as _jsx } from "react/jsx-runtime";
-const mockOnClick = jest.fn();
-const mockKeyDownEvents = jest.fn();
-const mockItem = {
-  text: 'catalog',
-  id: 'the-catalog',
-  type: 'catalog-dropdown',
-  trackingTarget: 'catalog-dropdown'
-};
-const defaultProps = {
-  item: mockItem,
-  isOpen: true,
-  keyDownEvents: mockKeyDownEvents
-};
-const mockContextValue = {
-  globalHeaderItemClick: mockOnClick
-};
-const mockDataContextValue = {
-  globalHeaderDynamicData: {
-    catalogDropdown: {
-      banner: {
-        href: 'https://example.com',
-        text: 'Test banner text'
-      },
-      skillPaths: {
-        totalSkillPathCount: 0,
-        promotedSkillPaths: []
-      },
-      careerPaths: {
-        totalCareerPathCount: 0,
-        promotedCareerPaths: []
-      },
-      certificationPaths: {
-        totalCertificationPathCount: 0
-      }
-    }
-  }
-};
-describe('AppHeaderSection', () => {
-  const createWrapper = (dataContextValue = mockDataContextValue) => ({
-    children
-  }) => /*#__PURE__*/_jsx(GlobalHeaderDynamicDataContext.Provider, {
-    value: dataContextValue,
-    children: /*#__PURE__*/_jsx(GlobalHeaderItemClickContext.Provider, {
-      value: mockContextValue,
-      children: children
-    })
-  });
-  const renderView = setupRtl(AppHeaderSection, defaultProps).options({
-    wrapper: createWrapper()
-  });
-  it('renders the component ', () => {
-    const {
-      view
-    } = renderView({
-      navSections: CATALOG_NAV_SECTIONS,
-      handleClose: jest.fn(),
-      type: 'catalog-dropdown'
-    });
-    expect(view.getByRole('heading', {
-      name: 'Course topics'
-    })).toBeInTheDocument();
-  });
-  describe('marketing banner', () => {
-    const createRenderView = bannerData => setupRtl(AppHeaderSection, defaultProps).options({
-      wrapper: createWrapper({
-        globalHeaderDynamicData: {
-          catalogDropdown: {
-            banner: bannerData,
-            skillPaths: {
-              totalSkillPathCount: 0,
-              promotedSkillPaths: []
-            },
-            careerPaths: {
-              totalCareerPathCount: 0,
-              promotedCareerPaths: []
-            },
-            certificationPaths: {
-              totalCertificationPathCount: 0
-            }
-          }
-        }
-      })
-    });
-    it('renders the marketing banner when the banner text and href are present', () => {
-      const {
-        view
-      } = renderView({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown',
-        MarketingBanner
-      });
-      expect(view.getByText('Test banner text')).toBeInTheDocument();
-    });
-    it('does not render the marketing banner when the banner href is empty', () => {
-      const {
-        view
-      } = createRenderView({
-        href: '',
-        text: 'Test banner text'
-      })({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown',
-        MarketingBanner
-      });
-      expect(view.queryByText('Test banner text')).not.toBeInTheDocument();
-      expect(view.queryByTestId('marketing-banner')).not.toBeInTheDocument();
-    });
-    it('does not render the marketing banner when the banner text is empty', () => {
-      const {
-        view
-      } = createRenderView({
-        href: 'https://example.com',
-        text: ''
-      })({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown',
-        MarketingBanner
-      });
-      expect(view.queryByTestId('marketing-banner')).not.toBeInTheDocument();
-    });
-    it('does not render the marketing banner when the banner text is empty', () => {
-      const {
-        view
-      } = createRenderView({
-        href: 'https://example.com',
-        text: ''
-      })({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown',
-        MarketingBanner
-      });
-      expect(view.queryByText('Test banner text')).not.toBeInTheDocument();
-    });
-  });
-  describe('tab navigation', () => {
-    it('starts with the first tab active by default', () => {
-      const {
-        view
-      } = renderView({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown'
-      });
-      const courseTopicsButton = view.getByTestId('nav-section-course-topics');
-      expect(courseTopicsButton).toHaveAttribute('aria-expanded', 'true');
-    });
-    it('switches active tab when clicking on different sections', async () => {
-      const {
-        view
-      } = renderView({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown'
-      });
-      const careerPathsButton = view.getByTestId('nav-section-career-paths');
-      await userEvent.click(careerPathsButton);
-      expect(careerPathsButton).toHaveAttribute('aria-expanded', 'true');
-      const courseTopicsButton = view.getByTestId('nav-section-course-topics');
-      expect(courseTopicsButton).toHaveAttribute('aria-expanded', 'false');
-    });
-    it('calls tracking with correct parameters when clicking nav section', async () => {
-      const {
-        view
-      } = renderView({
-        navSections: CATALOG_NAV_SECTIONS,
-        handleClose: jest.fn(),
-        type: 'catalog-dropdown'
-      });
-      const careerPathsButton = view.getByTestId('nav-section-career-paths');
-      await userEvent.click(careerPathsButton);
-      expect(mockOnClick).toHaveBeenCalledTimes(1);
-      expect(mockOnClick).toHaveBeenCalledWith(expect.anything(),
-      // event object
-      expect.objectContaining({
-        id: 'career-paths',
-        type: 'catalog-dropdown'
-      }) // tracking parameters
-      );
-    });
-  });
-});

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavSection.d.ts

@@ -1,21 +0,0 @@
-import { GamutIconProps } from '@codecademy/gamut-icons';
-import React, { PropsWithChildren } from 'react';
-import { AppHeaderCatalogDropdownItem, AppHeaderResourcesDropdownItem } from '../../shared';
-type NavSectionProps = PropsWithChildren & {
-    item: AppHeaderCatalogDropdownItem | AppHeaderResourcesDropdownItem;
-    isActiveTab: boolean;
-    setActiveTab: (tab: number) => void;
-    icon?: React.ComponentType<GamutIconProps>;
-    text: string;
-    index: number;
-    tabIndex?: number;
-};
-export declare const NavigationButton: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    isActive: boolean;
-    index: number;
-}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
-declare const NavSection: ({ isActiveTab, setActiveTab, icon: Icon, text, index, children, item, tabIndex, }: NavSectionProps) => import("react/jsx-runtime").JSX.Element;
-export default NavSection;

package/dist/AppHeader/AppHeaderElements/AppHeaderSection/NavSection.js

@@ -1,179 +0,0 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Box, FlexBox, Text } from '@codecademy/gamut';
-import { ArrowChevronRightIcon } from '@codecademy/gamut-icons';
-import { motion } from 'framer-motion';
-import React, { useCallback, useContext, useEffect, useRef } from 'react';
-import { useGlobalHeaderItemClick } from '../../../GlobalHeader/context';
-import { AppHeaderDropdownContext } from '../AppHeaderDropdownProvider';
-import { NavIconButton } from './MobileBackButton';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const NavPanelContainer = /*#__PURE__*/_styled(Box, {
-  target: "ed97qwe4",
-  label: "NavPanelContainer"
-})("border-radius:", ({
-  isFirst
-}) => isFirst ? '0 8px 8px 8px' : '8px', ";@media (max-width: 1200px){border-radius:8px;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjJEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgR2FtdXRJY29uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCwge1xuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxufSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgTmF2SWNvbkJ1dHRvbiB9IGZyb20gJy4vTW9iaWxlQmFja0J1dHRvbic7XG5cbnR5cGUgTmF2U2VjdGlvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW4gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0gfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIGlzQWN0aXZlVGFiOiBib29sZWFuO1xuICBzZXRBY3RpdmVUYWI6ICh0YWI6IG51bWJlcikgPT4gdm9pZDtcbiAgaWNvbj86IFJlYWN0LkNvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICB0ZXh0OiBzdHJpbmc7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgTmF2UGFuZWxDb250YWluZXIgPSBzdHlsZWQoQm94KTx7IGlzRmlyc3Q6IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgT3ZlcmZsb3dUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmNvbnN0IFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25SaWdodEljb24pPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG5gO1xuXG5jb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBpc0FjdGl2ZVRhYixcbiAgc2V0QWN0aXZlVGFiLFxuICBpY29uOiBJY29uLFxuICB0ZXh0LFxuICBpbmRleCxcbiAgY2hpbGRyZW4sXG4gIGl0ZW0sXG4gIHRhYkluZGV4LFxufTogTmF2U2VjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyBzZXRGaXJzdEl0ZW1SZWYgfSA9IHVzZUNvbnRleHQoQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KTtcbiAgY29uc3QgZ3JpZFJvdyA9IGluZGV4ICsgMjsgLy8gKzEgYmVjYXVzZSBvZiB0aGUgYmFjayBidXR0b25cbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbmRleCA9PT0gMCAmJiBidXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0Rmlyc3RJdGVtUmVmPy4oYnV0dG9uUmVmLmN1cnJlbnQpO1xuICAgIH1cbiAgfSwgW2luZGV4LCBzZXRGaXJzdEl0ZW1SZWZdKTtcblxuICBjb25zdCBvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZSwgaXRlbSk7XG4gICAgICBzZXRBY3RpdmVUYWIoaW5kZXgpO1xuICAgIH0sXG4gICAgW2dsb2JhbEhlYWRlckl0ZW1DbGljaywgaXRlbSwgaW5kZXgsIHNldEFjdGl2ZVRhYl1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2dyaWQnIH19PlxuICAgICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIHRleHQsIHNtIGFuZCBhYm92ZSAqL31cbiAgICAgICAgPE5hdmlnYXRpb25CdXR0b25cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BuYXYtc2VjdGlvbi0ke2l0ZW0uaWR9YH1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dGV4dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94IGdhcD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge0ljb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IGhlaWdodD17MjR9IHdpZHRoPXsyNH0+XG4gICAgICAgICAgICAgICAgPEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxPdmVyZmxvd1RleHRcbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnaW5saW5lLWJsb2NrJyB9fVxuICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAnMTEwcHgnLCBtZDogJ25vbmUnIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgPC9PdmVyZmxvd1RleHQ+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgPFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvTmF2aWdhdGlvbkJ1dHRvbj5cbiAgICAgIDwvQm94PlxuICAgICAgey8qIG5hdiBidXR0b24gd2l0aCBpY29uLCB4cyBvbmx5ICovfVxuICAgICAge0ljb24gJiYgKFxuICAgICAgICA8TmF2SWNvbkJ1dHRvbkNvbnRhaW5lclxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgc206ICdub25lJyB9fVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICA+XG4gICAgICAgICAgPE5hdkljb25CdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgICAgaWNvbj17SWNvbn1cbiAgICAgICAgICAgIHRpcD17dGV4dH1cbiAgICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICAgIGFsaWdubWVudDogJ3JpZ2h0LWNlbnRlcicsXG4gICAgICAgICAgICAgIG5hcnJvdzogZmFsc2UsXG4gICAgICAgICAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0ZXh0fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvTmF2SWNvbkJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICl9XG5cbiAgICAgIDxOYXZQYW5lbENvbnRhaW5lclxuICAgICAgICBpc0ZpcnN0PXtpbmRleCA9PT0gMH1cbiAgICAgICAgZGlzcGxheT17aXNBY3RpdmVUYWIgPyAnYmxvY2snIDogJ25vbmUnfVxuICAgICAgICBncmlkQ29sdW1uPVwiMiAvIHNwYW4gMTJcIlxuICAgICAgICBncmlkUm93PVwiMSAvIHNwYW4gOFwiXG4gICAgICAgIGJnPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHB4PXszMn1cbiAgICAgICAgcHQ9ezE2fVxuICAgICAgICBwYj17MjR9XG4gICAgICA+XG4gICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiBpc0FjdGl2ZVRhYiA/IDEgOiAwIH19XG4gICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC40LCBlYXNlOiAnZWFzZUluT3V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICA8L05hdlBhbmVsQ29udGFpbmVyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2U2VjdGlvbjtcbiJdfQ== */"));
-export const NavigationButton = /*#__PURE__*/_styled("button", {
-  target: "ed97qwe3",
-  label: "NavigationButton"
-})("grid-column:1;grid-row:", ({
-  index
-}) => index + 1, ";padding:16px;border:none;border-radius:", ({
-  isActive
-}) => isActive ? '8px 0 0 8px' : '8px', ";background:none;cursor:pointer;color:", ({
-  theme,
-  isActive
-}) => isActive ? theme.colors.primary : theme.colors.text, ";text-align:left;width:", ({
-  isActive
-}) => isActive ? '100%' : 'calc(100% - 8px)', ";height:60px;display:flex;justify-content:space-between;align-items:center;background-color:", ({
-  isActive,
-  theme
-}) => isActive ? theme.colors.background : theme.colors['gray-100'], ";&:hover,&:focus{background-color:", ({
-  theme,
-  isActive
-}) => isActive ? theme.colors.background : theme.colors['navy-100'], ";color:", ({
-  theme
-}) => theme.colors.primary, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q0UiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL05hdlNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uLCBHYW11dEljb25Qcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IFJlYWN0LCB7XG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBOYXZJY29uQnV0dG9uIH0gZnJvbSAnLi9Nb2JpbGVCYWNrQnV0dG9uJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgaXRlbTogQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgaXNBY3RpdmVUYWI6IGJvb2xlYW47XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNGaXJzdDogYm9vbGVhbiB9PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgU3R5bGVkQXJyb3dDaGV2cm9uUmlnaHRJY29uID0gc3R5bGVkKEFycm93Q2hldnJvblJpZ2h0SWNvbik8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICdibG9jaycgOiAnbm9uZScpfTtcbmA7XG5cbmNvbnN0IE5hdkljb25CdXR0b25Db250YWluZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG5cbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4fTtcbiAgcGFkZGluZzogOHB4O1xuYDtcblxuY29uc3QgTmF2U2VjdGlvbiA9ICh7XG4gIGlzQWN0aXZlVGFiLFxuICBzZXRBY3RpdmVUYWIsXG4gIGljb246IEljb24sXG4gIHRleHQsXG4gIGluZGV4LFxuICBjaGlsZHJlbixcbiAgaXRlbSxcbiAgdGFiSW5kZXgsXG59OiBOYXZTZWN0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuICBjb25zdCB7IHNldEZpcnN0SXRlbVJlZiB9ID0gdXNlQ29udGV4dChBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQpO1xuICBjb25zdCBncmlkUm93ID0gaW5kZXggKyAyOyAvLyArMSBiZWNhdXNlIG9mIHRoZSBiYWNrIGJ1dHRvblxuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGluZGV4ID09PSAwICYmIGJ1dHRvblJlZi5jdXJyZW50KSB7XG4gICAgICBzZXRGaXJzdEl0ZW1SZWY/LihidXR0b25SZWYuY3VycmVudCk7XG4gICAgfVxuICB9LCBbaW5kZXgsIHNldEZpcnN0SXRlbVJlZl0pO1xuXG4gIGNvbnN0IG9uU2VsZWN0ID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhlLCBpdGVtKTtcbiAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgfSxcbiAgICBbZ2xvYmFsSGVhZGVySXRlbUNsaWNrLCBpdGVtLCBpbmRleCwgc2V0QWN0aXZlVGFiXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnZ3JpZCcgfX0+XG4gICAgICAgIHsvKiBuYXYgYnV0dG9uIHdpdGggdGV4dCwgc20gYW5kIGFib3ZlICovfVxuICAgICAgICA8TmF2aWdhdGlvbkJ1dHRvblxuICAgICAgICAgIHJlZj17YnV0dG9uUmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBpbmRleD17Z3JpZFJvd31cbiAgICAgICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG5hdi1zZWN0aW9uLSR7aXRlbS5pZH1gfVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0ZXh0fVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggaGVpZ2h0PXsyNH0gd2lkdGg9ezI0fT5cbiAgICAgICAgICAgICAgICA8SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPE92ZXJmbG93VGV4dFxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdpbmxpbmUtYmxvY2snIH19XG4gICAgICAgICAgICAgIG1heFdpZHRoPXt7IF86ICcxMTBweCcsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICA8L092ZXJmbG93VGV4dD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX0+XG4gICAgICAgICAgICA8U3R5bGVkQXJyb3dDaGV2cm9uUmlnaHRJY29uIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn0gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9OYXZpZ2F0aW9uQnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIGljb24sIHhzIG9ubHkgKi99XG4gICAgICB7SWNvbiAmJiAoXG4gICAgICAgIDxOYXZJY29uQnV0dG9uQ29udGFpbmVyXG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCB4czogJ2dyaWQnLCBzbTogJ25vbmUnIH19XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgID5cbiAgICAgICAgICA8TmF2SWNvbkJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgICBpY29uPXtJY29ufVxuICAgICAgICAgICAgdGlwPXt0ZXh0fVxuICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgYWxpZ25tZW50OiAncmlnaHQtY2VudGVyJyxcbiAgICAgICAgICAgICAgbmFycm93OiBmYWxzZSxcbiAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3RleHR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9OYXZJY29uQnV0dG9uQ29udGFpbmVyPlxuICAgICAgKX1cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyXG4gICAgICAgIGlzRmlyc3Q9e2luZGV4ID09PSAwfVxuICAgICAgICBkaXNwbGF5PXtpc0FjdGl2ZVRhYiA/ICdibG9jaycgOiAnbm9uZSd9XG4gICAgICAgIGdyaWRDb2x1bW49XCIyIC8gc3BhbiAxMlwiXG4gICAgICAgIGdyaWRSb3c9XCIxIC8gc3BhbiA4XCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBwdD17MTZ9XG4gICAgICAgIHBiPXsyNH1cbiAgICAgID5cbiAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IGlzQWN0aXZlVGFiID8gMSA6IDAgfX1cbiAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjQsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgIDwvTmF2UGFuZWxDb250YWluZXI+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
-const OverflowText = /*#__PURE__*/_styled(Text, {
-  target: "ed97qwe2",
-  label: "OverflowText"
-})(process.env.NODE_ENV === "production" ? {
-  name: "12wal98",
-  styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap"
-} : {
-  name: "12wal98",
-  styles: "text-overflow:ellipsis;overflow:hidden;white-space:nowrap/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRWlDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJveCwgRmxleEJveCwgVGV4dCB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0JztcbmltcG9ydCB7IEFycm93Q2hldnJvblJpZ2h0SWNvbiwgR2FtdXRJY29uUHJvcHMgfSBmcm9tICdAY29kZWNhZGVteS9nYW11dC1pY29ucyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBtb3Rpb24gfSBmcm9tICdmcmFtZXItbW90aW9uJztcbmltcG9ydCBSZWFjdCwge1xuICBQcm9wc1dpdGhDaGlsZHJlbixcbiAgdXNlQ2FsbGJhY2ssXG4gIHVzZUNvbnRleHQsXG4gIHVzZUVmZmVjdCxcbiAgdXNlUmVmLFxufSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljayB9IGZyb20gJy4uLy4uLy4uL0dsb2JhbEhlYWRlci9jb250ZXh0JztcbmltcG9ydCB7XG4gIEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0sXG4gIEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbSxcbn0gZnJvbSAnLi4vLi4vc2hhcmVkJztcbmltcG9ydCB7IEFwcEhlYWRlckRyb3Bkb3duQ29udGV4dCB9IGZyb20gJy4uL0FwcEhlYWRlckRyb3Bkb3duUHJvdmlkZXInO1xuaW1wb3J0IHsgTmF2SWNvbkJ1dHRvbiB9IGZyb20gJy4vTW9iaWxlQmFja0J1dHRvbic7XG5cbnR5cGUgTmF2U2VjdGlvblByb3BzID0gUHJvcHNXaXRoQ2hpbGRyZW4gJiB7XG4gIGl0ZW06IEFwcEhlYWRlckNhdGFsb2dEcm9wZG93bkl0ZW0gfCBBcHBIZWFkZXJSZXNvdXJjZXNEcm9wZG93bkl0ZW07XG4gIGlzQWN0aXZlVGFiOiBib29sZWFuO1xuICBzZXRBY3RpdmVUYWI6ICh0YWI6IG51bWJlcikgPT4gdm9pZDtcbiAgaWNvbj86IFJlYWN0LkNvbXBvbmVudFR5cGU8R2FtdXRJY29uUHJvcHM+O1xuICB0ZXh0OiBzdHJpbmc7XG4gIGluZGV4OiBudW1iZXI7XG4gIHRhYkluZGV4PzogbnVtYmVyO1xufTtcblxuY29uc3QgTmF2UGFuZWxDb250YWluZXIgPSBzdHlsZWQoQm94KTx7IGlzRmlyc3Q6IGJvb2xlYW4gfT5gXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNGaXJzdCB9KSA9PiAoaXNGaXJzdCA/ICcwIDhweCA4cHggOHB4JyA6ICc4cHgnKX07XG5cbiAgQG1lZGlhIChtYXgtd2lkdGg6IDEyMDBweCkge1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdmlnYXRpb25CdXR0b24gPSBzdHlsZWQuYnV0dG9uPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG4gIGluZGV4OiBudW1iZXI7XG59PmBcbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4ICsgMX07XG4gIHBhZGRpbmc6IDE2cHg7XG4gIGJvcmRlcjogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnOHB4IDAgMCA4cHgnIDogJzhweCcpfTtcbiAgYmFja2dyb3VuZDogbm9uZTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBjb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHR9O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnMTAwJScgOiAnY2FsYygxMDAlIC0gOHB4KScpfTtcbiAgaGVpZ2h0OiA2MHB4O1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgaXNBY3RpdmUsIHRoZW1lIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG5cbiAgJjpob3ZlcixcbiAgJjpmb2N1cyB7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT5cbiAgICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ25hdnktMTAwJ119O1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9ycy5wcmltYXJ5fTtcbiAgfVxuYDtcblxuY29uc3QgT3ZlcmZsb3dUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbmA7XG5cbmNvbnN0IFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiA9IHN0eWxlZChBcnJvd0NoZXZyb25SaWdodEljb24pPHtcbiAgaXNBY3RpdmU6IGJvb2xlYW47XG59PmBcbiAgZGlzcGxheTogJHsoeyBpc0FjdGl2ZSB9KSA9PiAoaXNBY3RpdmUgPyAnYmxvY2snIDogJ25vbmUnKX07XG5gO1xuXG5jb25zdCBOYXZJY29uQnV0dG9uQ29udGFpbmVyID0gc3R5bGVkKEJveCk8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLmJhY2tncm91bmQgOiB0aGVtZS5jb2xvcnNbJ2dyYXktMTAwJ119O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuXG4gIGdyaWQtY29sdW1uOiAxO1xuICBncmlkLXJvdzogJHsoeyBpbmRleCB9KSA9PiBpbmRleH07XG4gIHBhZGRpbmc6IDhweDtcbmA7XG5cbmNvbnN0IE5hdlNlY3Rpb24gPSAoe1xuICBpc0FjdGl2ZVRhYixcbiAgc2V0QWN0aXZlVGFiLFxuICBpY29uOiBJY29uLFxuICB0ZXh0LFxuICBpbmRleCxcbiAgY2hpbGRyZW4sXG4gIGl0ZW0sXG4gIHRhYkluZGV4LFxufTogTmF2U2VjdGlvblByb3BzKSA9PiB7XG4gIGNvbnN0IHsgZ2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gPSB1c2VHbG9iYWxIZWFkZXJJdGVtQ2xpY2soKTtcbiAgY29uc3QgeyBzZXRGaXJzdEl0ZW1SZWYgfSA9IHVzZUNvbnRleHQoQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0KTtcbiAgY29uc3QgZ3JpZFJvdyA9IGluZGV4ICsgMjsgLy8gKzEgYmVjYXVzZSBvZiB0aGUgYmFjayBidXR0b25cbiAgY29uc3QgYnV0dG9uUmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmIChpbmRleCA9PT0gMCAmJiBidXR0b25SZWYuY3VycmVudCkge1xuICAgICAgc2V0Rmlyc3RJdGVtUmVmPy4oYnV0dG9uUmVmLmN1cnJlbnQpO1xuICAgIH1cbiAgfSwgW2luZGV4LCBzZXRGaXJzdEl0ZW1SZWZdKTtcblxuICBjb25zdCBvblNlbGVjdCA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICBnbG9iYWxIZWFkZXJJdGVtQ2xpY2soZSwgaXRlbSk7XG4gICAgICBzZXRBY3RpdmVUYWIoaW5kZXgpO1xuICAgIH0sXG4gICAgW2dsb2JhbEhlYWRlckl0ZW1DbGljaywgaXRlbSwgaW5kZXgsIHNldEFjdGl2ZVRhYl1cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICA8Qm94IGRpc3BsYXk9e3sgXzogJ25vbmUnLCBzbTogJ2dyaWQnIH19PlxuICAgICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIHRleHQsIHNtIGFuZCBhYm92ZSAqL31cbiAgICAgICAgPE5hdmlnYXRpb25CdXR0b25cbiAgICAgICAgICByZWY9e2J1dHRvblJlZn1cbiAgICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgZGF0YS10ZXN0aWQ9e2BuYXYtc2VjdGlvbi0ke2l0ZW0uaWR9YH1cbiAgICAgICAgICBhcmlhLWV4cGFuZGVkPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICB0YWJJbmRleD17dGFiSW5kZXh9XG4gICAgICAgICAgYXJpYS1sYWJlbD17dGV4dH1cbiAgICAgICAgPlxuICAgICAgICAgIDxGbGV4Qm94IGdhcD17OH0gYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICAgICAge0ljb24gJiYgKFxuICAgICAgICAgICAgICA8Qm94IGhlaWdodD17MjR9IHdpZHRoPXsyNH0+XG4gICAgICAgICAgICAgICAgPEljb24gc2l6ZT17MjR9IC8+XG4gICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDxPdmVyZmxvd1RleHRcbiAgICAgICAgICAgICAgZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnaW5saW5lLWJsb2NrJyB9fVxuICAgICAgICAgICAgICBtYXhXaWR0aD17eyBfOiAnMTEwcHgnLCBtZDogJ25vbmUnIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHt0ZXh0fVxuICAgICAgICAgICAgPC9PdmVyZmxvd1RleHQ+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnYmxvY2snIH19PlxuICAgICAgICAgICAgPFN0eWxlZEFycm93Q2hldnJvblJpZ2h0SWNvbiBpc0FjdGl2ZT17aXNBY3RpdmVUYWJ9IC8+XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvTmF2aWdhdGlvbkJ1dHRvbj5cbiAgICAgIDwvQm94PlxuICAgICAgey8qIG5hdiBidXR0b24gd2l0aCBpY29uLCB4cyBvbmx5ICovfVxuICAgICAge0ljb24gJiYgKFxuICAgICAgICA8TmF2SWNvbkJ1dHRvbkNvbnRhaW5lclxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgeHM6ICdncmlkJywgc206ICdub25lJyB9fVxuICAgICAgICAgIGluZGV4PXtncmlkUm93fVxuICAgICAgICA+XG4gICAgICAgICAgPE5hdkljb25CdXR0b25cbiAgICAgICAgICAgIG9uQ2xpY2s9e29uU2VsZWN0fVxuICAgICAgICAgICAgaWNvbj17SWNvbn1cbiAgICAgICAgICAgIHRpcD17dGV4dH1cbiAgICAgICAgICAgIHRpcFByb3BzPXt7XG4gICAgICAgICAgICAgIGFsaWdubWVudDogJ3JpZ2h0LWNlbnRlcicsXG4gICAgICAgICAgICAgIG5hcnJvdzogZmFsc2UsXG4gICAgICAgICAgICAgIHBsYWNlbWVudDogJ2Zsb2F0aW5nJyxcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0ZXh0fVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvTmF2SWNvbkJ1dHRvbkNvbnRhaW5lcj5cbiAgICAgICl9XG5cbiAgICAgIDxOYXZQYW5lbENvbnRhaW5lclxuICAgICAgICBpc0ZpcnN0PXtpbmRleCA9PT0gMH1cbiAgICAgICAgZGlzcGxheT17aXNBY3RpdmVUYWIgPyAnYmxvY2snIDogJ25vbmUnfVxuICAgICAgICBncmlkQ29sdW1uPVwiMiAvIHNwYW4gMTJcIlxuICAgICAgICBncmlkUm93PVwiMSAvIHNwYW4gOFwiXG4gICAgICAgIGJnPVwiYmFja2dyb3VuZFwiXG4gICAgICAgIHB4PXszMn1cbiAgICAgICAgcHQ9ezE2fVxuICAgICAgICBwYj17MjR9XG4gICAgICA+XG4gICAgICAgIDxtb3Rpb24uZGl2XG4gICAgICAgICAgYW5pbWF0ZT17eyBvcGFjaXR5OiBpc0FjdGl2ZVRhYiA/IDEgOiAwIH19XG4gICAgICAgICAgdHJhbnNpdGlvbj17eyBkdXJhdGlvbjogMC40LCBlYXNlOiAnZWFzZUluT3V0JyB9fVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L21vdGlvbi5kaXY+XG4gICAgICA8L05hdlBhbmVsQ29udGFpbmVyPlxuICAgIDwvPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTmF2U2VjdGlvbjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledArrowChevronRightIcon = /*#__PURE__*/_styled(ArrowChevronRightIcon, {
-  target: "ed97qwe1",
-  label: "StyledArrowChevronRightIcon"
-})("display:", ({
-  isActive
-}) => isActive ? 'block' : 'none', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RUUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL05hdlNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uLCBHYW11dEljb25Qcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IFJlYWN0LCB7XG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBOYXZJY29uQnV0dG9uIH0gZnJvbSAnLi9Nb2JpbGVCYWNrQnV0dG9uJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgaXRlbTogQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgaXNBY3RpdmVUYWI6IGJvb2xlYW47XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNGaXJzdDogYm9vbGVhbiB9PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgU3R5bGVkQXJyb3dDaGV2cm9uUmlnaHRJY29uID0gc3R5bGVkKEFycm93Q2hldnJvblJpZ2h0SWNvbik8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICdibG9jaycgOiAnbm9uZScpfTtcbmA7XG5cbmNvbnN0IE5hdkljb25CdXR0b25Db250YWluZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG5cbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4fTtcbiAgcGFkZGluZzogOHB4O1xuYDtcblxuY29uc3QgTmF2U2VjdGlvbiA9ICh7XG4gIGlzQWN0aXZlVGFiLFxuICBzZXRBY3RpdmVUYWIsXG4gIGljb246IEljb24sXG4gIHRleHQsXG4gIGluZGV4LFxuICBjaGlsZHJlbixcbiAgaXRlbSxcbiAgdGFiSW5kZXgsXG59OiBOYXZTZWN0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuICBjb25zdCB7IHNldEZpcnN0SXRlbVJlZiB9ID0gdXNlQ29udGV4dChBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQpO1xuICBjb25zdCBncmlkUm93ID0gaW5kZXggKyAyOyAvLyArMSBiZWNhdXNlIG9mIHRoZSBiYWNrIGJ1dHRvblxuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGluZGV4ID09PSAwICYmIGJ1dHRvblJlZi5jdXJyZW50KSB7XG4gICAgICBzZXRGaXJzdEl0ZW1SZWY/LihidXR0b25SZWYuY3VycmVudCk7XG4gICAgfVxuICB9LCBbaW5kZXgsIHNldEZpcnN0SXRlbVJlZl0pO1xuXG4gIGNvbnN0IG9uU2VsZWN0ID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhlLCBpdGVtKTtcbiAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgfSxcbiAgICBbZ2xvYmFsSGVhZGVySXRlbUNsaWNrLCBpdGVtLCBpbmRleCwgc2V0QWN0aXZlVGFiXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnZ3JpZCcgfX0+XG4gICAgICAgIHsvKiBuYXYgYnV0dG9uIHdpdGggdGV4dCwgc20gYW5kIGFib3ZlICovfVxuICAgICAgICA8TmF2aWdhdGlvbkJ1dHRvblxuICAgICAgICAgIHJlZj17YnV0dG9uUmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBpbmRleD17Z3JpZFJvd31cbiAgICAgICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG5hdi1zZWN0aW9uLSR7aXRlbS5pZH1gfVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0ZXh0fVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggaGVpZ2h0PXsyNH0gd2lkdGg9ezI0fT5cbiAgICAgICAgICAgICAgICA8SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPE92ZXJmbG93VGV4dFxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdpbmxpbmUtYmxvY2snIH19XG4gICAgICAgICAgICAgIG1heFdpZHRoPXt7IF86ICcxMTBweCcsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICA8L092ZXJmbG93VGV4dD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX0+XG4gICAgICAgICAgICA8U3R5bGVkQXJyb3dDaGV2cm9uUmlnaHRJY29uIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn0gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9OYXZpZ2F0aW9uQnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIGljb24sIHhzIG9ubHkgKi99XG4gICAgICB7SWNvbiAmJiAoXG4gICAgICAgIDxOYXZJY29uQnV0dG9uQ29udGFpbmVyXG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCB4czogJ2dyaWQnLCBzbTogJ25vbmUnIH19XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgID5cbiAgICAgICAgICA8TmF2SWNvbkJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgICBpY29uPXtJY29ufVxuICAgICAgICAgICAgdGlwPXt0ZXh0fVxuICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgYWxpZ25tZW50OiAncmlnaHQtY2VudGVyJyxcbiAgICAgICAgICAgICAgbmFycm93OiBmYWxzZSxcbiAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3RleHR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9OYXZJY29uQnV0dG9uQ29udGFpbmVyPlxuICAgICAgKX1cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyXG4gICAgICAgIGlzRmlyc3Q9e2luZGV4ID09PSAwfVxuICAgICAgICBkaXNwbGF5PXtpc0FjdGl2ZVRhYiA/ICdibG9jaycgOiAnbm9uZSd9XG4gICAgICAgIGdyaWRDb2x1bW49XCIyIC8gc3BhbiAxMlwiXG4gICAgICAgIGdyaWRSb3c9XCIxIC8gc3BhbiA4XCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBwdD17MTZ9XG4gICAgICAgIHBiPXsyNH1cbiAgICAgID5cbiAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IGlzQWN0aXZlVGFiID8gMSA6IDAgfX1cbiAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjQsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgIDwvTmF2UGFuZWxDb250YWluZXI+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
-const NavIconButtonContainer = /*#__PURE__*/_styled(Box, {
-  target: "ed97qwe0",
-  label: "NavIconButtonContainer"
-})("background-color:", ({
-  theme,
-  isActive
-}) => isActive ? theme.colors.background : theme.colors['gray-100'], ";border-radius:", ({
-  isActive
-}) => isActive ? '8px 0 0 8px' : '8px', ";grid-column:1;grid-row:", ({
-  index
-}) => index, ";padding:8px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9BcHBIZWFkZXIvQXBwSGVhZGVyRWxlbWVudHMvQXBwSGVhZGVyU2VjdGlvbi9OYXZTZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRkUiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0FwcEhlYWRlci9BcHBIZWFkZXJFbGVtZW50cy9BcHBIZWFkZXJTZWN0aW9uL05hdlNlY3Rpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQm94LCBGbGV4Qm94LCBUZXh0IH0gZnJvbSAnQGNvZGVjYWRlbXkvZ2FtdXQnO1xuaW1wb3J0IHsgQXJyb3dDaGV2cm9uUmlnaHRJY29uLCBHYW11dEljb25Qcm9wcyB9IGZyb20gJ0Bjb2RlY2FkZW15L2dhbXV0LWljb25zJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IG1vdGlvbiB9IGZyb20gJ2ZyYW1lci1tb3Rpb24nO1xuaW1wb3J0IFJlYWN0LCB7XG4gIFByb3BzV2l0aENoaWxkcmVuLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlRWZmZWN0LFxuICB1c2VSZWYsXG59IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgdXNlR2xvYmFsSGVhZGVySXRlbUNsaWNrIH0gZnJvbSAnLi4vLi4vLi4vR2xvYmFsSGVhZGVyL2NvbnRleHQnO1xuaW1wb3J0IHtcbiAgQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSxcbiAgQXBwSGVhZGVyUmVzb3VyY2VzRHJvcGRvd25JdGVtLFxufSBmcm9tICcuLi8uLi9zaGFyZWQnO1xuaW1wb3J0IHsgQXBwSGVhZGVyRHJvcGRvd25Db250ZXh0IH0gZnJvbSAnLi4vQXBwSGVhZGVyRHJvcGRvd25Qcm92aWRlcic7XG5pbXBvcnQgeyBOYXZJY29uQnV0dG9uIH0gZnJvbSAnLi9Nb2JpbGVCYWNrQnV0dG9uJztcblxudHlwZSBOYXZTZWN0aW9uUHJvcHMgPSBQcm9wc1dpdGhDaGlsZHJlbiAmIHtcbiAgaXRlbTogQXBwSGVhZGVyQ2F0YWxvZ0Ryb3Bkb3duSXRlbSB8IEFwcEhlYWRlclJlc291cmNlc0Ryb3Bkb3duSXRlbTtcbiAgaXNBY3RpdmVUYWI6IGJvb2xlYW47XG4gIHNldEFjdGl2ZVRhYjogKHRhYjogbnVtYmVyKSA9PiB2b2lkO1xuICBpY29uPzogUmVhY3QuQ29tcG9uZW50VHlwZTxHYW11dEljb25Qcm9wcz47XG4gIHRleHQ6IHN0cmluZztcbiAgaW5kZXg6IG51bWJlcjtcbiAgdGFiSW5kZXg/OiBudW1iZXI7XG59O1xuXG5jb25zdCBOYXZQYW5lbENvbnRhaW5lciA9IHN0eWxlZChCb3gpPHsgaXNGaXJzdDogYm9vbGVhbiB9PmBcbiAgYm9yZGVyLXJhZGl1czogJHsoeyBpc0ZpcnN0IH0pID0+IChpc0ZpcnN0ID8gJzAgOHB4IDhweCA4cHgnIDogJzhweCcpfTtcblxuICBAbWVkaWEgKG1heC13aWR0aDogMTIwMHB4KSB7XG4gICAgYm9yZGVyLXJhZGl1czogOHB4O1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2aWdhdGlvbkJ1dHRvbiA9IHN0eWxlZC5idXR0b248e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbiAgaW5kZXg6IG51bWJlcjtcbn0+YFxuICBncmlkLWNvbHVtbjogMTtcbiAgZ3JpZC1yb3c6ICR7KHsgaW5kZXggfSkgPT4gaW5kZXggKyAxfTtcbiAgcGFkZGluZzogMTZweDtcbiAgYm9yZGVyOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICc4cHggMCAwIDhweCcgOiAnOHB4Jyl9O1xuICBiYWNrZ3JvdW5kOiBub25lO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgIGlzQWN0aXZlID8gdGhlbWUuY29sb3JzLnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dH07XG4gIHRleHQtYWxpZ246IGxlZnQ7XG4gIHdpZHRoOiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICcxMDAlJyA6ICdjYWxjKDEwMCUgLSA4cHgpJyl9O1xuICBoZWlnaHQ6IDYwcHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyBpc0FjdGl2ZSwgdGhlbWUgfSkgPT5cbiAgICBpc0FjdGl2ZSA/IHRoZW1lLmNvbG9ycy5iYWNrZ3JvdW5kIDogdGhlbWUuY29sb3JzWydncmF5LTEwMCddfTtcblxuICAmOmhvdmVyLFxuICAmOmZvY3VzIHtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lLCBpc0FjdGl2ZSB9KSA9PlxuICAgICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snbmF2eS0xMDAnXX07XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzLnByaW1hcnl9O1xuICB9XG5gO1xuXG5jb25zdCBPdmVyZmxvd1RleHQgPSBzdHlsZWQoVGV4dClgXG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuYDtcblxuY29uc3QgU3R5bGVkQXJyb3dDaGV2cm9uUmlnaHRJY29uID0gc3R5bGVkKEFycm93Q2hldnJvblJpZ2h0SWNvbik8e1xuICBpc0FjdGl2ZTogYm9vbGVhbjtcbn0+YFxuICBkaXNwbGF5OiAkeyh7IGlzQWN0aXZlIH0pID0+IChpc0FjdGl2ZSA/ICdibG9jaycgOiAnbm9uZScpfTtcbmA7XG5cbmNvbnN0IE5hdkljb25CdXR0b25Db250YWluZXIgPSBzdHlsZWQoQm94KTx7XG4gIGlzQWN0aXZlOiBib29sZWFuO1xuICBpbmRleDogbnVtYmVyO1xufT5gXG4gIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+XG4gICAgaXNBY3RpdmUgPyB0aGVtZS5jb2xvcnMuYmFja2dyb3VuZCA6IHRoZW1lLmNvbG9yc1snZ3JheS0xMDAnXX07XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgaXNBY3RpdmUgfSkgPT4gKGlzQWN0aXZlID8gJzhweCAwIDAgOHB4JyA6ICc4cHgnKX07XG5cbiAgZ3JpZC1jb2x1bW46IDE7XG4gIGdyaWQtcm93OiAkeyh7IGluZGV4IH0pID0+IGluZGV4fTtcbiAgcGFkZGluZzogOHB4O1xuYDtcblxuY29uc3QgTmF2U2VjdGlvbiA9ICh7XG4gIGlzQWN0aXZlVGFiLFxuICBzZXRBY3RpdmVUYWIsXG4gIGljb246IEljb24sXG4gIHRleHQsXG4gIGluZGV4LFxuICBjaGlsZHJlbixcbiAgaXRlbSxcbiAgdGFiSW5kZXgsXG59OiBOYXZTZWN0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgeyBnbG9iYWxIZWFkZXJJdGVtQ2xpY2sgfSA9IHVzZUdsb2JhbEhlYWRlckl0ZW1DbGljaygpO1xuICBjb25zdCB7IHNldEZpcnN0SXRlbVJlZiB9ID0gdXNlQ29udGV4dChBcHBIZWFkZXJEcm9wZG93bkNvbnRleHQpO1xuICBjb25zdCBncmlkUm93ID0gaW5kZXggKyAyOyAvLyArMSBiZWNhdXNlIG9mIHRoZSBiYWNrIGJ1dHRvblxuICBjb25zdCBidXR0b25SZWYgPSB1c2VSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+KG51bGwpO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGluZGV4ID09PSAwICYmIGJ1dHRvblJlZi5jdXJyZW50KSB7XG4gICAgICBzZXRGaXJzdEl0ZW1SZWY/LihidXR0b25SZWYuY3VycmVudCk7XG4gICAgfVxuICB9LCBbaW5kZXgsIHNldEZpcnN0SXRlbVJlZl0pO1xuXG4gIGNvbnN0IG9uU2VsZWN0ID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGdsb2JhbEhlYWRlckl0ZW1DbGljayhlLCBpdGVtKTtcbiAgICAgIHNldEFjdGl2ZVRhYihpbmRleCk7XG4gICAgfSxcbiAgICBbZ2xvYmFsSGVhZGVySXRlbUNsaWNrLCBpdGVtLCBpbmRleCwgc2V0QWN0aXZlVGFiXVxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPD5cbiAgICAgIDxCb3ggZGlzcGxheT17eyBfOiAnbm9uZScsIHNtOiAnZ3JpZCcgfX0+XG4gICAgICAgIHsvKiBuYXYgYnV0dG9uIHdpdGggdGV4dCwgc20gYW5kIGFib3ZlICovfVxuICAgICAgICA8TmF2aWdhdGlvbkJ1dHRvblxuICAgICAgICAgIHJlZj17YnV0dG9uUmVmfVxuICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn1cbiAgICAgICAgICBpbmRleD17Z3JpZFJvd31cbiAgICAgICAgICBvbkNsaWNrPXtvblNlbGVjdH1cbiAgICAgICAgICBkYXRhLXRlc3RpZD17YG5hdi1zZWN0aW9uLSR7aXRlbS5pZH1gfVxuICAgICAgICAgIGFyaWEtZXhwYW5kZWQ9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgICBhcmlhLWxhYmVsPXt0ZXh0fVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3ggZ2FwPXs4fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAgICB7SWNvbiAmJiAoXG4gICAgICAgICAgICAgIDxCb3ggaGVpZ2h0PXsyNH0gd2lkdGg9ezI0fT5cbiAgICAgICAgICAgICAgICA8SWNvbiBzaXplPXsyNH0gLz5cbiAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICApfVxuICAgICAgICAgICAgPE92ZXJmbG93VGV4dFxuICAgICAgICAgICAgICBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdpbmxpbmUtYmxvY2snIH19XG4gICAgICAgICAgICAgIG1heFdpZHRoPXt7IF86ICcxMTBweCcsIG1kOiAnbm9uZScgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgICA8L092ZXJmbG93VGV4dD5cbiAgICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgICAgPEJveCBkaXNwbGF5PXt7IF86ICdub25lJywgc206ICdibG9jaycgfX0+XG4gICAgICAgICAgICA8U3R5bGVkQXJyb3dDaGV2cm9uUmlnaHRJY29uIGlzQWN0aXZlPXtpc0FjdGl2ZVRhYn0gLz5cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9OYXZpZ2F0aW9uQnV0dG9uPlxuICAgICAgPC9Cb3g+XG4gICAgICB7LyogbmF2IGJ1dHRvbiB3aXRoIGljb24sIHhzIG9ubHkgKi99XG4gICAgICB7SWNvbiAmJiAoXG4gICAgICAgIDxOYXZJY29uQnV0dG9uQ29udGFpbmVyXG4gICAgICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlVGFifVxuICAgICAgICAgIGRpc3BsYXk9e3sgXzogJ25vbmUnLCB4czogJ2dyaWQnLCBzbTogJ25vbmUnIH19XG4gICAgICAgICAgaW5kZXg9e2dyaWRSb3d9XG4gICAgICAgID5cbiAgICAgICAgICA8TmF2SWNvbkJ1dHRvblxuICAgICAgICAgICAgb25DbGljaz17b25TZWxlY3R9XG4gICAgICAgICAgICBpY29uPXtJY29ufVxuICAgICAgICAgICAgdGlwPXt0ZXh0fVxuICAgICAgICAgICAgdGlwUHJvcHM9e3tcbiAgICAgICAgICAgICAgYWxpZ25tZW50OiAncmlnaHQtY2VudGVyJyxcbiAgICAgICAgICAgICAgbmFycm93OiBmYWxzZSxcbiAgICAgICAgICAgICAgcGxhY2VtZW50OiAnZmxvYXRpbmcnLFxuICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3RleHR9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9OYXZJY29uQnV0dG9uQ29udGFpbmVyPlxuICAgICAgKX1cblxuICAgICAgPE5hdlBhbmVsQ29udGFpbmVyXG4gICAgICAgIGlzRmlyc3Q9e2luZGV4ID09PSAwfVxuICAgICAgICBkaXNwbGF5PXtpc0FjdGl2ZVRhYiA/ICdibG9jaycgOiAnbm9uZSd9XG4gICAgICAgIGdyaWRDb2x1bW49XCIyIC8gc3BhbiAxMlwiXG4gICAgICAgIGdyaWRSb3c9XCIxIC8gc3BhbiA4XCJcbiAgICAgICAgYmc9XCJiYWNrZ3JvdW5kXCJcbiAgICAgICAgcHg9ezMyfVxuICAgICAgICBwdD17MTZ9XG4gICAgICAgIHBiPXsyNH1cbiAgICAgID5cbiAgICAgICAgPG1vdGlvbi5kaXZcbiAgICAgICAgICBhbmltYXRlPXt7IG9wYWNpdHk6IGlzQWN0aXZlVGFiID8gMSA6IDAgfX1cbiAgICAgICAgICB0cmFuc2l0aW9uPXt7IGR1cmF0aW9uOiAwLjQsIGVhc2U6ICdlYXNlSW5PdXQnIH19XG4gICAgICAgID5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvbW90aW9uLmRpdj5cbiAgICAgIDwvTmF2UGFuZWxDb250YWluZXI+XG4gICAgPC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBOYXZTZWN0aW9uO1xuIl19 */"));
-const NavSection = ({
-  isActiveTab,
-  setActiveTab,
-  icon: Icon,
-  text,
-  index,
-  children,
-  item,
-  tabIndex
-}) => {
-  const {
-    globalHeaderItemClick
-  } = useGlobalHeaderItemClick();
-  const {
-    setFirstItemRef
-  } = useContext(AppHeaderDropdownContext);
-  const gridRow = index + 2; // +1 because of the back button
-  const buttonRef = useRef(null);
-  useEffect(() => {
-    if (index === 0 && buttonRef.current) {
-      setFirstItemRef?.(buttonRef.current);
-    }
-  }, [index, setFirstItemRef]);
-  const onSelect = useCallback(e => {
-    globalHeaderItemClick(e, item);
-    setActiveTab(index);
-  }, [globalHeaderItemClick, item, index, setActiveTab]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Box, {
-      display: {
-        _: 'none',
-        sm: 'grid'
-      },
-      children: /*#__PURE__*/_jsxs(NavigationButton, {
-        ref: buttonRef,
-        isActive: isActiveTab,
-        index: gridRow,
-        onClick: onSelect,
-        "data-testid": `nav-section-${item.id}`,
-        "aria-expanded": isActiveTab,
-        tabIndex: tabIndex,
-        "aria-label": text,
-        children: [/*#__PURE__*/_jsxs(FlexBox, {
-          gap: 8,
-          alignItems: "center",
-          children: [Icon && /*#__PURE__*/_jsx(Box, {
-            height: 24,
-            width: 24,
-            children: /*#__PURE__*/_jsx(Icon, {
-              size: 24
-            })
-          }), /*#__PURE__*/_jsx(OverflowText, {
-            display: {
-              _: 'none',
-              sm: 'inline-block'
-            },
-            maxWidth: {
-              _: '110px',
-              md: 'none'
-            },
-            children: text
-          })]
-        }), /*#__PURE__*/_jsx(Box, {
-          display: {
-            _: 'none',
-            sm: 'block'
-          },
-          children: /*#__PURE__*/_jsx(StyledArrowChevronRightIcon, {
-            isActive: isActiveTab
-          })
-        })]
-      })
-    }), Icon && /*#__PURE__*/_jsx(NavIconButtonContainer, {
-      isActive: isActiveTab,
-      display: {
-        _: 'none',
-        xs: 'grid',
-        sm: 'none'
-      },
-      index: gridRow,
-      children: /*#__PURE__*/_jsx(NavIconButton, {
-        onClick: onSelect,
-        icon: Icon,
-        tip: text,
-        tipProps: {
-          alignment: 'right-center',
-          narrow: false,
-          placement: 'floating'
-        },
-        "aria-label": text
-      })
-    }), /*#__PURE__*/_jsx(NavPanelContainer, {
-      isFirst: index === 0,
-      display: isActiveTab ? 'block' : 'none',
-      gridColumn: "2 / span 12",
-      gridRow: "1 / span 8",
-      bg: "background",
-      px: 32,
-      pt: 16,
-      pb: 24,
-      children: /*#__PURE__*/_jsx(motion.div, {
-        animate: {
-          opacity: isActiveTab ? 1 : 0
-        },
-        transition: {
-          duration: 0.4,
-          ease: 'easeInOut'
-        },
-        children: children
-      })
-    })]
-  });
-};
-export default NavSection;