se-design 0.0.99 → 0.0.103

package/dist/assets/icons/widget-demo-image.svg

@@ -0,0 +1,35 @@
+<svg width="387" height="134" viewBox="0 0 387 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1582_4463)">
+<path d="M0 12C0 5.37258 5.37258 0 12 0H375C381.627 0 387 5.37258 387 12V134H0V12Z" fill="url(#paint0_linear_1582_4463)"/>
+<g filter="url(#filter0_d_1582_4463)">
+<rect x="63" y="35" width="385" height="173" rx="2" fill="white" shape-rendering="crispEdges"/>
+<rect x="83" y="86" width="289" height="10" rx="5" fill="#EDF0F6"/>
+<rect x="83" y="113" width="243" height="10" rx="5" fill="#EDF0F6"/>
+<rect x="63" y="35" width="318" height="32" rx="2" fill="url(#paint1_linear_1582_4463)"/>
+<path d="M92.5753 49.1293H91.0241C90.9645 48.7978 90.8535 48.5062 90.6911 48.2543C90.5286 48.0024 90.3298 47.7886 90.0945 47.6129C89.8591 47.4373 89.5956 47.3047 89.304 47.2152C89.0156 47.1257 88.709 47.081 88.3842 47.081C87.7976 47.081 87.2723 47.2285 86.8082 47.5234C86.3475 47.8184 85.983 48.2509 85.7145 48.821C85.4493 49.3911 85.3168 50.0871 85.3168 50.9091C85.3168 51.7377 85.4493 52.437 85.7145 53.0071C85.983 53.5772 86.3492 54.008 86.8132 54.2997C87.2772 54.5914 87.7992 54.7372 88.3793 54.7372C88.7008 54.7372 89.0057 54.6941 89.294 54.608C89.5857 54.5185 89.8492 54.3875 90.0845 54.2152C90.3198 54.0429 90.5187 53.8324 90.6811 53.5838C90.8468 53.3319 90.9612 53.0436 91.0241 52.7188L92.5753 52.7237C92.4924 53.2242 92.3317 53.6849 92.093 54.1058C91.8577 54.5234 91.5545 54.8847 91.1832 55.1896C90.8153 55.4912 90.3944 55.7249 89.9205 55.8906C89.4465 56.0563 88.9295 56.1392 88.3693 56.1392C87.4877 56.1392 86.7022 55.9304 86.0128 55.5128C85.3234 55.0919 84.7798 54.4903 84.3821 53.7081C83.9877 52.9259 83.7905 51.9929 83.7905 50.9091C83.7905 49.822 83.9893 48.889 84.3871 48.1101C84.7848 47.3279 85.3284 46.728 86.0178 46.3104C86.7071 45.8894 87.491 45.679 88.3693 45.679C88.9096 45.679 89.4134 45.7569 89.8807 45.9126C90.3513 46.0651 90.7739 46.2905 91.1484 46.5888C91.523 46.8838 91.8329 47.245 92.0781 47.6726C92.3234 48.0968 92.4891 48.5824 92.5753 49.1293ZM95.7807 51.4659V56H94.2942V45.8182H95.7608V49.6065H95.8553C96.0343 49.1955 96.3077 48.8691 96.6756 48.6271C97.0435 48.3852 97.5241 48.2642 98.1174 48.2642C98.641 48.2642 99.0984 48.3719 99.4895 48.5874C99.8839 48.8028 100.189 49.1243 100.404 49.5518C100.623 49.9761 100.732 50.5064 100.732 51.1428V56H99.2459V51.3217C99.2459 50.7616 99.1017 50.3274 98.8134 50.0192C98.525 49.7076 98.124 49.5518 97.6103 49.5518C97.2589 49.5518 96.9441 49.6264 96.6657 49.7756C96.3906 49.9247 96.1735 50.1435 96.0144 50.4318C95.8586 50.7169 95.7807 51.0616 95.7807 51.4659ZM104.938 56.169C104.454 56.169 104.017 56.0795 103.626 55.9006C103.235 55.7183 102.925 55.4548 102.696 55.1101C102.471 54.7654 102.358 54.3428 102.358 53.8423C102.358 53.4115 102.441 53.0568 102.607 52.7784C102.772 52.5 102.996 52.2796 103.278 52.1172C103.56 51.9548 103.874 51.8321 104.222 51.7493C104.57 51.6664 104.925 51.6035 105.286 51.5604C105.744 51.5073 106.115 51.4643 106.4 51.4311C106.685 51.3946 106.892 51.3366 107.021 51.2571C107.151 51.1776 107.215 51.0483 107.215 50.8693V50.8345C107.215 50.4003 107.093 50.0639 106.847 49.8253C106.606 49.5866 106.244 49.4673 105.764 49.4673C105.263 49.4673 104.869 49.5784 104.58 49.8004C104.295 50.0192 104.098 50.2628 103.989 50.5312L102.592 50.2131C102.758 49.7491 102.999 49.3745 103.318 49.0895C103.639 48.8011 104.009 48.5923 104.426 48.4631C104.844 48.3305 105.283 48.2642 105.744 48.2642C106.049 48.2642 106.372 48.3007 106.713 48.3736C107.058 48.4432 107.379 48.5724 107.678 48.7614C107.979 48.9503 108.226 49.2204 108.419 49.5717C108.611 49.9197 108.707 50.3722 108.707 50.929V56H107.255V54.956H107.195C107.099 55.1482 106.955 55.3371 106.763 55.5227C106.571 55.7083 106.324 55.8625 106.022 55.9851C105.721 56.1077 105.359 56.169 104.938 56.169ZM105.262 54.9759C105.673 54.9759 106.024 54.8946 106.316 54.7322C106.61 54.5698 106.834 54.3577 106.987 54.0959C107.142 53.8307 107.22 53.5473 107.22 53.2457V52.2614C107.167 52.3144 107.065 52.3641 106.912 52.4105C106.763 52.4536 106.592 52.4917 106.4 52.5249C106.208 52.5547 106.021 52.5829 105.838 52.6094C105.656 52.6326 105.503 52.6525 105.381 52.669C105.093 52.7055 104.829 52.7668 104.59 52.853C104.355 52.9392 104.166 53.0634 104.024 53.2259C103.884 53.3849 103.815 53.5971 103.815 53.8622C103.815 54.2301 103.951 54.5085 104.222 54.6974C104.494 54.883 104.841 54.9759 105.262 54.9759ZM112.173 51.4659V56H110.687V48.3636H112.114V49.6065H112.208C112.384 49.2022 112.659 48.8774 113.033 48.6321C113.411 48.3868 113.887 48.2642 114.46 48.2642C114.981 48.2642 115.436 48.3736 115.827 48.5923C116.219 48.8078 116.522 49.1293 116.737 49.5568C116.953 49.9844 117.06 50.513 117.06 51.1428V56H115.574V51.3217C115.574 50.7682 115.43 50.3357 115.141 50.0241C114.853 49.7093 114.457 49.5518 113.953 49.5518C113.608 49.5518 113.302 49.6264 113.033 49.7756C112.768 49.9247 112.558 50.1435 112.402 50.4318C112.25 50.7169 112.173 51.0616 112.173 51.4659ZM122.256 59.0227C121.649 59.0227 121.127 58.9432 120.69 58.7841C120.255 58.625 119.901 58.4145 119.626 58.1527C119.351 57.8909 119.145 57.6042 119.009 57.2926L120.287 56.7656C120.376 56.9115 120.496 57.0656 120.645 57.228C120.797 57.3937 121.003 57.5346 121.261 57.6506C121.523 57.7666 121.86 57.8246 122.271 57.8246C122.834 57.8246 123.3 57.687 123.668 57.4119C124.036 57.1402 124.219 56.706 124.219 56.1094V54.608H124.125C124.036 54.7704 123.906 54.951 123.737 55.1499C123.571 55.3487 123.343 55.5211 123.051 55.6669C122.759 55.8127 122.38 55.8857 121.913 55.8857C121.309 55.8857 120.766 55.7448 120.282 55.4631C119.801 55.178 119.42 54.7588 119.138 54.2053C118.86 53.6484 118.721 52.964 118.721 52.152C118.721 51.34 118.858 50.6439 119.134 50.0639C119.412 49.4839 119.793 49.0398 120.277 48.7315C120.761 48.42 121.309 48.2642 121.923 48.2642C122.397 48.2642 122.779 48.3438 123.071 48.5028C123.363 48.6586 123.59 48.8409 123.752 49.0497C123.918 49.2585 124.045 49.4425 124.135 49.6016H124.244V48.3636H125.701V56.169C125.701 56.8253 125.549 57.3639 125.244 57.7848C124.939 58.2057 124.526 58.5173 124.006 58.7195C123.489 58.9216 122.905 59.0227 122.256 59.0227ZM122.241 54.6527C122.668 54.6527 123.03 54.5533 123.325 54.3544C123.623 54.1522 123.848 53.8639 124.001 53.4893C124.156 53.1115 124.234 52.6591 124.234 52.1321C124.234 51.6184 124.158 51.166 124.006 50.7749C123.853 50.3838 123.629 50.0788 123.335 49.8601C123.04 49.638 122.675 49.527 122.241 49.527C121.793 49.527 121.42 49.643 121.122 49.875C120.824 50.1037 120.598 50.4152 120.446 50.8097C120.297 51.2041 120.222 51.6449 120.222 52.1321C120.222 52.6326 120.299 53.0717 120.451 53.4496C120.603 53.8274 120.829 54.1224 121.127 54.3345C121.429 54.5466 121.8 54.6527 122.241 54.6527ZM130.986 56.1541C130.233 56.1541 129.585 55.9934 129.042 55.6719C128.502 55.3471 128.084 54.8913 127.789 54.3047C127.497 53.7147 127.352 53.0237 127.352 52.2315C127.352 51.4493 127.497 50.7599 127.789 50.1634C128.084 49.5668 128.495 49.1011 129.022 48.7663C129.552 48.4316 130.172 48.2642 130.881 48.2642C131.312 48.2642 131.73 48.3355 132.134 48.478C132.539 48.6205 132.902 48.8442 133.223 49.1491C133.545 49.4541 133.798 49.8501 133.984 50.3374C134.169 50.8213 134.262 51.4096 134.262 52.1023V52.6293H128.192V51.5156H132.805C132.805 51.1245 132.726 50.7782 132.567 50.4766C132.408 50.1716 132.184 49.9313 131.896 49.7557C131.611 49.58 131.276 49.4922 130.891 49.4922C130.474 49.4922 130.109 49.5949 129.798 49.8004C129.489 50.0026 129.251 50.2678 129.082 50.5959C128.916 50.9207 128.833 51.2737 128.833 51.6548V52.5249C128.833 53.0353 128.923 53.4695 129.102 53.8274C129.284 54.1854 129.537 54.4588 129.862 54.6477C130.187 54.8333 130.567 54.9261 131.001 54.9261C131.282 54.9261 131.539 54.8864 131.771 54.8068C132.003 54.724 132.204 54.6013 132.373 54.4389C132.542 54.2765 132.671 54.076 132.761 53.8374L134.168 54.0909C134.055 54.5052 133.853 54.8681 133.561 55.1797C133.273 55.4879 132.91 55.7282 132.472 55.9006C132.038 56.0696 131.543 56.1541 130.986 56.1541ZM141.634 50.228L140.286 50.4666C140.23 50.2943 140.141 50.1302 140.018 49.9744C139.899 49.8187 139.736 49.6911 139.531 49.5916C139.325 49.4922 139.068 49.4425 138.76 49.4425C138.339 49.4425 137.988 49.5369 137.706 49.7259C137.424 49.9115 137.284 50.1518 137.284 50.4467C137.284 50.7019 137.378 50.9074 137.567 51.0632C137.756 51.219 138.061 51.3466 138.482 51.446L139.695 51.7244C140.397 51.8868 140.921 52.1371 141.266 52.4751C141.61 52.8132 141.783 53.2524 141.783 53.7926C141.783 54.25 141.65 54.6577 141.385 55.0156C141.123 55.3703 140.757 55.6487 140.286 55.8509C139.819 56.053 139.277 56.1541 138.661 56.1541C137.806 56.1541 137.108 55.9718 136.568 55.6072C136.027 55.2393 135.696 54.7173 135.573 54.0412L137.01 53.8224C137.1 54.197 137.284 54.4804 137.562 54.6726C137.84 54.8615 138.203 54.956 138.651 54.956C139.138 54.956 139.527 54.8549 139.819 54.6527C140.111 54.4472 140.257 54.197 140.257 53.902C140.257 53.6634 140.167 53.4628 139.988 53.3004C139.812 53.138 139.542 53.0154 139.178 52.9325L137.885 52.6491C137.173 52.4867 136.646 52.2282 136.304 51.8736C135.966 51.5189 135.797 51.0698 135.797 50.5263C135.797 50.0755 135.923 49.6811 136.175 49.343C136.427 49.005 136.775 48.7415 137.219 48.5526C137.663 48.3603 138.172 48.2642 138.745 48.2642C139.57 48.2642 140.22 48.4432 140.694 48.8011C141.168 49.1558 141.481 49.6314 141.634 50.228ZM149.345 56.169C148.861 56.169 148.423 56.0795 148.032 55.9006C147.641 55.7183 147.331 55.4548 147.102 55.1101C146.877 54.7654 146.764 54.3428 146.764 53.8423C146.764 53.4115 146.847 53.0568 147.013 52.7784C147.179 52.5 147.402 52.2796 147.684 52.1172C147.966 51.9548 148.281 51.8321 148.629 51.7493C148.977 51.6664 149.331 51.6035 149.693 51.5604C150.15 51.5073 150.521 51.4643 150.806 51.4311C151.091 51.3946 151.298 51.3366 151.428 51.2571C151.557 51.1776 151.622 51.0483 151.622 50.8693V50.8345C151.622 50.4003 151.499 50.0639 151.254 49.8253C151.012 49.5866 150.651 49.4673 150.17 49.4673C149.669 49.4673 149.275 49.5784 148.987 49.8004C148.702 50.0192 148.504 50.2628 148.395 50.5312L146.998 50.2131C147.164 49.7491 147.406 49.3745 147.724 49.0895C148.045 48.8011 148.415 48.5923 148.833 48.4631C149.25 48.3305 149.689 48.2642 150.15 48.2642C150.455 48.2642 150.778 48.3007 151.119 48.3736C151.464 48.4432 151.786 48.5724 152.084 48.7614C152.386 48.9503 152.633 49.2204 152.825 49.5717C153.017 49.9197 153.113 50.3722 153.113 50.929V56H151.661V54.956H151.602C151.506 55.1482 151.361 55.3371 151.169 55.5227C150.977 55.7083 150.73 55.8625 150.428 55.9851C150.127 56.1077 149.766 56.169 149.345 56.169ZM149.668 54.9759C150.079 54.9759 150.43 54.8946 150.722 54.7322C151.017 54.5698 151.24 54.3577 151.393 54.0959C151.549 53.8307 151.627 53.5473 151.627 53.2457V52.2614C151.574 52.3144 151.471 52.3641 151.318 52.4105C151.169 52.4536 150.999 52.4917 150.806 52.5249C150.614 52.5547 150.427 52.5829 150.244 52.6094C150.062 52.6326 149.91 52.6525 149.787 52.669C149.499 52.7055 149.235 52.7668 148.997 52.853C148.761 52.9392 148.572 53.0634 148.43 53.2259C148.291 53.3849 148.221 53.5971 148.221 53.8622C148.221 54.2301 148.357 54.5085 148.629 54.6974C148.901 54.883 149.247 54.9759 149.668 54.9759ZM155.093 56V48.3636H156.53V49.5767H156.609C156.749 49.1657 156.994 48.8426 157.345 48.6072C157.7 48.3686 158.101 48.2493 158.548 48.2493C158.641 48.2493 158.75 48.2526 158.876 48.2592C159.006 48.2659 159.107 48.2741 159.18 48.2841V49.706C159.12 49.6894 159.014 49.6712 158.862 49.6513C158.709 49.6281 158.557 49.6165 158.404 49.6165C158.053 49.6165 157.74 49.6911 157.464 49.8402C157.193 49.986 156.977 50.1899 156.818 50.4517C156.659 50.7102 156.58 51.0052 156.58 51.3366V56H155.093ZM163.484 56.1541C162.731 56.1541 162.084 55.9934 161.54 55.6719C161 55.3471 160.582 54.8913 160.287 54.3047C159.995 53.7147 159.85 53.0237 159.85 52.2315C159.85 51.4493 159.995 50.7599 160.287 50.1634C160.582 49.5668 160.993 49.1011 161.52 48.7663C162.05 48.4316 162.67 48.2642 163.379 48.2642C163.81 48.2642 164.228 48.3355 164.632 48.478C165.037 48.6205 165.4 48.8442 165.721 49.1491C166.043 49.4541 166.296 49.8501 166.482 50.3374C166.667 50.8213 166.76 51.4096 166.76 52.1023V52.6293H160.69V51.5156H165.303C165.303 51.1245 165.224 50.7782 165.065 50.4766C164.906 50.1716 164.682 49.9313 164.394 49.7557C164.109 49.58 163.774 49.4922 163.389 49.4922C162.972 49.4922 162.607 49.5949 162.296 49.8004C161.987 50.0026 161.749 50.2678 161.58 50.5959C161.414 50.9207 161.331 51.2737 161.331 51.6548V52.5249C161.331 53.0353 161.421 53.4695 161.6 53.8274C161.782 54.1854 162.035 54.4588 162.36 54.6477C162.685 54.8333 163.065 54.9261 163.499 54.9261C163.78 54.9261 164.037 54.8864 164.269 54.8068C164.501 54.724 164.702 54.6013 164.871 54.4389C165.04 54.2765 165.169 54.076 165.259 53.8374L166.666 54.0909C166.553 54.5052 166.351 54.8681 166.059 55.1797C165.771 55.4879 165.408 55.7282 164.97 55.9006C164.536 56.0696 164.041 56.1541 163.484 56.1541ZM177.837 50.228L176.49 50.4666C176.433 50.2943 176.344 50.1302 176.221 49.9744C176.102 49.8187 175.939 49.6911 175.734 49.5916C175.528 49.4922 175.271 49.4425 174.963 49.4425C174.542 49.4425 174.191 49.5369 173.909 49.7259C173.628 49.9115 173.487 50.1518 173.487 50.4467C173.487 50.7019 173.581 50.9074 173.77 51.0632C173.959 51.219 174.264 51.3466 174.685 51.446L175.898 51.7244C176.601 51.8868 177.124 52.1371 177.469 52.4751C177.814 52.8132 177.986 53.2524 177.986 53.7926C177.986 54.25 177.853 54.6577 177.588 55.0156C177.326 55.3703 176.96 55.6487 176.49 55.8509C176.022 56.053 175.48 56.1541 174.864 56.1541C174.009 56.1541 173.311 55.9718 172.771 55.6072C172.231 55.2393 171.899 54.7173 171.776 54.0412L173.213 53.8224C173.303 54.197 173.487 54.4804 173.765 54.6726C174.044 54.8615 174.406 54.956 174.854 54.956C175.341 54.956 175.731 54.8549 176.022 54.6527C176.314 54.4472 176.46 54.197 176.46 53.902C176.46 53.6634 176.37 53.4628 176.191 53.3004C176.016 53.138 175.745 53.0154 175.381 52.9325L174.088 52.6491C173.376 52.4867 172.849 52.2282 172.507 51.8736C172.169 51.5189 172 51.0698 172 50.5263C172 50.0755 172.126 49.6811 172.378 49.343C172.63 49.005 172.978 48.7415 173.422 48.5526C173.866 48.3603 174.375 48.2642 174.948 48.2642C175.774 48.2642 176.423 48.4432 176.897 48.8011C177.371 49.1558 177.684 49.6314 177.837 50.228ZM181.843 56.169C181.359 56.169 180.921 56.0795 180.53 55.9006C180.139 55.7183 179.829 55.4548 179.6 55.1101C179.375 54.7654 179.262 54.3428 179.262 53.8423C179.262 53.4115 179.345 53.0568 179.511 52.7784C179.677 52.5 179.9 52.2796 180.182 52.1172C180.464 51.9548 180.779 51.8321 181.127 51.7493C181.475 51.6664 181.829 51.6035 182.191 51.5604C182.648 51.5073 183.019 51.4643 183.304 51.4311C183.589 51.3946 183.797 51.3366 183.926 51.2571C184.055 51.1776 184.12 51.0483 184.12 50.8693V50.8345C184.12 50.4003 183.997 50.0639 183.752 49.8253C183.51 49.5866 183.149 49.4673 182.668 49.4673C182.167 49.4673 181.773 49.5784 181.485 49.8004C181.2 50.0192 181.002 50.2628 180.893 50.5312L179.496 50.2131C179.662 49.7491 179.904 49.3745 180.222 49.0895C180.543 48.8011 180.913 48.5923 181.331 48.4631C181.748 48.3305 182.187 48.2642 182.648 48.2642C182.953 48.2642 183.276 48.3007 183.618 48.3736C183.962 48.4432 184.284 48.5724 184.582 48.7614C184.884 48.9503 185.131 49.2204 185.323 49.5717C185.515 49.9197 185.611 50.3722 185.611 50.929V56H184.159V54.956H184.1C184.004 55.1482 183.859 55.3371 183.667 55.5227C183.475 55.7083 183.228 55.8625 182.926 55.9851C182.625 56.1077 182.264 56.169 181.843 56.169ZM182.166 54.9759C182.577 54.9759 182.928 54.8946 183.22 54.7322C183.515 54.5698 183.739 54.3577 183.891 54.0959C184.047 53.8307 184.125 53.5473 184.125 53.2457V52.2614C184.072 52.3144 183.969 52.3641 183.816 52.4105C183.667 52.4536 183.497 52.4917 183.304 52.5249C183.112 52.5547 182.925 52.5829 182.743 52.6094C182.56 52.6326 182.408 52.6525 182.285 52.669C181.997 52.7055 181.733 52.7668 181.495 52.853C181.259 52.9392 181.07 53.0634 180.928 53.2259C180.789 53.3849 180.719 53.5971 180.719 53.8622C180.719 54.2301 180.855 54.5085 181.127 54.6974C181.399 54.883 181.745 54.9759 182.166 54.9759ZM193.85 48.3636L191.081 56H189.49L186.716 48.3636H188.312L190.246 54.2401H190.325L192.254 48.3636H193.85ZM198.279 56.1541C197.526 56.1541 196.878 55.9934 196.335 55.6719C195.795 55.3471 195.377 54.8913 195.082 54.3047C194.79 53.7147 194.645 53.0237 194.645 52.2315C194.645 51.4493 194.79 50.7599 195.082 50.1634C195.377 49.5668 195.788 49.1011 196.315 48.7663C196.845 48.4316 197.465 48.2642 198.174 48.2642C198.605 48.2642 199.023 48.3355 199.427 48.478C199.832 48.6205 200.194 48.8442 200.516 49.1491C200.837 49.4541 201.091 49.8501 201.277 50.3374C201.462 50.8213 201.555 51.4096 201.555 52.1023V52.6293H195.485V51.5156H200.098C200.098 51.1245 200.019 50.7782 199.86 50.4766C199.701 50.1716 199.477 49.9313 199.189 49.7557C198.904 49.58 198.569 49.4922 198.184 49.4922C197.767 49.4922 197.402 49.5949 197.091 49.8004C196.782 50.0026 196.544 50.2678 196.375 50.5959C196.209 50.9207 196.126 51.2737 196.126 51.6548V52.5249C196.126 53.0353 196.216 53.4695 196.395 53.8274C196.577 54.1854 196.83 54.4588 197.155 54.6477C197.48 54.8333 197.859 54.9261 198.294 54.9261C198.575 54.9261 198.832 54.8864 199.064 54.8068C199.296 54.724 199.497 54.6013 199.666 54.4389C199.835 54.2765 199.964 54.076 200.054 53.8374L201.461 54.0909C201.348 54.5052 201.146 54.8681 200.854 55.1797C200.566 55.4879 200.203 55.7282 199.765 55.9006C199.331 56.0696 198.836 56.1541 198.279 56.1541ZM206.063 56.1491C205.447 56.1491 204.896 55.9917 204.412 55.6768C203.932 55.3587 203.554 54.9062 203.279 54.3196C203.007 53.7296 202.871 53.022 202.871 52.1967C202.871 51.3714 203.009 50.6655 203.284 50.0788C203.562 49.4922 203.943 49.0431 204.427 48.7315C204.911 48.42 205.46 48.2642 206.073 48.2642C206.547 48.2642 206.928 48.3438 207.216 48.5028C207.508 48.6586 207.733 48.8409 207.893 49.0497C208.055 49.2585 208.181 49.4425 208.27 49.6016H208.36V45.8182H209.846V56H208.395V54.8118H208.27C208.181 54.9742 208.052 55.1598 207.883 55.3686C207.717 55.5774 207.488 55.7597 207.197 55.9155C206.905 56.0713 206.527 56.1491 206.063 56.1491ZM206.391 54.8814C206.819 54.8814 207.18 54.7687 207.475 54.5433C207.773 54.3146 207.999 53.9981 208.151 53.5938C208.307 53.1894 208.385 52.7187 208.385 52.1818C208.385 51.6515 208.309 51.1875 208.156 50.7898C208.004 50.392 207.78 50.0821 207.485 49.8601C207.19 49.638 206.825 49.527 206.391 49.527C205.944 49.527 205.571 49.643 205.273 49.875C204.974 50.107 204.749 50.4235 204.596 50.8246C204.447 51.2256 204.373 51.678 204.373 52.1818C204.373 52.6922 204.449 53.1513 204.601 53.5589C204.754 53.9666 204.979 54.2898 205.278 54.5284C205.579 54.7637 205.95 54.8814 206.391 54.8814Z" fill="#219653"/>
+</g>
+</g>
+<defs>
+<filter id="filter0_d_1582_4463" x="51" y="27" width="409" height="197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="4"/>
+<feGaussianBlur stdDeviation="6"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1582_4463"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1582_4463" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_1582_4463" x1="193.5" y1="-4.90314e-06" x2="265.934" y2="210.234" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E3F0FF"/>
+<stop offset="1" stop-color="#8BCBFF"/>
+</linearGradient>
+<linearGradient id="paint1_linear_1582_4463" x1="63" y1="51" x2="381" y2="51" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E5F7ED"/>
+<stop offset="1" stop-color="#E5F7ED" stop-opacity="0"/>
+</linearGradient>
+<clipPath id="clip0_1582_4463">
+<path d="M0 12C0 5.37258 5.37258 0 12 0H375C381.627 0 387 5.37258 387 12V134H0V12Z" fill="white"/>
+</clipPath>
+</defs>
+</svg>

package/dist/assets/style.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-\[12px\]{right:12px}.top-0{top:0}.top-\[12px\]{top:12px}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.ml-auto{margin-left:auto}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-14{margin-top:3.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-\[15px\]{height:15px}.h-\[35px\]{height:35px}.h-\[initial\]{height:initial}.min-h-\[150px\]{min-height:150px}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[15px\]{width:15px}.w-\[30\%\]{width:30%}.w-\[500px\]{width:500px}.w-\[70\%\]{width:70%}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-24{min-width:6rem}.min-w-\[212px\]{min-width:212px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-60{max-width:15rem}.max-w-\[initial\]{max-width:initial}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.self-start{align-self:flex-start}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[var\(--color-gray-200\)\]{border-color:var(--color-gray-200)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-gray-400\)\]{border-color:var(--color-gray-400)}.border-\[var\(--color-gray-500\)\]{border-color:var(--color-gray-500)}.border-\[var\(--color-gray-900\)\]{border-color:var(--color-gray-900)}.border-\[var\(--color-green-300\)\]{border-color:var(--color-green-300)}.border-\[var\(--color-green-500\)\]{border-color:var(--color-green-500)}.border-\[var\(--color-red-400\)\]{border-color:var(--color-red-400)}.border-\[var\(--color-white\)\]{border-color:var(--color-white)}.border-gray-200{border-color:#e5e7eb}.bg-\[rgba\(0\,0\,0\,0\.20\)\]{background-color:#0003}.bg-\[var\(--color-blue-100\)\]{background-color:var(--color-blue-100)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-gray-500\)\]{background-color:var(--color-gray-500)}.bg-\[var\(--color-gray-600\)\]{background-color:var(--color-gray-600)}.bg-\[var\(--color-gray-800\)\]{background-color:var(--color-gray-800)}.bg-\[var\(--color-green-50\)\]{background-color:var(--color-green-50)}.bg-\[var\(--color-green-500\)\]{background-color:var(--color-green-500)}.bg-\[var\(--color-red-400\)\]{background-color:var(--color-red-400)}.bg-\[var\(--color-red-50\)\]{background-color:var(--color-red-50)}.bg-\[var\(--color-white\)\]{background-color:var(--color-white)}.bg-white{background-color:#fff}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#48AFF1\]{--tw-gradient-from: #48AFF1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(72 175 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#5F79AC\]{--tw-gradient-to: #5F79AC var(--tw-gradient-to-position)}.stroke-\[var\(--color-gray-600\)\]{stroke:var(--color-gray-600)}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-normal{line-height:1.5}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.text-\[var\(--color-blue-500\)\]{color:var(--color-blue-500)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-gray-700\)\]{color:var(--color-gray-700)}.text-\[var\(--color-gray-800\)\]{color:var(--color-gray-800)}.text-\[var\(--color-gray-900\)\]{color:var(--color-gray-900)}.text-\[var\(--color-green-500\)\]{color:var(--color-green-500)}.text-\[var\(--color-red-400\)\]{color:var(--color-red-400)}.text-\[var\(--color-white\)\]{color:var(--color-white)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.backdrop-brightness-50{--tw-backdrop-brightness: brightness(.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}body{font-family:Inter,sans-serif}img{display:inline-block}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-6px\]:before{content:var(--tw-content);left:-6px}.before\:left-\[calc\(10\%-7px\)\]:before{content:var(--tw-content);left:calc(10% - 7px)}.before\:left-\[calc\(50\%-7px\)\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\:right-\[-6px\]:before{content:var(--tw-content);right:-6px}.before\:right-\[calc\(10\%\+7px\)\]:before{content:var(--tw-content);right:calc(10% + 7px)}.before\:top-\[-7px\]:before{content:var(--tw-content);top:-7px}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var\(--color-gray-800\)\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.last\:text-right:last-child{text-align:right}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-gray-500\)\]:hover{border-color:var(--color-gray-500)}.hover\:border-\[var\(--color-green-700\)\]:hover{border-color:var(--color-green-700)}.hover\:border-\[var\(--color-red-400\)\]:hover{border-color:var(--color-red-400)}.hover\:bg-\[rgba\(0\,0\,0\,0\.20\)\]:hover{background-color:#0003}.hover\:bg-\[var\(--color-blue-100\)\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var\(--color-blue-200\)\]:hover{background-color:var(--color-blue-200)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-gray-100\)\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var\(--color-gray-50\)\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var\(--color-green-400\)\]:hover{background-color:var(--color-green-400)}.hover\:bg-\[var\(--color-green-700\)\]:hover{background-color:var(--color-green-700)}.hover\:bg-\[var\(--color-red-400\)\]:hover{background-color:var(--color-red-400)}.hover\:bg-\[var\(--color-red-50\)\]:hover{background-color:var(--color-red-50)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-blue-600\)\]:hover{color:var(--color-blue-600)}.hover\:text-\[var\(--color-gray-600\)\]:hover{color:var(--color-gray-600)}.hover\:text-\[var\(--color-gray-900\)\]:hover{color:var(--color-gray-900)}.focus\:ring-transparent:focus{--tw-ring-color: transparent}.focus-visible\:outline:focus-visible{outline-style:solid}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-table-content-loader td div{height:20px;width:80%;border-radius:72px}.se-design-table-content-loader td:last-child div{width:100%}.se-design-table-content-loader .loading-animation{animation:shimmer 3s infinite linear;background:linear-gradient(to right,#f4f8fd 5%,#f0f3f7 25%,#f4f8fd 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.se-design-sidebar-overlay-container{height:100%;background-color:var(--color-white);transition:all .3s ease-in-out}.se-design-sidebar-overlay-container .overlay-content{height:100%;display:flex;flex-direction:column}.se-design-sidebar-overlay-container.left-aligned{left:0;transform:translate(-100%)}.se-design-sidebar-overlay-container.left-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.right-aligned{right:0;transform:translate(100%)}.se-design-sidebar-overlay-container.right-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.abs{position:absolute}.se-design-sidebar-overlay-container.fxd{position:fixed}.se-design-sidebar-overlay-container.right-aligned{box-shadow:0 0 24px #0000000d}.se-design-sidebar-overlay-container.left-aligned{box-shadow:7px 0 14px #00000017}.se-design-sidebar-overlay-container .overlay-close{position:absolute;right:15px;cursor:pointer;top:10px}:root{--color-blue-50: #F5F9FD;--color-blue-100: #E9F2FC;--color-blue-200: #D6ECFB;--color-blue-300: #D7E6F9;--color-blue-400: #96CBF5;--color-blue-500: #1088E7;--color-blue-600: #0167C2;--color-gray-50: #F2F4F8;--color-gray-100: #EAEFF9;--color-gray-200: #E4E9F1;--color-gray-300: #E1E4EB;--color-gray-400: #C9D4E3;--color-gray-500: #A1B3CF;--color-gray-600: #92A1B9;--color-gray-700: #415575;--color-gray-800: #2D3A48;--color-gray-900: #1B2636;--color-green-50: #E5F7ED;--color-green-400: #7BE79C;--color-green-500: #56CF8A;--color-green-700: #219653;--color-yellow-50: #FFF2D7;--color-yellow-400: #954A29;--color-red-50: #FEEBE6;--color-red-400: #FE4773;--color-red-700: #CB384E;--color-white: #FFFFFF;--color-purple-50: #F6F3FF;--color-purple-100: #F5EBFD;--color-purple-200: #F1E4FF;--color-purple-300: #EAD5FF;--color-purple-800: #9335F0}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{margin-right:0;width:30%}}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Inter,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-ms-input-placeholder,textarea::-ms-input-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.left-0{left:0}.right-0{right:0}.right-\[12px\]{right:12px}.top-0{top:0}.top-\[12px\]{top:12px}.top-\[2px\]{top:2px}.top-\[calc\(100\%\+8px\)\]{top:calc(100% + 8px)}.top-full{top:100%}.z-50{z-index:50}.z-\[1000\]{z-index:1000}.mb-\[0\]{margin-bottom:0}.mb-\[4px\]{margin-bottom:4px}.mb-\[8px\]{margin-bottom:8px}.ml-auto{margin-left:auto}.mr-5{margin-right:1.25rem}.mt-1{margin-top:.25rem}.mt-14{margin-top:3.5rem}.mt-5{margin-top:1.25rem}.mt-\[0px\]{margin-top:0}.mt-\[4px\]{margin-top:4px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-3{height:.75rem}.h-4{height:1rem}.h-\[15px\]{height:15px}.h-\[35px\]{height:35px}.h-\[48px\]{height:48px}.h-\[initial\]{height:initial}.w-3{width:.75rem}.w-4{width:1rem}.w-8{width:2rem}.w-\[100\%\]{width:100%}.w-\[100px\]{width:100px}.w-\[15px\]{width:15px}.w-\[30\%\]{width:30%}.w-\[48px\]{width:48px}.w-\[500px\]{width:500px}.w-\[70\%\]{width:70%}.w-fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-webkit-max-content;width:-moz-max-content;width:max-content}.min-w-24{min-width:6rem}.min-w-\[212px\]{min-width:212px}.min-w-fit{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content}.max-w-60{max-width:15rem}.max-w-\[385px\]{max-width:385px}.max-w-\[initial\]{max-width:initial}.flex-shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-\[12px\]{gap:12px}.gap-\[2px\]{gap:2px}.self-start{align-self:flex-start}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-\[3px\]{border-radius:3px}.rounded-\[4px\]{border-radius:4px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-l{border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-\[var\(--color-gray-200\)\]{border-color:var(--color-gray-200)}.border-\[var\(--color-gray-300\)\]{border-color:var(--color-gray-300)}.border-\[var\(--color-gray-400\)\]{border-color:var(--color-gray-400)}.border-\[var\(--color-gray-500\)\]{border-color:var(--color-gray-500)}.border-\[var\(--color-gray-900\)\]{border-color:var(--color-gray-900)}.border-\[var\(--color-green-300\)\]{border-color:var(--color-green-300)}.border-\[var\(--color-green-500\)\]{border-color:var(--color-green-500)}.border-\[var\(--color-red-400\)\]{border-color:var(--color-red-400)}.border-\[var\(--color-white\)\]{border-color:var(--color-white)}.border-gray-200{border-color:#e5e7eb}.bg-\[rgba\(0\,0\,0\,0\.20\)\]{background-color:#0003}.bg-\[var\(--color-blue-100\)\]{background-color:var(--color-blue-100)}.bg-\[var\(--color-blue-500\)\]{background-color:var(--color-blue-500)}.bg-\[var\(--color-gray-200\)\]{background-color:var(--color-gray-200)}.bg-\[var\(--color-gray-500\)\]{background-color:var(--color-gray-500)}.bg-\[var\(--color-gray-600\)\]{background-color:var(--color-gray-600)}.bg-\[var\(--color-gray-800\)\]{background-color:var(--color-gray-800)}.bg-\[var\(--color-green-50\)\]{background-color:var(--color-green-50)}.bg-\[var\(--color-green-500\)\]{background-color:var(--color-green-500)}.bg-\[var\(--color-red-400\)\]{background-color:var(--color-red-400)}.bg-\[var\(--color-red-50\)\]{background-color:var(--color-red-50)}.bg-\[var\(--color-white\)\]{background-color:var(--color-white)}.bg-white{background-color:#fff}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#48AFF1\]{--tw-gradient-from: #48AFF1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(72 175 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-\[\#5F79AC\]{--tw-gradient-to: #5F79AC var(--tw-gradient-to-position)}.stroke-\[var\(--color-gray-600\)\]{stroke:var(--color-gray-600)}.object-contain{object-fit:contain}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pl-6{padding-left:1.5rem}.pr-2{padding-right:.5rem}.pr-3\.5{padding-right:.875rem}.pt-2{padding-top:.5rem}.pt-5{padding-top:1.25rem}.text-left{text-align:left}.align-baseline{vertical-align:baseline}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-normal{line-height:1.5}.text-\[\#0078d4\]{color:#0078d4}.text-\[\#1088e7\]{color:#1088e7}.text-\[var\(--color-blue-500\)\]{color:var(--color-blue-500)}.text-\[var\(--color-gray-400\)\]{color:var(--color-gray-400)}.text-\[var\(--color-gray-600\)\]{color:var(--color-gray-600)}.text-\[var\(--color-gray-700\)\]{color:var(--color-gray-700)}.text-\[var\(--color-gray-800\)\]{color:var(--color-gray-800)}.text-\[var\(--color-gray-900\)\]{color:var(--color-gray-900)}.text-\[var\(--color-green-500\)\]{color:var(--color-green-500)}.text-\[var\(--color-red-400\)\]{color:var(--color-red-400)}.text-\[var\(--color-white\)\]{color:var(--color-white)}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.opacity-0{opacity:0}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline-2{outline-width:2px}.outline-offset-2{outline-offset:2px}.outline-\[var\(--color-blue-400\)\]{outline-color:var(--color-blue-400)}.backdrop-brightness-50{--tw-backdrop-brightness: brightness(.5);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}body{font-family:Inter,sans-serif}img{display:inline-block}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-6px\]:before{content:var(--tw-content);left:-6px}.before\:left-\[calc\(10\%-7px\)\]:before{content:var(--tw-content);left:calc(10% - 7px)}.before\:left-\[calc\(50\%-7px\)\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\:right-\[-6px\]:before{content:var(--tw-content);right:-6px}.before\:right-\[calc\(10\%\+7px\)\]:before{content:var(--tw-content);right:calc(10% + 7px)}.before\:top-\[-7px\]:before{content:var(--tw-content);top:-7px}.before\:inline-block:before{content:var(--tw-content);display:inline-block}.before\:h-3\.5:before{content:var(--tw-content);height:.875rem}.before\:w-3\.5:before{content:var(--tw-content);width:.875rem}.before\:rotate-45:before{content:var(--tw-content);--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\:rounded-tl-sm:before{content:var(--tw-content);border-top-left-radius:.125rem}.before\:bg-\[var\(--color-gray-800\)\]:before{content:var(--tw-content);background-color:var(--color-gray-800)}.last\:text-right:last-child{text-align:right}.hover\:cursor-pointer:hover{cursor:pointer}.hover\:border-\[var\(--color-gray-500\)\]:hover{border-color:var(--color-gray-500)}.hover\:border-\[var\(--color-green-700\)\]:hover{border-color:var(--color-green-700)}.hover\:border-\[var\(--color-red-400\)\]:hover{border-color:var(--color-red-400)}.hover\:bg-\[rgba\(0\,0\,0\,0\.20\)\]:hover{background-color:#0003}.hover\:bg-\[var\(--color-blue-100\)\]:hover{background-color:var(--color-blue-100)}.hover\:bg-\[var\(--color-blue-200\)\]:hover{background-color:var(--color-blue-200)}.hover\:bg-\[var\(--color-blue-600\)\]:hover{background-color:var(--color-blue-600)}.hover\:bg-\[var\(--color-gray-100\)\]:hover{background-color:var(--color-gray-100)}.hover\:bg-\[var\(--color-gray-50\)\]:hover{background-color:var(--color-gray-50)}.hover\:bg-\[var\(--color-green-400\)\]:hover{background-color:var(--color-green-400)}.hover\:bg-\[var\(--color-green-700\)\]:hover{background-color:var(--color-green-700)}.hover\:bg-\[var\(--color-red-400\)\]:hover{background-color:var(--color-red-400)}.hover\:bg-\[var\(--color-red-50\)\]:hover{background-color:var(--color-red-50)}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-transparent:hover{background-color:transparent}.hover\:text-\[var\(--color-blue-600\)\]:hover{color:var(--color-blue-600)}.hover\:text-\[var\(--color-gray-600\)\]:hover{color:var(--color-gray-600)}.hover\:text-\[var\(--color-gray-900\)\]:hover{color:var(--color-gray-900)}.focus\:ring-transparent:focus{--tw-ring-color: transparent}.focus-visible\:outline:focus-visible{outline-style:solid}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:visible{visibility:visible}.se-design-table-content-loader td{padding:1rem 1rem 1rem 0}.se-design-table-content-loader td div{height:20px;width:80%;border-radius:72px}.se-design-table-content-loader td:last-child div{width:100%}.se-design-table-content-loader .loading-animation{animation:shimmer 3s infinite linear;background:linear-gradient(to right,#f4f8fd 5%,#f0f3f7 25%,#f4f8fd 35%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.se-design-sidebar-overlay-container{height:100%;background-color:var(--color-white);transition:all .3s ease-in-out}.se-design-sidebar-overlay-container .overlay-content{height:100%;display:flex;flex-direction:column}.se-design-sidebar-overlay-container.left-aligned{left:0;transform:translate(-100%)}.se-design-sidebar-overlay-container.left-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.right-aligned{right:0;transform:translate(100%)}.se-design-sidebar-overlay-container.right-aligned.open-sidebar{transform:translate(0)}.se-design-sidebar-overlay-container.abs{position:absolute}.se-design-sidebar-overlay-container.fxd{position:fixed}.se-design-sidebar-overlay-container.right-aligned{box-shadow:0 0 24px #0000000d}.se-design-sidebar-overlay-container.left-aligned{box-shadow:7px 0 14px #00000017}.se-design-sidebar-overlay-container .overlay-close{position:absolute;right:15px;cursor:pointer;top:10px}.banner-ctn .banner-title{font-size:18px;line-height:24px;font-weight:600;color:var(--color-gray-900)}.banner-ctn .banner-description{font-size:16px;line-height:20px;font-weight:400;color:var(--color-gray-700)}@media screen and (min-width: 0px) and (max-width: 767px){.banner-ctn .banner-content-ctn{width:90%}.banner-ctn .banner-image-ctn{display:none}}@media (min-width: 768px) and (max-width: 1023px){.banner-ctn .banner-content-ctn{width:60%}.banner-ctn .banner-image-ctn{margin-right:0;width:30%}}:root{--color-blue-50: #F5F9FD;--color-blue-100: #E9F2FC;--color-blue-200: #D6ECFB;--color-blue-300: #D7E6F9;--color-blue-400: #96CBF5;--color-blue-500: #1088E7;--color-blue-600: #0167C2;--color-gray-50: #F2F4F8;--color-gray-100: #EAEFF9;--color-gray-200: #E4E9F1;--color-gray-300: #E1E4EB;--color-gray-400: #C9D4E3;--color-gray-500: #A1B3CF;--color-gray-600: #92A1B9;--color-gray-700: #415575;--color-gray-800: #2D3A48;--color-gray-900: #1B2636;--color-green-50: #E5F7ED;--color-green-400: #7BE79C;--color-green-500: #56CF8A;--color-green-700: #219653;--color-yellow-50: #FFF2D7;--color-yellow-400: #954A29;--color-red-50: #FEEBE6;--color-red-400: #FE4773;--color-red-700: #CB384E;--color-white: #FFFFFF;--color-purple-50: #F6F3FF;--color-purple-100: #F5EBFD;--color-purple-200: #F1E4FF;--color-purple-300: #EAD5FF;--color-purple-800: #9335F0}.widget-ctn .widget-title,.widget-ctn .webinar-title{font-size:18px;line-height:24px;font-weight:600}.widget-ctn .widget-description,.widget-ctn .widget-date{font-size:16px;line-height:24px;font-weight:400}

package/dist/components/Widget/index.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+export interface WidgetProps {
+    widgetClassName?: string;
+    widgetType?: "promotion" | "webinar" | "request-feature";
+    widgetTitle?: string;
+    hasBadge?: boolean;
+    webinarSpeaker?: string;
+    badgeText?: string;
+    widgetDescription?: string;
+    webinarDateInfo?: string;
+    hasImage?: boolean;
+    widgetImage?: string;
+    hasButtonCta?: boolean;
+    hasLinkCta?: boolean;
+    ctaText?: string;
+    onCtaClick?: () => void;
+    onWidgetClick?: () => void;
+}
+export declare const Widget: FC<WidgetProps>;

package/dist/components/index.d.ts

@@ -21,3 +21,4 @@ export { SidebarOverlay } from './SidebarOverlay';
 export { Tabs } from './Tabs';
 export { Banner } from './Banner';
 export { Pagination } from './Pagination';
+export { Widget } from './Widget';

package/dist/index.js

@@ -15,36 +15,38 @@ import { HamburgerMenu as I } from "./index15.js";
 import { TableLayout as S } from "./index16.js";
 import { Checkbox as w } from "./index17.js";
 import { ColorCodedLabel as K } from "./index18.js";
-import { Dropdown as j } from "./index19.js";
-import { KebabMenu as z } from "./index20.js";
-import { TableContentLoader as E } from "./index21.js";
-import { SidebarOverlay as G } from "./index22.js";
-import { Tabs as N } from "./index23.js";
-import { Banner as R } from "./index24.js";
-import { Pagination as V } from "./index25.js";
+import { Dropdown as W } from "./index19.js";
+import { KebabMenu as q } from "./index20.js";
+import { TableContentLoader as A } from "./index21.js";
+import { SidebarOverlay as F } from "./index22.js";
+import { Tabs as J } from "./index23.js";
+import { Banner as Q } from "./index24.js";
+import { Pagination as U } from "./index25.js";
+import { Widget as X } from "./index26.js";
 export {
   l as Badge,
-  R as Banner,
+  Q as Banner,
   t as Button,
   w as Checkbox,
   K as ColorCodedLabel,
-  j as Dropdown,
+  W as Dropdown,
   I as HamburgerMenu,
   y as Header,
   m as Icon,
-  z as KebabMenu,
+  q as KebabMenu,
   i as LabelChip,
   T as MenuItem,
   c as MenuList,
   g as Modal,
-  V as Pagination,
+  U as Pagination,
   s as Popover,
-  G as SidebarOverlay,
+  F as SidebarOverlay,
   f as SplitButton,
-  E as TableContentLoader,
+  A as TableContentLoader,
   S as TableLayout,
-  N as Tabs,
+  J as Tabs,
   n as Toggle,
-  L as Tooltip
+  L as Tooltip,
+  X as Widget
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index17.js

@@ -1,25 +1,29 @@
-import h, { useState as u } from "react";
-const i = ({
-  className: c = "",
-  automationId: a = "",
-  defaultChecked: l = !1,
+import g, { useState as h, useEffect as i } from "react";
+const x = ({
+  className: n = "",
+  automationId: s = "",
+  defaultChecked: r = !1,
   disabled: o = !1,
-  onChange: r
+  onChange: t
 }) => {
-  const [e, n] = u(l), s = () => {
-    const t = !e;
-    n(t), r && r(t);
-  }, d = o ? "bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed" : e ? "text-[var(--color-blue-500)]" : "text-[var(--color-white)]";
-  return /* @__PURE__ */ h.createElement("input", {
+  const [e, c] = h(r);
+  i(() => {
+    o || c(r);
+  }, [r]);
+  const l = () => {
+    const a = !e;
+    c(a), t && t(a);
+  }, u = o ? "bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed" : e ? "text-[var(--color-blue-500)]" : "text-[var(--color-white)]";
+  return /* @__PURE__ */ g.createElement("input", {
     type: "checkbox",
-    className: `se-design-checkbox ${c} block w-4 h-4 ${d} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`,
-    "data-automation-id": a,
+    className: `se-design-checkbox ${n} block w-4 h-4 ${u} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`,
+    "data-automation-id": s,
     checked: e,
-    onChange: s,
+    onChange: l,
     disabled: o
   });
 };
 export {
-  i as Checkbox
+  x as Checkbox
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState } from 'react';\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ className = '', automationId = '', defaultChecked = false, disabled = false, onChange }) => {\n    const [isChecked, setIsChecked] = useState(defaultChecked);\n\n    const handleClick = () => {\n        const newCheckedState = !isChecked;\n        setIsChecked(newCheckedState);\n        if(onChange) {\n            onChange(newCheckedState);\n        }\n    }\n    const backgroundColor = disabled ? 'bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed' : isChecked ? 'text-[var(--color-blue-500)]' : 'text-[var(--color-white)]';\n    \n  return <input type=\"checkbox\" className={`se-design-checkbox ${className} block w-4 h-4 ${backgroundColor} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`} data-automation-id={automationId} checked={isChecked} onChange={handleClick} disabled={disabled} />;\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","isChecked","setIsChecked","useState","handleClick","newCheckedState","backgroundColor","React","createElement","type","checked"],"mappings":";AAUO,MAAMA,IAA8BA,CAAC;AAAA,EAAEC,WAAAA,IAAY;AAAA,EAAIC,cAAAA,IAAe;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAAOC,UAAAA,IAAW;AAAA,EAAOC,UAAAA;AAAS,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASL,CAAc,GAEnDM,IAAcA,MAAM;AACtB,UAAMC,IAAkB,CAACJ;AACzBC,IAAAA,EAAaG,CAAe,GACzBL,KACCA,EAASK,CAAe;AAAA,EAEhC,GACMC,IAAkBP,IAAW,6IAA6IE,IAAY,iCAAiC;AAExNM,SAAAA,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOC,MAAK;AAAA,IAAWb,WAAW,sBAAsBA,CAAS,kBAAkBU,CAAe;AAAA,IAAuH,sBAAoBT;AAAAA,IAAca,SAAST;AAAAA,IAAWD,UAAUI;AAAAA,IAAaL,UAAAA;AAAAA,EAAAA,CAAqB;AACpU;"}
+{"version":3,"file":"index17.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({ className = '', automationId = '', defaultChecked = false, disabled = false, onChange }) => {\n    const [isChecked, setIsChecked] = useState(defaultChecked);\n\n    useEffect(() => {\n        if(disabled) return;\n        setIsChecked(defaultChecked);\n    }, [defaultChecked]);\n\n    const handleClick = () => {\n        const newCheckedState = !isChecked;\n        setIsChecked(newCheckedState);\n        if(onChange) {\n            onChange(newCheckedState);\n        }\n    }\n    const backgroundColor = disabled ? 'bg-[var(--color-gray-600)] text-[var(--color-gray-600)] hover:text-[var(--color-gray-600)] bg-[var(--color-gray-600)] cursor-not-allowed' : isChecked ? 'text-[var(--color-blue-500)]' : 'text-[var(--color-white)]';\n    \n  return <input type=\"checkbox\" className={`se-design-checkbox ${className} block w-4 h-4 ${backgroundColor} hover:text-[var(--color-blue-600)] border-[var(--color-gray-500)] rounded-md focus:ring-transparent cursor-pointer`} data-automation-id={automationId} checked={isChecked} onChange={handleClick} disabled={disabled} />;\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","isChecked","setIsChecked","useState","useEffect","handleClick","newCheckedState","backgroundColor","React","createElement","type","checked"],"mappings":";AAUO,MAAMA,IAA8BA,CAAC;AAAA,EAAEC,WAAAA,IAAY;AAAA,EAAIC,cAAAA,IAAe;AAAA,EAAIC,gBAAAA,IAAiB;AAAA,EAAOC,UAAAA,IAAW;AAAA,EAAOC,UAAAA;AAAS,MAAM;AACtI,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASL,CAAc;AAEzDM,EAAAA,EAAU,MAAM;AACZ,IAAGL,KACHG,EAAaJ,CAAc;AAAA,EAAA,GAC5B,CAACA,CAAc,CAAC;AAEnB,QAAMO,IAAcA,MAAM;AACtB,UAAMC,IAAkB,CAACL;AACzBC,IAAAA,EAAaI,CAAe,GACzBN,KACCA,EAASM,CAAe;AAAA,EAEhC,GACMC,IAAkBR,IAAW,6IAA6IE,IAAY,iCAAiC;AAExNO,SAAAA,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOC,MAAK;AAAA,IAAWd,WAAW,sBAAsBA,CAAS,kBAAkBW,CAAe;AAAA,IAAuH,sBAAoBV;AAAAA,IAAcc,SAASV;AAAAA,IAAWD,UAAUK;AAAAA,IAAaN,UAAAA;AAAAA,EAAAA,CAAqB;AACpU;"}

package/dist/index24.js

@@ -1,15 +1,15 @@
 import e from "react";
-import { Icon as x } from "./index4.js";
-import { Button as g } from "./index3.js";
+import { Icon as g } from "./index4.js";
+import { Button as x } from "./index3.js";
 /* empty css        */
 const n = {
-  bannerCtn: "relative rounded-[12px] flex pr-3.5 min-h-[150px] cursor-pointer",
+  bannerCtn: "relative rounded-[12px] flex pr-3.5 cursor-pointer",
   bannerContentCtn: "pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2",
   bannerLinkCta: "text-[#1088e7] cursor-pointer text-base leading-6 underline hover: text-[#0078d4]",
   bannerImageCtn: "w-[30%] flex mr-5 justify-center cursor-pointer",
   bannerCloseIconCtn: "absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1",
-  bannerButton: "self-start"
-}, h = (t) => {
+  bannerButton: "self-start mt-5"
+}, I = (t) => {
   const {
     bannerClassName: c,
     bannerBgColor: s,
@@ -40,7 +40,7 @@ const n = {
   }, m), u && /* @__PURE__ */ e.createElement("span", {
     className: n.bannerLinkCta,
     onClick: l
-  }, o), d && /* @__PURE__ */ e.createElement(g, {
+  }, o), d && /* @__PURE__ */ e.createElement(x, {
     type: "secondary",
     size: "sm",
     label: o,
@@ -55,11 +55,11 @@ const n = {
   })), /* @__PURE__ */ e.createElement("span", {
     className: n.bannerCloseIconCtn,
     onClick: p
-  }, C && /* @__PURE__ */ e.createElement(x, {
+  }, C && /* @__PURE__ */ e.createElement(g, {
     name: b
   })));
 };
 export {
-  h as Banner
+  I as Banner
 };
 //# sourceMappingURL=index24.js.map

package/dist/index24.js.map

@@ -1 +1 @@
-{"version":3,"file":"index24.js","sources":["../src/components/Banner/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon } from 'components/Icon';\nimport { Button } from 'components/Button';\nimport './style.scss';\n\nexport interface BannerProps {\n  bannerClassName?: string | '';\n  bannerBgColor?: string | '';\n  title: string | '';\n  description: string | '';\n  hasImage?: boolean | false;\n  bannerImage: string | '';\n  hasCloseIcon?: boolean | false;\n  closeIconName: string | '';\n  onClose: () => void | (() => {});\n  onBannerClick?: () => void | (() => {});\n  hasButtonCta?: boolean | false;\n  hasLinkCta?: boolean | false;\n  ctaText: string | '';\n  onCtaClick: () => void | (() => {});\n}\n\nconst classNames: Map = {\n  bannerCtn: `relative rounded-[12px] flex pr-3.5 min-h-[150px] cursor-pointer`,\n  bannerContentCtn: 'pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2',\n  bannerLinkCta: 'text-[#1088e7] cursor-pointer text-base leading-6 underline hover: text-[#0078d4]',\n  bannerImageCtn: 'w-[30%] flex mr-5 justify-center cursor-pointer',\n  bannerCloseIconCtn: 'absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1',\n  bannerButton: 'self-start'\n};\n\n\nexport const Banner: FC<BannerProps> = (props) => {\n  const { bannerClassName, bannerBgColor, title, description, hasImage, hasCloseIcon, closeIconName, onClose, onBannerClick, ctaText, hasLinkCta, onCtaClick, hasButtonCta  } = props;\n  return (\n    <div className={`${classNames.bannerCtn} ${bannerClassName} banner-ctn`} style={{backgroundColor: bannerBgColor}}>\n      <div className={`${classNames.bannerContentCtn} ${hasImage ? 'w-[70%]' : 'w-[100%]'} banner-content-ctn`} onClick={onBannerClick}>\n        <span className=\"banner-title\">{title}</span>\n        <span className=\"banner-description\">{description}</span>\n        {hasLinkCta && <span className={classNames.bannerLinkCta} onClick={onCtaClick}>{ctaText}</span>}\n        {hasButtonCta && <Button type=\"secondary\" size=\"sm\" label={ctaText} onClick={onCtaClick} customClassName={classNames.bannerButton} />}\n      </div>\n      {hasImage && <div className={`${classNames.bannerImageCtn} banner-image-ctn`} onClick={onBannerClick}>\n        <img src={props.bannerImage} className=\"max-w-[initial] h-[initial] object-contain\" />\n      </div>}\n      <span className={classNames.bannerCloseIconCtn} onClick={onClose}>\n        {hasCloseIcon && <Icon name={closeIconName}  />}\n      </span>\n    </div>\n  );\n};\n\n\n\n\n\n\n"],"names":["React__default","Icon","Button","classNames","bannerCtn","bannerContentCtn","bannerLinkCta","bannerImageCtn","bannerCloseIconCtn","bannerButton","Banner","props","bannerClassName","bannerBgColor","title","description","hasImage","hasCloseIcon","closeIconName","onClose","onBannerClick","ctaText","hasLinkCta","onCtaClick","hasButtonCta","React","createElement","className","style","backgroundColor","onClick","type","size","label","customClassName","src","bannerImage","name"],"mappings":"AAuBA,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,WAAW;AAAA,EACXC,kBAAkB;AAAA,EAClBC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,oBAAoB;AAAA,EACpBC,cAAc;AAChB,GAGaC,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,eAAAA;AAAAA,IAAeC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAAUC,cAAAA;AAAAA,IAAcC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,EAAAA,IAAkBb;AAE5Kc,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWC,SAAS,IAAIQ,CAAe;AAAA,IAAegB,OAAO;AAAA,MAACC,iBAAiBhB;AAAAA,IAAAA;AAAAA,EAAa,GAC7Ga,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWE,gBAAgB,IAAIW,IAAW,YAAY,UAAU;AAAA,IAAuBc,SAASV;AAAAA,EAAAA,GACjHM,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAgBb,GAAAA,CAAY,GAC5CW,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,KAAsBZ,CAAkB,GACvDO,KAAcG,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWG;AAAAA,IAAewB,SAASP;AAAAA,KAAaF,CAAc,GAC7FG,KAAgBC,gBAAAA,EAAAC,cAACxB,GAAM;AAAA,IAAC6B,MAAK;AAAA,IAAYC,MAAK;AAAA,IAAKC,OAAOZ;AAAAA,IAASS,SAASP;AAAAA,IAAYW,iBAAiB/B,EAAWM;AAAAA,EAAe,CAAA,CACjI,GACJO,KAAYS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWI,cAAc;AAAA,IAAqBuB,SAASV;AAAAA,EAAAA,GACrFM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKS,KAAKxB,EAAMyB;AAAAA,IAAaT,WAAU;AAAA,EAA8C,CAAA,CAClF,GACLF,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWK;AAAAA,IAAoBsB,SAASX;AAAAA,EACtDF,GAAAA,KAAgBS,gBAAAA,EAAAA,cAACzB,GAAI;AAAA,IAACoC,MAAMnB;AAAAA,EAAiB,CAAA,CAC1C,CACH;AAET;"}
+{"version":3,"file":"index24.js","sources":["../src/components/Banner/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { Icon } from 'components/Icon';\nimport { Button } from 'components/Button';\nimport './style.scss';\n\nexport interface BannerProps {\n  bannerClassName?: string | '';\n  bannerBgColor?: string | '';\n  title: string | '';\n  description: string | '';\n  hasImage?: boolean | false;\n  bannerImage: string | '';\n  hasCloseIcon?: boolean | false;\n  closeIconName: string | '';\n  onClose: () => void | (() => {});\n  onBannerClick?: () => void | (() => {});\n  hasButtonCta?: boolean | false;\n  hasLinkCta?: boolean | false;\n  ctaText: string | '';\n  onCtaClick: () => void | (() => {});\n}\n\nconst classNames: Map = {\n  bannerCtn: `relative rounded-[12px] flex pr-3.5 cursor-pointer`,\n  bannerContentCtn: 'pt-5 pl-6 pb-5 pr-2 flex flex-col gap-2',\n  bannerLinkCta: 'text-[#1088e7] cursor-pointer text-base leading-6 underline hover: text-[#0078d4]',\n  bannerImageCtn: 'w-[30%] flex mr-5 justify-center cursor-pointer',\n  bannerCloseIconCtn: 'absolute top-[12px] right-[12px] cursor-pointer hover:bg-[var(--color-gray-100)] rounded-full p-1',\n  bannerButton: 'self-start mt-5'\n};\n\n\nexport const Banner: FC<BannerProps> = (props) => {\n  const { bannerClassName, bannerBgColor, title, description, hasImage, hasCloseIcon, closeIconName, onClose, onBannerClick, ctaText, hasLinkCta, onCtaClick, hasButtonCta  } = props;\n  return (\n    <div className={`${classNames.bannerCtn} ${bannerClassName} banner-ctn`} style={{backgroundColor: bannerBgColor}}>\n      <div className={`${classNames.bannerContentCtn} ${hasImage ? 'w-[70%]' : 'w-[100%]'} banner-content-ctn`} onClick={onBannerClick}>\n        <span className=\"banner-title\">{title}</span>\n        <span className=\"banner-description\">{description}</span>\n        {hasLinkCta && <span className={classNames.bannerLinkCta} onClick={onCtaClick}>{ctaText}</span>}\n        {hasButtonCta && <Button type=\"secondary\" size=\"sm\" label={ctaText} onClick={onCtaClick} customClassName={classNames.bannerButton} />}\n      </div>\n      {hasImage && <div className={`${classNames.bannerImageCtn} banner-image-ctn`} onClick={onBannerClick}>\n        <img src={props.bannerImage} className=\"max-w-[initial] h-[initial] object-contain\" />\n      </div>}\n      <span className={classNames.bannerCloseIconCtn} onClick={onClose}>\n        {hasCloseIcon && <Icon name={closeIconName}  />}\n      </span>\n    </div>\n  );\n};\n\n\n\n\n\n\n"],"names":["React__default","Icon","Button","classNames","bannerCtn","bannerContentCtn","bannerLinkCta","bannerImageCtn","bannerCloseIconCtn","bannerButton","Banner","props","bannerClassName","bannerBgColor","title","description","hasImage","hasCloseIcon","closeIconName","onClose","onBannerClick","ctaText","hasLinkCta","onCtaClick","hasButtonCta","React","createElement","className","style","backgroundColor","onClick","type","size","label","customClassName","src","bannerImage","name"],"mappings":"AAuBA,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,WAAW;AAAA,EACXC,kBAAkB;AAAA,EAClBC,eAAe;AAAA,EACfC,gBAAgB;AAAA,EAChBC,oBAAoB;AAAA,EACpBC,cAAc;AAChB,GAGaC,IAA2BC,CAAUA,MAAA;AAC1C,QAAA;AAAA,IAAEC,iBAAAA;AAAAA,IAAiBC,eAAAA;AAAAA,IAAeC,OAAAA;AAAAA,IAAOC,aAAAA;AAAAA,IAAaC,UAAAA;AAAAA,IAAUC,cAAAA;AAAAA,IAAcC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASC,eAAAA;AAAAA,IAAeC,SAAAA;AAAAA,IAASC,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,IAAYC,cAAAA;AAAAA,EAAAA,IAAkBb;AAE5Kc,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWC,SAAS,IAAIQ,CAAe;AAAA,IAAegB,OAAO;AAAA,MAACC,iBAAiBhB;AAAAA,IAAAA;AAAAA,EAAa,GAC7Ga,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWE,gBAAgB,IAAIW,IAAW,YAAY,UAAU;AAAA,IAAuBc,SAASV;AAAAA,EAAAA,GACjHM,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,EAAgBb,GAAAA,CAAY,GAC5CW,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAU;AAAA,KAAsBZ,CAAkB,GACvDO,KAAcG,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWG;AAAAA,IAAewB,SAASP;AAAAA,KAAaF,CAAc,GAC7FG,KAAgBC,gBAAAA,EAAAC,cAACxB,GAAM;AAAA,IAAC6B,MAAK;AAAA,IAAYC,MAAK;AAAA,IAAKC,OAAOZ;AAAAA,IAASS,SAASP;AAAAA,IAAYW,iBAAiB/B,EAAWM;AAAAA,EAAe,CAAA,CACjI,GACJO,KAAYS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGxB,EAAWI,cAAc;AAAA,IAAqBuB,SAASV;AAAAA,EAAAA,GACrFM,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKS,KAAKxB,EAAMyB;AAAAA,IAAaT,WAAU;AAAA,EAA8C,CAAA,CAClF,GACLF,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWK;AAAAA,IAAoBsB,SAASX;AAAAA,EACtDF,GAAAA,KAAgBS,gBAAAA,EAAAA,cAACzB,GAAI;AAAA,IAACoC,MAAMnB;AAAAA,EAAiB,CAAA,CAC1C,CACH;AAET;"}

package/dist/index26.js

@@ -1,5 +1,100 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e";
+import e from "react";
+import { Button as N } from "./index3.js";
+import { Badge as $ } from "./index7.js";
+import { Icon as m } from "./index4.js";
+/* empty css        */
+const t = {
+  widgetCtn: "flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] max-w-[385px]",
+  widgetImageCtn: "cursor-pointer",
+  descriptionCtn: "p-4 flex flex-col",
+  widgetTitle: "text-[var(--color-gray-900)] mt-[4px] mb-[8px]",
+  widgetDescription: "text-[var(--color-gray-700)] mb-[4px]",
+  widgetLinkCta: "text-[var(--color-blue-500)] cursor-pointer hover:text-[var(--color-blue-600)]",
+  widgetButtonCta: "self-start",
+  widgetBadge: "w-fit",
+  webinarInfoCtn: "flex flex-col gap-2",
+  webinarSpeaker: "text-[var(--color-gray-700)]",
+  webinarDate: "text-[var(--color-gray-700)]",
+  webinarDescriptionInfo: "flex gap-2",
+  webinarTimeInfo: "flex gap-2",
+  requestFeatureCtn: "flex gap-[12px]",
+  requestFeatureImageCtn: "w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]",
+  requestFeatureDescriptionCtn: "flex flex-col"
+}, F = ({
+  widgetClassName: d = "",
+  widgetType: a,
+  widgetTitle: r,
+  widgetDescription: n,
+  widgetImage: g,
+  hasImage: l = !1,
+  hasButtonCta: p = !1,
+  hasLinkCta: x = !1,
+  ctaText: o = "",
+  hasBadge: u = !1,
+  badgeText: f = "",
+  onCtaClick: w,
+  onWidgetClick: b,
+  webinarDateInfo: i,
+  webinarSpeaker: s
+}) => {
+  const C = () => u ? /* @__PURE__ */ e.createElement($, {
+    label: f,
+    className: t.widgetBadge,
+    bgColor: "var(--color-yellow-50)",
+    textColor: "var(--color-yellow-400)",
+    fontWeight: "normal"
+  }) : null, c = () => /* @__PURE__ */ e.createElement(e.Fragment, null, x && /* @__PURE__ */ e.createElement("span", {
+    className: t.widgetLinkCta
+  }, o), p && /* @__PURE__ */ e.createElement(N, {
+    type: "secondary",
+    size: "sm",
+    label: o,
+    onClick: w,
+    customClassName: `${t.widgetButtonCta} mt-[4px]`
+  })), v = () => l ? /* @__PURE__ */ e.createElement("div", {
+    className: `${t.widgetImageCtn} widget-image-ctn`
+  }, l && /* @__PURE__ */ e.createElement("img", {
+    src: g,
+    alt: "widget-image"
+  })) : null, E = () => /* @__PURE__ */ e.createElement("div", {
+    className: t.descriptionCtn
+  }, C(), a !== "request-feature" && /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetTitle} widget-title`
+  }, r), a === "promotion" && /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetDescription} widget-description`
+  }, n), a === "webinar" && /* @__PURE__ */ e.createElement("div", {
+    className: t.webinarInfoCtn
+  }, s && /* @__PURE__ */ e.createElement("div", {
+    className: `${t.webinarDescriptionInfo} align-baseline`
+  }, /* @__PURE__ */ e.createElement(m, {
+    name: "people",
+    className: "relative top-[2px]"
+  }), /* @__PURE__ */ e.createElement("span", {
+    className: t.webinarSpeaker
+  }, s)), i && /* @__PURE__ */ e.createElement("div", {
+    className: `${t.webinarTimeInfo} align-baseline mb-[4px]`
+  }, /* @__PURE__ */ e.createElement(m, {
+    name: "clock",
+    className: "relative top-[2px]"
+  }), /* @__PURE__ */ e.createElement("span", {
+    className: `${t.webinarDate} widget-date`
+  }, i))), a === "request-feature" && /* @__PURE__ */ e.createElement("div", {
+    className: t.requestFeatureCtn
+  }, /* @__PURE__ */ e.createElement("div", {
+    className: t.requestFeatureImageCtn
+  }), /* @__PURE__ */ e.createElement("div", {
+    className: t.requestFeatureDescriptionCtn
+  }, /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetTitle} mb-[0] mt-[0px] widget-title`
+  }, r), /* @__PURE__ */ e.createElement("span", {
+    className: `${t.widgetDescription} widget-description`
+  }, n), c())), a !== "request-feature" && c());
+  return /* @__PURE__ */ e.createElement("div", {
+    className: `${t.widgetCtn} ${d} widget-ctn`,
+    onClick: b
+  }, v(), E());
+};
 export {
-  e as default
+  F as Widget
 };
 //# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index26.js","sources":["../src/assets/icons/attachment.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index26.js","sources":["../src/components/Widget/index.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Button } from \"../Button\";\nimport { Badge } from \"../Badge\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface WidgetProps {\n  widgetClassName?: string;\n  widgetType?: \"promotion\" | \"webinar\" | \"request-feature\"  \n  widgetTitle?: string;\n  hasBadge?: boolean;\n  webinarSpeaker?: string;\n  badgeText?: string;\n  widgetDescription?: string;\n  webinarDateInfo?: string;\n  hasImage?: boolean;\n  widgetImage?: string;\n  hasButtonCta?: boolean;\n  hasLinkCta?: boolean;\n  ctaText?: string;\n  onCtaClick?: () => void;\n  onWidgetClick?: () => void;\n}\n\nconst className: Map = {\n    widgetCtn: 'flex flex-col gap-[2px] align-center border border-[var(--color-gray-200)] rounded-[12px] max-w-[385px]',\n    widgetImageCtn: 'cursor-pointer',\n    descriptionCtn: 'p-4 flex flex-col',\n    widgetTitle: 'text-[var(--color-gray-900)] mt-[4px] mb-[8px]',\n    widgetDescription: 'text-[var(--color-gray-700)] mb-[4px]',\n    widgetLinkCta: 'text-[var(--color-blue-500)] cursor-pointer hover:text-[var(--color-blue-600)]',\n    widgetButtonCta: 'self-start',\n    widgetBadge: 'w-fit',\n    webinarInfoCtn: 'flex flex-col gap-2',\n    webinarSpeaker: 'text-[var(--color-gray-700)]',\n    webinarDate: 'text-[var(--color-gray-700)]',\n    webinarDescriptionInfo: 'flex gap-2',\n    webinarTimeInfo: 'flex gap-2',\n    requestFeatureCtn: 'flex gap-[12px]',\n    requestFeatureImageCtn: 'w-[48px] h-[48px] border border-[var(--color-gray-200)] rounded-[50%] flex items-center flex-shrink-0 bg-[var(--color-red-50)]',\n    requestFeatureDescriptionCtn: 'flex flex-col',\n};\n\nexport const Widget: FC<WidgetProps> = ({\n  widgetClassName = \"\",\n  widgetType,\n  widgetTitle,\n  widgetDescription,\n  widgetImage,\n  hasImage = false,\n  hasButtonCta = false,\n  hasLinkCta = false,\n  ctaText = \"\",\n  hasBadge = false,\n  badgeText = \"\",\n  onCtaClick,\n  onWidgetClick,\n  webinarDateInfo,\n  webinarSpeaker,\n}) => {\n\n  const renderBadge = () =>\n    hasBadge ? (\n      <Badge\n        label={badgeText}\n        className={className.widgetBadge}\n        bgColor=\"var(--color-yellow-50)\"\n        textColor=\"var(--color-yellow-400)\"\n        fontWeight=\"normal\"\n      />\n    ) : null;\n\n  const renderCTA = () => (\n    <React.Fragment>\n      {hasLinkCta && <span className={className.widgetLinkCta}>{ctaText}</span>}\n      {hasButtonCta && (\n        <Button\n          type=\"secondary\"\n          size=\"sm\"\n          label={ctaText}\n          onClick={onCtaClick}\n          customClassName={`${className.widgetButtonCta} mt-[4px]`}\n        />\n      )}\n    </React.Fragment>\n  );\n\n  const renderImage = () =>\n    hasImage ? (\n    <div className={`${className.widgetImageCtn} widget-image-ctn`}>\n        {hasImage && <img src={widgetImage} alt=\"widget-image\" />}\n    </div>\n    ) : null;\n\n  // Render content based on widget type\n  const renderContent = () => {\n    return (\n      <div className={className.descriptionCtn}>\n        {renderBadge()}\n        {widgetType !== \"request-feature\" && <span className={`${className.widgetTitle} widget-title`}>{widgetTitle}</span>}\n        {widgetType === \"promotion\" && <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>}\n        {widgetType === \"webinar\" && (\n          <div className={className.webinarInfoCtn}>\n            {webinarSpeaker && (\n              <div className={`${className.webinarDescriptionInfo} align-baseline`}>\n                <Icon name=\"people\"  className=\"relative top-[2px]\"/>\n                <span className={className.webinarSpeaker}>{webinarSpeaker}</span>\n              </div>\n            )}\n            {webinarDateInfo && (\n              <div className={`${className.webinarTimeInfo} align-baseline mb-[4px]`}>\n                <Icon name=\"clock\" className=\"relative top-[2px]\"/>\n                <span className={`${className.webinarDate} widget-date`}>{webinarDateInfo}</span>\n              </div>\n            )}\n          </div>\n        )}\n        {widgetType === \"request-feature\" && <div className={className.requestFeatureCtn}>\n            <div className={className.requestFeatureImageCtn}>\n                {/* <img src={widgetImage} alt=\"widget-image\" /> */}\n            </div>\n          <div className={className.requestFeatureDescriptionCtn}>\n            <span className={`${className.widgetTitle} mb-[0] mt-[0px] widget-title`}>{widgetTitle}</span>\n            <span className={`${className.widgetDescription} widget-description`}>{widgetDescription}</span>\n            {renderCTA()}\n          </div>\n        </div>}\n        { widgetType !== \"request-feature\" && renderCTA()}\n      </div>\n    );\n  };\n\n  return (\n    <div className={`${className.widgetCtn} ${widgetClassName} widget-ctn`} onClick={onWidgetClick}>\n      {renderImage()} \n      {renderContent()}\n    </div>\n  );\n};\n"],"names":["React__default","Button","Badge","Icon","className","widgetCtn","widgetImageCtn","descriptionCtn","widgetTitle","widgetDescription","widgetLinkCta","widgetButtonCta","widgetBadge","webinarInfoCtn","webinarSpeaker","webinarDate","webinarDescriptionInfo","webinarTimeInfo","requestFeatureCtn","requestFeatureImageCtn","requestFeatureDescriptionCtn","Widget","widgetClassName","widgetType","widgetImage","hasImage","hasButtonCta","hasLinkCta","ctaText","hasBadge","badgeText","onCtaClick","onWidgetClick","webinarDateInfo","renderBadge","React","createElement","label","bgColor","textColor","fontWeight","renderCTA","Fragment","type","size","onClick","customClassName","renderImage","src","alt","renderContent","name"],"mappings":"AAyBA,OAAAA,OAAA;AAAA,SAAA,UAAAC,SAAA;AAAA,SAAA,SAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAiB;AAAA,EACnBC,WAAW;AAAA,EACXC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,aAAa;AAAA,EACbC,mBAAmB;AAAA,EACnBC,eAAe;AAAA,EACfC,iBAAiB;AAAA,EACjBC,aAAa;AAAA,EACbC,gBAAgB;AAAA,EAChBC,gBAAgB;AAAA,EAChBC,aAAa;AAAA,EACbC,wBAAwB;AAAA,EACxBC,iBAAiB;AAAA,EACjBC,mBAAmB;AAAA,EACnBC,wBAAwB;AAAA,EACxBC,8BAA8B;AAClC,GAEaC,IAA0BA,CAAC;AAAA,EACtCC,iBAAAA,IAAkB;AAAA,EAClBC,YAAAA;AAAAA,EACAf,aAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAe,aAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,cAAAA,IAAe;AAAA,EACfC,YAAAA,IAAa;AAAA,EACbC,SAAAA,IAAU;AAAA,EACVC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,YAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAnB,gBAAAA;AACF,MAAM;AAEJ,QAAMoB,IAAcA,MAClBL,IACEM,gBAAAA,EAAAC,cAAClC,GAAK;AAAA,IACJmC,OAAOP;AAAAA,IACP1B,WAAWA,EAAUQ;AAAAA,IACrB0B,SAAQ;AAAA,IACRC,WAAU;AAAA,IACVC,YAAW;AAAA,EACZ,CAAA,IACC,MAEAC,IAAYA,MAChBN,gBAAAA,EAAAC,cAACD,EAAMO,UACJf,MAAAA,KAAcS,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMhC,WAAWA,EAAUM;AAAAA,KAAgBkB,CAAc,GACvEF,KACCS,gBAAAA,EAAAC,cAACnC,GAAM;AAAA,IACL0C,MAAK;AAAA,IACLC,MAAK;AAAA,IACLP,OAAOT;AAAAA,IACPiB,SAASd;AAAAA,IACTe,iBAAiB,GAAG1C,EAAUO,eAAe;AAAA,EAAA,CAC9C,CAEW,GAGZoC,IAAcA,MAClBtB,IACAU,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhC,WAAW,GAAGA,EAAUE,cAAc;AAAA,EACtCmB,GAAAA,KAAYW,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKY,KAAKxB;AAAAA,IAAayB,KAAI;AAAA,EAAgB,CAAA,CACvD,IACD,MAGAC,IAAgBA,MAElBf,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhC,WAAWA,EAAUG;AAAAA,EAAAA,GACvB2B,EAAY,GACZX,MAAe,qBAAqBY,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMhC,WAAW,GAAGA,EAAUI,WAAW;AAAA,EAAA,GAAkBA,CAAkB,GACjHe,MAAe,eAAeY,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMhC,WAAW,GAAGA,EAAUK,iBAAiB;AAAA,EAAA,GAAwBA,CAAwB,GAC7Hc,MAAe,aACdY,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhC,WAAWA,EAAUS;AAAAA,EACvBC,GAAAA,KACCsB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKhC,WAAW,GAAGA,EAAUY,sBAAsB;AAAA,EAAA,GACjDoB,gBAAAA,EAAAA,cAACjC,GAAI;AAAA,IAACgD,MAAK;AAAA,IAAU/C,WAAU;AAAA,EAAA,CAAqB,GACpDgC,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMhC,WAAWA,EAAUU;AAAAA,EAAAA,GAAiBA,CAAqB,CAC9D,GAENmB,KACCE,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhC,WAAW,GAAGA,EAAUa,eAAe;AAAA,EAAA,GAC1CmB,gBAAAA,EAAAA,cAACjC,GAAI;AAAA,IAACgD,MAAK;AAAA,IAAQ/C,WAAU;AAAA,EAAA,CAAqB,GAClDgC,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMhC,WAAW,GAAGA,EAAUW,WAAW;AAAA,EAAA,GAAiBkB,CAAsB,CAC7E,CAEJ,GAENV,MAAe,qBAAqBa,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKhC,WAAWA,EAAUc;AAAAA,EAAAA,GAC3DkB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKhC,WAAWA,EAAUe;AAAAA,EAAAA,CAErB,GACPiB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKhC,WAAWA,EAAUgB;AAAAA,EAAAA,GACxBgB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMhC,WAAW,GAAGA,EAAUI,WAAW;AAAA,EAAkCA,GAAAA,CAAkB,GAC7F2B,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMhC,WAAW,GAAGA,EAAUK,iBAAiB;AAAA,EAAA,GAAwBA,CAAwB,GAC9FgC,EACE,CAAA,CACF,GACHlB,MAAe,qBAAqBkB,GACnC;AAKPN,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhC,WAAW,GAAGA,EAAUC,SAAS,IAAIiB,CAAe;AAAA,IAAeuB,SAASb;AAAAA,EAAAA,GAC9Ee,EAAAA,GACAG,GACE;AAET;"}

package/dist/index27.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index27.js.map

@@ -1 +1 @@
-{"version":3,"file":"index27.js","sources":["../src/assets/icons/back.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index27.js","sources":["../src/assets/icons/attachment.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}