{"version":3,"file":"Chip.cjs","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport type { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n    { className, variant, onClick, children, selected, ...rest },\n    ref,\n) {\n    return (\n        <button\n            type=\"button\"\n            ref={ref}\n            className={clsx(\"jkl-chip\", `jkl-chip--${variant}`, className)}\n            onClick={onClick}\n            aria-pressed={selected}\n            {...rest}\n        >\n            {children}\n            {variant === \"filter\" && selected && (\n                <CheckIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-check-icon\"\n                />\n            )}\n            {variant === \"input\" && (\n                <CloseIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-close-icon\"\n                />\n            )}\n        </button>\n    );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","rest","ref","jsxs","type","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"kQAMaA,EAAOC,EAAAA,WAAyC,UACvDC,UAAAA,EAAWC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,EAAUC,SAAAA,KAAaC,GACtDC,GAEA,OACIC,EAAAA,KAAC,SAAA,CACGC,KAAK,SACLF,IAAAA,EACAN,UAAWS,EAAAA,KAAK,WAAY,aAAaR,IAAWD,GACpDE,QAAAA,EACA,eAAcE,KACVC,EAEHF,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBM,EAAAA,IAACC,EAAAA,UAAA,CACGX,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGS,EAAAA,IAACE,EAAAA,UAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}