{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/Heading/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\n\nimport { size } from '../../layout/helpers';\n\ninterface HeadingBaseProps {\n  $noMargin?: boolean;\n  $margin?: 'none' | 'small';\n}\n\nexport const HeadingBase = styled.div.withConfig({ componentId: 'sc-du1sgw-0' })<HeadingBaseProps>`\n    display: block;\n    margin-top: 0;\n    margin-bottom: var(--_margin, ${size(2)});\n    line-height: 1.3;\n    font-weight: var(--font-weight-bold);\n    letter-spacing: -0.01em;\n    text-wrap: balance;\n\n    ${({ $noMargin }) =>\n      $noMargin &&\n      css`\n            margin-bottom: 0;\n        `}\n\n    ${({ $margin }) =>\n      $margin === 'none'\n        ? css`\n                  --_margin: 0;\n              `\n        : $margin === 'small'\n          ? css`\n                  --_margin: ${size(1)};\n              `\n          : undefined}\n`;\n\nexport const H1 = styled(HeadingBase).attrs<{ as: string }>((props) => ({\n  as: props.as || 'h1',\n})).withConfig({ componentId: 'sc-du1sgw-1' })`\n    font-size: var(--font-size-h1);\n    line-height: var(--line-height-h1);\n    letter-spacing: -0.02em;\n`;\n\nexport const H2 = styled(HeadingBase).attrs<{ as: string }>((props) => ({\n  as: props.as || 'h2',\n})).withConfig({ componentId: 'sc-du1sgw-2' })`\n    font-size: var(--font-size-h2);\n    line-height: var(--line-height-h2);\n`;\n\nexport const H3 = styled(HeadingBase).attrs<{ as: string }>((props) => ({\n  as: props.as || 'h3',\n})).withConfig({ componentId: 'sc-du1sgw-3' })`\n    font-size: var(--font-size-h3);\n    line-height: var(--line-height-h3);\n`;\n\nexport const H4 = styled(HeadingBase).attrs<{ as: string }>((props) => ({\n  as: props.as || 'h4',\n})).withConfig({ componentId: 'sc-du1sgw-4' })`\n    font-size: var(--font-size-h4);\n    line-height: var(--line-height-h4);\n`;\n\nexport const H5 = styled(HeadingBase).attrs<{ as: string }>((props) => ({\n  as: props.as || 'h5',\n})).withConfig({ componentId: 'sc-du1sgw-5' })`\n    font-size: var(--font-size-h5);\n    line-height: var(--line-height-h5);\n`;\n\nexport const H6 = styled(HeadingBase).attrs<{ as: string }>((props) => ({\n  as: props.as || 'h6',\n})).withConfig({ componentId: 'sc-du1sgw-6' })`\n    font-size: var(--font-size-h6);\n    line-height: var(--line-height-h6);\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n    opacity: 0.8;\n`;\n\nexport const HeadingTail = styled.span.withConfig({ componentId: 'sc-du1sgw-7' })`\n    font-weight: var(--font-weight-light);\n`;\n"],
  "mappings": "6DASO,IAAMA,EAAcC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,oCAG3CC,EAAK,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAMrC,CAAC,CAAE,UAAAC,CAAU,IACbA,GACAC;AAAA;AAAA,SAEG;AAAA;AAAA,MAEH,CAAC,CAAE,QAAAC,CAAQ,IACXA,IAAY,OACRD;AAAA;AAAA,gBAGAC,IAAY,QACVD;AAAA,+BACmBF,EAAK,CAAC,CAAC;AAAA,gBAE1B,MAAS;AAAA,EAGRI,EAAKL,EAAOD,CAAW,EAAE,MAAuBO,IAAW,CACtE,GAAIA,EAAM,IAAM,IAClB,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,EAMhCC,EAAKP,EAAOD,CAAW,EAAE,MAAuBO,IAAW,CACtE,GAAIA,EAAM,IAAM,IAClB,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,EAKhCE,EAAKR,EAAOD,CAAW,EAAE,MAAuBO,IAAW,CACtE,GAAIA,EAAM,IAAM,IAClB,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,EAKhCG,EAAKT,EAAOD,CAAW,EAAE,MAAuBO,IAAW,CACtE,GAAIA,EAAM,IAAM,IAClB,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,EAKhCI,EAAKV,EAAOD,CAAW,EAAE,MAAuBO,IAAW,CACtE,GAAIA,EAAM,IAAM,IAClB,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA,EAKhCK,EAAKX,EAAOD,CAAW,EAAE,MAAuBO,IAAW,CACtE,GAAIA,EAAM,IAAM,IAClB,EAAE,EAAE,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhCM,EAAcZ,EAAO,KAAK,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;",
  "names": ["HeadingBase", "dt", "size", "$noMargin", "lt", "$margin", "H1", "props", "H2", "H3", "H4", "H5", "H6", "HeadingTail"]
}