{"version":3,"file":"static/chunks/7864-35706b8b2f9f918f.js","mappings":"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","sources":["webpack://_N_E/./src/components/elements/container/index.tsx","webpack://_N_E/./src/components/elements/theme-toggle/theme-toggle.styles.ts","webpack://_N_E/./src/components/elements/theme-toggle/index.tsx","webpack://_N_E/./src/components/layout/footer/footer.styles.ts","webpack://_N_E/./src/components/layout/header/header-mobile/header-mobile.styles.ts","webpack://_N_E/./src/components/modules/drawer/drawer.styles.ts","webpack://_N_E/./src/components/modules/drawer/index.tsx","webpack://_N_E/./src/lib/hooks/use-path-change.ts","webpack://_N_E/./src/components/layout/header/header-mobile/mobile-drawer-menu.tsx","webpack://_N_E/./src/components/layout/header/header.styles.ts"],"sourcesContent":["import { StyledContainer } from './container.styles';\nimport type { ContainerProps } from './container.types';\n\nexport const Container = ({ children, as, $size = 'default', ...props }: ContainerProps) => {\n  return (\n    <StyledContainer as={as} $size={$size || 'default'} {...props}>\n      {children}\n    </StyledContainer>\n  );\n};\n","'use client';\n\nimport type { IconProps } from '@phosphor-icons/react';\nimport { Moon, Sun } from '@phosphor-icons/react';\n\nimport { styled, css } from '@/styles';\n\nconst iconStyles = css`\n  fill: ${({ theme }) => theme.colors.text.darkGrey};\n\n  &[data-is-active='true'] {\n    fill: ${({ theme }) => theme.colors.white};\n  }\n`;\n\nexport const StyledLabel = styled.label`\n  --icon-size: 48px;\n  max-width: 98px;\n  border-radius: 12px;\n  display: flex;\n  align-items: center;\n  height: fit-content;\n  gap: 10px;\n  cursor: pointer;\n  box-shadow: 0 0 8px ${({ theme }) => theme.colors.shadowDefault};\n`;\n\nexport const StyledMoon = styled(Moon)<IconProps>`\n  &&& {\n    ${iconStyles};\n  }\n`;\n\nexport const StyledSun = styled(Sun)<IconProps>`\n  &&& {\n    ${iconStyles};\n  }\n`;\n\nexport const StyledSwitch = styled.div`\n  position: relative;\n  width: 98px;\n  height: 50px;\n  background: ${({ theme }) => theme.colors.inkBlack};\n  border-radius: 12px;\n  padding: 4px;\n  transition: 350ms all ease-in;\n  border: 1px solid ${({ theme }) => theme.colors.darkGrey};\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 0;\n    width: var(--icon-size);\n    height: var(--icon-size);\n    border-radius: 11px;\n    background: ${({ theme }) => theme.colors.inkGrey};\n    transform: translate(0, -50%);\n    transition: 300ms transform cubic-bezier(0.25, 0.1, 0.52, 0.95);\n  }\n`;\n\nexport const StyledInput = styled.input`\n  opacity: 0;\n  position: absolute;\n\n  &:checked + *[data-switch] {\n    background: ${({ theme }) => theme.colors.inkBlack};\n\n    &:before {\n      transform: translate(var(--icon-size), -50%);\n    }\n  }\n\n  &:focus-visible + *[data-switch] {\n    border: 1px solid ${({ theme }) => theme.colors.inkGrey};\n    box-shadow:\n      0px 0px 8px 0px rgba(230, 232, 242, 0.05),\n      0px 0px 0px 8px rgba(50, 52, 59, 0.6);\n  }\n`;\n\nexport const StyledIconsWrapper = styled.span`\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  width: 96px;\n`;\n","'use client';\n\nimport { useTheme } from 'next-themes';\nimport type { ChangeEvent, KeyboardEvent } from 'react';\n\nimport {\n  StyledIconsWrapper,\n  StyledInput,\n  StyledLabel,\n  StyledMoon,\n  StyledSun,\n  StyledSwitch,\n} from './theme-toggle.styles';\n\nimport { useMounted } from '@/lib/hooks/use-mounted';\n\nexport const ThemeToggle = ({ id = 'themetoggle' }: { id?: string }) => {\n  const { isMounted } = useMounted();\n  const { theme, setTheme } = useTheme();\n\n  if (!isMounted) {\n    return null;\n  }\n\n  const handleThemeChange = (e: ChangeEvent<HTMLInputElement>) => {\n    const isChecked = e.target.checked;\n    setTheme(isChecked ? 'light' : 'dark');\n  };\n\n  const isLightMode = theme === 'light';\n\n  const handleKeyPress = (event: KeyboardEvent<HTMLLabelElement>) => {\n    if (event.key === 'Enter') {\n      setTheme(isLightMode ? 'dark' : 'light');\n    }\n  };\n\n  const changeThemeText = isLightMode ? 'dark' : 'light';\n\n  return (\n    <StyledLabel htmlFor={id} onKeyDown={handleKeyPress}>\n      <span className=\"visually-hidden\">Enable {changeThemeText} mode</span>\n      <StyledIconsWrapper>\n        <StyledMoon aria-label=\"Dark theme\" weight=\"fill\" data-is-active={!isLightMode} />\n        <StyledSun aria-label=\"Light theme\" weight=\"fill\" data-is-active={isLightMode} />\n      </StyledIconsWrapper>\n      <StyledInput\n        id={id}\n        role=\"switch\"\n        name={id}\n        checked={isLightMode}\n        type=\"checkbox\"\n        aria-checked={isLightMode}\n        onChange={handleThemeChange}\n      />\n      <StyledSwitch data-switch />\n    </StyledLabel>\n  );\n};\n","'use client';\n\nimport { Container } from '@/components/elements/container';\nimport { screens, styled } from '@/styles';\n\nexport const StyledFooter = styled.footer`\n  margin-top: 32px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    margin-top: 96px;\n  }\n`;\n\nexport const StyledSimpleFooter = styled.footer`\n  margin-top: 0;\n`;\n\nexport const StyledContainer = styled(Container)`\n  &&& {\n    position: relative;\n    display: flex;\n    flex-direction: column-reverse;\n    gap: 24px;\n\n    @media (min-width: ${screens.md}) {\n      flex-direction: row;\n      gap: 40px;\n    }\n\n    @media (min-width: ${screens.lg}) {\n      flex-direction: row;\n    }\n  }\n`;\n\nexport const StyledColumn = styled.div`\n  &:first-child {\n    display: flex;\n    flex-direction: column;\n    min-width: min-content;\n    gap: 16px;\n\n    @media (min-width: ${screens.xl}) {\n      flex-direction: column;\n      min-width: 398px;\n      gap: 57px;\n    }\n  }\n\n  &:last-child {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n\n    @media (min-width: ${screens.md}) {\n      grid-template-columns: repeat(3, 1fr);\n      gap: 40px;\n    }\n\n    @media (min-width: ${screens.lg}) {\n      grid-template-columns: repeat(4, 1fr);\n      gap: 50px;\n    }\n\n    @media (min-width: ${screens['2xl']}) {\n      grid-template-columns: repeat(4, 1fr);\n      gap: 91px;\n    }\n\n    & div {\n      @media (min-width: ${screens.md}) {\n        min-width: max-content;\n      }\n\n      &:nth-of-type(1) {\n        order: 2;\n\n        @media (min-width: ${screens.lg}) {\n          order: 1;\n        }\n      }\n\n      &:nth-of-type(2) {\n        order: 3;\n\n        @media (min-width: ${screens.lg}) {\n          order: 2;\n        }\n      }\n\n      &:nth-of-type(3) {\n        order: 2;\n\n        @media (min-width: ${screens.lg}) {\n          order: 3;\n        }\n      }\n\n      &:nth-of-type(4) {\n        order: 1;\n\n        @media (min-width: ${screens.lg}) {\n          order: 4;\n        }\n      }\n    }\n  }\n`;\n\nexport const StyledMenuWrapper = styled.div<{ $displayOnMobile: boolean; $displayOnDesktop: boolean; $gapxl?: string }>`\n  flex-direction: column;\n  gap: 22px;\n\n  @media (max-width: ${screens.lg}) {\n    display: ${({ $displayOnMobile }) => ($displayOnMobile ? 'flex' : 'none')};\n  }\n\n  @media (min-width: ${screens.lg}) {\n    display: ${({ $displayOnDesktop }) => ($displayOnDesktop ? 'flex' : 'none')};\n    gap: ${props => props.$gapxl || '21px'};\n  }\n`;\n\nexport const StyledMenuItems = styled.ul<{ $displayOnMobile: boolean; $displayOnDesktop: boolean }>`\n  flex-direction: column;\n  gap: 16px;\n\n  @media (max-width: ${screens.lg}) {\n    display: ${({ $displayOnMobile }) => ($displayOnMobile ? 'flex' : 'none')};\n  }\n\n  @media (min-width: ${screens.lg}) {\n    display: ${({ $displayOnDesktop }) => ($displayOnDesktop ? 'flex' : 'none')};\n    gap: 24px;\n  }\n\n  @media (min-width: ${screens.md}) {\n    & a:focus {\n      transition: color ease-in 200ms;\n      color: ${({ theme }) => theme.colors.cinnarbarRed};\n    }\n\n    @media (hover: hover) {\n      & a:hover {\n        transition: color ease-in 200ms;\n        color: ${({ theme }) => theme.colors.cinnarbarRed};\n      }\n    }\n  }\n`;\n\nexport const StyledSeparator = styled.hr<{ $isSimple?: boolean }>`\n  border-color: ${({ theme }) => theme.colors.darkGrey};\n  margin: ${({ $isSimple }) => ($isSimple ? '16px 0' : '24px 0')};\n\n  @media (min-width: ${screens.xl}) {\n    margin: ${({ $isSimple }) => ($isSimple ? '32px 0' : '48px 0')};\n  }\n`;\n\nexport const StyledFooterCopySection = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 32px;\n  gap: 16px;\n\n  @media (min-width: ${screens.xl}) {\n    flex-direction: row;\n  }\n`;\n\nexport const StyledSimpleFooterWrapper = styled(StyledFooterCopySection)`\n  &&& {\n    gap: 32px;\n    position: relative;\n\n    & svg[data-logo='true'] {\n      width: fit-content;\n      height: 26px;\n    }\n  }\n`;\n\nexport const StyledIconsWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  flex-wrap: wrap;\n  align-items: end;\n  gap: 25px;\n\n  @media (min-width: ${screens.md}) {\n    flex-direction: column;\n    align-items: start;\n    gap: 57px;\n  }\n`;\n","'use client';\n\nimport { screens, styled } from '@/styles';\n\nexport const StyledMobileWrapper = styled.div`\n  display: block;\n  text-align: center;\n\n  @media (min-width: ${screens['lg']}) {\n    display: none;\n  }\n`;\n\nexport const StyledNavMobileItems = styled.nav`\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 2.5rem;\n  text-transform: uppercase;\n  margin-top: 15px;\n\n  @media (min-width: ${screens.md}) {\n    & a:focus {\n      span {\n        transition: color ease-in 200ms;\n        color: ${({ theme }) => theme.colors.cinnarbarRed};\n      }\n    }\n\n    @media (hover: hover) {\n      & a:hover {\n        span {\n          transition: color ease-in 200ms;\n          color: ${({ theme }) => theme.colors.cinnarbarRed};\n        }\n      }\n    }\n  }\n`;\n","import type { StyledDrawerProps } from './drawer.types';\n\nimport { styled } from '@/styles';\n\nexport const DrawerContainer = styled.div<StyledDrawerProps>`\n  position: fixed;\n  top: 0;\n  left: ${({ $isOpen }) => ($isOpen ? '0' : '-100%')};\n  width: 100%;\n  height: 100dvh;\n  background-color: ${({ theme }) => theme.colors.inkGrey};\n  transition: left 0.3s ease-in-out;\n  box-shadow: ${({ $isOpen }) => ($isOpen ? ' 0 0 10px rgba(0, 0, 0, 0.1)' : 'initial')};\n  z-index: 1000;\n`;\n\nexport const DrawerHeader = styled.div`\n  padding: 11px 16px;\n  max-height: 70px;\n  background-color: ${({ theme }) => theme.colors.inkGrey};\n  border-bottom: 1px solid ${({ theme }) => theme.colors.button.border};\n`;\n\nexport const DrawerContent = styled.div`\n  padding: 16px;\n  height: calc(100dvh - 80px);\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  gap: 20px;\n`;\n","import { CaretLeft } from '@phosphor-icons/react';\n\nimport { DrawerContainer, DrawerContent, DrawerHeader } from './drawer.styles';\nimport type { DrawerProps } from './drawer.types';\n\nimport { Button } from '@/components/elements/button';\n\nexport const Drawer = ({ $isOpen = false, onClose, children }: Component<DrawerProps>) => {\n  return (\n    <DrawerContainer $isOpen={$isOpen}>\n      <DrawerHeader>\n        <Button\n          style={{ width: 48, height: 48, padding: 0, marginLeft: 'auto' }}\n          $variant=\"secondary\"\n          onClick={onClose}\n          aria-label=\"Close mobile menu\"\n        >\n          <CaretLeft aria-hidden=\"true\" size={16} weight=\"fill\" />\n        </Button>\n      </DrawerHeader>\n      <DrawerContent>{children}</DrawerContent>\n    </DrawerContainer>\n  );\n};\n","'use client';\n\nimport { usePathname } from 'next/navigation';\nimport { useEffect, useState } from 'react';\n\nexport const usePathnameChange = () => {\n  const pathname = usePathname();\n  const [changes, setChanges] = useState(0);\n\n  useEffect(() => {\n    setChanges(prev => prev + 1);\n  }, [pathname]);\n\n  return {\n    isPathnameChanged: changes,\n  };\n};\n","'use client';\n\nimport { List } from '@phosphor-icons/react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '@/components/elements/button';\nimport { Drawer } from '@/components/modules/drawer';\nimport { usePathnameChange } from '@/lib/hooks/use-path-change';\nimport { isSSR } from '@/lib/utils';\n\nexport const MobileDrawerMenu = ({ children }: Component) => {\n  const [isOpen, setIsOpen] = useState(false);\n  const { isPathnameChanged } = usePathnameChange();\n  const drawerRef = useRef<HTMLDivElement>(null);\n\n  const toggleDrawer = () => {\n    setIsOpen(!isOpen);\n  };\n\n  const closeDrawer = useCallback(() => {\n    setIsOpen(false);\n  }, []);\n\n  useEffect(() => {\n    const links = drawerRef.current?.querySelectorAll('a');\n    links?.forEach(link => link.addEventListener('click', closeDrawer));\n\n    return () => links?.forEach(link => link.removeEventListener('click', closeDrawer));\n  }, []);\n\n  useEffect(() => {\n    if (!isSSR && window.document) {\n      const overflow = isOpen ? 'hidden' : 'initial';\n      document.body.style.overflow = overflow;\n      document.documentElement.style.overflow = overflow;\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (isPathnameChanged) {\n      setIsOpen(false);\n    }\n  }, [isPathnameChanged]);\n\n  return (\n    <>\n      <Button\n        style={{ width: 48, height: 48, padding: 0 }}\n        aria-label=\"Open mobile menu\"\n        $variant=\"secondary\"\n        onClick={toggleDrawer}\n      >\n        <List aria-hidden=\"true\" size={16} color=\"currenColor\" />\n      </Button>\n      <div ref={drawerRef}>\n        <Drawer $isOpen={isOpen} onClose={toggleDrawer}>\n          {children}\n        </Drawer>\n      </div>\n    </>\n  );\n};\n","'use client';\n\nimport { Container } from '@/components/elements/container';\nimport { screens, styled } from '@/styles';\n\nexport const StyledHeader = styled.header`\n  position: relative;\n  border-bottom: 1px solid ${({ theme }) => theme.colors.button.border};\n`;\n\nexport const StyledLogoWrapper = styled.div`\n  & svg {\n    fill: currentColor;\n    width: auto;\n    height: 26px;\n  }\n`;\n\nexport const StyledHeaderContainer = styled(Container)`\n  &&& {\n    display: flex;\n    align-items: center;\n    padding-top: 22px;\n    padding-bottom: 22px;\n    gap: 56px;\n    max-height: 70px;\n\n    justify-content: space-between;\n  }\n`;\n\nexport const StyledNavItems = styled.nav`\n  display: inline-flex;\n  align-items: center;\n  gap: 48px;\n\n  @media (min-width: ${screens['lg']}) {\n    display: flex;\n  }\n\n  & a:focus {\n    span {\n      transition: color ease-in 200ms;\n      color: ${({ theme }) => theme.colors.cinnarbarRed};\n    }\n  }\n\n  @media (hover: hover) {\n    & a:hover {\n      span {\n        transition: color ease-in 200ms;\n        color: ${({ theme }) => theme.colors.cinnarbarRed};\n      }\n    }\n  }\n`;\n\nexport const StyledNavigation = styled.div`\n  width: 100%;\n  display: none;\n  align-items: center;\n  justify-content: space-between;\n\n  @media (min-width: ${screens['lg']}) {\n    display: flex;\n  }\n`;\n"],"names":["Container","children","as","$size","props","param","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","StyledContainer","iconStyles","css","theme","colors","text","darkGrey","white","StyledLabel","styled","label","_templateObject1","shadowDefault","StyledMoon","Moon","StyledSun","Sun","StyledSwitch","div","_templateObject4","inkBlack","inkGrey","StyledInput","input","_templateObject5","StyledIconsWrapper","span","_templateObject6","ThemeToggle","id","isMounted","useMounted","setTheme","useTheme","isLightMode","changeThemeText","jsx_runtime","jsxs","htmlFor","onKeyDown","event","key","className","aria-label","weight","data-is-active","role","name","checked","type","aria-checked","onChange","isChecked","target","data-switch","StyledFooter","footer","_templateObject","screens","lg","StyledSimpleFooter","md","StyledColumn","_templateObject3","xl","StyledMenuWrapper","$displayOnMobile","$displayOnDesktop","$gapxl","StyledMenuItems","ul","cinnarbarRed","StyledSeparator","hr","$isSimple","StyledFooterCopySection","_templateObject7","StyledSimpleFooterWrapper","_templateObject9","StyledMobileWrapper","StyledNavMobileItems","nav","DrawerContainer","$isOpen","DrawerHeader","button","border","DrawerContent","_templateObject2","Drawer","onClose","Button","style","width","height","padding","marginLeft","$variant","onClick","CaretLeft","aria-hidden","size","usePathnameChange","pathname","usePathname","changes","setChanges","useState","useEffect","prev","isPathnameChanged","MobileDrawerMenu","isOpen","setIsOpen","drawerRef","useRef","toggleDrawer","closeDrawer","useCallback","links","current","querySelectorAll","forEach","link","addEventListener","removeEventListener","isSSR","window","document","overflow","body","documentElement","Fragment","List","color","ref","StyledHeader","header","StyledHeaderContainer","StyledNavItems","StyledNavigation"],"sourceRoot":""}