@mantine/core/cjs/components/Typography/Typography.cjs.map

React components library focused on usability, accessibility and developer experience

{"version":3,"file":"Typography.cjs","names":["factory","useProps","Box","useStyles","classes"],"sources":["../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '../../core';\nimport classes from './Typography.module.css';\n\nexport type TypographyStylesNames = 'root';\n\nexport interface TypographyProps\n  extends BoxProps, StylesApiProps<TypographyFactory>, ElementProps<'div'> {}\n\nexport type TypographyFactory = Factory<{\n  props: TypographyProps;\n  ref: HTMLDivElement;\n  stylesNames: TypographyStylesNames;\n}>;\n\nexport const Typography = factory<TypographyFactory>((_props) => {\n  const props = useProps('Typography', null, _props);\n  const { classNames, className, style, styles, unstyled, attributes, ...others } = props;\n\n  const getStyles = useStyles<TypographyFactory>({\n    name: 'Typography',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n  });\n\n  return <Box {...getStyles('root')} {...others} />;\n});\n\nTypography.classes = classes;\nTypography.displayName = '@mantine/core/Typography';\n"],"mappings":";;;;;;;;;AAuBA,MAAa,aAAaA,gBAAAA,SAA4B,WAAW;CAC/D,MAAM,QAAQC,kBAAAA,SAAS,cAAc,MAAM,OAAO;CAClD,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,UAAU,YAAY,GAAG,WAAW;AAclF,QAAO,iBAAA,GAAA,kBAAA,KAACC,YAAAA,KAAD;EAAK,GAZMC,mBAAAA,UAA6B;GAC7C,MAAM;GACN,SAAA,0BAAA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC,CAEwB,OAAO;EAAE,GAAI;EAAU,CAAA;EACjD;AAEF,WAAW,UAAUC,0BAAAA;AACrB,WAAW,cAAc"}