@skodaflow/web-library 7.14.0 → 7.15.1

package/layout/Footer/FooterMenu.d.ts

@@ -1,25 +0,0 @@
-import { BoxProps } from '@mui/material';
-import { ReactNode } from 'react';
-export type FooterMenuProps = {
-    /**
-     * Main item of Menu, `Link` component can be used here
-     * @requires
-     */
-    mainItem: ReactNode;
-    /**
-     * Other items of Menu, multiple `Link` components wrapped in fragment can be used here
-     * @requires
-     */
-    subItems: ReactNode;
-    /**
-     * Variant of the Menu
-     * List will have all items rendered, this is suitable for larger screens.
-     * Accordion will have only main item rendered, sub items can be shown/hidden by user action. This is suitable for smaller screens.
-     * @default list
-     */
-    variant?: 'list' | 'accordion';
-} & BoxProps;
-/**
- * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.
- */
-export declare function FooterMenu({ mainItem, subItems, variant, sx, ...rest }: FooterMenuProps): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterMenu.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"tslib";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Icon as n}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{useMediaQuery as r,Box as i,Typography as a,IconButton as c,Collapse as s,Stack as l}from"@mui/material";import{useState as d,useEffect as p,useMemo as m}from"react";function x(x){var{mainItem:u,subItems:f,variant:g,sx:b}=x,h=o(x,["mainItem","subItems","variant","sx"]);const y=r((o=>o.breakpoints.down("lg")));g=g||(y?"accordion":"list");const[j,v]=d("list"===g);p((()=>{"list"===g&&v(!0)}),[g,v]);const D=m((()=>"accordion"===g&&y),[g,y]);return e(i,Object.assign({"data-testid":"FooterMenu",sx:Object.assign(Object.assign({display:"flex",gap:D?0:2,flexDirection:"column"},D?{"&:last-of-type":{borderBottom:1,borderColor:"secondary.main"}}:{}),b||{})},h,{children:[e(i,{sx:o=>Object.assign({color:o.palette.onSurface.os0,"& a":{color:o.palette.onSurface.os0,textDecorationColor:o.palette.onSurface.os0,textDecoration:"none","&:hover":{textDecoration:"underline"}},minHeight:{xs:"44px",lg:"32px",xl:"20px"},display:"flex",alignItems:{xs:"center",lg:"accordion"===g?"center":"flex-start"},justifyContent:"space-between",cursor:"accordion"===g&&"pointer"},D?{borderTop:1,py:{xs:"4px",md:"8px"},borderColor:"secondary.main"}:{}),onClick:"accordion"===g?()=>v(!j):void 0,children:[t(a,{component:"div",variant:"subheadline","data-testid":"FooterMenu.label",children:u}),"accordion"===g&&t(c,{"aria-label":"Open submenu","data-testid":"FooterMenu.toggle",children:t(n,{fontSize:"small",name:j?"chevron-up":"chevron-down"})})]}),t(s,{in:j,"data-testid":"FooterMenu.content",children:t(l,{direction:"column",sx:o=>Object.assign(Object.assign({},o.typography.disclaimer1),{color:o.palette.onSurface.os200,gap:y?"16px":"12px","& a":{color:o.palette.onSurface.os200,textDecorationColor:o.palette.onSurface.os200,textDecoration:"none","&:hover":{textDecoration:"underline"}},paddingTop:D&&1,paddingBottom:D&&2.5,"& .MuiTypography-root":{fontWeight:600}}),children:f})})]}))}export{x as FooterMenu};
-//# sourceMappingURL=FooterMenu.js.map

package/layout/Footer/FooterMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterMenu.js","sources":["../../../src/layout/Footer/FooterMenu.tsx"],"sourcesContent":["import { Icon } from '@/src/components/icon';\nimport { Box, BoxProps, Collapse, IconButton, Stack, Typography, useMediaQuery, Theme } from '@mui/material';\nimport { ReactNode, useEffect, useState, useMemo } from 'react';\n\nexport type FooterMenuProps = {\n  /**\n   * Main item of Menu, `Link` component can be used here\n   * @requires\n   */\n  mainItem: ReactNode;\n  /**\n   * Other items of Menu, multiple `Link` components wrapped in fragment can be used here\n   * @requires\n   */\n  subItems: ReactNode;\n  /**\n   * Variant of the Menu\n   * List will have all items rendered, this is suitable for larger screens.\n   * Accordion will have only main item rendered, sub items can be shown/hidden by user action. This is suitable for smaller screens.\n   * @default list\n   */\n  variant?: 'list' | 'accordion';\n} & BoxProps;\n\n/**\n * Renders a footer menu, is expected to be used with links. Allows a collapsible (accordion) variant.\n */\nexport function FooterMenu({ mainItem, subItems, variant, sx, ...rest }: FooterMenuProps) {\n  const isSmallerThanLg = useMediaQuery<Theme>((theme) => theme.breakpoints.down('lg'));\n  // Get value from prop or define based on breakpoint\n  variant = variant || (isSmallerThanLg ? 'accordion' : 'list');\n  const [isOpen, setIsOpen] = useState(variant === 'list');\n\n  useEffect(() => {\n    if (variant === 'list') {\n      setIsOpen(true);\n    }\n  }, [variant, setIsOpen]);\n\n  const isMobileAccordion = useMemo(() => variant === 'accordion' && isSmallerThanLg, [variant, isSmallerThanLg]);\n\n  return (\n    <Box\n      data-testid=\"FooterMenu\"\n      sx={{\n        display: 'flex',\n        gap: isMobileAccordion ? 0 : 2,\n        flexDirection: 'column',\n        // last accordion item should has bottom border\n        ...(isMobileAccordion\n          ? {\n              '&:last-of-type': {\n                borderBottom: 1,\n                borderColor: 'secondary.main',\n              },\n            }\n          : {}),\n        ...(sx || {}),\n      }}\n      {...rest}\n    >\n      <Box\n        sx={(theme) => ({\n          color: theme.palette.onSurface.os0,\n          '& a': {\n            color: theme.palette.onSurface.os0,\n            textDecorationColor: theme.palette.onSurface.os0,\n            textDecoration: 'none',\n            '&:hover': {\n              textDecoration: 'underline',\n            },\n          },\n          minHeight: { xs: '44px', lg: '32px', xl: '20px' },\n          display: 'flex',\n          alignItems: { xs: 'center', lg: variant === 'accordion' ? 'center' : 'flex-start' },\n          justifyContent: 'space-between',\n          cursor: variant === 'accordion' && 'pointer',\n          // each mobile accordion item should has border\n          ...(isMobileAccordion\n            ? {\n                borderTop: 1,\n                py: { xs: '4px', md: '8px' },\n                borderColor: 'secondary.main',\n              }\n            : {}),\n        })}\n        onClick={variant === 'accordion' ? () => setIsOpen(!isOpen) : undefined}\n      >\n        <Typography component=\"div\" variant=\"subheadline\" data-testid=\"FooterMenu.label\">\n          {mainItem}\n        </Typography>\n        {variant === 'accordion' && (\n          <IconButton aria-label=\"Open submenu\" data-testid=\"FooterMenu.toggle\">\n            <Icon fontSize=\"small\" name={isOpen ? 'chevron-up' : 'chevron-down'} />\n          </IconButton>\n        )}\n      </Box>\n\n      <Collapse in={isOpen} data-testid=\"FooterMenu.content\">\n        <Stack\n          direction=\"column\"\n          sx={(theme) => ({\n            ...theme.typography.disclaimer1,\n            color: theme.palette.onSurface.os200,\n            gap: isSmallerThanLg ? '16px' : '12px',\n            '& a': {\n              color: theme.palette.onSurface.os200,\n              textDecorationColor: theme.palette.onSurface.os200,\n              textDecoration: 'none',\n              '&:hover': {\n                textDecoration: 'underline',\n              },\n            },\n            paddingTop: isMobileAccordion && 1,\n            paddingBottom: isMobileAccordion && 2.5,\n            '& .MuiTypography-root': {\n              fontWeight: 600,\n            },\n          })}\n        >\n          {subItems}\n        </Stack>\n      </Collapse>\n    </Box>\n  );\n}\n"],"names":["FooterMenu","_a","mainItem","subItems","variant","sx","rest","__rest","isSmallerThanLg","useMediaQuery","theme","breakpoints","down","isOpen","setIsOpen","useState","useEffect","isMobileAccordion","useMemo","_jsxs","Box","Object","assign","display","gap","flexDirection","borderBottom","borderColor","children","color","palette","onSurface","os0","textDecorationColor","textDecoration","minHeight","xs","lg","xl","alignItems","justifyContent","cursor","borderTop","py","md","onClick","undefined","_jsx","Typography","component","IconButton","Icon","fontSize","name","Collapse","in","Stack","direction","typography","disclaimer1","os200","paddingTop","paddingBottom","fontWeight"],"mappings":"qWA2BM,SAAUA,EAAWC,GAAA,IAAAC,SAAEA,EAAQC,SAAEA,EAAQC,QAAEA,EAAOC,GAAEA,GAAEJ,EAAKK,EAAtCC,EAAAN,EAAA,CAAA,WAAA,WAAA,UAAA,OACzB,MAAMO,EAAkBC,GAAsBC,GAAUA,EAAMC,YAAYC,KAAK,QAE/ER,EAAUA,IAAYI,EAAkB,YAAc,QACtD,MAAOK,EAAQC,GAAaC,EAAqB,SAAZX,GAErCY,GAAU,KACQ,SAAZZ,GACFU,GAAU,KAEX,CAACV,EAASU,IAEb,MAAMG,EAAoBC,GAAQ,IAAkB,cAAZd,GAA2BI,GAAiB,CAACJ,EAASI,IAE9F,OACEW,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,aACZjB,GAAEgB,OAAAC,OAAAD,OAAAC,OAAA,CACAC,QAAS,OACTC,IAAKP,EAAoB,EAAI,EAC7BQ,cAAe,UAEXR,EACA,CACE,iBAAkB,CAChBS,aAAc,EACdC,YAAa,mBAGjB,IACAtB,GAAM,CAAA,IAERC,EAAI,CAAAsB,SAAA,CAERT,EAACC,GACCf,GAAKK,GAAUW,OAAAC,OAAA,CACbO,MAAOnB,EAAMoB,QAAQC,UAAUC,IAC/B,MAAO,CACLH,MAAOnB,EAAMoB,QAAQC,UAAUC,IAC/BC,oBAAqBvB,EAAMoB,QAAQC,UAAUC,IAC7CE,eAAgB,OAChB,UAAW,CACTA,eAAgB,cAGpBC,UAAW,CAAEC,GAAI,OAAQC,GAAI,OAAQC,GAAI,QACzCf,QAAS,OACTgB,WAAY,CAAEH,GAAI,SAAUC,GAAgB,cAAZjC,EAA0B,SAAW,cACrEoC,eAAgB,gBAChBC,OAAoB,cAAZrC,GAA2B,WAE/Ba,EACA,CACEyB,UAAW,EACXC,GAAI,CAAEP,GAAI,MAAOQ,GAAI,OACrBjB,YAAa,kBAEf,CAAE,GAERkB,QAAqB,cAAZzC,EAA0B,IAAMU,GAAWD,QAAUiC,EAASlB,SAAA,CAEvEmB,EAACC,GAAWC,UAAU,MAAM7C,QAAQ,cAAa,cAAa,mBAAkBwB,SAC7E1B,IAEU,cAAZE,GACC2C,EAACG,EAAU,CAAA,aAAY,eAAc,cAAa,oBAAmBtB,SACnEmB,EAACI,EAAK,CAAAC,SAAS,QAAQC,KAAMxC,EAAS,aAAe,sBAK3DkC,EAACO,EAAS,CAAAC,GAAI1C,EAAoB,cAAA,qBAChCe,SAAAmB,EAACS,EAAK,CACJC,UAAU,SACVpD,GAAKK,GACAW,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAZ,EAAMgD,WAAWC,aACpB,CAAA9B,MAAOnB,EAAMoB,QAAQC,UAAU6B,MAC/BpC,IAAKhB,EAAkB,OAAS,OAChC,MAAO,CACLqB,MAAOnB,EAAMoB,QAAQC,UAAU6B,MAC/B3B,oBAAqBvB,EAAMoB,QAAQC,UAAU6B,MAC7C1B,eAAgB,OAChB,UAAW,CACTA,eAAgB,cAGpB2B,WAAY5C,GAAqB,EACjC6C,cAAe7C,GAAqB,IACpC,wBAAyB,CACvB8C,WAAY,gBAIf5D,SAKX"}

package/layout/Footer/FooterSectionContact.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material';
-export type FooterSectionContactProps = {
-    /**
-     * Items that should be rendered in left side of the Footer.
-     */
-    contactSlot?: ReactNode;
-    contactSlotProps?: BoxProps;
-    /**
-     * Items that should be rendered in right side of the Footer.
-     */
-    socialSlot?: ReactNode;
-    socialSlotProps?: BoxProps;
-} & BoxProps;
-/**
- * Renders a footer section for links divided into two columns
- */
-export declare function FooterSectionContact(props: FooterSectionContactProps): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterSectionContact.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"tslib";import{jsxs as o,jsx as e}from"react/jsx-runtime";import{Box as s}from"@mui/material";function a(a){const{sx:i}=a,l=t(a,["sx"]),c=a.contactSlotProps||{},{sx:n}=c,r=t(c,["sx"]),x=a.socialSlotProps||{},{sx:p}=x,f=t(x,["sx"]);return a.contactSlot||a.socialSlot?o(s,Object.assign({"data-testid":"FooterSectionContact",sx:Object.assign({display:"flex",rowGap:6,columnGap:2,flexDirection:{xs:"column",lg:"row"},flexWrap:"wrap",justifyContent:"space-between"},i||{})},l,{children:[e(s,Object.assign({"data-testid":"FooterSectionContact.contact",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:{xs:2,lg:4},flexDirection:{xs:"column",lg:"row"}},n||{})},r,{children:a.contactSlot})),e(s,Object.assign({"data-testid":"FooterSectionContact.social",sx:Object.assign({display:"flex",flexWrap:"wrap",gap:2,flexDirection:"row",justifyContent:{xs:"flex-start",lg:"flex-end"}},p||{})},f,{children:a.socialSlot}))]})):null}export{a as FooterSectionContact};
-//# sourceMappingURL=FooterSectionContact.js.map

package/layout/Footer/FooterSectionContact.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterSectionContact.js","sources":["../../../src/layout/Footer/FooterSectionContact.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport type FooterSectionContactProps = {\n  /**\n   * Items that should be rendered in left side of the Footer.\n   */\n  contactSlot?: ReactNode;\n  contactSlotProps?: BoxProps;\n  /**\n   * Items that should be rendered in right side of the Footer.\n   */\n  socialSlot?: ReactNode;\n  socialSlotProps?: BoxProps;\n} & BoxProps;\n\n/**\n * Renders a footer section for links divided into two columns\n */\nexport function FooterSectionContact(props: FooterSectionContactProps) {\n  const { sx, ...rest } = props;\n  const { sx: contactSlotSx, ...contactSlotRest } = props.contactSlotProps || {};\n  const { sx: socialSlotSx, ...socialSlotRest } = props.socialSlotProps || {};\n\n  if (!props.contactSlot && !props.socialSlot) {\n    return null;\n  }\n\n  return (\n    <Box\n      data-testid=\"FooterSectionContact\"\n      sx={{\n        display: 'flex',\n        rowGap: 6,\n        columnGap: 2,\n        flexDirection: { xs: 'column', lg: 'row' },\n        flexWrap: 'wrap',\n        justifyContent: 'space-between',\n        ...(sx || {}),\n      }}\n      {...rest}\n    >\n      <Box\n        data-testid=\"FooterSectionContact.contact\"\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: { xs: 2, lg: 4 },\n          flexDirection: {\n            xs: 'column',\n            lg: 'row',\n          },\n          ...(contactSlotSx || {}),\n        }}\n        {...contactSlotRest}\n      >\n        {props.contactSlot}\n      </Box>\n      <Box\n        data-testid=\"FooterSectionContact.social\"\n        sx={{\n          display: 'flex',\n          flexWrap: 'wrap',\n          gap: 2,\n          flexDirection: 'row',\n          justifyContent: { xs: 'flex-start', lg: 'flex-end' },\n          ...(socialSlotSx || {}),\n        }}\n        {...socialSlotRest}\n      >\n        {props.socialSlot}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["FooterSectionContact","props","sx","rest","__rest","_a","contactSlotProps","contactSlotSx","contactSlotRest","_b","socialSlotProps","socialSlotSx","socialSlotRest","contactSlot","socialSlot","_jsxs","Box","Object","assign","display","rowGap","columnGap","flexDirection","xs","lg","flexWrap","justifyContent","children","_jsx","gap"],"mappings":"qHAmBM,SAAUA,EAAqBC,GACnC,MAAMC,GAAEA,GAAgBD,EAATE,EAAIC,EAAKH,EAAlB,CAAe,OACfI,EAA4CJ,EAAMK,kBAAoB,CAAE,GAAtEJ,GAAIK,GAAkEF,EAAhDG,EAAxBJ,EAAAC,EAAA,CAAA,OACAI,EAA0CR,EAAMS,iBAAmB,CAAE,GAAnER,GAAIS,GAA+DF,EAA9CG,EAAvBR,EAAAK,EAAA,CAAA,OAEN,OAAKR,EAAMY,aAAgBZ,EAAMa,WAK/BC,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,uBACZhB,GAAEe,OAAAC,OAAA,CACAC,QAAS,OACTC,OAAQ,EACRC,UAAW,EACXC,cAAe,CAAEC,GAAI,SAAUC,GAAI,OACnCC,SAAU,OACVC,eAAgB,iBACZxB,GAAM,CAAE,IAEVC,EAAI,CAAAwB,SAAA,CAERC,EAACZ,+BACa,+BACZd,GAAEe,OAAAC,OAAA,CACAC,QAAS,OACTM,SAAU,OACVI,IAAK,CAAEN,GAAI,EAAGC,GAAI,GAClBF,cAAe,CACbC,GAAI,SACJC,GAAI,QAEFjB,GAAiB,CAAE,IAErBC,EAAe,CAAAmB,SAElB1B,EAAMY,eAETe,EAACZ,EAAGC,OAAAC,OAAA,CAAA,cACU,8BACZhB,GAAEe,OAAAC,OAAA,CACAC,QAAS,OACTM,SAAU,OACVI,IAAK,EACLP,cAAe,MACfI,eAAgB,CAAEH,GAAI,aAAcC,GAAI,aACpCb,GAAgB,CAAE,IAEpBC,EAEH,CAAAe,SAAA1B,EAAMa,kBA7CJ,IAiDX"}

package/layout/Footer/FooterSectionLinks.d.ts

@@ -1,25 +0,0 @@
-import { BoxProps, TypographyProps, ButtonProps } from '@mui/material';
-export type FooterSectionLinksProps = {
-    /**
-     * Text wrapped by styled Typography component
-     */
-    textSlot?: React.ReactNode;
-    /**
-     * Props for text
-     */
-    textTypographyProps?: TypographyProps;
-    /**
-     * Props for button
-     */
-    buttonProps?: ButtonProps & {
-        label?: React.ReactNode;
-    };
-    /**
-     * Links wrapper style
-     */
-    linksWrapperProps?: BoxProps;
-} & BoxProps;
-/**
- * Renders a footer section with custom styled links and text, button slots.
- */
-export declare function FooterSectionLinks(props: FooterSectionLinksProps): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterSectionLinks.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"tslib";import{jsxs as t,jsx as r}from"react/jsx-runtime";import{Box as s,Typography as i,Button as n}from"@mui/material";import{useMemo as o}from"react";function a(a){const{sx:l={},children:c,textSlot:p,textTypographyProps:x={},linksWrapperProps:g={},buttonProps:d}=a,b=e(a,["sx","children","textSlot","textTypographyProps","linksWrapperProps","buttonProps"]),{label:m}=d||{},{sx:f}=g||{},{sx:h}=x||{},u=o((()=>({display:"flex",flexWrap:"wrap",alignItems:{xs:"flex-start",lg:"center"},flexDirection:{xs:"column",lg:"row"},"& .MuiLink-root":{textDecoration:"underline",textUnderlineOffset:"2px"}})),[]);return t(s,Object.assign({"data-testid":"FooterSectionLinks",sx:Object.assign(Object.assign({gap:{xs:4,lg:3},".MuiLink-root, a":e=>Object.assign(Object.assign({},e.typography.disclaimer1),{color:"onSurface.os0"})},u),l)},b,{children:[p&&r(i,Object.assign({variant:"disclaimer1",color:"onSurface.os200",sx:Object.assign(Object.assign({display:"inline-flex",alignItems:"center",mr:{xs:0,lg:5},order:{xs:1,lg:0}},c&&{"&:after":{content:"''",display:{xs:"none",lg:"inline-block"},position:"relative",height:"14px",width:"1px",backgroundColor:"secondary.main",right:"-32px"}}),h)},x,{children:p})),r(s,Object.assign({sx:Object.assign(Object.assign(Object.assign({},u),{gap:{xs:2,lg:3},flexGrow:"1"}),f)},g,{children:c})),m&&r(n,Object.assign({variant:"shortcut",color:"inherit",sx:{order:2}},d,{children:r(s,{component:"span",sx:{textDecoration:"underline"},children:m})}))]}))}export{a as FooterSectionLinks};
-//# sourceMappingURL=FooterSectionLinks.js.map

package/layout/Footer/FooterSectionLinks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterSectionLinks.js","sources":["../../../src/layout/Footer/FooterSectionLinks.tsx"],"sourcesContent":["import { Box, BoxProps, Typography, TypographyProps, Button, ButtonProps, SxProps } from '@mui/material';\nimport { useMemo } from 'react';\n\nexport type FooterSectionLinksProps = {\n  /**\n   * Text wrapped by styled Typography component\n   */\n  textSlot?: React.ReactNode;\n  /**\n   * Props for text\n   */\n  textTypographyProps?: TypographyProps;\n  /**\n   * Props for button\n   */\n  buttonProps?: ButtonProps & { label?: React.ReactNode };\n  /**\n   * Links wrapper style\n   */\n  linksWrapperProps?: BoxProps;\n} & BoxProps;\n\n/**\n * Renders a footer section with custom styled links and text, button slots.\n */\nexport function FooterSectionLinks(props: FooterSectionLinksProps) {\n  const { sx = {}, children, textSlot, textTypographyProps = {}, linksWrapperProps = {}, buttonProps, ...rest } = props;\n  const { label } = buttonProps || {};\n  const { sx: linksWrapperSx } = linksWrapperProps || {};\n  const { sx: textTypographySx } = textTypographyProps || {};\n\n  const sharedWrapperStyle: SxProps = useMemo(\n    () => ({\n      display: 'flex',\n      flexWrap: 'wrap',\n      alignItems: { xs: 'flex-start', lg: 'center' },\n      flexDirection: { xs: 'column', lg: 'row' },\n      '& .MuiLink-root': {\n        textDecoration: 'underline',\n        textUnderlineOffset: '2px',\n      },\n    }),\n    [],\n  );\n\n  return (\n    <Box\n      data-testid=\"FooterSectionLinks\"\n      sx={{\n        gap: { xs: 4, lg: 3 },\n        '.MuiLink-root, a': (theme) => ({\n          ...theme.typography.disclaimer1,\n          color: 'onSurface.os0',\n        }),\n        ...sharedWrapperStyle,\n        ...sx,\n      }}\n      {...rest}\n    >\n      {textSlot && (\n        <Typography\n          variant=\"disclaimer1\"\n          color=\"onSurface.os200\"\n          sx={{\n            display: 'inline-flex',\n            alignItems: 'center',\n            mr: { xs: 0, lg: 5 },\n            order: { xs: 1, lg: 0 },\n            ...(children && {\n              '&:after': {\n                content: \"''\",\n                display: { xs: 'none', lg: 'inline-block' },\n                position: 'relative',\n                height: '14px',\n                width: '1px',\n                backgroundColor: 'secondary.main',\n                right: '-32px',\n              },\n            }),\n            ...textTypographySx,\n          }}\n          {...textTypographyProps}\n        >\n          {textSlot}\n        </Typography>\n      )}\n\n      <Box\n        sx={{\n          ...sharedWrapperStyle,\n          gap: { xs: 2, lg: 3 },\n          flexGrow: '1',\n          ...linksWrapperSx,\n        }}\n        {...linksWrapperProps}\n      >\n        {children}\n      </Box>\n\n      {label && (\n        <Button variant=\"shortcut\" color=\"inherit\" sx={{ order: 2 }} {...buttonProps}>\n          <Box component=\"span\" sx={{ textDecoration: 'underline' }}>\n            {label}\n          </Box>\n        </Button>\n      )}\n    </Box>\n  );\n}\n"],"names":["FooterSectionLinks","props","sx","children","textSlot","textTypographyProps","linksWrapperProps","buttonProps","rest","__rest","label","linksWrapperSx","textTypographySx","sharedWrapperStyle","useMemo","display","flexWrap","alignItems","xs","lg","flexDirection","textDecoration","textUnderlineOffset","_jsxs","Box","Object","assign","gap","theme","typography","disclaimer1","color","_jsx","Typography","variant","mr","order","content","position","height","width","backgroundColor","right","flexGrow","Button","component"],"mappings":"iLAyBM,SAAUA,EAAmBC,GACjC,MAAMC,GAAEA,EAAK,CAAE,EAAAC,SAAEA,EAAQC,SAAEA,EAAQC,oBAAEA,EAAsB,GAAEC,kBAAEA,EAAoB,CAAE,EAAAC,YAAEA,GAAyBN,EAATO,EAAIC,EAAKR,EAA1G,CAAuG,KAAA,WAAA,WAAA,sBAAA,oBAAA,iBACvGS,MAAEA,GAAUH,GAAe,CAAE,GAC3BL,GAAIS,GAAmBL,GAAqB,CAAE,GAC9CJ,GAAIU,GAAqBP,GAAuB,CAAE,EAEpDQ,EAA8BC,GAClC,KAAO,CACLC,QAAS,OACTC,SAAU,OACVC,WAAY,CAAEC,GAAI,aAAcC,GAAI,UACpCC,cAAe,CAAEF,GAAI,SAAUC,GAAI,OACnC,kBAAmB,CACjBE,eAAgB,YAChBC,oBAAqB,UAGzB,IAGF,OACEC,EAACC,EAAGC,OAAAC,OAAA,CAAA,cACU,qBACZxB,gCACEyB,IAAK,CAAET,GAAI,EAAGC,GAAI,GAClB,mBAAqBS,GAAUH,OAAAC,OAAAD,OAAAC,OAAA,GAC1BE,EAAMC,WAAWC,aAAW,CAC/BC,MAAO,mBAENlB,GACAX,IAEDM,EAAI,CAAAL,SAAA,CAEPC,GACC4B,EAACC,iBACCC,QAAQ,cACRH,MAAM,kBACN7B,GACEuB,OAAAC,OAAAD,OAAAC,OAAA,CAAAX,QAAS,cACTE,WAAY,SACZkB,GAAI,CAAEjB,GAAI,EAAGC,GAAI,GACjBiB,MAAO,CAAElB,GAAI,EAAGC,GAAI,IAChBhB,GAAY,CACd,UAAW,CACTkC,QAAS,KACTtB,QAAS,CAAEG,GAAI,OAAQC,GAAI,gBAC3BmB,SAAU,WACVC,OAAQ,OACRC,MAAO,MACPC,gBAAiB,iBACjBC,MAAO,WAGR9B,IAEDP,EAEH,CAAAF,SAAAC,KAIL4B,EAACR,iBACCtB,GAAEuB,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,GACGb,GACH,CAAAc,IAAK,CAAET,GAAI,EAAGC,GAAI,GAClBwB,SAAU,MACPhC,IAEDL,EAAiB,CAAAH,SAEpBA,KAGFO,GACCsB,EAACY,iBAAOV,QAAQ,WAAWH,MAAM,UAAU7B,GAAI,CAAEkC,MAAO,IAAS7B,EAC/D,CAAAJ,SAAA6B,EAACR,EAAG,CAACqB,UAAU,OAAO3C,GAAI,CAAEmB,eAAgB,sBACzCX,UAMb"}

package/layout/Footer/FooterSectionMenu.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-import { BoxProps } from '@mui/material';
-export type FooterSectionMenuProps = {
-    children: ReactNode;
-} & BoxProps;
-/**
- * Renders 6 menu sections next to each other
- */
-export declare function FooterSectionMenu({ children, sx, ...rest }: FooterSectionMenuProps): import("react/jsx-runtime").JSX.Element;

package/layout/Footer/FooterSectionMenu.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"tslib";import{jsx as r}from"react/jsx-runtime";import{Box as e}from"@mui/material";function i(i){var{children:s,sx:n}=i,a=t(i,["children","sx"]);return r(e,Object.assign({"data-testid":"FooterSectionMenu",sx:Object.assign({display:"grid",alignItems:"start",justifyContent:"stretch",gridTemplateColumns:{xs:"1fr",lg:"repeat(6, 1fr)"},gap:{xs:0,lg:2}},n||{})},a,{children:s}))}export{i as FooterSectionMenu};
-//# sourceMappingURL=FooterSectionMenu.js.map

package/layout/Footer/FooterSectionMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FooterSectionMenu.js","sources":["../../../src/layout/Footer/FooterSectionMenu.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, BoxProps } from '@mui/material';\n\nexport type FooterSectionMenuProps = {\n  children: ReactNode;\n} & BoxProps;\n\n/**\n * Renders 6 menu sections next to each other\n */\nexport function FooterSectionMenu({ children, sx, ...rest }: FooterSectionMenuProps) {\n  return (\n    <Box\n      data-testid=\"FooterSectionMenu\"\n      sx={{\n        display: 'grid',\n        alignItems: 'start',\n        justifyContent: 'stretch',\n        gridTemplateColumns: { xs: '1fr', lg: 'repeat(6, 1fr)' },\n        gap: { xs: 0, lg: 2 },\n        ...(sx || {}),\n      }}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n}\n"],"names":["FooterSectionMenu","_a","children","sx","rest","__rest","_jsx","Box","Object","assign","display","alignItems","justifyContent","gridTemplateColumns","xs","lg","gap"],"mappings":"2GAUM,SAAUA,EAAkBC,OAAAC,SAAEA,EAAQC,GAAEA,GAAEF,EAAKG,EAAIC,EAAAJ,EAAvB,mBAChC,OACEK,EAACC,EACaC,OAAAC,OAAA,CAAA,cAAA,oBACZN,GAAEK,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,QACZC,eAAgB,UAChBC,oBAAqB,CAAEC,GAAI,MAAOC,GAAI,kBACtCC,IAAK,CAAEF,GAAI,EAAGC,GAAI,IACdZ,GAAM,CAAA,IAERC,EAEH,CAAAF,SAAAA,IAGP"}

package/layout/Footer/PredefinedFooterIconButtons.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { FooterIconButtonProps } from './FooterIconButton';
-export type PredefinedFooterIconButtonProps = Omit<FooterIconButtonProps<'button'>, 'icon' | 'iconSrc' | 'aria-label'>;
-export declare const FacebookFooterIconButton: FC<PredefinedFooterIconButtonProps>;
-export declare const InstagramFooterIconButton: FC<PredefinedFooterIconButtonProps>;
-export declare const TwitterFooterIconButton: FC<PredefinedFooterIconButtonProps>;
-export declare const YoutubeFooterIconButton: FC<PredefinedFooterIconButtonProps>;
-export declare const LinkedinFooterIconButton: FC<PredefinedFooterIconButtonProps>;

package/layout/Footer/PredefinedFooterIconButtons.js

@@ -1,2 +0,0 @@
-import{jsx as o}from"react/jsx-runtime";import{FooterIconButton as t}from"./FooterIconButton.js";import{FacebookIcon as s}from"./assets/FacebookIcon.js";import{InstagramIcon as r}from"./assets/InstagramIcon.js";import{YoutubeIcon as n}from"./assets/YoutubeIcon.js";import{TwitterIcon as i}from"./assets/TwitterIcon.js";import{LinkedinIcon as e}from"./assets/LinkedinIcon.js";function m(s,r){return n=>o(t,Object.assign({"aria-label":r},n,{children:s}))}const a=m(o(s,{}),"Facebook link"),c=m(o(r,{}),"Instagram link"),k=m(o(i,{}),"Twitter link"),I=m(o(n,{}),"Youtube link"),f=m(o(e,{}),"LinkedIn link");export{a as FacebookFooterIconButton,c as InstagramFooterIconButton,f as LinkedinFooterIconButton,k as TwitterFooterIconButton,I as YoutubeFooterIconButton};
-//# sourceMappingURL=PredefinedFooterIconButtons.js.map

package/layout/Footer/PredefinedFooterIconButtons.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PredefinedFooterIconButtons.js","sources":["../../../src/layout/Footer/PredefinedFooterIconButtons.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react';\nimport { FooterIconButton, FooterIconButtonProps } from './FooterIconButton';\nimport { FacebookIcon, InstagramIcon, TwitterIcon, YoutubeIcon, LinkedinIcon } from './assets';\n\nexport type PredefinedFooterIconButtonProps = Omit<FooterIconButtonProps<'button'>, 'icon' | 'iconSrc' | 'aria-label'>;\n\nfunction createPredefinedButton(icon: ReactNode, label: string): FC<PredefinedFooterIconButtonProps> {\n  return (props) => {\n    return (\n      <FooterIconButton aria-label={label} {...props}>\n        {icon}\n      </FooterIconButton>\n    );\n  };\n}\n\nexport const FacebookFooterIconButton = createPredefinedButton(<FacebookIcon />, 'Facebook link');\nexport const InstagramFooterIconButton = createPredefinedButton(<InstagramIcon />, 'Instagram link');\nexport const TwitterFooterIconButton = createPredefinedButton(<TwitterIcon />, 'Twitter link');\nexport const YoutubeFooterIconButton = createPredefinedButton(<YoutubeIcon />, 'Youtube link');\nexport const LinkedinFooterIconButton = createPredefinedButton(<LinkedinIcon />, 'LinkedIn link');\n"],"names":["createPredefinedButton","icon","label","props","_jsx","FooterIconButton","Object","assign","children","FacebookFooterIconButton","FacebookIcon","InstagramFooterIconButton","InstagramIcon","TwitterFooterIconButton","TwitterIcon","YoutubeFooterIconButton","YoutubeIcon","LinkedinFooterIconButton","LinkedinIcon"],"mappings":"uXAMA,SAASA,EAAuBC,EAAiBC,GAC/C,OAAQC,GAEJC,EAACC,EAA6BC,OAAAC,OAAA,CAAA,aAAAL,GAAWC,EACtC,CAAAK,SAAAP,IAIT,CAEO,MAAMQ,EAA2BT,EAAuBI,EAACM,EAAe,CAAA,GAAE,iBACpEC,EAA4BX,EAAuBI,EAACQ,EAAgB,CAAA,GAAE,kBACtEC,EAA0Bb,EAAuBI,EAACU,EAAc,CAAA,GAAE,gBAClEC,EAA0Bf,EAAuBI,EAACY,EAAc,CAAA,GAAE,gBAClEC,EAA2BjB,EAAuBI,EAACc,EAAe,CAAA,GAAE"}

package/layout/Footer/assets/FacebookIcon.d.ts

@@ -1 +0,0 @@
-export declare const FacebookIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/FacebookIcon.js

@@ -1,2 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{SvgIcon as o}from"@mui/material";const t=()=>r(o,{viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M34.9997 20.0549C34.9997 11.7707 28.2839 5.05493 19.9997 5.05493C11.7155 5.05493 4.99969 11.7707 4.99969 20.0549C4.99969 27.0893 9.8429 32.9921 16.3763 34.6133V24.6389H13.2833V20.0549H16.3763V18.0797C16.3763 12.9743 18.6869 10.6079 23.6993 10.6079C24.6497 10.6079 26.2895 10.7945 26.9603 10.9805V15.1355C26.6063 15.0983 25.9913 15.0797 25.2275 15.0797C22.7681 15.0797 21.8177 16.0115 21.8177 18.4337V20.0549H26.7173L25.8755 24.6389H21.8177V34.9451C29.2451 34.0481 35.0003 27.7241 35.0003 20.0549H34.9997Z",fill:"currentColor"})});export{t as FacebookIcon};
-//# sourceMappingURL=FacebookIcon.js.map

package/layout/Footer/assets/FacebookIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FacebookIcon.js","sources":["../../../../src/layout/Footer/assets/FacebookIcon.tsx"],"sourcesContent":["import { SvgIcon } from '@mui/material';\n\nexport const FacebookIcon = () => (\n  <SvgIcon viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M34.9997 20.0549C34.9997 11.7707 28.2839 5.05493 19.9997 5.05493C11.7155 5.05493 4.99969 11.7707 4.99969 20.0549C4.99969 27.0893 9.8429 32.9921 16.3763 34.6133V24.6389H13.2833V20.0549H16.3763V18.0797C16.3763 12.9743 18.6869 10.6079 23.6993 10.6079C24.6497 10.6079 26.2895 10.7945 26.9603 10.9805V15.1355C26.6063 15.0983 25.9913 15.0797 25.2275 15.0797C22.7681 15.0797 21.8177 16.0115 21.8177 18.4337V20.0549H26.7173L25.8755 24.6389H21.8177V34.9451C29.2451 34.0481 35.0003 27.7241 35.0003 20.0549H34.9997Z\"\n      fill=\"currentColor\"\n    />\n  </SvgIcon>\n);\n"],"names":["FacebookIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEO,MAAMA,EAAe,IAC1BC,EAACC,EAAQ,CAAAC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SACzEL,UACEM,EAAE,2fACFH,KAAK"}

package/layout/Footer/assets/InstagramIcon.d.ts

@@ -1 +0,0 @@
-export declare const InstagramIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/InstagramIcon.js

@@ -1,2 +0,0 @@
-import{jsx as C}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>C(r,{viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:C("path",{d:"M13.7876 5.10491C12.1916 5.18021 11.1017 5.43491 10.1489 5.80931C9.16283 6.19361 8.32702 6.70931 7.49542 7.54391C6.66382 8.37851 6.15172 9.21491 5.77012 10.2025C5.40082 11.1574 5.15062 12.2482 5.08012 13.8451C5.00962 15.442 4.99402 15.9553 5.00182 20.0287C5.00962 24.1021 5.02762 24.6127 5.10502 26.2129C5.18122 27.8086 5.43502 28.8982 5.80942 29.8513C6.19432 30.8374 6.70942 31.6729 7.54432 32.5048C8.37922 33.3367 9.21502 33.8476 10.205 34.2298C11.159 34.5985 12.2501 34.8499 13.8467 34.9198C15.4433 34.9897 15.9572 35.0059 20.0294 34.9981C24.1016 34.9903 24.6143 34.9723 26.2142 34.8964C27.8141 34.8205 28.898 34.5649 29.8514 34.1923C30.8375 33.8065 31.6736 33.2923 32.5049 32.4571C33.3362 31.6219 33.848 30.7849 34.2293 29.7967C34.5989 28.8427 34.85 27.7516 34.9193 26.1562C34.9892 24.5551 35.0057 24.0439 34.9979 19.9711C34.9901 15.8983 34.9718 15.3877 34.8959 13.7881C34.82 12.1885 34.5659 11.1022 34.1918 10.1485C33.8063 9.16241 33.2918 8.32751 32.4572 7.49501C31.6226 6.66251 30.785 6.15101 29.7971 5.77061C28.8425 5.40131 27.752 5.14961 26.1554 5.08061C24.5588 5.01161 24.0449 4.99391 19.9712 5.00171C15.8975 5.00951 15.3875 5.02691 13.7876 5.10491ZM13.9628 32.2213C12.5003 32.1577 11.7062 31.9147 11.177 31.7113C10.4762 31.4413 9.97703 31.1149 9.44963 30.5926C8.92222 30.0703 8.59822 29.5693 8.32462 28.87C8.11912 28.3408 7.87162 27.5476 7.80322 26.0851C7.72882 24.5044 7.71322 24.0298 7.70452 20.0251C7.69582 16.0204 7.71112 15.5464 7.78042 13.9651C7.84282 12.5038 8.08732 11.7088 8.29042 11.1799C8.56042 10.4782 8.88562 9.97991 9.40912 9.45281C9.93262 8.92571 10.4321 8.60111 11.132 8.32751C11.6606 8.12111 12.4538 7.87571 13.9157 7.80611C15.4976 7.73111 15.9716 7.71611 19.9757 7.70741C23.9798 7.69871 24.455 7.71371 26.0375 7.78331C27.4988 7.84691 28.2941 8.08901 28.8224 8.29331C29.5235 8.56331 30.0224 8.88761 30.5495 9.41201C31.0766 9.93641 31.4015 10.4341 31.6751 11.1355C31.8818 11.6626 32.1272 12.4555 32.1962 13.9183C32.2715 15.5002 32.2886 15.9745 32.2958 19.9783C32.303 23.9821 32.2889 24.4576 32.2196 26.0383C32.1557 27.5008 31.9133 28.2952 31.7096 28.825C31.4396 29.5255 31.1141 30.025 30.5903 30.5518C30.0665 31.0786 29.5676 31.4032 28.8674 31.6768C28.3394 31.8829 27.5453 32.1289 26.0846 32.1985C24.5027 32.2729 24.0287 32.2885 20.0231 32.2972C16.0175 32.3059 15.545 32.2897 13.9631 32.2213M26.1911 11.983C26.1917 12.339 26.2979 12.6869 26.4962 12.9826C26.6945 13.2783 26.976 13.5085 27.3052 13.6442C27.6344 13.7799 27.9964 13.8149 28.3454 13.7448C28.6945 13.6747 29.015 13.5027 29.2662 13.2505C29.5175 12.9982 29.6884 12.6772 29.7572 12.3279C29.826 11.9785 29.7897 11.6167 29.6528 11.288C29.5159 10.9593 29.2846 10.6786 28.9882 10.4814C28.6918 10.2842 28.3436 10.1793 27.9875 10.18C27.5102 10.181 27.0529 10.3714 26.716 10.7095C26.3791 11.0477 26.1903 11.5057 26.1911 11.983ZM12.2981 20.0149C12.3065 24.2689 15.7613 27.7096 20.0144 27.7015C24.2675 27.6934 27.7106 24.2389 27.7025 19.9849C27.6944 15.7309 24.2387 12.2893 19.985 12.2977C15.7313 12.3061 12.29 15.7615 12.2981 20.0149ZM14.9999 20.0095C14.998 19.0206 15.2893 18.0533 15.8371 17.2299C16.3849 16.4066 17.1645 15.7642 18.0774 15.3839C18.9903 15.0037 19.9955 14.9027 20.9658 15.0937C21.9361 15.2847 22.828 15.7591 23.5286 16.457C24.2293 17.1549 24.7073 18.0449 24.9021 19.0144C25.097 19.984 24.9999 20.9895 24.6233 21.9039C24.2467 22.8183 23.6073 23.6005 22.7862 24.1515C21.965 24.7026 20.9988 24.9977 20.0099 24.9997C19.3533 25.0011 18.7028 24.8731 18.0956 24.623C17.4885 24.373 16.9365 24.0058 16.4712 23.5424C16.006 23.079 15.6366 22.5285 15.3842 21.9223C15.1317 21.3161 15.0011 20.6662 14.9999 20.0095Z",fill:"currentColor"})});export{o as InstagramIcon};
-//# sourceMappingURL=InstagramIcon.js.map

package/layout/Footer/assets/InstagramIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InstagramIcon.js","sources":["../../../../src/layout/Footer/assets/InstagramIcon.tsx"],"sourcesContent":["import { SvgIcon } from '@mui/material';\n\nexport const InstagramIcon = () => (\n  <SvgIcon viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M13.7876 5.10491C12.1916 5.18021 11.1017 5.43491 10.1489 5.80931C9.16283 6.19361 8.32702 6.70931 7.49542 7.54391C6.66382 8.37851 6.15172 9.21491 5.77012 10.2025C5.40082 11.1574 5.15062 12.2482 5.08012 13.8451C5.00962 15.442 4.99402 15.9553 5.00182 20.0287C5.00962 24.1021 5.02762 24.6127 5.10502 26.2129C5.18122 27.8086 5.43502 28.8982 5.80942 29.8513C6.19432 30.8374 6.70942 31.6729 7.54432 32.5048C8.37922 33.3367 9.21502 33.8476 10.205 34.2298C11.159 34.5985 12.2501 34.8499 13.8467 34.9198C15.4433 34.9897 15.9572 35.0059 20.0294 34.9981C24.1016 34.9903 24.6143 34.9723 26.2142 34.8964C27.8141 34.8205 28.898 34.5649 29.8514 34.1923C30.8375 33.8065 31.6736 33.2923 32.5049 32.4571C33.3362 31.6219 33.848 30.7849 34.2293 29.7967C34.5989 28.8427 34.85 27.7516 34.9193 26.1562C34.9892 24.5551 35.0057 24.0439 34.9979 19.9711C34.9901 15.8983 34.9718 15.3877 34.8959 13.7881C34.82 12.1885 34.5659 11.1022 34.1918 10.1485C33.8063 9.16241 33.2918 8.32751 32.4572 7.49501C31.6226 6.66251 30.785 6.15101 29.7971 5.77061C28.8425 5.40131 27.752 5.14961 26.1554 5.08061C24.5588 5.01161 24.0449 4.99391 19.9712 5.00171C15.8975 5.00951 15.3875 5.02691 13.7876 5.10491ZM13.9628 32.2213C12.5003 32.1577 11.7062 31.9147 11.177 31.7113C10.4762 31.4413 9.97703 31.1149 9.44963 30.5926C8.92222 30.0703 8.59822 29.5693 8.32462 28.87C8.11912 28.3408 7.87162 27.5476 7.80322 26.0851C7.72882 24.5044 7.71322 24.0298 7.70452 20.0251C7.69582 16.0204 7.71112 15.5464 7.78042 13.9651C7.84282 12.5038 8.08732 11.7088 8.29042 11.1799C8.56042 10.4782 8.88562 9.97991 9.40912 9.45281C9.93262 8.92571 10.4321 8.60111 11.132 8.32751C11.6606 8.12111 12.4538 7.87571 13.9157 7.80611C15.4976 7.73111 15.9716 7.71611 19.9757 7.70741C23.9798 7.69871 24.455 7.71371 26.0375 7.78331C27.4988 7.84691 28.2941 8.08901 28.8224 8.29331C29.5235 8.56331 30.0224 8.88761 30.5495 9.41201C31.0766 9.93641 31.4015 10.4341 31.6751 11.1355C31.8818 11.6626 32.1272 12.4555 32.1962 13.9183C32.2715 15.5002 32.2886 15.9745 32.2958 19.9783C32.303 23.9821 32.2889 24.4576 32.2196 26.0383C32.1557 27.5008 31.9133 28.2952 31.7096 28.825C31.4396 29.5255 31.1141 30.025 30.5903 30.5518C30.0665 31.0786 29.5676 31.4032 28.8674 31.6768C28.3394 31.8829 27.5453 32.1289 26.0846 32.1985C24.5027 32.2729 24.0287 32.2885 20.0231 32.2972C16.0175 32.3059 15.545 32.2897 13.9631 32.2213M26.1911 11.983C26.1917 12.339 26.2979 12.6869 26.4962 12.9826C26.6945 13.2783 26.976 13.5085 27.3052 13.6442C27.6344 13.7799 27.9964 13.8149 28.3454 13.7448C28.6945 13.6747 29.015 13.5027 29.2662 13.2505C29.5175 12.9982 29.6884 12.6772 29.7572 12.3279C29.826 11.9785 29.7897 11.6167 29.6528 11.288C29.5159 10.9593 29.2846 10.6786 28.9882 10.4814C28.6918 10.2842 28.3436 10.1793 27.9875 10.18C27.5102 10.181 27.0529 10.3714 26.716 10.7095C26.3791 11.0477 26.1903 11.5057 26.1911 11.983ZM12.2981 20.0149C12.3065 24.2689 15.7613 27.7096 20.0144 27.7015C24.2675 27.6934 27.7106 24.2389 27.7025 19.9849C27.6944 15.7309 24.2387 12.2893 19.985 12.2977C15.7313 12.3061 12.29 15.7615 12.2981 20.0149ZM14.9999 20.0095C14.998 19.0206 15.2893 18.0533 15.8371 17.2299C16.3849 16.4066 17.1645 15.7642 18.0774 15.3839C18.9903 15.0037 19.9955 14.9027 20.9658 15.0937C21.9361 15.2847 22.828 15.7591 23.5286 16.457C24.2293 17.1549 24.7073 18.0449 24.9021 19.0144C25.097 19.984 24.9999 20.9895 24.6233 21.9039C24.2467 22.8183 23.6073 23.6005 22.7862 24.1515C21.965 24.7026 20.9988 24.9977 20.0099 24.9997C19.3533 25.0011 18.7028 24.8731 18.0956 24.623C17.4885 24.373 16.9365 24.0058 16.4712 23.5424C16.006 23.079 15.6366 22.5285 15.3842 21.9223C15.1317 21.3161 15.0011 20.6662 14.9999 20.0095Z\"\n      fill=\"currentColor\"\n    />\n  </SvgIcon>\n);\n"],"names":["InstagramIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEO,MAAMA,EAAgB,IAC3BC,EAACC,EAAQ,CAAAC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SACzEL,UACEM,EAAE,2gHACFH,KAAK"}

package/layout/Footer/assets/LinkedinIcon.d.ts

@@ -1 +0,0 @@
-export declare const LinkedinIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/LinkedinIcon.js

@@ -1,2 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{SvgIcon as l}from"@mui/material";const o=()=>e(l,{viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M31.6667 35H8.33333C6.49238 35 5 33.5076 5 31.6667V8.33333C5 6.49238 6.49238 5 8.33333 5H31.6667C33.5076 5 35 6.49238 35 8.33333V31.6667C35 33.5076 33.5076 35 31.6667 35ZM26.3809 30.8327H30.8327V21.6874C30.8327 17.8179 28.6392 15.9469 25.5754 15.9469C22.5102 15.9469 21.2202 18.3339 21.2202 18.3339V16.3882H16.9299V30.8327H21.2202V23.2502C21.2202 21.2186 22.1554 20.0096 23.9455 20.0096C25.5909 20.0096 26.3809 21.1713 26.3809 23.2502V30.8327ZM9.16602 11.8314C9.16602 13.3034 10.3502 14.4969 11.8116 14.4969C13.2729 14.4969 14.4564 13.3034 14.4564 11.8314C14.4564 10.3595 13.2729 9.16602 11.8116 9.16602C10.3502 9.16602 9.16602 10.3595 9.16602 11.8314ZM14.0699 30.8327H9.59625V16.3882H14.0699V30.8327Z",fill:"currentColor"})});export{o as LinkedinIcon};
-//# sourceMappingURL=LinkedinIcon.js.map

package/layout/Footer/assets/LinkedinIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LinkedinIcon.js","sources":["../../../../src/layout/Footer/assets/LinkedinIcon.tsx"],"sourcesContent":["import { SvgIcon } from '@mui/material';\n\nexport const LinkedinIcon = () => (\n  <SvgIcon viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M31.6667 35H8.33333C6.49238 35 5 33.5076 5 31.6667V8.33333C5 6.49238 6.49238 5 8.33333 5H31.6667C33.5076 5 35 6.49238 35 8.33333V31.6667C35 33.5076 33.5076 35 31.6667 35ZM26.3809 30.8327H30.8327V21.6874C30.8327 17.8179 28.6392 15.9469 25.5754 15.9469C22.5102 15.9469 21.2202 18.3339 21.2202 18.3339V16.3882H16.9299V30.8327H21.2202V23.2502C21.2202 21.2186 22.1554 20.0096 23.9455 20.0096C25.5909 20.0096 26.3809 21.1713 26.3809 23.2502V30.8327ZM9.16602 11.8314C9.16602 13.3034 10.3502 14.4969 11.8116 14.4969C13.2729 14.4969 14.4564 13.3034 14.4564 11.8314C14.4564 10.3595 13.2729 9.16602 11.8116 9.16602C10.3502 9.16602 9.16602 10.3595 9.16602 11.8314ZM14.0699 30.8327H9.59625V16.3882H14.0699V30.8327Z\"\n      fill=\"currentColor\"\n    />\n  </SvgIcon>\n);\n"],"names":["LinkedinIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","fillRule","clipRule","d"],"mappings":"gFAEa,MAAAA,EAAe,IAC1BC,EAACC,EAAQ,CAAAC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SACzEL,UACEM,SAAS,UACTC,SAAS,UACTC,EAAE,gsBACFL,KAAK"}

package/layout/Footer/assets/TwitterIcon.d.ts

@@ -1 +0,0 @@
-export declare const TwitterIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/TwitterIcon.js

@@ -1,2 +0,0 @@
-import{jsx as L}from"react/jsx-runtime";import{SvgIcon as r}from"@mui/material";const o=()=>L(r,{viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:L("path",{d:"M22.8541 17.6964L34.0223 5H31.3758L21.6784 16.0241L13.9332 5H5L16.7123 21.6704L5 34.9846H7.64665L17.8873 23.3427L26.0668 34.9846H35L22.8534 17.6964H22.8541ZM19.2291 21.8173L18.0424 20.1573L8.60028 6.94852H12.6654L20.2853 17.6084L21.472 19.2684L31.377 33.1247H27.3119L19.2291 21.8179V21.8173Z",fill:"currentColor"})});export{o as TwitterIcon};
-//# sourceMappingURL=TwitterIcon.js.map

package/layout/Footer/assets/TwitterIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TwitterIcon.js","sources":["../../../../src/layout/Footer/assets/TwitterIcon.tsx"],"sourcesContent":["import { SvgIcon } from '@mui/material';\nexport const TwitterIcon = () => (\n  <SvgIcon viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M22.8541 17.6964L34.0223 5H31.3758L21.6784 16.0241L13.9332 5H5L16.7123 21.6704L5 34.9846H7.64665L17.8873 23.3427L26.0668 34.9846H35L22.8534 17.6964H22.8541ZM19.2291 21.8173L18.0424 20.1573L8.60028 6.94852H12.6654L20.2853 17.6084L21.472 19.2684L31.377 33.1247H27.3119L19.2291 21.8179V21.8173Z\"\n      fill=\"currentColor\"\n    />\n  </SvgIcon>\n);\n"],"names":["TwitterIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFACO,MAAMA,EAAc,IACzBC,EAACC,EAAQ,CAAAC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SACzEL,UACEM,EAAE,sSACFH,KAAK"}

package/layout/Footer/assets/YoutubeIcon.d.ts

@@ -1 +0,0 @@
-export declare const YoutubeIcon: () => import("react/jsx-runtime").JSX.Element;

package/layout/Footer/assets/YoutubeIcon.js

@@ -1,2 +0,0 @@
-import{jsx as r}from"react/jsx-runtime";import{SvgIcon as C}from"@mui/material";const o=()=>r(C,{viewBox:"0 0 40 40",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:r("path",{d:"M36.7682 11.5204C36.3665 10.0051 35.1793 8.81189 33.6739 8.40621C30.9455 7.67041 20 7.67041 20 7.67041C20 7.67041 9.05455 7.67041 6.32614 8.40621C4.82074 8.81189 3.63352 10.0051 3.23182 11.5204C2.5 14.2687 2.5 20 2.5 20C2.5 20 2.5 25.7312 3.23182 28.4795C3.63352 29.9948 4.82074 31.188 6.32614 31.5937C9.05653 32.3295 20 32.3295 20 32.3295C20 32.3295 30.9455 32.3295 33.6739 31.5937C35.1793 31.188 36.3665 29.9948 36.7682 28.4795C37.5 25.7332 37.5 20 37.5 20C37.5 20 37.5 14.2687 36.7682 11.5204ZM16.4205 25.2042V14.7957L25.5682 20L16.4205 25.2042Z",fill:"currentColor"})});export{o as YoutubeIcon};
-//# sourceMappingURL=YoutubeIcon.js.map

package/layout/Footer/assets/YoutubeIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"YoutubeIcon.js","sources":["../../../../src/layout/Footer/assets/YoutubeIcon.tsx"],"sourcesContent":["import { SvgIcon } from '@mui/material';\n\nexport const YoutubeIcon = () => (\n  <SvgIcon viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M36.7682 11.5204C36.3665 10.0051 35.1793 8.81189 33.6739 8.40621C30.9455 7.67041 20 7.67041 20 7.67041C20 7.67041 9.05455 7.67041 6.32614 8.40621C4.82074 8.81189 3.63352 10.0051 3.23182 11.5204C2.5 14.2687 2.5 20 2.5 20C2.5 20 2.5 25.7312 3.23182 28.4795C3.63352 29.9948 4.82074 31.188 6.32614 31.5937C9.05653 32.3295 20 32.3295 20 32.3295C20 32.3295 30.9455 32.3295 33.6739 31.5937C35.1793 31.188 36.3665 29.9948 36.7682 28.4795C37.5 25.7332 37.5 20 37.5 20C37.5 20 37.5 14.2687 36.7682 11.5204ZM16.4205 25.2042V14.7957L25.5682 20L16.4205 25.2042Z\"\n      fill=\"currentColor\"\n    />\n  </SvgIcon>\n);\n"],"names":["YoutubeIcon","_jsx","SvgIcon","viewBox","fill","xmlns","children","d"],"mappings":"gFAEO,MAAMA,EAAc,IACzBC,EAACC,EAAQ,CAAAC,QAAQ,YAAYC,KAAK,OAAOC,MAAM,6BAA4BC,SACzEL,UACEM,EAAE,uiBACFH,KAAK"}

package/layout/Footer/assets/index.d.ts

@@ -1,5 +0,0 @@
-export { FacebookIcon } from './FacebookIcon';
-export { InstagramIcon } from './InstagramIcon';
-export { YoutubeIcon } from './YoutubeIcon';
-export { TwitterIcon } from './TwitterIcon';
-export { LinkedinIcon } from './LinkedinIcon';

package/layout/Header/Header.d.ts

@@ -1,35 +0,0 @@
-import { Breakpoint, AppBarProps } from '@mui/material';
-import { FC, ReactNode } from 'react';
-export interface HeaderProps extends AppBarProps {
-    /**
-     * Logo component
-     */
-    logo?: ReactNode;
-    /**
-     * Main navigation items
-     */
-    navigationItems?: ReactNode;
-    /**
-     * Right-side buttons
-     */
-    buttons?: ReactNode;
-    /**
-     * Right-side buttons that are visible on toolbar even on mobile/tablet resolution
-     */
-    visibleButtons?: ReactNode;
-    /**
-     * Breakpoint to hide the navigation into mobile collapse and show hamburger menu icon
-     */
-    breakpoint?: number | Breakpoint;
-    /**
-     * Wrap the navigation into container
-     */
-    inContainer?: boolean;
-    /**
-     * React node that renders all overhead navigation items
-     * @default undefined
-     * @deprecated
-     */
-    overheadItems?: React.ReactNode;
-}
-export declare const Header: FC<HeaderProps>;

package/layout/Header/Header.js

@@ -1,2 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as o}from"react/jsx-runtime";import{useTheme as r,useMediaQuery as a,Container as i,AppBar as n,Toolbar as x,Box as s,Collapse as p,Backdrop as d}from"@mui/material";import{useState as l,useMemo as c,Fragment as m}from"react";import{HeaderButton as g}from"./HeaderButton.js";import{HeaderContext as u}from"./HeaderContext.js";const h=({logo:h,navigationItems:f,buttons:b,sx:v,visibleButtons:w,breakpoint:y="lg",inContainer:C=!1})=>{const[H,I]=l(!1),[k,B]=l(null),[j,L]=l(null),T=r(),z=a(T.breakpoints.down(y)),W=c((()=>C&&!z?i:m),[C]);return e(t,{children:[o(n,{component:"nav",elevation:0,sx:Object.assign({backgroundColor:"common.white",color:"text.primary",borderBottom:"1px solid",borderBottomColor:"surface.secondary",paddingLeft:"0px",paddingRight:"0px",minHeight:{xs:"64px",[y]:"auto"},justifyContent:"center",postion:"relative",zIndex:T.zIndex.appBar},v),breakpoint:y,children:o(W,{children:e(x,{sx:{paddingLeft:{xs:"16px"},paddingRight:{xs:"8px"},flexWrap:"nowrap",minHeight:{xs:"auto"}},children:[o(s,{"data-testid":"Header.logo",sx:{marginRight:{xs:"auto",[y]:"48px"},"&, & > .MuiLink-root":{color:"brand.tertiary"},"& svg":{maxWidth:"120px"}},children:h}),o(p,{in:H||!z,sx:{order:{xs:1,[y]:"unset"},height:{xs:0,[y]:"auto"},width:{xs:"100%",md:"500px",[y]:"100%"},position:{xs:"absolute",[y]:"relative"},top:{xs:"calc(100% + 7px)",[y]:"auto"},right:{xs:"0px",[y]:"auto"},backgroundColor:"common.white",padding:{xs:"24px 12px 0px 12px",[y]:"0px"}},children:o(s,{sx:{display:"flex",flexWrap:"no-wrap",minHeight:{xs:"calc(100vh - 65px)",[y]:"64px"},gap:{xs:"16px",[y]:"32px"},flexDirection:{xs:"column",[y]:"row"},alignItems:{xs:"start",[y]:"stretch"}},"data-testid":"Header.nav",children:e(u.Provider,{value:{activeItem:k,setActiveItem:B,defaultActive:j,setDefaultActive:L,matches:z},children:[f,b&&o(s,{className:"FlowHeaderButtons",sx:{display:"flex",borderTopWidth:{xs:"1px",[y]:"0px"},borderTopStyle:"solid",borderTopColor:"surface.secondary",gap:{xs:"0px",[y]:"4px"},alignItems:{xs:"start",[y]:"center"},marginLeft:{xs:"0px",[y]:"auto"},marginTop:{xs:"auto",[y]:"0px"},width:{xs:"100%",[y]:"auto"},flexDirection:{xs:"column",[y]:"row"},padding:{xs:"12px 10px",[y]:"8px 0px"}},"data-testid":"Header.btns",children:b})]})})}),e(s,{sx:{display:"flex",gap:"4px",marginLeft:"4px"},children:[w,o(s,{sx:{display:{xs:"flex",[y]:"none",order:10}},children:o(g,{"aria-label":"Toggle menu",icon:H?"close":"hamburger",onClick:()=>{I(!H)}})})]})]})})}),z&&o(d,{sx:{zIndex:T.zIndex.appBar-1},open:H,onClick:()=>I(!1)})]})};export{h as Header};
-//# sourceMappingURL=Header.js.map

package/layout/Header/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../src/layout/Header/Header.tsx"],"sourcesContent":["import {\n  AppBar,\n  Box,\n  Container,\n  Toolbar,\n  Collapse,\n  useMediaQuery,\n  useTheme,\n  Breakpoint,\n  AppBarProps,\n  Backdrop,\n} from '@mui/material';\nimport { FC, ReactNode, useState, useMemo, Fragment } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { HeaderContext } from './HeaderContext';\n\nexport interface HeaderProps extends AppBarProps {\n  /**\n   * Logo component\n   */\n  logo?: ReactNode;\n\n  /**\n   * Main navigation items\n   */\n  navigationItems?: ReactNode;\n\n  /**\n   * Right-side buttons\n   */\n  buttons?: ReactNode;\n\n  /**\n   * Right-side buttons that are visible on toolbar even on mobile/tablet resolution\n   */\n  visibleButtons?: ReactNode;\n\n  /**\n   * Breakpoint to hide the navigation into mobile collapse and show hamburger menu icon\n   */\n  breakpoint?: number | Breakpoint;\n\n  /**\n   * Wrap the navigation into container\n   */\n  inContainer?: boolean;\n\n  /**\n   * React node that renders all overhead navigation items\n   * @default undefined\n   * @deprecated\n   */\n  overheadItems?: React.ReactNode;\n}\n\nexport const Header: FC<HeaderProps> = ({\n  logo,\n  navigationItems,\n  buttons,\n  sx,\n  visibleButtons,\n  breakpoint = 'lg',\n  inContainer = false,\n}) => {\n  const [expanded, setExpanded] = useState(false);\n  const [activeItem, setActiveItem] = useState(null);\n  const [defaultActive, setDefaultActive] = useState(null);\n  const theme = useTheme();\n  const matches = useMediaQuery(theme.breakpoints.down(breakpoint));\n\n  const WrapperComponent = useMemo(() => {\n    return inContainer && !matches ? Container : Fragment;\n  }, [inContainer]);\n\n  return (\n    <>\n      <AppBar\n        component=\"nav\"\n        elevation={0}\n        sx={{\n          backgroundColor: 'common.white',\n          color: 'text.primary',\n          borderBottom: '1px solid',\n          borderBottomColor: 'surface.secondary',\n          paddingLeft: '0px',\n          paddingRight: '0px',\n          minHeight: { xs: '64px', [breakpoint]: 'auto' },\n          justifyContent: 'center',\n          postion: 'relative',\n          zIndex: theme.zIndex.appBar,\n          ...sx,\n        }}\n        breakpoint={breakpoint}\n      >\n        <WrapperComponent>\n          <Toolbar\n            sx={{\n              paddingLeft: { xs: '16px' },\n              paddingRight: { xs: '8px' },\n              flexWrap: 'nowrap',\n              minHeight: { xs: 'auto' },\n            }}\n          >\n            <Box\n              data-testid=\"Header.logo\"\n              sx={{\n                marginRight: { xs: 'auto', [breakpoint]: '48px' },\n                '&, & > .MuiLink-root': { color: 'brand.tertiary' },\n                '& svg': { maxWidth: '120px' },\n              }}\n            >\n              {logo}\n            </Box>\n            <Collapse\n              in={expanded || !matches}\n              sx={{\n                order: { xs: 1, [breakpoint]: 'unset' },\n                height: { xs: 0, [breakpoint]: 'auto' },\n                width: { xs: '100%', md: '500px', [breakpoint]: '100%' },\n                position: { xs: 'absolute', [breakpoint]: 'relative' },\n                top: { xs: 'calc(100% + 7px)', [breakpoint]: 'auto' },\n                right: { xs: '0px', [breakpoint]: 'auto' },\n                backgroundColor: 'common.white',\n                padding: { xs: '24px 12px 0px 12px', [breakpoint]: '0px' },\n              }}\n            >\n              <Box\n                sx={{\n                  display: 'flex',\n                  flexWrap: 'no-wrap',\n                  minHeight: { xs: 'calc(100vh - 65px)', [breakpoint]: '64px' },\n                  gap: { xs: '16px', [breakpoint]: '32px' },\n                  flexDirection: { xs: 'column', [breakpoint]: 'row' },\n                  alignItems: { xs: 'start', [breakpoint]: 'stretch' },\n                }}\n                data-testid=\"Header.nav\"\n              >\n                <HeaderContext.Provider value={{ activeItem, setActiveItem, defaultActive, setDefaultActive, matches }}>\n                  {navigationItems}\n                  {buttons && (\n                    <Box\n                      className=\"FlowHeaderButtons\"\n                      sx={{\n                        display: 'flex',\n                        borderTopWidth: { xs: '1px', [breakpoint]: '0px' },\n                        borderTopStyle: 'solid',\n                        borderTopColor: 'surface.secondary',\n                        gap: { xs: '0px', [breakpoint]: '4px' },\n                        alignItems: { xs: 'start', [breakpoint]: 'center' },\n                        marginLeft: { xs: '0px', [breakpoint]: 'auto' },\n                        marginTop: { xs: 'auto', [breakpoint]: '0px' },\n                        width: { xs: '100%', [breakpoint]: 'auto' },\n                        flexDirection: { xs: 'column', [breakpoint]: 'row' },\n                        padding: { xs: '12px 10px', [breakpoint]: '8px 0px' },\n                      }}\n                      data-testid=\"Header.btns\"\n                    >\n                      {buttons}\n                    </Box>\n                  )}\n                </HeaderContext.Provider>\n              </Box>\n            </Collapse>\n            <Box sx={{ display: 'flex', gap: '4px', marginLeft: '4px' }}>\n              {visibleButtons}\n              <Box sx={{ display: { xs: 'flex', [breakpoint]: 'none', order: 10 } }}>\n                <HeaderButton\n                  aria-label=\"Toggle menu\"\n                  icon={expanded ? 'close' : 'hamburger'}\n                  onClick={() => {\n                    setExpanded(!expanded);\n                  }}\n                />\n              </Box>\n            </Box>\n          </Toolbar>\n        </WrapperComponent>\n      </AppBar>\n      {matches && (\n        <Backdrop\n          sx={{ zIndex: theme.zIndex.appBar - 1 }}\n          open={expanded}\n          onClick={() => setExpanded(false)}\n        ></Backdrop>\n      )}\n    </>\n  );\n};\n"],"names":["Header","logo","navigationItems","buttons","sx","visibleButtons","breakpoint","inContainer","expanded","setExpanded","useState","activeItem","setActiveItem","defaultActive","setDefaultActive","theme","useTheme","matches","useMediaQuery","breakpoints","down","WrapperComponent","useMemo","Container","Fragment","_jsxs","_Fragment","children","_jsx","AppBar","component","elevation","Object","assign","backgroundColor","color","borderBottom","borderBottomColor","paddingLeft","paddingRight","minHeight","xs","justifyContent","postion","zIndex","appBar","Toolbar","flexWrap","Box","marginRight","maxWidth","Collapse","in","order","height","width","md","position","top","right","padding","display","gap","flexDirection","alignItems","HeaderContext","Provider","value","className","borderTopWidth","borderTopStyle","borderTopColor","marginLeft","marginTop","HeaderButton","icon","onClick","Backdrop","open"],"mappings":"yWAuDa,MAAAA,EAA0B,EACrCC,OACAC,kBACAC,UACAC,KACAC,iBACAC,aAAa,KACbC,eAAc,MAEd,MAAOC,EAAUC,GAAeC,GAAS,IAClCC,EAAYC,GAAiBF,EAAS,OACtCG,EAAeC,GAAoBJ,EAAS,MAC7CK,EAAQC,IACRC,EAAUC,EAAcH,EAAMI,YAAYC,KAAKd,IAE/Ce,EAAmBC,GAAQ,IACxBf,IAAgBU,EAAUM,EAAYC,GAC5C,CAACjB,IAEJ,OACEkB,EACEC,EAAA,CAAAC,SAAA,CAAAC,EAACC,EAAM,CACLC,UAAU,MACVC,UAAW,EACX3B,GACE4B,OAAAC,OAAA,CAAAC,gBAAiB,eACjBC,MAAO,eACPC,aAAc,YACdC,kBAAmB,oBACnBC,YAAa,MACbC,aAAc,MACdC,UAAW,CAAEC,GAAI,OAAQnC,CAACA,GAAa,QACvCoC,eAAgB,SAChBC,QAAS,WACTC,OAAQ7B,EAAM6B,OAAOC,QAClBzC,GAELE,WAAYA,EAAUqB,SAEtBC,EAACP,EAAgB,CAAAM,SACfF,EAACqB,EAAO,CACN1C,GAAI,CACFkC,YAAa,CAAEG,GAAI,QACnBF,aAAc,CAAEE,GAAI,OACpBM,SAAU,SACVP,UAAW,CAAEC,GAAI,SAClBd,SAAA,CAEDC,EAACoB,EAAG,CAAA,cACU,cACZ5C,GAAI,CACF6C,YAAa,CAAER,GAAI,OAAQnC,CAACA,GAAa,QACzC,uBAAwB,CAAE6B,MAAO,kBACjC,QAAS,CAAEe,SAAU,UACtBvB,SAEA1B,IAEH2B,EAACuB,EACC,CAAAC,GAAI5C,IAAaS,EACjBb,GAAI,CACFiD,MAAO,CAAEZ,GAAI,EAAGnC,CAACA,GAAa,SAC9BgD,OAAQ,CAAEb,GAAI,EAAGnC,CAACA,GAAa,QAC/BiD,MAAO,CAAEd,GAAI,OAAQe,GAAI,QAASlD,CAACA,GAAa,QAChDmD,SAAU,CAAEhB,GAAI,WAAYnC,CAACA,GAAa,YAC1CoD,IAAK,CAAEjB,GAAI,mBAAoBnC,CAACA,GAAa,QAC7CqD,MAAO,CAAElB,GAAI,MAAOnC,CAACA,GAAa,QAClC4B,gBAAiB,eACjB0B,QAAS,CAAEnB,GAAI,qBAAsBnC,CAACA,GAAa,QACpDqB,SAEDC,EAACoB,EACC,CAAA5C,GAAI,CACFyD,QAAS,OACTd,SAAU,UACVP,UAAW,CAAEC,GAAI,qBAAsBnC,CAACA,GAAa,QACrDwD,IAAK,CAAErB,GAAI,OAAQnC,CAACA,GAAa,QACjCyD,cAAe,CAAEtB,GAAI,SAAUnC,CAACA,GAAa,OAC7C0D,WAAY,CAAEvB,GAAI,QAASnC,CAACA,GAAa,YAC1C,cACW,aAAYqB,SAExBF,EAACwC,EAAcC,SAAQ,CAACC,MAAO,CAAExD,aAAYC,gBAAeC,gBAAeC,mBAAkBG,WAASU,SAAA,CACnGzB,EACAC,GACCyB,EAACoB,GACCoB,UAAU,oBACVhE,GAAI,CACFyD,QAAS,OACTQ,eAAgB,CAAE5B,GAAI,MAAOnC,CAACA,GAAa,OAC3CgE,eAAgB,QAChBC,eAAgB,oBAChBT,IAAK,CAAErB,GAAI,MAAOnC,CAACA,GAAa,OAChC0D,WAAY,CAAEvB,GAAI,QAASnC,CAACA,GAAa,UACzCkE,WAAY,CAAE/B,GAAI,MAAOnC,CAACA,GAAa,QACvCmE,UAAW,CAAEhC,GAAI,OAAQnC,CAACA,GAAa,OACvCiD,MAAO,CAAEd,GAAI,OAAQnC,CAACA,GAAa,QACnCyD,cAAe,CAAEtB,GAAI,SAAUnC,CAACA,GAAa,OAC7CsD,QAAS,CAAEnB,GAAI,YAAanC,CAACA,GAAa,YAC3C,cACW,cAAaqB,SAExBxB,WAMXsB,EAACuB,EAAG,CAAC5C,GAAI,CAAEyD,QAAS,OAAQC,IAAK,MAAOU,WAAY,OACjD7C,SAAA,CAAAtB,EACDuB,EAACoB,EAAI,CAAA5C,GAAI,CAAEyD,QAAS,CAAEpB,GAAI,OAAQnC,CAACA,GAAa,OAAQ+C,MAAO,cAC7DzB,EAAC8C,EACY,CAAA,aAAA,cACXC,KAAMnE,EAAW,QAAU,YAC3BoE,QAAS,KACPnE,GAAaD,EAAS,gBAQnCS,GACCW,EAACiD,EAAQ,CACPzE,GAAI,CAAEwC,OAAQ7B,EAAM6B,OAAOC,OAAS,GACpCiC,KAAMtE,EACNoE,QAAS,IAAMnE,GAAY,OAG9B"}

package/layout/Header/HeaderButton.d.ts

@@ -1,23 +0,0 @@
-import { IconButtonProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-import { IndicatorProps } from '@/src/components/indicator';
-import { IconNameProp } from '@/src/components/icon';
-export interface HeaderButtonProps extends IconButtonProps {
-    /**
-     * Icon name
-     */
-    icon?: IconNameProp;
-    /**
-     * Label for the tooltip or the text button
-     */
-    label?: string;
-    /**
-     * ReactNode used as a children
-     */
-    children?: ReactNode;
-    /**
-     * Indcator color
-     */
-    indicator?: IndicatorProps['color'];
-}
-export declare const HeaderButton: React.ForwardRefExoticComponent<Omit<HeaderButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/layout/Header/HeaderButton.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"tslib";import{jsx as i,jsxs as t,Fragment as e}from"react/jsx-runtime";import{Tooltip as n,Box as r,ButtonBase as a,Typography as c,IconButton as l}from"@mui/material";import{forwardRef as m}from"react";import{Indicator as s}from"../../components/indicator/indicator.js";import{Icon as d}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{useHeaderContext as p}from"./HeaderContext.js";const f=m((function(m,f){const{icon:h,label:x,color:g,indicator:b,children:j}=m,u=o(m,["icon","label","color","indicator","children"]),{matches:v}=p();return i(n,{title:x,enterDelay:1e3,enterNextDelay:1e3,leaveDelay:100,placement:"bottom",children:h&&x&&v?i(r,{sx:{paddingTop:"12px",paddingBottom:"12px"},children:t(a,Object.assign({},u,{children:[i(d,{name:h,fontSize:"extraSmall",sx:{marginRight:"8px"}}),i(c,{variant:"list",children:x})]}))}):t(l,Object.assign({size:"large"},u,{ref:f,sx:{background:g,".fwlIndicator":{position:"absolute",top:"15%",right:"20%"},".fwlIndicator::before":{margin:0}},children:[b&&i(s,{color:b,variant:"status"}),j?i(e,{children:j}):i(d,{name:h,fontSize:"small"})]}))})}));export{f as HeaderButton};
-//# sourceMappingURL=HeaderButton.js.map

package/layout/Header/HeaderButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderButton.js","sources":["../../../src/layout/Header/HeaderButton.tsx"],"sourcesContent":["import { Box, ButtonBase, IconButton, IconButtonProps, Tooltip, Typography } from '@mui/material';\nimport React, { forwardRef, ReactNode } from 'react';\nimport { Indicator, IndicatorProps } from '@/src/components/indicator';\nimport { Icon, IconNameProp } from '@/src/components/icon';\nimport { useHeaderContext } from './HeaderContext';\n\nexport interface HeaderButtonProps extends IconButtonProps {\n  /**\n   * Icon name\n   */\n  icon?: IconNameProp;\n\n  /**\n   * Label for the tooltip or the text button\n   */\n  label?: string;\n\n  /**\n   * ReactNode used as a children\n   */\n  children?: ReactNode;\n\n  /**\n   * Indcator color\n   */\n  indicator?: IndicatorProps['color'];\n}\n\nfunction HeaderButtonBase(props: HeaderButtonProps, ref: React.Ref<HTMLButtonElement>) {\n  const { icon, label, color, indicator, children, ...rest } = props;\n\n  const { matches } = useHeaderContext();\n\n  return (\n    <Tooltip title={label} enterDelay={1000} enterNextDelay={1000} leaveDelay={100} placement=\"bottom\">\n      {icon && label && matches ? (\n        <Box sx={{ paddingTop: '12px', paddingBottom: '12px' }}>\n          <ButtonBase {...rest}>\n            <Icon name={icon} fontSize=\"extraSmall\" sx={{ marginRight: '8px' }} />\n            <Typography variant=\"list\">{label}</Typography>\n          </ButtonBase>\n        </Box>\n      ) : (\n        <IconButton\n          size=\"large\"\n          {...rest}\n          ref={ref}\n          sx={{\n            background: color,\n            '.fwlIndicator': {\n              position: 'absolute',\n              top: '15%',\n              right: '20%',\n            },\n            '.fwlIndicator::before': {\n              margin: 0,\n            },\n          }}\n        >\n          {indicator && <Indicator color={indicator} variant=\"status\" />}\n          {children ? <>{children}</> : <Icon name={icon} fontSize=\"small\" />}\n        </IconButton>\n      )}\n    </Tooltip>\n  );\n}\n\nexport const HeaderButton = forwardRef(HeaderButtonBase);\n"],"names":["HeaderButton","forwardRef","props","ref","icon","label","color","indicator","children","rest","__rest","matches","useHeaderContext","_jsx","Tooltip","title","enterDelay","enterNextDelay","leaveDelay","placement","Box","sx","paddingTop","paddingBottom","_jsxs","ButtonBase","Object","assign","Icon","name","fontSize","marginRight","Typography","variant","IconButton","size","background","position","top","right","margin","Indicator","_Fragment"],"mappings":"0cAmEaA,EAAeC,GAvC5B,SAA0BC,EAA0BC,GAClD,MAAMC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,EAAKC,UAAEA,EAASC,SAAEA,GAAsBN,EAATO,EAAIC,EAAKR,EAAvD,CAAA,OAAA,QAAA,QAAA,YAAA,cAEAS,QAAEA,GAAYC,IAEpB,OACEC,EAACC,EAAO,CAACC,MAAOV,EAAOW,WAAY,IAAMC,eAAgB,IAAMC,WAAY,IAAKC,UAAU,SAAQX,SAC/FJ,GAAQC,GAASM,EAChBE,EAACO,EAAI,CAAAC,GAAI,CAAEC,WAAY,OAAQC,cAAe,QAC5Cf,SAAAgB,EAACC,EAAUC,OAAAC,OAAA,CAAA,EAAKlB,EACd,CAAAD,SAAA,CAAAK,EAACe,EAAK,CAAAC,KAAMzB,EAAM0B,SAAS,aAAaT,GAAI,CAAEU,YAAa,SAC3DlB,EAACmB,EAAU,CAACC,QAAQ,OAAQzB,SAAAH,UAIhCmB,EAACU,iBACCC,KAAK,SACD1B,EAAI,CACRN,IAAKA,EACLkB,GAAI,CACFe,WAAY9B,EACZ,gBAAiB,CACf+B,SAAU,WACVC,IAAK,MACLC,MAAO,OAET,wBAAyB,CACvBC,OAAQ,IAEXhC,SAAA,CAEAD,GAAaM,EAAC4B,EAAS,CAACnC,MAAOC,EAAW0B,QAAQ,WAClDzB,EAAWK,EAAA6B,EAAA,CAAAlC,SAAGA,IAAeK,EAACe,EAAI,CAACC,KAAMzB,EAAM0B,SAAS,eAKnE"}

package/layout/Header/HeaderContext.d.ts

@@ -1,14 +0,0 @@
-export declare const HeaderContext: import("react").Context<{
-    matches: any;
-    activeItem: any;
-    setActiveItem: any;
-    defaultActive: any;
-    setDefaultActive: any;
-}>;
-export declare const useHeaderContext: () => {
-    matches: any;
-    activeItem: any;
-    setActiveItem: any;
-    defaultActive: any;
-    setDefaultActive: any;
-};

package/layout/Header/HeaderContext.js

@@ -1,2 +0,0 @@
-import{createContext as t,useContext as e}from"react";const l=t({matches:null,activeItem:null,setActiveItem:null,defaultActive:null,setDefaultActive:null}),c=()=>e(l);export{l as HeaderContext,c as useHeaderContext};
-//# sourceMappingURL=HeaderContext.js.map

package/layout/Header/HeaderContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderContext.js","sources":["../../../src/layout/Header/HeaderContext.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport const HeaderContext = createContext({\n  matches: null,\n  activeItem: null,\n  setActiveItem: null,\n  defaultActive: null,\n  setDefaultActive: null,\n});\n\nexport const useHeaderContext = () => {\n  return useContext(HeaderContext);\n};\n"],"names":["HeaderContext","createContext","matches","activeItem","setActiveItem","defaultActive","setDefaultActive","useHeaderContext","useContext"],"mappings":"sDAEO,MAAMA,EAAgBC,EAAc,CACzCC,QAAS,KACTC,WAAY,KACZC,cAAe,KACfC,cAAe,KACfC,iBAAkB,OAGPC,EAAmB,IACvBC,EAAWR"}

package/layout/Header/HeaderLanguageSelect.d.ts

@@ -1,12 +0,0 @@
-import { SxProps } from '@mui/material';
-export type HeaderLanguageType = {
-    short: string;
-    full: string;
-};
-export interface HeaderLanguageSelectProps {
-    languages?: Array<HeaderLanguageType>;
-    defaultLanguage?: number;
-    sx?: SxProps;
-    onSelect?: (e: HeaderLanguageType) => void;
-}
-export declare const HeaderLanguageSelect: ({ languages, defaultLanguage, sx, onSelect }: HeaderLanguageSelectProps) => import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderLanguageSelect.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as o,Fragment as n}from"react/jsx-runtime";import{useState as t,useRef as r,useEffect as i}from"react";import{HeaderButton as l}from"./HeaderButton.js";import{Box as a,Accordion as c,AccordionSummary as s,Typography as m,AccordionDetails as d,Menu as p,MenuItem as h}from"@mui/material";import{useHeaderContext as u}from"./HeaderContext.js";import{Icon as f}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";const x=({languages:x,defaultLanguage:g,sx:b,onSelect:j})=>{const[v,w]=t(null),[S,C]=t(!1),[I,k]=t(x[g]),y=r(null),{matches:z}=u();i((()=>{z&&S&&setTimeout((()=>{y.current.scrollIntoView({behavior:"smooth",block:"end"})}),250)}),[S,z]);const M=e=>{k(e),j&&j(e)};return e(a,{onClick:e=>{C(!S),w(e.currentTarget)},ref:y,sx:Object.assign({display:"flex",alignItems:"center",order:z?99:0,marginLeft:"auto",width:z?"100%":"auto"},b),children:z?o(c,{sx:{border:"none",width:"100%","& .MuiSvgIcon-root":{fontSize:"16px"}},children:[e(s,{sx:{padding:0},children:o(m,{variant:"list",component:"div",sx:{display:"flex",gap:"8px",cursor:"pointer",alignItems:"center",width:"100%"},children:[e(f,{name:"globe"}),I.full]})}),e(d,{sx:{"& .MuiMenuItem-root":{fontWeight:300},padding:"0px 24px",display:"flex",flexFlow:"column",gap:"8px",cursor:"pointer"},children:x.map(((o,n)=>e(a,{onClick:()=>M(o),sx:{fontSize:"16px",fontWeight:300},children:o.full},n)))})]}):o(n,{children:[e(l,{icon:"globe",label:I.short,"aria-label":I.short}),e(f,{name:"chevron-down",fontSize:"extraSmall"}),e(p,{anchorEl:v,open:S,onClose:()=>{w(null)},children:x.map(((o,n)=>e(h,{onClick:()=>M(o),children:e(m,{variant:"list",children:o.short})},n)))})]})})};export{x as HeaderLanguageSelect};
-//# sourceMappingURL=HeaderLanguageSelect.js.map

package/layout/Header/HeaderLanguageSelect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderLanguageSelect.js","sources":["../../../src/layout/Header/HeaderLanguageSelect.tsx"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\nimport { HeaderButton } from './HeaderButton';\nimport { Box, SxProps, Accordion, AccordionDetails, AccordionSummary, Menu, MenuItem, Typography } from '@mui/material';\nimport { useHeaderContext } from './HeaderContext';\nimport { Icon } from '@/src/components/icon';\n\nexport type HeaderLanguageType = {\n  short: string;\n  full: string;\n};\n\nexport interface HeaderLanguageSelectProps {\n  languages?: Array<HeaderLanguageType>;\n  defaultLanguage?: number;\n  sx?: SxProps;\n  onSelect?: (e: HeaderLanguageType) => void;\n}\n\nexport const HeaderLanguageSelect = ({ languages, defaultLanguage, sx, onSelect }: HeaderLanguageSelectProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n  const [open, setOpen] = useState(false);\n  const [label, setLabel] = useState(languages[defaultLanguage]);\n  const ref = useRef(null);\n\n  const { matches } = useHeaderContext();\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setOpen(!open);\n    setAnchorEl(event.currentTarget);\n  };\n\n  useEffect(() => {\n    if (matches && open) {\n      setTimeout(() => {\n        ref.current.scrollIntoView({ behavior: 'smooth', block: 'end' });\n      }, 250);\n    }\n  }, [open, matches]);\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const handleSelect = (language: HeaderLanguageType) => {\n    setLabel(language);\n\n    if (onSelect) {\n      onSelect(language);\n    }\n  };\n\n  return (\n    <Box\n      onClick={handleClick}\n      ref={ref}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        order: matches ? 99 : 0,\n        marginLeft: 'auto',\n        width: matches ? '100%' : 'auto',\n        ...sx,\n      }}\n    >\n      {matches ? (\n        <Accordion\n          sx={{\n            border: 'none',\n            width: '100%',\n            '& .MuiSvgIcon-root': { fontSize: '16px' },\n          }}\n        >\n          <AccordionSummary sx={{ padding: 0 }}>\n            <Typography\n              variant=\"list\"\n              component=\"div\"\n              sx={{\n                display: 'flex',\n                gap: '8px',\n                cursor: 'pointer',\n                alignItems: 'center',\n                width: '100%',\n              }}\n            >\n              <Icon name=\"globe\" />\n              {label.full}\n            </Typography>\n          </AccordionSummary>\n          <AccordionDetails\n            sx={{\n              '& .MuiMenuItem-root': { fontWeight: 300 },\n              padding: '0px 24px',\n              display: 'flex',\n              flexFlow: 'column',\n              gap: '8px',\n              cursor: 'pointer',\n            }}\n          >\n            {languages.map((language: HeaderLanguageType, index: number) => (\n              <Box onClick={() => handleSelect(language)} key={index} sx={{ fontSize: '16px', fontWeight: 300 }}>\n                {language.full}\n              </Box>\n            ))}\n          </AccordionDetails>\n        </Accordion>\n      ) : (\n        <>\n          <HeaderButton icon=\"globe\" label={label.short} aria-label={label.short} />\n          <Icon name=\"chevron-down\" fontSize=\"extraSmall\" />\n          <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n            {languages.map((language: HeaderLanguageType, index: number) => (\n              <MenuItem onClick={() => handleSelect(language)} key={index}>\n                <Typography variant=\"list\">{language.short}</Typography>\n              </MenuItem>\n            ))}\n          </Menu>\n        </>\n      )}\n    </Box>\n  );\n};\n"],"names":["HeaderLanguageSelect","languages","defaultLanguage","sx","onSelect","anchorEl","setAnchorEl","useState","open","setOpen","label","setLabel","ref","useRef","matches","useHeaderContext","useEffect","setTimeout","current","scrollIntoView","behavior","block","handleSelect","language","_jsx","Box","onClick","event","currentTarget","Object","assign","display","alignItems","order","marginLeft","width","children","_jsxs","Accordion","border","fontSize","AccordionSummary","padding","Typography","variant","component","gap","cursor","Icon","name","full","AccordionDetails","fontWeight","flexFlow","map","index","_Fragment","HeaderButton","icon","short","Menu","onClose","MenuItem"],"mappings":"idAkBO,MAAMA,EAAuB,EAAGC,YAAWC,kBAAiBC,KAAIC,eACrE,MAAOC,EAAUC,GAAeC,EAA6B,OACtDC,EAAMC,GAAWF,GAAS,IAC1BG,EAAOC,GAAYJ,EAASN,EAAUC,IACvCU,EAAMC,EAAO,OAEbC,QAAEA,GAAYC,IAOpBC,GAAU,KACJF,GAAWN,GACbS,YAAW,KACTL,EAAIM,QAAQC,eAAe,CAAEC,SAAU,SAAUC,MAAO,OAAQ,GAC/D,OAEJ,CAACb,EAAMM,IAEV,MAIMQ,EAAgBC,IACpBZ,EAASY,GAELnB,GACFA,EAASmB,IAIb,OACEC,EAACC,EAAG,CACFC,QA3BiBC,IACnBlB,GAASD,GACTF,EAAYqB,EAAMC,cAAc,EA0B9BhB,IAAKA,EACLT,GAAE0B,OAAAC,OAAA,CACAC,QAAS,OACTC,WAAY,SACZC,MAAOnB,EAAU,GAAK,EACtBoB,WAAY,OACZC,MAAOrB,EAAU,OAAS,QACvBX,GAAEiC,SAGNtB,EACCuB,EAACC,EAAS,CACRnC,GAAI,CACFoC,OAAQ,OACRJ,MAAO,OACP,qBAAsB,CAAEK,SAAU,SAGpCJ,SAAA,CAAAZ,EAACiB,EAAiB,CAAAtC,GAAI,CAAEuC,QAAS,GAAGN,SAClCC,EAACM,EAAU,CACTC,QAAQ,OACRC,UAAU,MACV1C,GAAI,CACF4B,QAAS,OACTe,IAAK,MACLC,OAAQ,UACRf,WAAY,SACZG,MAAO,QACRC,SAAA,CAEDZ,EAACwB,EAAI,CAACC,KAAK,UACVvC,EAAMwC,UAGX1B,EAAC2B,EAAgB,CACfhD,GAAI,CACF,sBAAuB,CAAEiD,WAAY,KACrCV,QAAS,WACTX,QAAS,OACTsB,SAAU,SACVP,IAAK,MACLC,OAAQ,WACTX,SAEAnC,EAAUqD,KAAI,CAAC/B,EAA8BgC,IAC5C/B,EAACC,EAAI,CAAAC,QAAS,IAAMJ,EAAaC,GAAuBpB,GAAI,CAAEqC,SAAU,OAAQY,WAAY,KAAKhB,SAC9Fb,EAAS2B,MADqCK,UAOvDlB,EAAAmB,EAAA,CAAApB,SAAA,CACEZ,EAACiC,EAAa,CAAAC,KAAK,QAAQhD,MAAOA,EAAMiD,MAAmB,aAAAjD,EAAMiD,QACjEnC,EAACwB,EAAI,CAACC,KAAK,eAAeT,SAAS,eACnChB,EAACoC,EAAK,CAAAvD,SAAUA,EAAUG,KAAMA,EAAMqD,QAtE1B,KAClBvD,EAAY,KAAK,EAsER8B,SAAAnC,EAAUqD,KAAI,CAAC/B,EAA8BgC,IAC5C/B,EAACsC,EAAQ,CAACpC,QAAS,IAAMJ,EAAaC,GACpCa,SAAAZ,EAACmB,EAAW,CAAAC,QAAQ,OAAQR,SAAAb,EAASoC,SADeJ,WAO1D"}

package/layout/Header/HeaderLogo.d.ts

@@ -1,9 +0,0 @@
-import { LinkProps } from '@mui/material';
-export type HeaderLogoProps = LinkProps & {
-    src: string;
-    alt?: string;
-};
-/**
- * @deprecated Use generic `Logo` component instead
- */
-export declare function HeaderLogo(props: HeaderLogoProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderLogo.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"tslib";import{jsx as t}from"react/jsx-runtime";import{Link as i,Box as m}from"@mui/material";function o(o){const{src:s,alt:n}=o,a=r(o,["src","alt"]);return t(i,Object.assign({},a,{sx:{padding:2},children:t(m,{component:"img",src:s,alt:n,sx:{display:"flex"}})}))}export{o as HeaderLogo};
-//# sourceMappingURL=HeaderLogo.js.map

package/layout/Header/HeaderLogo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderLogo.js","sources":["../../../src/layout/Header/HeaderLogo.tsx"],"sourcesContent":["import { Box, Link, LinkProps } from '@mui/material';\nimport React from 'react';\n\nexport type HeaderLogoProps = LinkProps & {\n  src: string;\n  alt?: string;\n};\n\n/**\n * @deprecated Use generic `Logo` component instead\n */\nexport function HeaderLogo(props: HeaderLogoProps) {\n  const { src, alt, ...rest } = props;\n  return (\n    <Link {...rest} sx={{ padding: 2 }}>\n      <Box component=\"img\" src={src} alt={alt} sx={{ display: 'flex' }} />\n    </Link>\n  );\n}\n"],"names":["HeaderLogo","props","src","alt","rest","__rest","_jsx","Link","Object","assign","sx","padding","Box","component","display"],"mappings":"qHAWM,SAAUA,EAAWC,GACzB,MAAMC,IAAEA,EAAGC,IAAEA,GAAiBF,EAATG,EAASC,EAAAJ,EAAxB,CAAA,MAAA,QACN,OACEK,EAACC,EAASC,OAAAC,OAAA,CAAA,EAAAL,GAAMM,GAAI,CAAEC,QAAS,YAC7BL,EAACM,GAAIC,UAAU,MAAMX,IAAKA,EAAKC,IAAKA,EAAKO,GAAI,CAAEI,QAAS,YAG9D"}

package/layout/Header/HeaderNavigationHero.d.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-export type HeaderNavigationHeroProps = {
-    label: string;
-    heroElement: ReactNode;
-};
-export declare function HeaderNavigationHero(props: HeaderNavigationHeroProps): import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationHero.js

@@ -1,2 +0,0 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import{styled as r,ButtonBase as i,Box as n,Popper as t,ClickAwayListener as l,Fade as a,Container as s}from"@mui/material";import{useRef as p}from"react";import{Icon as c}from"../../components/icon/icon.js";import"../../utils/enum.js";import{useClosure as m}from"../../utils/useClosure/useClosure.js";function d(r){const{label:i,heroElement:c}=r,{isOpen:d,onToggle:b,onClose:f}=m(),x=p(null);return o(n,{ref:x,display:"flex",alignItems:"center",children:[o(h,{onClick:b,children:[e(g,{className:"FwlNavigationItem-label",children:i}),e(u,{name:d?"chevron-up":"chevron-down"})]}),e(t,{open:d,anchorEl:null==x?void 0:x.current,transition:!0,children:({TransitionProps:o})=>e(l,{onClickAway:f,children:e(a,Object.assign({},o,{timeout:350,children:e(s,{sx:{backgroundColor:"common.white",color:"text.primary",padding:"48px 0 40px 0"},children:c})}))})})]})}const h=r(i)((()=>({paddingLeft:6,paddingRight:6,"&:hover .FwlNavigationItem-label":{borderBottomColor:"currentColor"},appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",display:"flex",alignItems:"center",color:"inherit"}))),g=r(n)((({theme:o})=>Object.assign(Object.assign({},o.typography.body),{color:"inherit",[o.breakpoints.up("xs")]:{fontWeight:"400",fontSize:"16px",lineHeight:"24px"},paddingLeft:2,paddingRight:2,borderTop:"2px solid",borderBottom:"2px solid",borderColor:"transparent",transition:"border 300ms ease-out 150ms"}))),u=r(c)((()=>({fontSize:"16px",marginLeft:"5px"})));export{d as HeaderNavigationHero};
-//# sourceMappingURL=HeaderNavigationHero.js.map

package/layout/Header/HeaderNavigationHero.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderNavigationHero.js","sources":["../../../src/layout/Header/HeaderNavigationHero.tsx"],"sourcesContent":["import { Box, ClickAwayListener, Container, Fade, Popper, styled, ButtonBase } from '@mui/material';\nimport { ReactNode, useRef } from 'react';\nimport { Icon } from '../../components/icon/icon';\nimport { useClosure } from '../../utils';\n\nexport type HeaderNavigationHeroProps = {\n  label: string;\n  heroElement: ReactNode;\n};\n\nexport function HeaderNavigationHero(props: HeaderNavigationHeroProps) {\n  const { label, heroElement } = props;\n  const { isOpen, onToggle, onClose } = useClosure();\n  const anchor = useRef<HTMLDivElement>(null);\n\n  return (\n    <Box ref={anchor} display=\"flex\" alignItems=\"center\">\n      <ItemButton onClick={onToggle}>\n        <ItemLabel className=\"FwlNavigationItem-label\">{label}</ItemLabel>\n        <ItemIcon name={isOpen ? 'chevron-up' : 'chevron-down'} />\n      </ItemButton>\n      <Popper open={isOpen} anchorEl={anchor?.current} transition>\n        {({ TransitionProps }) => (\n          <ClickAwayListener onClickAway={onClose}>\n            <Fade {...TransitionProps} timeout={350}>\n              <Container\n                sx={{\n                  backgroundColor: 'common.white',\n                  color: 'text.primary',\n                  padding: '48px 0 40px 0',\n                }}\n              >\n                {heroElement}\n              </Container>\n            </Fade>\n          </ClickAwayListener>\n        )}\n      </Popper>\n    </Box>\n  );\n}\n\nconst ItemButton = styled(ButtonBase)(() => ({\n  paddingLeft: 6,\n  paddingRight: 6,\n  '&:hover .FwlNavigationItem-label': {\n    borderBottomColor: 'currentColor',\n  },\n  appearance: 'inherit',\n  border: 'inherit',\n  background: 'inherit',\n  cursor: 'pointer',\n  display: 'flex',\n  alignItems: 'center',\n  color: 'inherit',\n}));\n\nconst ItemLabel = styled(Box)(({ theme }) => ({\n  ...theme.typography.body,\n  color: 'inherit',\n  [theme.breakpoints.up('xs')]: {\n    fontWeight: '400',\n    fontSize: '16px',\n    lineHeight: '24px',\n  },\n  paddingLeft: 2,\n  paddingRight: 2,\n  borderTop: '2px solid',\n  borderBottom: '2px solid',\n  borderColor: 'transparent',\n  transition: 'border 300ms ease-out 150ms',\n}));\n\nconst ItemIcon = styled(Icon)(() => ({\n  fontSize: '16px',\n  marginLeft: '5px',\n}));\n"],"names":["HeaderNavigationHero","props","label","heroElement","isOpen","onToggle","onClose","useClosure","anchor","useRef","_jsxs","Box","ref","display","alignItems","children","ItemButton","onClick","_jsx","ItemLabel","className","ItemIcon","name","Popper","open","anchorEl","current","transition","TransitionProps","ClickAwayListener","onClickAway","Fade","timeout","Container","sx","backgroundColor","color","padding","styled","ButtonBase","paddingLeft","paddingRight","borderBottomColor","appearance","border","background","cursor","theme","typography","body","breakpoints","up","fontWeight","fontSize","lineHeight","borderTop","borderBottom","borderColor","Icon","marginLeft"],"mappings":"gWAUM,SAAUA,EAAqBC,GACnC,MAAMC,MAAEA,EAAKC,YAAEA,GAAgBF,GACzBG,OAAEA,EAAMC,SAAEA,EAAQC,QAAEA,GAAYC,IAChCC,EAASC,EAAuB,MAEtC,OACEC,EAACC,EAAG,CAACC,IAAKJ,EAAQK,QAAQ,OAAOC,WAAW,SAAQC,SAAA,CAClDL,EAACM,EAAU,CAACC,QAASZ,EAAQU,SAAA,CAC3BG,EAACC,EAAS,CAACC,UAAU,mCAA2BlB,IAChDgB,EAACG,GAASC,KAAMlB,EAAS,aAAe,oBAE1Cc,EAACK,EAAO,CAAAC,KAAMpB,EAAQqB,SAAUjB,aAAM,EAANA,EAAQkB,QAASC,YAAU,EAAAZ,SACxD,EAAGa,qBACFV,EAACW,GAAkBC,YAAaxB,EAAOS,SACrCG,EAACa,mBAASH,EAAe,CAAEI,QAAS,aAClCd,EAACe,EACC,CAAAC,GAAI,CACFC,gBAAiB,eACjBC,MAAO,eACPC,QAAS,iBAGVtB,SAAAZ,aAQjB,CAEA,MAAMa,EAAasB,EAAOC,EAAPD,EAAmB,KAAO,CAC3CE,YAAa,EACbC,aAAc,EACd,mCAAoC,CAClCC,kBAAmB,gBAErBC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UACRjC,QAAS,OACTC,WAAY,SACZsB,MAAO,cAGHjB,EAAYmB,EAAO3B,EAAP2B,EAAY,EAAGS,0CAC5BA,EAAMC,WAAWC,MACpB,CAAAb,MAAO,UACP,CAACW,EAAMG,YAAYC,GAAG,OAAQ,CAC5BC,WAAY,MACZC,SAAU,OACVC,WAAY,QAEdd,YAAa,EACbC,aAAc,EACdc,UAAW,YACXC,aAAc,YACdC,YAAa,cACb9B,WAAY,kCAGRN,EAAWiB,EAAOoB,EAAPpB,EAAa,KAAO,CACnCe,SAAU,OACVM,WAAY"}

package/layout/Header/HeaderNavigationLink.d.ts

@@ -1,34 +0,0 @@
-import { ButtonBaseProps, TypographyProps } from '@mui/material';
-import { ReactNode } from 'react';
-export interface HeaderLinkProps extends ButtonBaseProps {
-    /**
-     * Displayed navigation text label of item
-     */
-    label?: string;
-    /**
-     * Displayed navigation text label of item
-     */
-    children?: ReactNode;
-    /**
-     * Href link
-     */
-    href?: string;
-    /**
-     * Name of the icon
-     */
-    icon?: string;
-    /**
-     * Index number of item in navigation (used for switching the active item)
-     */
-    index?: number;
-    /**
-     * Indicates if the current link is active by default
-     */
-    active?: boolean;
-    /**
-     * Link points to external page. This gets automatically a "top-right" arrow
-     */
-    external?: boolean;
-    typographyProps?: TypographyProps;
-}
-export declare const HeaderNavigationLink: ({ href, label, children, icon, active, external, index, }: HeaderLinkProps) => import("react/jsx-runtime").JSX.Element;

package/layout/Header/HeaderNavigationLink.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{ButtonBase as o,Typography as r,Box as n}from"@mui/material";import{useEffect as i}from"react";import{useHeaderContext as a}from"./HeaderContext.js";import{Icon as l}from"../../components/icon/icon.js";import"../../components/icon/icon.definitions.js";import{HeaderNavigationLinkLabel as c}from"./HeaderNavigationLinkLabel.js";const s=({href:s,label:m,children:p,icon:d,active:f,external:x,index:h=null})=>{const{activeItem:u,setActiveItem:v,defaultActive:b,setDefaultActive:j,matches:k}=a();return i((()=>{f&&v(h)}),[f]),e(o,{href:s,onClick:()=>{x||(v(h),j(!1))},target:x&&"_blank",className:"FlowHeaderNavigationLink",sx:{borderBottom:"2px solid transparent",borderWidth:k?"1px":"2px",borderBottomColor:null===h||u!==h&&!b||k?"transparent.transparent":"onSurface.os900",whiteSpace:"nowrap","&:hover":{borderBottomColor:k?"transparent":"onSurface.os900"}},children:e(r,{sx:{display:"block",fontSize:"inherit"},children:e(c,{active:null!==h&&u===h||b,children:t(n,{component:"span",sx:{display:"inline-flex",alignItems:"center"},children:[m||p,d&&e(l,{fontSize:"inherit",name:d,sx:{ml:"8px"}})]})})})})};export{s as HeaderNavigationLink};
-//# sourceMappingURL=HeaderNavigationLink.js.map

package/layout/Header/HeaderNavigationLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeaderNavigationLink.js","sources":["../../../src/layout/Header/HeaderNavigationLink.tsx"],"sourcesContent":["import { Box, ButtonBase, ButtonBaseProps, Typography, TypographyProps } from '@mui/material';\nimport { MouseEventHandler, ReactNode, useEffect } from 'react';\nimport { useHeaderContext } from './HeaderContext';\nimport { Icon } from '@/src/components/icon';\nimport { HeaderNavigationLinkLabel } from './HeaderNavigationLinkLabel';\n\nexport interface HeaderLinkProps extends ButtonBaseProps {\n  /**\n   * Displayed navigation text label of item\n   */\n  label?: string;\n\n  /**\n   * Displayed navigation text label of item\n   */\n  children?: ReactNode;\n\n  /**\n   * Href link\n   */\n  href?: string;\n\n  /**\n   * Name of the icon\n   */\n  icon?: string;\n\n  /**\n   * Index number of item in navigation (used for switching the active item)\n   */\n  index?: number;\n\n  /**\n   * Indicates if the current link is active by default\n   */\n  active?: boolean;\n\n  /**\n   * Link points to external page. This gets automatically a \"top-right\" arrow\n   */\n  external?: boolean;\n\n  typographyProps?: TypographyProps;\n}\n\nexport const HeaderNavigationLink = ({\n  href,\n  label,\n  children,\n  icon,\n  active,\n  external,\n  index = null,\n}: HeaderLinkProps) => {\n  const { activeItem, setActiveItem, defaultActive, setDefaultActive, matches } = useHeaderContext();\n\n  const handleClick: MouseEventHandler<HTMLAnchorElement> = () => {\n    if (!external) {\n      setActiveItem(index);\n      setDefaultActive(false);\n    }\n  };\n\n  useEffect(() => {\n    if (active) {\n      setActiveItem(index);\n    }\n  }, [active]);\n\n  return (\n    <ButtonBase\n      href={href}\n      onClick={handleClick}\n      target={external && '_blank'}\n      className=\"FlowHeaderNavigationLink\"\n      sx={{\n        borderBottom: '2px solid transparent',\n        borderWidth: matches ? '1px' : '2px',\n        borderBottomColor:\n          index !== null && (activeItem === index || defaultActive) && !matches\n            ? 'onSurface.os900'\n            : 'transparent.transparent',\n        whiteSpace: 'nowrap',\n\n        '&:hover': {\n          borderBottomColor: matches ? 'transparent' : `onSurface.os900`,\n        },\n      }}\n    >\n      <Typography sx={{ display: 'block', fontSize: 'inherit' }}>\n        <HeaderNavigationLinkLabel active={(index !== null && activeItem === index) || defaultActive}>\n          <Box component=\"span\" sx={{ display: 'inline-flex', alignItems: 'center' }}>\n            {label || children}\n            {icon && <Icon fontSize=\"inherit\" name={icon} sx={{ ml: '8px' }} />}\n          </Box>\n        </HeaderNavigationLinkLabel>\n      </Typography>\n    </ButtonBase>\n  );\n};\n"],"names":["HeaderNavigationLink","href","label","children","icon","active","external","index","activeItem","setActiveItem","defaultActive","setDefaultActive","matches","useHeaderContext","useEffect","_jsx","ButtonBase","onClick","target","className","sx","borderBottom","borderWidth","borderBottomColor","whiteSpace","Typography","display","fontSize","HeaderNavigationLinkLabel","_jsxs","Box","component","alignItems","Icon","name","ml"],"mappings":"sYA6CaA,EAAuB,EAClCC,OACAC,QACAC,WACAC,OACAC,SACAC,WACAC,QAAQ,SAER,MAAMC,WAAEA,EAAUC,cAAEA,EAAaC,cAAEA,EAAaC,iBAAEA,EAAgBC,QAAEA,GAAYC,IAehF,OANAC,GAAU,KACJT,GACFI,EAAcF,KAEf,CAACF,IAGFU,EAACC,EAAU,CACTf,KAAMA,EACNgB,QAhBsD,KACnDX,IACHG,EAAcF,GACdI,GAAiB,KAcjBO,OAAQZ,GAAY,SACpBa,UAAU,2BACVC,GAAI,CACFC,aAAc,wBACdC,YAAaV,EAAU,MAAQ,MAC/BW,kBACY,OAAVhB,GAAmBC,IAAeD,IAASG,GAAmBE,EAE1D,0BADA,kBAENY,WAAY,SAEZ,UAAW,CACTD,kBAAmBX,EAAU,cAAgB,oBAEhDT,SAEDY,EAACU,EAAU,CAACL,GAAI,CAAEM,QAAS,QAASC,SAAU,WAC5CxB,SAAAY,EAACa,EAA0B,CAAAvB,OAAmB,OAAVE,GAAkBC,IAAeD,GAAUG,WAC7EmB,EAACC,GAAIC,UAAU,OAAOX,GAAI,CAAEM,QAAS,cAAeM,WAAY,UAC7D7B,SAAA,CAAAD,GAASC,EACTC,GAAQW,EAACkB,EAAK,CAAAN,SAAS,UAAUO,KAAM9B,EAAMgB,GAAI,CAAEe,GAAI,iBAInD"}