{"version":3,"sources":["../../../src/lib/marker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text } from \"@radix-ui/themes\";\nimport { MarginProps } from \"@radix-ui/themes/props\";\nimport clsx from \"clsx\";\nimport { namespaceClassNames } from \"./utils.js\";\n\ntype TextProps = React.ComponentPropsWithoutRef<typeof Text>;\n\ntype MarkerOwnProps = {\n  color?: \"gray\" | \"purple\" | \"blue\" | \"green\" | \"yellow\" | \"red\";\n  highContrast?: boolean;\n  size?: TextProps[\"size\"];\n};\n\ninterface MarkerProps\n  extends\n    Omit<React.ComponentPropsWithRef<\"span\">, \"color\">,\n    MarkerOwnProps,\n    MarginProps {}\n\nexport const Marker = React.forwardRef<HTMLSpanElement, MarkerProps>(\n  function Marker(\n    { children, className, highContrast, ...props },\n    forwardedRef,\n  ) {\n    return (\n      <Text\n        ref={forwardedRef}\n        className={clsx(className, namespaceClassNames(\"marker\"))}\n        {...props}\n      >\n        <span className={namespaceClassNames(\"marker-circle\")}>\n          <span className={namespaceClassNames(\"marker-content\")}>\n            {children}\n          </span>\n        </span>\n      </Text>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAgCU;AAhCV,YAAuB;AACvB,oBAAqB;AAErB,kBAAiB;AACjB,mBAAoC;AAgB7B,MAAM,SAAS,MAAM;AAAA,EAC1B,SAASA,QACP,EAAE,UAAU,WAAW,cAAc,GAAG,MAAM,GAC9C,cACA;AACA,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,eAAW,YAAAC,SAAK,eAAW,kCAAoB,QAAQ,CAAC;AAAA,QACvD,GAAG;AAAA,QAEJ,sDAAC,UAAK,eAAW,kCAAoB,eAAe,GAClD,sDAAC,UAAK,eAAW,kCAAoB,gBAAgB,GAClD,UACH,GACF;AAAA;AAAA,IACF;AAAA,EAEJ;AACF;","names":["Marker","clsx"]}