koval-ui/dist/src/lib/Layout/Main.cjs.map

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

{"version":3,"file":"Main.cjs","sources":["../../../../src/lib/Layout/Main.tsx"],"sourcesContent":["import {forwardRef} from 'react';\nimport type {FC, ReactNode} from 'react';\nimport classNames from 'classnames';\n\nimport type {DataAttributes, LibraryProps} from '@/internal/LibraryAPI';\nimport type {SizesConfig} from '@/lib/Layout/SizeTypes.tsx';\n\nimport {Col} from './Col.tsx';\nimport classes from './Layout.module.css';\n\nexport type Props = DataAttributes &\n    LibraryProps &\n    Partial<SizesConfig> & {\n        children?: ReactNode;\n    };\n\nexport const Main: FC<Props> = forwardRef<HTMLDivElement, Props>(\n    ({children, className, xs = 'fluid', sm, md, lg, xl, ...restProps}, ref) => {\n        return (\n            <Col\n                {...restProps}\n                as=\"main\"\n                ref={ref}\n                xs={xs}\n                sm={sm}\n                md={md}\n                lg={lg}\n                xl={xl}\n                className={classNames(classes.main, className)}>\n                {children}\n            </Col>\n        );\n    }\n);\n\nMain.displayName = 'Main';\n"],"names":["Main","forwardRef","children","className","xs","sm","md","lg","xl","restProps","ref","jsx","Col","classNames","classes"],"mappings":"yOAgBaA,EAAkBC,EAAA,WAC3B,CAAC,CAAC,SAAAC,EAAU,UAAAC,EAAW,GAAAC,EAAK,QAAS,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAAC,EAAI,GAAGC,CAAA,EAAYC,IAE5DC,EAAA,IAACC,EAAA,IAAA,CACI,GAAGH,EACJ,GAAG,OACH,IAAAC,EACA,GAAAN,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,GAAAC,EACA,UAAWK,EAAWC,UAAQ,KAAMX,CAAS,EAC5C,SAAAD,CAAA,CACL,CAGZ,EAEAF,EAAK,YAAc"}