{
  "version": 3,
  "sources": ["../../src/system/index.ts", "../../src/system/background.ts", "../../src/system/border.ts", "../../src/system/colors.ts", "../../src/system/cursor.ts", "../../src/system/flexbox.ts", "../../src/system/grid.ts", "../../src/system/layout.ts", "../../src/system/position.ts", "../../src/system/shadow.ts", "../../src/system/space.ts", "../../src/system/typography.ts", "../../src/system/styled.ts"],
  "sourcesContent": ["export { compose, variant } from \"styled-system\";\nexport { background } from \"./background\";\nexport type { BackgroundProps } from \"./background\";\nexport { border } from \"./border\";\nexport type { BorderProps } from \"./border\";\nexport { color } from \"./colors\";\nexport type { ColorProps } from \"./colors\";\nexport { cursor } from \"./cursor\";\nexport type { CursorProps } from \"./cursor\";\nexport { flexbox } from \"./flexbox\";\nexport type { FlexboxProps } from \"./flexbox\";\nexport { grid } from \"./grid\";\nexport type { GridProps } from \"./grid\";\nexport { layout } from \"./layout\";\nexport type { LayoutProps } from \"./layout\";\nexport { position } from \"./position\";\nexport type { PositionProps } from \"./position\";\nexport { shadow } from \"./shadow\";\nexport type { ShadowProps } from \"./shadow\";\nexport { space } from \"./space\";\nexport type { SpaceProps } from \"./space\";\nexport { typography } from \"./typography\";\nexport type { TypographyProps } from \"./typography\";\nexport { styled } from \"./styled\";\n", "import * as CSS from \"csstype\";\nexport { background } from \"styled-system\";\nimport { ResponsiveProp } from \"./types\";\n\nexport type BackgroundProps = {\n  background?: ResponsiveProp<CSS.Properties[\"background\"]>;\n  backgroundImage?: ResponsiveProp<CSS.Properties[\"backgroundImage\"]>;\n  backgroundSize?: ResponsiveProp<CSS.Properties[\"backgroundSize\"]>;\n  backgroundPosition?: ResponsiveProp<CSS.Properties[\"backgroundPosition\"]>;\n  backgroundRepeat?: ResponsiveProp<CSS.Properties[\"backgroundRepeat\"]>;\n};\n", "import * as CSS from \"csstype\";\nimport { SystemBorderWidths, SystemColor, SystemRadii } from \"./types\";\nexport { border } from \"styled-system\";\nimport { ResponsiveProp } from \"./types\";\n\nexport type BorderProps = {\n  borderStyle?: ResponsiveProp<CSS.Properties[\"borderStyle\"]>;\n  borderWidth?: ResponsiveProp<SystemBorderWidths>;\n  borderColor?: ResponsiveProp<SystemColor>;\n  borderRadius?: ResponsiveProp<SystemRadii>;\n  borderTopStyle?: ResponsiveProp<CSS.Properties[\"borderStyle\"]>;\n  borderTopWidth?: ResponsiveProp<SystemBorderWidths>;\n  borderTopColor?: ResponsiveProp<SystemColor>;\n  borderTopLeftRadius?: ResponsiveProp<SystemRadii>;\n  borderTopRightRadius?: ResponsiveProp<SystemRadii>;\n  borderBottomStyle?: ResponsiveProp<CSS.Properties[\"borderStyle\"]>;\n  borderBottomWidth?: ResponsiveProp<SystemBorderWidths>;\n  borderBottomColor?: ResponsiveProp<SystemColor>;\n  borderBottomLeftRadius?: ResponsiveProp<SystemRadii>;\n  borderBottomRightRadius?: ResponsiveProp<SystemRadii>;\n  borderLeftStyle?: ResponsiveProp<CSS.Properties[\"borderStyle\"]>;\n  borderLeftWidth?: ResponsiveProp<SystemBorderWidths>;\n  borderLeftColor?: ResponsiveProp<SystemColor>;\n  borderRightStyle?: ResponsiveProp<CSS.Properties[\"borderStyle\"]>;\n  borderRightWidth?: ResponsiveProp<SystemBorderWidths>;\n  borderRightColor?: ResponsiveProp<SystemColor>;\n};\n", "import { system } from \"styled-system\";\nimport { SystemColor, ResponsiveProp } from \"./types\";\n\nexport type ColorProps = {\n  textColor?: ResponsiveProp<SystemColor>;\n  backgroundColor?: ResponsiveProp<SystemColor>;\n  bg?: ResponsiveProp<SystemColor>;\n};\n\nexport const color = system({\n  textColor: {\n    scale: \"colors\",\n    property: \"color\",\n  },\n  backgroundColor: {\n    scale: \"colors\",\n    property: \"backgroundColor\",\n  },\n  bg: {\n    scale: \"colors\",\n    property: \"backgroundColor\",\n  },\n});\n", "import { system } from \"styled-system\";\nimport { ResponsiveProp, SystemCursor } from \"./types\";\n\nexport type CursorProps = {\n  cursor?: ResponsiveProp<SystemCursor>;\n};\n\nexport const cursor = system({\n  cursor: {\n    scale: \"cursor\",\n    property: \"cursor\",\n  },\n});\n", "import * as CSS from \"csstype\";\nimport { ResponsiveProp } from \"./types\";\nexport { flexbox } from \"styled-system\";\n\nexport type FlexboxProps = {\n  alignItems?: ResponsiveProp<CSS.Properties[\"alignItems\"]>;\n  alignContent?: ResponsiveProp<CSS.Properties[\"alignContent\"]>;\n  justifyItems?: ResponsiveProp<CSS.Properties[\"justifyItems\"]>;\n  justifyContent?: ResponsiveProp<CSS.Properties[\"justifyContent\"]>;\n  flexWrap?: ResponsiveProp<CSS.Properties[\"flexWrap\"]>;\n  flexDirection?: ResponsiveProp<CSS.Properties[\"flexDirection\"]>;\n  flex?: ResponsiveProp<CSS.Properties[\"flex\"]>;\n  flexGrow?: ResponsiveProp<CSS.Properties[\"flexGrow\"]>;\n  flexShrink?: ResponsiveProp<CSS.Properties[\"flexShrink\"]>;\n  flexBasis?: ResponsiveProp<CSS.Properties[\"flexBasis\"]>;\n  justifySelf?: ResponsiveProp<CSS.Properties[\"justifySelf\"]>;\n  alignSelf?: ResponsiveProp<CSS.Properties[\"alignSelf\"]>;\n  order?: ResponsiveProp<CSS.Properties[\"order\"]>;\n};\n", "import * as CSS from \"csstype\";\nimport { SystemSpace, ResponsiveProp } from \"./types\";\nexport { grid } from \"styled-system\";\n\nexport type GridProps = {\n  gridGap?: ResponsiveProp<SystemSpace>;\n  gridRowGap?: ResponsiveProp<SystemSpace>;\n  gridColumnGap?: ResponsiveProp<SystemSpace>;\n  gridColumn?: ResponsiveProp<CSS.Properties[\"gridColumn\"]>;\n  gridRow?: ResponsiveProp<CSS.Properties[\"gridRow\"]>;\n  gridArea?: ResponsiveProp<CSS.Properties[\"gridArea\"]>;\n  gridAutoFlow?: ResponsiveProp<CSS.Properties[\"gridAutoFlow\"]>;\n  gridAutoRows?: ResponsiveProp<CSS.Properties[\"gridAutoRows\"]>;\n  gridAutoColumns?: ResponsiveProp<CSS.Properties[\"gridAutoColumns\"]>;\n  gridTemplateRows?: ResponsiveProp<CSS.Properties[\"gridTemplateRows\"]>;\n  gridTemplateColumns?: ResponsiveProp<CSS.Properties[\"gridTemplateColumns\"]>;\n  gridTemplateAreas?: ResponsiveProp<CSS.Properties[\"gridTemplateAreas\"]>;\n};\n", "import * as CSS from \"csstype\";\nexport { layout } from \"styled-system\";\nimport { ResponsiveProp, SystemSizes } from \"./types\";\n\nexport type LayoutProps = {\n  width?: ResponsiveProp<SystemSizes | CSS.Properties[\"width\"]>;\n  height?: ResponsiveProp<SystemSizes | CSS.Properties[\"width\"]>;\n  minWidth?: ResponsiveProp<SystemSizes | CSS.Properties[\"width\"]>;\n  maxWidth?: ResponsiveProp<SystemSizes | CSS.Properties[\"width\"]>;\n  minHeight?: ResponsiveProp<SystemSizes | CSS.Properties[\"width\"]>;\n  maxHeight?: ResponsiveProp<SystemSizes | CSS.Properties[\"width\"]>;\n  size?: ResponsiveProp<SystemSizes>;\n  display?: ResponsiveProp<CSS.Properties[\"display\"]>;\n  verticalAlign?: ResponsiveProp<CSS.Properties[\"verticalAlign\"]>;\n  overflow?: ResponsiveProp<CSS.Properties[\"overflow\"]>;\n  overflowX?: ResponsiveProp<CSS.Properties[\"overflowX\"]>;\n  overflowY?: ResponsiveProp<CSS.Properties[\"overflowY\"]>;\n};\n", "import * as CSS from \"csstype\";\nexport { position } from \"styled-system\";\nimport { ResponsiveProp, SystemSpace, SystemZIndices } from \"./types\";\n\nexport type PositionProps = {\n  position?: ResponsiveProp<CSS.Properties[\"position\"]>;\n  zIndex?: ResponsiveProp<SystemZIndices>;\n  top?: ResponsiveProp<SystemSpace | CSS.Properties[\"top\"]>;\n  right?: ResponsiveProp<SystemSpace | CSS.Properties[\"right\"]>;\n  bottom?: ResponsiveProp<SystemSpace | CSS.Properties[\"bottom\"]>;\n  left?: ResponsiveProp<SystemSpace | CSS.Properties[\"left\"]>;\n};\n", "export { shadow } from \"styled-system\";\nimport { ResponsiveProp, SystemShadows } from \"./types\";\n\nexport type ShadowProps = {\n  textShadow?: ResponsiveProp<SystemShadows>;\n  boxShadow?: ResponsiveProp<SystemShadows>;\n};\n", "import { compose, space as styledSpace, system } from \"styled-system\";\nimport { ResponsiveProp, SystemSpace } from \"./types\";\n\nexport const space = compose(\n  styledSpace,\n  system({\n    gap: {\n      property: \"gap\",\n      scale: \"space\",\n    },\n  })\n);\n\nexport type SpaceProps = {\n  m?: ResponsiveProp<SystemSpace>;\n  mt?: ResponsiveProp<SystemSpace>;\n  mb?: ResponsiveProp<SystemSpace>;\n  mr?: ResponsiveProp<SystemSpace>;\n  ml?: ResponsiveProp<SystemSpace>;\n  mx?: ResponsiveProp<SystemSpace>;\n  my?: ResponsiveProp<SystemSpace>;\n  p?: ResponsiveProp<SystemSpace>;\n  pt?: ResponsiveProp<SystemSpace>;\n  pb?: ResponsiveProp<SystemSpace>;\n  pr?: ResponsiveProp<SystemSpace>;\n  pl?: ResponsiveProp<SystemSpace>;\n  px?: ResponsiveProp<SystemSpace>;\n  py?: ResponsiveProp<SystemSpace>;\n  margin?: ResponsiveProp<SystemSpace>;\n  marginTop?: ResponsiveProp<SystemSpace>;\n  marginBottom?: ResponsiveProp<SystemSpace>;\n  marginRight?: ResponsiveProp<SystemSpace>;\n  marginLeft?: ResponsiveProp<SystemSpace>;\n  marginX?: ResponsiveProp<SystemSpace>;\n  marginY?: ResponsiveProp<SystemSpace>;\n  padding?: ResponsiveProp<SystemSpace>;\n  paddingTop?: ResponsiveProp<SystemSpace>;\n  paddingBottom?: ResponsiveProp<SystemSpace>;\n  paddingRight?: ResponsiveProp<SystemSpace>;\n  paddingLeft?: ResponsiveProp<SystemSpace>;\n  paddingX?: ResponsiveProp<SystemSpace>;\n  paddingY?: ResponsiveProp<SystemSpace>;\n  gap?: ResponsiveProp<SystemSpace>;\n};\n", "import * as CSS from \"csstype\";\nexport { typography } from \"styled-system\";\nimport {\n  ResponsiveProp,\n  SystemFonts,\n  SystemFontWeights,\n  SystemLineHeights,\n  SystemLetterSpacings,\n  SystemFontSizes,\n} from \"./types\";\n\nexport type TypographyProps = {\n  fontFamily?: ResponsiveProp<SystemFonts>;\n  fontSize?: ResponsiveProp<SystemFontSizes>;\n  fontWeight?: ResponsiveProp<SystemFontWeights>;\n  lineHeight?: ResponsiveProp<SystemLineHeights>;\n  letterSpacing?: ResponsiveProp<SystemLetterSpacings>;\n  textAlign?: ResponsiveProp<CSS.Properties[\"textAlign\"]>;\n  fontStyle?: ResponsiveProp<CSS.Properties[\"fontStyle\"]>;\n};\n", "// see https://github.com/emotion-js/emotion/issues/2582\nimport emotionStyled from \"@emotion/styled\";\nconst anyEmotionStyled: any = emotionStyled;\nexport const styled: typeof emotionStyled =\n  \"default\" in emotionStyled ? anyEmotionStyled.default : emotionStyled;\n"],
  "mappings": "AAAA,qDCCA,2CCCA,uCCFA,uCASO,GAAM,GAAQ,EAAO,CAC1B,UAAW,CACT,MAAO,SACP,SAAU,OACZ,EACA,gBAAiB,CACf,MAAO,SACP,SAAU,iBACZ,EACA,GAAI,CACF,MAAO,SACP,SAAU,iBACZ,CACF,CAAC,ECtBD,uCAOO,GAAM,GAAS,EAAO,CAC3B,OAAQ,CACN,MAAO,SACP,SAAU,QACZ,CACF,CAAC,ECVD,wCCAA,qCCDA,uCCAA,yCCDA,uCCAA,+DAGO,GAAM,GAAQ,EACnB,EACA,EAAO,CACL,IAAK,CACH,SAAU,MACV,MAAO,OACT,CACF,CAAC,CACH,ECVA,2CCAA,+BACA,GAAM,GAAwB,EACjB,EACX,WAAa,GAAgB,EAAiB,QAAU",
  "names": []
}