{"version":3,"file":"chip.cjs","sources":["../../../src/components/chip.tsx"],"sourcesContent":["import React, { type HTMLAttributes, type ReactNode } from \"react\";\nimport { mergedCva } from \"../utils/components\";\nimport { Typography } from \"./typography\";\n\nconst rootStyles = mergedCva(\n    [\n        \"cui-bg-transparent\",\n        \"cui-w-fit\",\n        \"cui-rounded-md\",\n        \"cui-border\",\n        \"cui-border-black\",\n        \"dark:cui-border-white\",\n        \"cui-whitespace-nowrap\",\n        \"cui-transition-colors\",\n    ],\n    {\n        variants: {\n            size: {\n                small: [\"cui-py-1\", \"cui-px-2\", \"cui-text-xs\"],\n                big: [\"cui-py-3\", \"cui-px-4\"],\n            },\n            clickable: {\n                true: [\"cui-cursor-pointer\", \"hover:cui-bg-orange\"],\n            },\n            active: {\n                true: [\"cui-cursor-pointer\", \"cui-bg-black\"],\n            },\n        },\n        compoundVariants: [\n            {\n                clickable: true,\n                active: true,\n                className: [\"hover:cui-bg-black\"],\n            },\n        ],\n    },\n);\n\nconst textStyles = mergedCva([\"cui-transition-colors\"], {\n    variants: {\n        active: {\n            true: [\"cui-text-white\"],\n        },\n    },\n});\n\nexport interface BaseChipsProps {\n    size?: \"big\" | \"small\";\n    clickable?: boolean;\n    active?: boolean;\n    className?: { root?: string; text?: string };\n    children: ReactNode;\n}\n\nexport type ChipProps = BaseChipsProps &\n    Omit<HTMLAttributes<HTMLDivElement>, keyof BaseChipsProps>;\n\nexport const Chip = ({\n    size = \"small\",\n    clickable,\n    active,\n    children,\n    className,\n    ...rest\n}: ChipProps) => (\n    <div\n        {...rest}\n        className={rootStyles({\n            size,\n            clickable,\n            active,\n            className: className?.root,\n        })}\n    >\n        <Typography\n            className={{\n                root: textStyles({ active, className: className?.text }),\n            }}\n            variant=\"sm\"\n        >\n            {children}\n        </Typography>\n    </div>\n);\n"],"names":["mergedCva","Typography"],"mappings":";;;;;;AAIA,MAAM,UAAa,GAAAA,oBAAA;AAAA,EACf;AAAA,IACI,oBAAA;AAAA,IACA,WAAA;AAAA,IACA,gBAAA;AAAA,IACA,YAAA;AAAA,IACA,kBAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,IACA,uBAAA;AAAA,GACJ;AAAA,EACA;AAAA,IACI,QAAU,EAAA;AAAA,MACN,IAAM,EAAA;AAAA,QACF,KAAO,EAAA,CAAC,UAAY,EAAA,UAAA,EAAY,aAAa,CAAA;AAAA,QAC7C,GAAA,EAAK,CAAC,UAAA,EAAY,UAAU,CAAA;AAAA,OAChC;AAAA,MACA,SAAW,EAAA;AAAA,QACP,IAAA,EAAM,CAAC,oBAAA,EAAsB,qBAAqB,CAAA;AAAA,OACtD;AAAA,MACA,MAAQ,EAAA;AAAA,QACJ,IAAA,EAAM,CAAC,oBAAA,EAAsB,cAAc,CAAA;AAAA,OAC/C;AAAA,KACJ;AAAA,IACA,gBAAkB,EAAA;AAAA,MACd;AAAA,QACI,SAAW,EAAA,IAAA;AAAA,QACX,MAAQ,EAAA,IAAA;AAAA,QACR,SAAA,EAAW,CAAC,oBAAoB,CAAA;AAAA,OACpC;AAAA,KACJ;AAAA,GACJ;AACJ,CAAA,CAAA;AAEA,MAAM,UAAa,GAAAA,oBAAA,CAAU,CAAC,uBAAuB,CAAG,EAAA;AAAA,EACpD,QAAU,EAAA;AAAA,IACN,MAAQ,EAAA;AAAA,MACJ,IAAA,EAAM,CAAC,gBAAgB,CAAA;AAAA,KAC3B;AAAA,GACJ;AACJ,CAAC,CAAA,CAAA;AAaM,MAAM,OAAO,CAAC;AAAA,EACjB,IAAO,GAAA,OAAA;AAAA,EACP,SAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,IAAA;AACP,CACI,qBAAA,KAAA,CAAA,aAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACI,GAAG,IAAA;AAAA,IACJ,WAAW,UAAW,CAAA;AAAA,MAClB,IAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,WAAW,SAAW,EAAA,IAAA;AAAA,KACzB,CAAA;AAAA,GAAA;AAAA,kBAED,KAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACG,SAAW,EAAA;AAAA,QACP,MAAM,UAAW,CAAA,EAAE,QAAQ,SAAW,EAAA,SAAA,EAAW,MAAM,CAAA;AAAA,OAC3D;AAAA,MACA,OAAQ,EAAA,IAAA;AAAA,KAAA;AAAA,IAEP,QAAA;AAAA,GACL;AACJ;;;;"}