{"version":3,"file":"ContainerStyles.mjs","sources":["../../../packages/container/ContainerStyles.tsx"],"sourcesContent":["import styled, { css } from '../utils/styled-components-wrapper.js'\nimport { ContainerSizes } from './types.js'\n\nconst sizes = {\n  full: css`\n    max-width: 1424px;\n  `,\n  content: css`\n    max-width: 960px;\n  `,\n  tight: css`\n    max-width: 560px;\n  `,\n}\n\nexport const ContainerStyle = styled.div<{ $size: ContainerSizes }>`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.lg} {\n    padding: 0 ${({ theme }) => theme.spaceMap.lg}px;\n  }\n\n  ${({ $size }) => sizes[$size]}\n`\n"],"names":["sizes","full","css","content","tight","ContainerStyle","styled","div","_ref","theme","spaceMap","xxl","_ref2","mediaQueries","lg","_ref3","_ref4","$size"],"mappings":";;;AAGA,MAAMA,KAAK,GAAG;AACZC,EAAAA,IAAI,EAAEC,GAAG,CAAA;AACX;AACA,EAAG,CAAA;AACDC,EAAAA,OAAO,EAAED,GAAG,CAAA;AACd;AACA,EAAG,CAAA;AACDE,EAAAA,KAAK,EAAEF,GAAG,CAAA;AACZ;AACA,EAAA,CAAA;AACA,CAAC,CAAA;AAEYG,MAAAA,cAAc,GAAGC,MAAM,CAACC,GAA8B,CAAA;AACnE;AACA;AACA;AACA;AACA,aAAA,EAAeC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;AAAA,EAAA,OAAKC,KAAK,CAACC,QAAQ,CAACC,GAAG,CAAA;AAAA,CAAA,CAAA;AAChD;AACA,EAAA,EAAIC,KAAA,IAAA;EAAA,IAAC;AAAEH,IAAAA,KAAAA;AAAM,GAAC,GAAAG,KAAA,CAAA;AAAA,EAAA,OAAKH,KAAK,CAACI,YAAY,CAACC,EAAE,CAAA;AAAA,CAAA,CAAA;AACxC,eAAA,EAAiBC,KAAA,IAAA;EAAA,IAAC;AAAEN,IAAAA,KAAAA;AAAM,GAAC,GAAAM,KAAA,CAAA;AAAA,EAAA,OAAKN,KAAK,CAACC,QAAQ,CAACI,EAAE,CAAA;AAAA,CAAA,CAAA;AACjD;AACA;AACA,EAAA,EAAIE,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,KAAA,CAAA;EAAA,OAAKhB,KAAK,CAACiB,KAAK,CAAC,CAAA;AAAA,CAAA,CAAA;AAC/B;;;;"}