{
  "version": 3,
  "sources": ["../javascripts/styled-components/components/VStack/index.tsx"],
  "sourcesContent": ["import styled, { css } from 'styled-components';\nimport { size } from '../../layout/helpers';\n\ninterface VStackProps {\n  $spacing?: number;\n}\n\nexport const VStack = styled.div.withConfig({ componentId: 'sc-d43yjr-0' })<VStackProps>`\n    display: flex;\n    flex-direction: column;\n\n    ${({ $spacing }) =>\n      $spacing &&\n      css`\n            gap: ${size($spacing)};\n        `}\n`;\n"],
  "mappings": "6DAOO,IAAMA,EAASC,EAAO,IAAI,WAAW,CAAE,YAAa,aAAc,CAAC;AAAA;AAAA;AAAA;AAAA,MAIpE,CAAC,CAAE,SAAAC,CAAS,IACZA,GACAC;AAAA,mBACaC,EAAKF,CAAQ,CAAC;AAAA,SACxB;",
  "names": ["VStack", "dt", "$spacing", "lt", "size"]
}