{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/LinkCloud/index.tsx", "../javascripts/styled-components/components/LinkCloud/wrapper.tsx"],
  "sourcesContent": ["import React from 'react';\n\nimport { Link, List, RouterLink, TextTail } from './wrapper';\n\ninterface LinkCloudItemProps {\n  text: string;\n  textTail?: string;\n  title: string;\n  href?: string;\n  to?: string;\n}\n\ninterface LinkCloudProps {\n  items: LinkCloudItemProps[];\n}\n\nconst LinkCloud = ({ items }: LinkCloudProps) => (\n  <List>\n    {items.map((item, i) => {\n      if (!item.href && !item.to) {\n        return null;\n      }\n\n      return item.to ? (\n        <RouterLink key={`${item.text}-${i}`} to={item.to} title={item.title}>\n          {item.text}\n          {item.textTail && <TextTail>{item.textTail}</TextTail>}\n        </RouterLink>\n      ) : (\n        <Link key={`${item.text}-${i}`} href={item.href} title={item.title}>\n          {item.text}\n          {item.textTail && <TextTail>{item.textTail}</TextTail>}\n        </Link>\n      );\n    })}\n  </List>\n);\n\nexport default LinkCloud;\n", "import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\nimport { Link as StyledLink, RouterLink as StyledRouterLink } from '../Link';\n\nexport const List = styled.div.withConfig({ componentId: 'sc-nfnmc3-0' })`\n    display: grid;\n    grid-template-columns: repeat(var(--_columns, 2), minmax(0, 1fr));\n    align-items: start;\n    gap: ${size(2)};\n\n    ${(props) => props.theme.breakpoint.Sm} {\n        --_columns: 3;\n    }\n\n    ${(props) => props.theme.breakpoint.Md} {\n        --_columns: 4;\n    }\n`;\n\nconst linkStyle = css`\n    color: currentColor;\n    font-size: var(--font-size-small-static);\n`;\n\nexport const Link = styled(StyledLink).withConfig({ componentId: 'sc-nfnmc3-1' })`\n    ${linkStyle};\n`;\n\nexport const RouterLink = styled(StyledRouterLink).withConfig({ componentId: 'sc-nfnmc3-2' })`\n    ${linkStyle};\n`;\n\nexport const TextTail = styled.span.withConfig({ componentId: 'sc-nfnmc3-3' })`\n    color: var(--c-text-muted);\n`;\n"],
  "mappings": "oKAAA,IAAAA,EAAkB,SCKX,IAAMC,EAAOC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,WAI7DC,EAAK,CAAC,CAAC;AAAA;AAAA,MAEXC,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA;AAAA,MAInCA,GAAUA,EAAM,MAAM,WAAW,EAAE;AAAA;AAAA;AAAA,EAKpCC,EAAYC;AAAA;AAAA;AAAA,EAKLC,EAAOL,EAAOK,CAAU,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA,MAC1EF,CAAS;AAAA,EAGFG,EAAaN,EAAOM,CAAgB,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA,MACtFH,CAAS;AAAA,EAGFI,EAAWP,EAAO,KAAK,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;EDjB7E,IAAMQ,EAAY,CAAC,CAAE,MAAAC,CAAM,IACzB,EAAAC,QAAA,cAACC,EAAA,KACEF,EAAM,IAAI,CAACG,EAAMC,IACZ,CAACD,EAAK,MAAQ,CAACA,EAAK,GACf,KAGFA,EAAK,GACV,EAAAF,QAAA,cAACI,EAAA,CAAW,IAAK,GAAGF,EAAK,IAAI,IAAIC,CAAC,GAAI,GAAID,EAAK,GAAI,MAAOA,EAAK,OAC5DA,EAAK,KACLA,EAAK,UAAY,EAAAF,QAAA,cAACK,EAAA,KAAUH,EAAK,QAAS,CAC7C,EAEA,EAAAF,QAAA,cAACM,EAAA,CAAK,IAAK,GAAGJ,EAAK,IAAI,IAAIC,CAAC,GAAI,KAAMD,EAAK,KAAM,MAAOA,EAAK,OAC1DA,EAAK,KACLA,EAAK,UAAY,EAAAF,QAAA,cAACK,EAAA,KAAUH,EAAK,QAAS,CAC7C,CAEH,CACH,EAGKK,EAAQT",
  "names": ["import_react", "List", "dt", "size", "props", "linkStyle", "lt", "Link", "RouterLink", "TextTail", "LinkCloud", "items", "React", "List", "item", "i", "RouterLink", "TextTail", "Link", "LinkCloud_default"]
}