{"version":3,"sources":["../../../src/components/HighlightIcon/index.tsx","../../../src/components/HighlightIcon/styles.css.ts"],"sourcesContent":["import { assignInlineVars } from \"@vanilla-extract/dynamic\";\nimport clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport {\n  type HighlightIconColor,\n  highlightIconColorVariants,\n  highlightIconContainerClass,\n  innerDivClass,\n  sizeVar,\n  svgClass,\n} from \"./styles.css\";\n\ninterface HighlightIconProps extends React.HTMLAttributes<HTMLDivElement> {\n  icon: React.ReactElement;\n  color?: HighlightIconColor;\n  size?: number;\n}\n\nexport const HighlightIcon = forwardRef(function HighlightIcon(\n  {\n    icon,\n    color = \"primary\",\n    size = 24,\n    className,\n    ...props\n  }: HighlightIconProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const sizeNum = typeof size === \"string\" ? parseInt(size, 10) : size;\n\n  return (\n    <div\n      ref={ref}\n      className={clsx(\n        highlightIconContainerClass,\n        highlightIconColorVariants[color],\n        className,\n      )}\n      style={assignInlineVars({ [sizeVar]: `${sizeNum}px` })}\n      {...props}\n    >\n      <div className={innerDivClass}>\n        {React.cloneElement(icon, { className: svgClass })}\n      </div>\n    </div>\n  );\n});\n\nHighlightIcon.displayName = \"HighlightIcon\";\n","import 'src/theme/theme.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-1d247buhV9P19BHL80QBzofjtPMxkEzVvRFuhjQEmUrRlZ8kjy2J6i_15QtiVeNmlppiiKghEmQaK1Nvfa2hJphQv-1m_JjvzKSYEPVf_34S-_bC_ddt5b4KJ__obQep01VdN2631b7nB7XlflZtuTrh-BVoJWxMc29v5Q49sRbidolacBCR01fAQ7FGy7heeD4GviI9xN0CqLbNdOYThuX0asl6BV7FmxVSixTNZ-glaBbTlWwKFbkssFCeCCTNgpbAgXY4SOwAguBAWKRYjhIgxQtgAYLsANx2SZwuLPpKqao6w_S9CqKEiaRWr4FDwf0HkUe0r0iCUDNvMDG8KKhSgGdOo6BYhma7GhNcuizM5VUCbjLS1cHIRC4TYtIbVcjTJBqzQjbk6U6Cn0c4JWUZzHmTL0CH1J0MqPsyKzAahYiipBK4dkcRpCYLYSuwSt7DwOokiBZLKtE7SyisD1MYdNqwOR69AMVcuLolCBp8B72nBBpsaOyNcErVw3BZFiEVqaro1hLFuDbgBGWZbBQCbTfoAGcRxz0KbF9QYowiFBqx8_nqLHJzV8Cv42oB_j6EGJHrHHARs_-iGEFUtxGtDhk-OBaLYY5wStvn_3f9hKKJPx-3CRPc_iy9GRrKnzX4o7xKYzyIP_PXz4cY_FTCN0HgnDx6fo8Q5potDZxHt6dIIHNUWslE3nFCd8iLzvGhJbMJvOLHYQ-q6jZ7Bq6PxiPXiOzadWk0Pf4mp93Jb9NDXbwfBkK8ROvqHlCtN5pgjooSEw6dDphuT0UOMn9DDjBPQA0VJJ6cwTYnrAeK6adPLxPXoowWzmdPJxhl8gPK1wxgSnk481_OLQRXkiuVh0Ahf9ghXiFkLcbovz5tjJhd4kyNqfhh_n-ueVaP_4OvzVlk853h9A2Cno9m5Q-s_enaDSZSvvhqUho3thuav7fDcmjWcHM4KyZX2Zwgr5uO61rMOQviJuf943mxbvt-d1gXdlJS817SpBv_-l2e_Luvv9K-pwTe_wtiykAEdCrw5dWG0OFWaS3CXIuzUIgN-RvDzsJnidIF8D78iuTJsqnwhNggINgQfvExQC4C7DFVnnZbev8HldNHX_t_KduSleE-R4-9MdXlXW5M-Eb9I2QU50l0lH_IfA7HSpbgnOy3oDpNonyLGUA954UKoHrUh2RDHVN12qaZNDJT0myFaPNpCgJE9aeeNYYoZnuAkvrAzv-7KpgSTfE2Q7ytFuPCBPx0qG23nGiEKqjg3fABdit8NVJSfqOMlwq2tZUJqu9ipMo4lJekw9uz3OaGecTt0E8BM0xh0BzPkgQZF4njkdsuW7nZ-eEk7E9urtfDWdjxPkOtL4DABTARKARaQJ8sYUW5yXh47NMGMEXs8y-eWMvOtZJjRh2-p6mh26YNXfzrOADSef7HDdl9matG0zPXidrfAJecR1hywjHaOlFD43jciyLpoJ9ix8shhhR9zWZb2ZkC_CZ9L3n3VOTuu8bfZ5c6wnYEX79tZIV9SuyTGjdZcg2xYgfdNUfbmfQDWtqATCzOLQaRJkuzfIrrncfxxinyDbt3YdB6mbdsem85og1xJBXdUcJ0g73ME3SNbs9k1N6p4uokiV_6yLZryD1znpXvqGUdKxvaHn9jitCJN_z97Md6hNT5h2PbANxzDLen_o1xVOSaVJ-W0Ju8LthnlwHZdwhbWCc1IIBsnDw2zinhV1Brlipem8EC0ji8m71hLl1xi8BtdeFIK75K7DTqSzuJICd1EVhhCCAE8r4PK7su9cX3v5BTbfd26whCsKD5eQBcmRtu8ErtB3brykXoq-wx-IIWhIF4Xg-y7TNg3ElRTki4cXBZAZEbbDkkfuuoJdOei5Qs9t5jNFyVt2PaOnClJLdqmgZ4rd9syugOZQpbRf5iuGO62ar1vos12C_JmXGO6yeoF6qMeaGdrTps1J-9fLCk_qtD2ziJwTQGi314V0sQDtQr6gv2MWyHPoYvf1Mx6UQABJxmGhDLgR35aq4btRv8xR8SUtp6VaoMY83w-yx_nwYV9qyfdkfFM1KwDfkp61kC7o9-zhKtzvixufV-45ye3d3Sy20JGeuzB7uCE97ypiYRhBi7-wFHxDesFVyyK6JCX8UBRBSaRR0pGKZOp-9GJNLQWueDXxAipfu1STcHroe-ZVklSxTLF0FHlCjXLFw1CkCfcbmTmaWJtC8biCeZLIzTK6oHU7N2n-qqgWOiBNSvl5EVvI-CVBjubqgKtBr1KsD3iSmOdOsSDiWUJ-tV4cvPzzGsUCCGJJee5nqYMb4HWWRuHyt4r1HkCSku3mKYUufa_Xyc2D656cmPoeEmRprwtPLrNmenHmvd3IyNLea3ICD3X-kwt1XBjqUj1BzIkG0T2iBDav5nxjIwucndUZSGrel4W6vOLmtPhWsoTLKfHtKxdZ4HpRObqow3cWBbreSLwOd26DXdm8Em9hWzApSGL8j8WCOs0P5nYaH4QXFy7rEjkfSWL0oYhQ-8Uz248LwcvDH2keTTOmy-IND0peVDa7FwcyLydf2j5jApIS8qFQYCMWsxuRjcEr2yzsGjEbSd_2IwGhLizndiETgdf2_IGm0fTgy6xwmhcifqVfROtehvg7-EMzROVXCH4NvzmAmMIKzG8WJAyvw3zFOyRNBCH91wXpcysyv12SPbQu87sFyQOLM7_X8mm3Ah-a_IN-tTzSxGzfFP-jIvKEJFWvhkSa2BynmWkqGuM8M1u4K97nJs21RGAlyJ1NE1MObP3nAoHNZxw4t404__rt29UPgNsXwQzgLTADuLkVWPz2YZ0ZANhZrjYD6Hbsf9IMoPMZyGYA3a590QwAFERlBtB5DEZgpNm5_wkzgMpfIJsBAPE6M4CHHSLssNSYAYLAzTXoEUv3Y8Yk8GDsJ80ARZG7IRxYNgMUBYkwX2CNGcAKXMuBdtdDZgBge73KDKDetf8pM4DaYyCbAQDrgtoMQPdierEKzJsBgC32CjOAct_-Z8wASoeBbAYAbAs6M4Cb22IDa8wAwNZ6pRkgy_xCsWcfMAMURZjPNAMURZwqXAayGaAo0jji-3eGGcAKbF94YN43A1jYc-x7Q00UZ84ufdgMgCMv05AkM4CXp06gyQwyA4Rhmkf8M0VjBrByeoBo2AxgB_TQEAQzgF3QQ42f0HTGcTE9QDRoBogwPWC8ZAbQOQ0AM4DGxgCYAZQb_P-LZgD7uimd_rSbFP_J8f2vtx_rmxV8kZ0BA876OhzffP8LMNI0znbZOKxZgBsnsIRxVJaBeyOFX2T_AD-SqAh0EcwdhrMUcOOEkiLYWHBvpOgL5DLgh7pJMl4D4zWYmMZrYLwGxmswIozXwHgNjNfAeA2M18B4DYzXwHgNblzjNTBeA-M1MF4D4zWYEcB4DYzXwHgNjNfAeA2M18B4DYzXwHgNjNfAeA2M18B4DS4xjNfAeA2M18B4DWbQjNfgP-w1SEmPBa-Bv8BrkBXEL2A_AOQ1iHEW6-DTfy7Snc8pjhRgyGtg41DcDqj0GtieX6Szv3jAyt0i4jcJmy8eMF88YL54wHzxgPnigQvYfPGA-eIBCW2-eMB88YD54gFjBjBmAGMGMGYAYwb4_zQDsO8djBnAmAGMGcCYARaEMGYAYwYwZoD7TGMGuAQwZoAFAYwZwJgBjBnAmAGMGcCYAS40YwYwZgBjBjBmAGMGMGYAYwYwZgBjBjBmAGMGmEM1ZoBrAGMGUNGMGWAG-3_QDPBvr-DT6oiQAAA';\nimport 'src/components/HighlightIcon/styles.css.ts.vanilla.css?source=#H4sIAAAAAAAAA8XUzW6jMBAH8HuewpdKiVTasJt-scfspS_QKzL24Lh1bDQ2NGzVd1_hUL6SVOaw2hOSGf_t34DmxrpagU13UuyUFDv3zIzeGu2o1IBbRa1N0_hRVEXMNuRjQUhBOZdaJIRRxZYVxWUUWfkHXih2lesVuSU_V78WhGQGOWCElMvSJuRufeVXKXsTaErNI2aUwYT4R7SXh6XUxKLIrskx298KrBvmxyuyWV9dE4dU24IiaOcP49IWitYJyRUcmoXX0jqZ1xEz2oF2CWGgHWDziiopdCQd7G2__Lm4aRsitQb8LatxC-7-YwtwGP_j33fAVmKMv_f43GjntQm5JG_Cc6nUVwWHnJZq9AWbzvRHZaVUfNvwXyhKql1X9-DPvPAXfOX7xtmoQLmnWHe1aRpvsp3dVMcbne_jtxnYRcRtxDnKhYi2tIsIJT_OICPwU-59OLff31MfwqnN9inzKZD5NINZg1Lm_VTKwqWjiB7Lw7FtwtSbB3rpDK9AAH3KleHcYUKvfQ3XHgOmWBWIzWZgM1XCqdWEWwcBPbUIp_r9UykGStkMqUGqxRlrGW4dRfTaKlzbJky9h0Avn-G1wIzm6YW_OZ4xls8kDWbzjOE8Cpr2IPYj-i944uVgEwkAAA';\nexport var highlightIconColorVariants = {primary:'styles_buildColorVariant__18gvp1c7',red:'styles_buildColorVariant__18gvp1c8',yellow:'styles_buildColorVariant__18gvp1c9',green:'styles_buildColorVariant__18gvp1ca',blue:'styles_buildColorVariant__18gvp1cb',orange:'styles_buildColorVariant__18gvp1cc',second_green:'styles_buildColorVariant__18gvp1cd'};\nexport var highlightIconContainerClass = 'styles_highlightIconContainerClass__18gvp1c4';\nexport var innerDivClass = 'styles_innerDivClass__18gvp1c5';\nexport var sizeVar = 'var(--sizeVar__18gvp1c0)';\nexport var svgClass = 'styles_svgClass__18gvp1c6';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAiC;AACjC,kBAAiB;AACjB,mBAAkC;;;ACA3B,IAAI,6BAA6B,EAAC,SAAQ,sCAAqC,KAAI,sCAAqC,QAAO,sCAAqC,OAAM,sCAAqC,MAAK,sCAAqC,QAAO,sCAAqC,cAAa,qCAAoC;AACtV,IAAI,8BAA8B;AAClC,IAAI,gBAAgB;AACpB,IAAI,UAAU;AACd,IAAI,WAAW;;;ADmChB;AAvBC,IAAM,oBAAgB,yBAAW,SAASA,eAC/C;AAAA,EACE;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,GACA,KACA;AACA,QAAM,UAAU,OAAO,SAAS,WAAW,SAAS,MAAM,EAAE,IAAI;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW,YAAAC;AAAA,QACT;AAAA,QACA,2BAA2B,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,MACA,WAAO,iCAAiB,EAAE,CAAC,OAAO,GAAG,GAAG,OAAO,KAAK,CAAC;AAAA,MACpD,GAAG;AAAA,MAEJ,sDAAC,SAAI,WAAW,eACb,uBAAAC,QAAM,aAAa,MAAM,EAAE,WAAW,SAAS,CAAC,GACnD;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,cAAc,cAAc;","names":["HighlightIcon","clsx","React"]}