{"version":3,"file":"DescriptionList.cjs","sources":["../../../../src/components/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type {\n    DescriptionDetailProps,\n    DescriptionListProps,\n    DescriptionTermProps,\n} from \"./types.js\";\n\nexport const DescriptionList: FC<DescriptionListProps> = ({\n    children,\n    className,\n    separators = false,\n    alignment = \"horizontal\",\n    ...rest\n}) => {\n    return (\n        <dl\n            {...rest}\n            className={clsx(\"jkl-description-list\", className)}\n            data-separators={separators}\n            data-alignment={alignment}\n        >\n            {children}\n        </dl>\n    );\n};\n\nexport const DescriptionTerm: FC<DescriptionTermProps> = ({\n    children,\n    className,\n    ...rest\n}) => {\n    return (\n        <>\n            <div className=\"seperator\" />\n            <dt\n                {...rest}\n                className={clsx(\"jkl-description-list__term\", className)}\n            >\n                {children}\n            </dt>\n        </>\n    );\n};\n\nexport const DescriptionDetail: FC<DescriptionDetailProps> = ({\n    children,\n    className,\n    ...rest\n}) => {\n    return (\n        <dd\n            {...rest}\n            className={clsx(\"jkl-description-list__detail\", className)}\n        >\n            {children}\n        </dd>\n    );\n};\n"],"names":["children","className","rest","jsx","clsx","separators","alignment","jsxs","Fragment"],"mappings":"wMA6C6D,EACzDA,SAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,+BAAgCH,GAE/CD,SAAAA,4BA/C4C,EACrDA,SAAAA,EACAC,UAAAA,EACAI,WAAAA,GAAa,EACbC,UAAAA,EAAY,gBACTJ,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,uBAAwBH,GACxC,kBAAiBI,EACjB,iBAAgBC,EAEfN,SAAAA,4BAK4C,EACrDA,SAAAA,EACAC,UAAAA,KACGC,KAGCK,EAAAA,KAAAC,WAAA,CACIR,SAAA,CAAAG,EAAAA,IAAC,MAAA,CAAIF,UAAU,cACfE,EAAAA,IAAC,KAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,6BAA8BH,GAE7CD,SAAAA"}