{"version":3,"file":"StackStyles.mjs","sources":["../../../packages/stack/StackStyles.tsx"],"sourcesContent":["import styled from '../utils/styled-components-wrapper.js'\nimport { Theme } from '../theme/index.js'\nimport {\n  StackAligns,\n  StackDirections,\n  StackJustifies,\n  StackSpacings,\n  StackWraps,\n} from './types.js'\n\nexport const StackStyle = styled.div<{\n  $align: StackAligns\n  $justify: StackJustifies\n  $direction: StackDirections\n  $wrap: StackWraps\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  display: flex;\n  align-items: ${({ $align }) => $align};\n  justify-content: ${({ $justify }) => $justify};\n  flex-flow: ${({ $direction }) => $direction} ${({ $wrap }) => $wrap};\n  margin: ${({ $spacing, theme }) =>\n    $spacing ? -theme.spaceMap[$spacing] / 2 : 0}px;\n`\n"],"names":["StackStyle","styled","div","_ref","$align","_ref2","$justify","_ref3","$direction","_ref4","$wrap","_ref5","$spacing","theme","spaceMap"],"mappings":";;AAUaA,MAAAA,UAAU,GAAGC,MAAM,CAACC,GAO/B,CAAA;AACF;AACA,eAAA,EAAiBC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,MAAM,CAAA;AAAA,CAAA,CAAA;AACvC,mBAAA,EAAqBC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,QAAQ,CAAA;AAAA,CAAA,CAAA;AAC/C,aAAA,EAAeC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,UAAAA;AAAW,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,UAAU,CAAA;AAAA,CAAA,CAAA,CAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAAA;AAAA,CAAA,CAAA;AACrE,UAAA,EAAYC,KAAA,IAAA;EAAA,IAAC;IAAEC,QAAQ;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAF,KAAA,CAAA;AAAA,EAAA,OAC5BC,QAAQ,GAAG,CAACC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAAA,CAAA,CAAA;AAChD;;;;"}