koval-ui/dist/src/lib/Text/Headers.cjs.map

React components collection with minimalistic design. Supports theming, layout, and input validation.

{"version":3,"file":"Headers.cjs","sources":["../../../../src/lib/Text/Headers.tsx"],"sourcesContent":["import type {ReactNode} from 'react';\nimport {forwardRef} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\nimport {IconLink} from '@/internal/Icons';\n\nimport classes from './Text.module.css';\n\nexport type Props = DataAttributes &\n    LibraryProps & {\n        children?: ReactNode;\n        /**\n         * Display the anchor link with the Header\n         */\n        anchor?: string;\n    };\n\nexport const Header = forwardRef<\n    HTMLHeadingElement,\n    Props & {as: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'}\n>(({children, className, as, anchor, ...restProps}, ref) => {\n    const Component = as;\n    return (\n        <Component {...restProps} className={classNames(classes.header, className)} ref={ref}>\n            {children}\n            {anchor && (\n                <a className={classes.anchor} href={`#${anchor}`}>\n                    <IconLink className={classes.icon} />\n                </a>\n            )}\n        </Component>\n    );\n});\n\nHeader.displayName = 'Header';\n\nexport const H1 = forwardRef<HTMLHeadingElement, Props>(\n    ({children, className, ...nativeProps}, ref) => {\n        return (\n            <Header\n                {...nativeProps}\n                as=\"h1\"\n                className={classNames(classes.header1, className)}\n                ref={ref}>\n                {children}\n            </Header>\n        );\n    }\n);\n\nH1.displayName = 'H1';\n\nexport const H2 = forwardRef<HTMLHeadingElement, Props>(\n    ({children, className, ...nativeProps}, ref) => {\n        return (\n            <Header\n                {...nativeProps}\n                as=\"h2\"\n                className={classNames(classes.header2, className)}\n                ref={ref}>\n                {children}\n            </Header>\n        );\n    }\n);\n\nH2.displayName = 'H2';\n\nexport const H3 = forwardRef<HTMLHeadingElement, Props>(\n    ({children, className, ...nativeProps}, ref) => {\n        return (\n            <Header\n                {...nativeProps}\n                as=\"h3\"\n                className={classNames(classes.header3, className)}\n                ref={ref}>\n                {children}\n            </Header>\n        );\n    }\n);\n\nH3.displayName = 'H3';\n\nexport const H4 = forwardRef<HTMLHeadingElement, Props>(\n    ({children, className, ...nativeProps}, ref) => {\n        return (\n            <Header\n                {...nativeProps}\n                as=\"h4\"\n                className={classNames(classes.header4, className)}\n                ref={ref}>\n                {children}\n            </Header>\n        );\n    }\n);\n\nH4.displayName = 'H4';\n\nexport const H5 = forwardRef<HTMLHeadingElement, Props>(\n    ({children, className, ...nativeProps}, ref) => {\n        return (\n            <Header\n                {...nativeProps}\n                as=\"h5\"\n                className={classNames(classes.header5, className)}\n                ref={ref}>\n                {children}\n            </Header>\n        );\n    }\n);\n\nH5.displayName = 'H5';\n\nexport const H6 = forwardRef<HTMLHeadingElement, Props>(\n    ({children, className, ...nativeProps}, ref) => {\n        return (\n            <Header\n                {...nativeProps}\n                as=\"h6\"\n                className={classNames(classes.header6, className)}\n                ref={ref}>\n                {children}\n            </Header>\n        );\n    }\n);\n\nH6.displayName = 'H6';\n"],"names":["Header","forwardRef","children","className","as","anchor","restProps","ref","Component","jsxs","classNames","classes","jsx","IconLink","H1","nativeProps","H2","H3","H4","H5","H6"],"mappings":"+PAkBaA,EAASC,EAAAA,WAGpB,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAI,OAAAC,EAAQ,GAAGC,CAAA,EAAYC,IAAQ,CACxD,MAAMC,EAAYJ,EAClB,OACIK,OAACD,EAAA,CAAW,GAAGF,EAAW,UAAWI,EAAWC,EAAAA,QAAQ,OAAQR,CAAS,EAAG,IAAAI,EACvE,SAAA,CAAAL,EACAG,GACGO,EAAAA,IAAC,IAAA,CAAE,UAAWD,EAAAA,QAAQ,OAAQ,KAAM,IAAIN,CAAM,GAC1C,SAAAO,EAAAA,IAACC,EAAAA,SAAA,CAAS,UAAWF,EAAAA,QAAQ,KAAM,CAAA,CACvC,CAAA,EAER,CAER,CAAC,EAEDX,EAAO,YAAc,SAEd,MAAMc,EAAKb,EAAAA,WACd,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGY,CAAA,EAAcR,IAEhCK,EAAAA,IAACZ,EAAA,CACI,GAAGe,EACJ,GAAG,KACH,UAAWL,EAAWC,UAAQ,QAASR,CAAS,EAChD,IAAAI,EACC,SAAAL,CAAA,CAAA,CAIjB,EAEAY,EAAG,YAAc,KAEV,MAAME,EAAKf,EAAAA,WACd,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGY,CAAA,EAAcR,IAEhCK,EAAAA,IAACZ,EAAA,CACI,GAAGe,EACJ,GAAG,KACH,UAAWL,EAAWC,UAAQ,QAASR,CAAS,EAChD,IAAAI,EACC,SAAAL,CAAA,CAAA,CAIjB,EAEAc,EAAG,YAAc,KAEV,MAAMC,EAAKhB,EAAAA,WACd,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGY,CAAA,EAAcR,IAEhCK,EAAAA,IAACZ,EAAA,CACI,GAAGe,EACJ,GAAG,KACH,UAAWL,EAAWC,UAAQ,QAASR,CAAS,EAChD,IAAAI,EACC,SAAAL,CAAA,CAAA,CAIjB,EAEAe,EAAG,YAAc,KAEV,MAAMC,EAAKjB,EAAAA,WACd,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGY,CAAA,EAAcR,IAEhCK,EAAAA,IAACZ,EAAA,CACI,GAAGe,EACJ,GAAG,KACH,UAAWL,EAAWC,UAAQ,QAASR,CAAS,EAChD,IAAAI,EACC,SAAAL,CAAA,CAAA,CAIjB,EAEAgB,EAAG,YAAc,KAEV,MAAMC,EAAKlB,EAAAA,WACd,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGY,CAAA,EAAcR,IAEhCK,EAAAA,IAACZ,EAAA,CACI,GAAGe,EACJ,GAAG,KACH,UAAWL,EAAWC,UAAQ,QAASR,CAAS,EAChD,IAAAI,EACC,SAAAL,CAAA,CAAA,CAIjB,EAEAiB,EAAG,YAAc,KAEV,MAAMC,EAAKnB,EAAAA,WACd,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAGY,CAAA,EAAcR,IAEhCK,EAAAA,IAACZ,EAAA,CACI,GAAGe,EACJ,GAAG,KACH,UAAWL,EAAWC,UAAQ,QAASR,CAAS,EAChD,IAAAI,EACC,SAAAL,CAAA,CAAA,CAIjB,EAEAkB,EAAG,YAAc"}