{"version":3,"file":"570aa080d4686acb521b28b97f89568b224d002f-a5e06d1061105ee712c1.js","mappings":"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","sources":["webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Body.Category.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Body.Title.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Body.Excerpt.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Body.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Footer.Author.Avatar.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Footer.Author.Name.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Footer.Info.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Footer.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Media.Icon.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Media.Image.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Media.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.Base.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/Card/Card.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/CardList/CardList.jsx","webpack://@elegantstack/gatsby-starter-flexiblog-agency/../packages/flow-ui/flow-ui-components/src/TextList/TextList.jsx"],"sourcesContent":["import React from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { Box, Badge, css } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport getReadableColor from '@components/utils/getReadableColor'\r\n\r\nconst styles = {\r\n  badge: {\r\n    mb: 3\r\n  }\r\n}\r\n\r\nconst CardBodyCategory = ({ variant, category, omitCategory }) =>\r\n  !omitCategory && category && category.slug ? (\r\n    <Box css={css(styles.badge)} sx={{ variant: rv(variant, 'category') }}>\r\n      <Badge\r\n        variant='tag'\r\n        as={Link}\r\n        to={category.slug}\r\n        sx={\r\n          category.color && {\r\n            bg: category.color,\r\n            color: getReadableColor(category.color)\r\n          }\r\n        }\r\n      >\r\n        {category.name}\r\n      </Badge>\r\n    </Box>\r\n  ) : null\r\n\r\nexport default CardBodyCategory\r\n","import React from 'react'\r\nimport { Link as GLink } from 'gatsby'\r\nimport { Heading } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\n\r\nconst CardBodyTitle = ({ variant, title, slug, link }) => {\r\n  const linkProps = link\r\n    ? {\r\n        as: 'a',\r\n        href: link,\r\n        target: '_blank',\r\n        rel: 'noopener noreferrer'\r\n      }\r\n    : {\r\n        as: GLink,\r\n        to: slug\r\n      }\r\n  return (\r\n    <Heading {...linkProps} sx={{ variant: rv(variant, 'title') }}>\r\n      {title}\r\n    </Heading>\r\n  )\r\n}\r\n\r\nexport default CardBodyTitle\r\n","import React from 'react'\r\nimport { Text, useThemeUI, get } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\n\r\nconst styles = {\r\n  excerpt: {\r\n    flex: `auto`,\r\n    mb: 3\r\n  }\r\n}\r\n\r\nconst CardBodyExcerpt = ({ variant, excerpt, omitExcerpt }) => {\r\n  const context = useThemeUI()\r\n\r\n  const responsiveVariant = rv(variant, 'excerpt')\r\n\r\n  const visibility = responsiveVariant.reduce(\r\n    (mobileVisibility, variant) =>\r\n      mobileVisibility === false &&\r\n      get(context.theme, variant, {}).display === 'none'\r\n        ? false\r\n        : true,\r\n    false\r\n  )\r\n\r\n  return !omitExcerpt && visibility ? (\r\n    <Text\r\n      variant='small'\r\n      sx={{\r\n        ...styles.excerpt,\r\n        variant: responsiveVariant\r\n      }}\r\n    >\r\n      {excerpt}\r\n    </Text>\r\n  ) : null\r\n}\r\n\r\nexport default CardBodyExcerpt\r\n","import React from 'react'\r\nimport { Box } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport CardBodyCategory from './Card.Body.Category'\r\nimport CardBodyTitle from './Card.Body.Title'\r\nimport CardBodyExcerpt from './Card.Body.Excerpt'\r\n\r\nconst styles = {\r\n  body: {\r\n    display: `flex`,\r\n    flexDirection: `column`,\r\n    justifyContent: `center`,\r\n    flex: 1\r\n  }\r\n}\r\n\r\nconst CardBody = ({ children, omitBody, ...props }) =>\r\n  !omitBody && (\r\n    <Box\r\n      sx={{\r\n        ...styles.body,\r\n        variant: rv(props.variant, 'body')\r\n      }}\r\n    >\r\n      <CardBodyCategory {...props} />\r\n      <CardBodyTitle {...props} />\r\n      <CardBodyExcerpt {...props} />\r\n      {children}\r\n    </Box>\r\n  )\r\n\r\nexport default CardBody\r\n","import React from 'react'\r\nimport { Link as GLink } from 'gatsby'\r\nimport { Link, useThemeUI, get } from 'theme-ui'\r\nimport AvatarSimple from '@components/AvatarSimple'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\n\r\nconst CardFooterAuthorAvatar = ({ variant, omitAuthor, author }) => {\r\n  const context = useThemeUI()\r\n\r\n  if (omitAuthor) return null\r\n\r\n  const responsiveVariant = rv(variant, 'authorPhoto')\r\n\r\n  const visibility = responsiveVariant.reduce(\r\n    (mobileVisibility, variant) =>\r\n      mobileVisibility === false &&\r\n      get(context.theme, variant, {}).display === 'none'\r\n        ? false\r\n        : true,\r\n    false\r\n  )\r\n\r\n  return visibility ? (\r\n    author && author.thumbnail ? (\r\n      <Link\r\n        as={GLink}\r\n        to={author.slug}\r\n        aria-label={author.name}\r\n        sx={{ variant: responsiveVariant }}\r\n      >\r\n        <AvatarSimple\r\n          avatar={author.thumbnail}\r\n          alt={author.name}\r\n          size='small'\r\n        />\r\n      </Link>\r\n    ) : null\r\n  ) : null\r\n}\r\nexport default CardFooterAuthorAvatar\r\n","import React from 'react'\r\nimport { Link as GLink } from 'gatsby'\r\nimport { Text, Link } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\n\r\nconst styles = {\r\n  author: {\r\n    pr: 2\r\n  }\r\n}\r\n\r\nconst CardFooterAuthorName = ({ variant, omitAuthor, author }) =>\r\n  !omitAuthor && author && author.slug ? (\r\n    <Text sx={{ ...styles.author, variant: rv(variant, 'author') }}>\r\n      <Link variant='mute' as={GLink} to={author.slug}>\r\n        <strong>{author.name}</strong>\r\n      </Link>\r\n    </Text>\r\n  ) : null\r\n\r\nexport default CardFooterAuthorName\r\n","import React from 'react'\r\nimport { Text } from 'theme-ui'\r\nimport TextList from '@components/TextList'\r\nimport { FaRegClock } from 'react-icons/fa'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\n\r\nconst CardFooterInfo = ({ variant, date, timeToRead }) => (\r\n  <TextList nowrap>\r\n    {date && <Text sx={{ variant: rv(variant, 'date') }}>{date}</Text>}\r\n    {timeToRead && (\r\n      <Text sx={{ variant: rv(variant, 'timeToRead') }}>\r\n        <FaRegClock css={{ verticalAlign: `middle` }} /> {timeToRead} min\r\n      </Text>\r\n    )}\r\n  </TextList>\r\n)\r\n\r\nexport default CardFooterInfo\r\n","import React from 'react'\r\nimport { Flex } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport AuthorAvatar from './Card.Footer.Author.Avatar'\r\nimport AuthorName from './Card.Footer.Author.Name'\r\nimport Info from './Card.Footer.Info'\r\n\r\nconst styles = {\r\n  wrapper: {\r\n    alignItems: `center`\r\n  },\r\n  postInfo: {\r\n    flex: 1,\r\n    flexWrap: `wrap`,\r\n    justifyContent: `space-between`,\r\n    color: `omega`\r\n  }\r\n}\r\n\r\nconst CardFooter = ({ omitFooter, ...props }) =>\r\n  !omitFooter && (\r\n    <Flex css={styles.wrapper} sx={{ variant: rv(props.variant, 'footer') }}>\r\n      <AuthorAvatar {...props} />\r\n      <Flex sx={styles.postInfo}>\r\n        <AuthorName {...props} />\r\n        <Info {...props} />\r\n      </Flex>\r\n    </Flex>\r\n  )\r\nexport default CardFooter\r\n","import React from 'react'\r\nimport SVG from 'react-inlinesvg'\r\nimport { Flex, Box, Text, css } from 'theme-ui'\r\nimport MemphisPattern from '@components/MemphisPattern'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport getReadableColor from '@components/utils/getReadableColor'\r\n\r\nconst styles = {\r\n  iconBox: {\r\n    height: `full`\r\n  },\r\n  iconAndText: {\r\n    flexDirection: `column`,\r\n    justifyContent: `center`,\r\n    alignItems: `center`,\r\n    // color: `omegaDark`,\r\n    position: `relative`,\r\n    fontWeight: `medium`,\r\n    height: `full`,\r\n    zIndex: 2,\r\n    px: 2,\r\n    lineHeight: 1.33,\r\n    svg: {\r\n      pb: 2\r\n    }\r\n  },\r\n  pattern: {\r\n    opacity: 0.07,\r\n    borderRadius: `default`\r\n  }\r\n}\r\n\r\nconst CardMediaIcon = ({ variant, thumbnailText, category }) =>\r\n  category && category.icon && category.name ? (\r\n    <Box\r\n      bg={category.color || 'omegaDark'}\r\n      color={category.color ? getReadableColor(category.color) : '#fff'}\r\n      sx={{\r\n        ...styles.iconBox,\r\n        variant: rv(variant, 'iconBox')\r\n      }}\r\n    >\r\n      <Flex sx={styles.iconAndText}>\r\n        <SVG src={category.icon} css={css({ variant: rv(variant, 'icon') })} />\r\n        <Text sx={{ variant: rv(variant, 'iconText') }}>\r\n          {thumbnailText || category.name}\r\n        </Text>\r\n      </Flex>\r\n      <MemphisPattern sx={styles.pattern} />\r\n    </Box>\r\n  ) : null\r\n\r\nexport default CardMediaIcon\r\n","import React from 'react'\r\nimport { GatsbyImage as Img } from 'gatsby-plugin-image'\r\nimport { css } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\n\r\nconst CardMediaImage = ({ variant, loading, image, title }) => (\r\n  <Img\r\n    image={image}\r\n    loading={loading}\r\n    alt={title}\r\n    css={css({\r\n      height: `full`,\r\n      verticalAlign: `middle`, //avoid baseline gap\r\n      img: {\r\n        bg: `omegaLighter`\r\n      },\r\n      variant: rv(variant, 'image')\r\n    })}\r\n  />\r\n)\r\nCardMediaImage.defaultProps = {\r\n  loading: 'lazy'\r\n}\r\n\r\nexport default CardMediaImage\r\n","import React from 'react'\r\nimport { Link as GLink } from 'gatsby'\r\nimport { Link, useThemeUI, get } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport getImageVariant from '@components/utils/getImageVariant'\r\nimport CardMediaIcon from './Card.Media.Icon'\r\nimport CardMediaImage from './Card.Media.Image'\r\n\r\nconst DEFAULT_IMAGE_VARIANT = 'vertical'\r\n\r\nconst styles = {\r\n  link: {\r\n    userSelect: `none`,\r\n    textAlign: `center`,\r\n    position: `relative`,\r\n    display: `block`\r\n  }\r\n}\r\n\r\nconst CardMedia = ({\r\n  imageVariant,\r\n  omitMedia,\r\n  mediaType,\r\n  title,\r\n  slug,\r\n  link,\r\n  ...props\r\n}) => {\r\n  const context = useThemeUI()\r\n\r\n  if (omitMedia) return null\r\n\r\n  const { variant, thumbnail, thumbnailText } = props\r\n\r\n  const imageVar =\r\n    imageVariant ||\r\n    get(context.theme, rv(variant, 'imageVariant')[0]) ||\r\n    DEFAULT_IMAGE_VARIANT\r\n\r\n  const image = getImageVariant(thumbnail, imageVar)\r\n\r\n  const linkProps = link\r\n    ? {\r\n        as: 'a',\r\n        href: link,\r\n        target: '_blank',\r\n        rel: 'noopener noreferrer'\r\n      }\r\n    : {\r\n        as: GLink,\r\n        to: slug\r\n      }\r\n\r\n  return (\r\n    <Link\r\n      {...linkProps}\r\n      css={styles.link}\r\n      sx={{ variant: rv(variant, 'media') }}\r\n      aria-label={title}\r\n    >\r\n      {mediaType === 'image' && image && (\r\n        <CardMediaImage image={image} title={title} {...props} />\r\n      )}\r\n      {(mediaType === 'icon' || (!image && thumbnailText)) && (\r\n        <CardMediaIcon {...props} />\r\n      )}\r\n    </Link>\r\n  )\r\n}\r\n\r\nCardMedia.defaultProps = {\r\n  mediaType: 'image'\r\n}\r\n\r\nexport default CardMedia\r\n","import React from 'react'\r\nimport { Box, Card, Flex } from 'theme-ui'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport columnSizeMatcher from '@components/utils/columnSizeMatcher'\r\nimport Body from './Card.Body'\r\nimport Footer from './Card.Footer'\r\nimport Media from './Card.Media'\r\n\r\nconst styles = {\r\n  card: {\r\n    overflow: `hidden`,\r\n    height: `full`\r\n  },\r\n  content: {\r\n    alignItems: `stretch`,\r\n    height: `full`\r\n  }\r\n}\r\n\r\nconst CardBase = ({ columns, onMouseOver, ...props }) => (\r\n  <Box\r\n    className='blog_card'\r\n    sx={columnSizeMatcher(columns)}\r\n    onMouseOver={onMouseOver}\r\n    onFocus={onMouseOver}\r\n  >\r\n    <Card\r\n      variant='interactive'\r\n      sx={{\r\n        ...styles.card,\r\n        variant: rv(props.variant, 'card')\r\n      }}\r\n    >\r\n      <Flex\r\n        as='article'\r\n        sx={{\r\n          ...styles.content,\r\n          variant: rv(props.variant, 'content')\r\n        }}\r\n      >\r\n        <Media {...props} />\r\n        <Body {...props}>\r\n          <Footer {...props} />\r\n        </Body>\r\n      </Flex>\r\n    </Card>\r\n  </Box>\r\n)\r\n\r\nexport default CardBase\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport rv from '@components/utils/buildResponsiveVariant'\r\nimport Base from './Card.Base'\r\n\r\nconst Card = ({ variantGroup, variant, aside, ...props }) => {\r\n  const responsiveVariant = rv(variantGroup, variant)\r\n  return <Base variant={responsiveVariant} {...props} />\r\n}\r\n\r\nexport default Card\r\n\r\nCard.defaultProps = {\r\n  variantGroup: 'cards',\r\n  variant: 'vertical'\r\n}\r\n\r\nCard.propTypes = {\r\n  variant: PropTypes.oneOfType([\r\n    PropTypes.array,\r\n    PropTypes.oneOf([\r\n      'horizontal',\r\n      'horizontal-aside',\r\n      'horizontal-md',\r\n      'horizontal-lg',\r\n      'horizontal-cover',\r\n      'horizontal-cover-hero',\r\n      'horizontal-cover-wide',\r\n      'horizontal-hero',\r\n      'vertical-cover',\r\n      'vertical',\r\n      'search'\r\n    ])\r\n  ]),\r\n  omitMedia: PropTypes.bool,\r\n  omitCategory: PropTypes.bool,\r\n  omitExcerpt: PropTypes.bool,\r\n  omitAuthor: PropTypes.bool,\r\n  omitBody: PropTypes.bool,\r\n  omitFooter: PropTypes.bool,\r\n  aside: PropTypes.bool,\r\n  columns: PropTypes.array,\r\n  mediaType: PropTypes.oneOfType([\r\n    PropTypes.bool,\r\n    PropTypes.oneOf(['icon', 'image'])\r\n  ]),\r\n  imageVariant: PropTypes.string,\r\n  loading: PropTypes.oneOf(['lazy', 'auto', 'eager']),\r\n  title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\r\n  slug: PropTypes.string,\r\n  link: PropTypes.string,\r\n  category: PropTypes.shape({\r\n    name: PropTypes.string,\r\n    color: PropTypes.string,\r\n    slug: PropTypes.string,\r\n    icon: PropTypes.string\r\n  }),\r\n  author: PropTypes.shape({\r\n    name: PropTypes.string,\r\n    slug: PropTypes.string,\r\n    thumbnail: PropTypes.object\r\n  }),\r\n  date: PropTypes.string,\r\n  timeToRead: PropTypes.number,\r\n  excerpt: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\r\n  thumbnail: PropTypes.object,\r\n  thumbnailText: PropTypes.string\r\n}\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { Box } from 'theme-ui'\r\nimport buildResponsiveVariant from '@components/utils/buildResponsiveVariant'\r\nimport hashCode from '@components/utils/hashCode'\r\nimport reduceArray from '@components/utils/reduceArray'\r\nimport Section from '@components/Section'\r\nimport CardListSlider from './CardList.Slider'\r\nimport Card from '@components/Card'\r\n\r\nconst SLIDER_VARIANT_GROUP = 'lists.cards.slider'\r\nconst FIXED_VARIANT_GROUP = 'lists.cards.fixed'\r\n\r\nconst CardList = React.forwardRef((props, ref) => {\r\n  const {\r\n    nodes,\r\n    variant,\r\n    title,\r\n    withTitleLink,\r\n    limit,\r\n    skip,\r\n    distinct,\r\n    slider,\r\n    aside,\r\n    asNavFor,\r\n    loading,\r\n    ...rest\r\n  } = props\r\n\r\n  const reducedNodes = reduceArray(nodes, { distinct, limit, skip })\r\n  if (!reducedNodes || !reducedNodes.length) return null\r\n\r\n  //Section title link for viewing more posts from same category\r\n  const titleLink = withTitleLink\r\n    ? reducedNodes[0].category && reducedNodes[0].category.slug\r\n    : ''\r\n\r\n  //Unique key for section\r\n  const sectionKey =\r\n    title && `${hashCode(reducedNodes.map(node => node.id).join())}`\r\n\r\n  //Build responsive variant for card list\r\n  const cardListVariant = buildResponsiveVariant(\r\n    slider ? SLIDER_VARIANT_GROUP : FIXED_VARIANT_GROUP,\r\n    variant\r\n  )\r\n\r\n  const changeSlide = index => {\r\n    if (asNavFor && asNavFor.current) {\r\n      asNavFor.current.slickPause()\r\n      asNavFor.current.slickGoTo(index)\r\n    }\r\n  }\r\n\r\n  //Array of cards\r\n  const cards = reducedNodes.map((node, index) => (\r\n    <Card\r\n      key={node.id}\r\n      variant={variant}\r\n      onMouseOver={() => changeSlide(index)}\r\n      onFocus={() => changeSlide(index)}\r\n      //In sliders with fade effect apply loading to the first card only\r\n      loading={props.fade ? (index === 0 ? loading : undefined) : loading}\r\n      {...node}\r\n      {...rest}\r\n    />\r\n  ))\r\n\r\n  //Cards List (Fixed or Slider)\r\n  const CardList = () => (\r\n    <Box sx={{ variant: cardListVariant }}>\r\n      {slider ? (\r\n        <CardListSlider\r\n          ref={ref}\r\n          // beforeChange={index => changeSlide(index)}\r\n          {...rest}\r\n        >\r\n          {cards}\r\n        </CardListSlider>\r\n      ) : (\r\n        cards\r\n      )}\r\n    </Box>\r\n  )\r\n\r\n  return title ? (\r\n    <Section title={title} titleLink={titleLink} key={sectionKey} aside={aside}>\r\n      <CardList />\r\n    </Section>\r\n  ) : (\r\n    <CardList />\r\n  )\r\n})\r\n\r\nexport default CardList\r\n\r\nCardList.defaultProps = {\r\n  variant: 'vertical',\r\n  columns: [1],\r\n  aside: false\r\n}\r\n\r\nCardList.propTypes = {\r\n  variant: PropTypes.oneOfType([\r\n    PropTypes.array,\r\n    PropTypes.oneOf([\r\n      'horizontal',\r\n      'horizontal-aside',\r\n      'horizontal-md',\r\n      'horizontal-lg',\r\n      'horizontal-cover',\r\n      'horizontal-cover-hero',\r\n      'horizontal-cover-wide',\r\n      'horizontal-hero',\r\n      'vertical-cover',\r\n      'vertical',\r\n      'search'\r\n    ])\r\n  ]),\r\n  loading: PropTypes.oneOf(['lazy', 'auto', 'eager']),\r\n  columns: PropTypes.array,\r\n  title: PropTypes.string,\r\n  withTitleLink: PropTypes.bool,\r\n  nodes: PropTypes.array,\r\n  distinct: PropTypes.bool,\r\n  limit: PropTypes.number,\r\n  skip: PropTypes.number,\r\n  aside: PropTypes.bool\r\n}\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { Box } from 'theme-ui'\r\n\r\nconst styles = {\r\n  wrapper: separator => ({\r\n    '> *': {\r\n      ':not(:last-child) + *:before': {\r\n        content: `\" ${separator} \"`\r\n      }\r\n    }\r\n  }),\r\n  nowrap: {\r\n    overflow: `hidden`,\r\n    textOverflow: `ellipsis`,\r\n    whiteSpace: `nowrap`\r\n  }\r\n}\r\n\r\nconst TextList = ({ nowrap, separator, children }) => (\r\n  <Box sx={{ ...(nowrap && styles.nowrap), ...styles.wrapper(separator) }}>\r\n    {children}\r\n  </Box>\r\n)\r\n\r\nexport default TextList\r\n\r\nTextList.defaultProps = {\r\n  separator: '・',\r\n  nowrap: false\r\n}\r\n\r\nTextList.propTypes = {\r\n  separator: PropTypes.string,\r\n  nowrap: PropTypes.bool\r\n}\r\n"],"names":["styles","mb","_ref","variant","category","omitCategory","slug","___EmotionJSX","Box","css","sx","rv","Badge","as","Link","to","color","bg","getReadableColor","name","title","link","linkProps","href","target","rel","GLink","Heading","_extends","flex","excerpt","omitExcerpt","context","useThemeUI","responsiveVariant","visibility","reduce","mobileVisibility","get","theme","display","Text","_objectSpread","flexDirection","justifyContent","children","omitBody","props","_objectWithoutProperties","_excluded","CardBodyCategory","CardBodyTitle","CardBodyExcerpt","omitAuthor","author","thumbnail","AvatarSimple","avatar","alt","size","pr","date","timeToRead","TextList","nowrap","FaRegClock","_css","verticalAlign","wrapper","alignItems","postInfo","flexWrap","omitFooter","Flex","AuthorAvatar","AuthorName","Info","iconBox","height","iconAndText","position","fontWeight","zIndex","px","lineHeight","svg","pb","pattern","opacity","borderRadius","thumbnailText","icon","SVG","src","MemphisPattern","CardMediaImage","loading","image","Img","img","defaultProps","userSelect","textAlign","CardMedia","imageVariant","omitMedia","mediaType","imageVar","getImageVariant","CardMediaIcon","overflow","columns","onMouseOver","className","columnSizeMatcher","onFocus","Card","Media","Body","Footer","variantGroup","aside","Base","CardList","React","ref","nodes","withTitleLink","limit","skip","distinct","slider","asNavFor","rest","reducedNodes","reduceArray","length","titleLink","sectionKey","hashCode","map","node","id","join","cardListVariant","buildResponsiveVariant","changeSlide","index","current","slickPause","slickGoTo","cards","key","fade","undefined","CardListSlider","Section","separator","content","textOverflow","whiteSpace"],"sourceRoot":""}