@cometchat/chat-uikit-angular 4.3.36 → 5.0.0-beta.2

package/src/lib/assets/travel_places.svg

@@ -0,0 +1,10 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon / Travel &#38; Places" clip-path="url(#clip0_3328_49530)">
+<path id="fill" d="M5.80013 17.5323H3.6668V16.1094C3.47847 16.1091 3.29794 16.0342 3.16478 15.9011C3.03162 15.7679 2.95668 15.5874 2.9564 15.3991V12.5555C2.9564 12.367 3.03121 12.1862 3.1644 12.0528C3.2976 11.9195 3.47829 11.8444 3.6668 11.8441H4.73346V10.7775C4.76122 9.91752 5.12312 9.10224 5.74233 8.50478C6.36153 7.90732 7.18926 7.57475 8.04973 7.5777H9.9516C10.8119 7.57503 11.6393 7.90772 12.2583 8.50515C12.8773 9.10258 13.2391 9.91771 13.2668 10.7775V11.8441H14.3335C14.5221 11.8444 14.7029 11.9194 14.8362 12.0528C14.9696 12.1861 15.0446 12.3669 15.0449 12.5555V15.3991C15.0446 15.5876 14.9696 15.7683 14.8362 15.9014C14.7028 16.0346 14.522 16.1094 14.3335 16.1094V17.5323H12.2001V16.1094H5.80013V17.5323ZM3.6668 14.6887V15.3884H14.3335V14.6887H11.6668V14.677C11.6665 14.5827 11.6289 14.4924 11.5621 14.4258C11.4953 14.3592 11.4048 14.3218 11.3105 14.3218H6.68866C6.59446 14.3218 6.50411 14.3592 6.4375 14.4258C6.37089 14.4924 6.33346 14.5828 6.33346 14.677V14.6887H3.6668ZM13.0897 12.6334C12.9316 12.6336 12.777 12.6807 12.6456 12.7687C12.5141 12.8567 12.4118 12.9818 12.3514 13.1279C12.291 13.2741 12.2753 13.4349 12.3063 13.59C12.3373 13.7452 12.4136 13.8876 12.5255 13.9994C12.6374 14.1111 12.78 14.1872 12.9351 14.218C13.0903 14.2488 13.2511 14.2329 13.3972 14.1723C13.5433 14.1117 13.6682 14.0092 13.756 13.8776C13.8439 13.7461 13.8908 13.5915 13.8908 13.4333C13.8905 13.2211 13.806 13.0176 13.6558 12.8676C13.5056 12.7176 13.302 12.6334 13.0897 12.6334ZM4.89026 12.6334C4.73204 12.6334 4.57737 12.6803 4.44581 12.7682C4.31425 12.8561 4.21171 12.981 4.15116 13.1272C4.09061 13.2734 4.07477 13.4342 4.10564 13.5894C4.1365 13.7446 4.2127 13.8871 4.32458 13.999C4.43646 14.1109 4.57901 14.187 4.73419 14.2179C4.88938 14.2488 5.05023 14.2329 5.19641 14.1724C5.34259 14.1118 5.46753 14.0093 5.55544 13.8778C5.64334 13.7462 5.69026 13.5915 5.69026 13.4333C5.68998 13.2211 5.60546 13.0176 5.45526 12.8676C5.30506 12.7176 5.10147 12.6334 4.8892 12.6334H4.89026ZM9.00013 8.6443C5.80013 8.6443 5.80013 10.1983 5.80013 11.8441H12.2001V11.8324C12.2835 11.0742 12.1446 10.3082 11.8001 9.6277C11.3468 8.95681 10.4593 8.6443 9.00013 8.6443ZM1.53346 16.4561H0.466797V6.85668H4.02946L4.02306 0.466675H11.4897V4.72241H17.5335V16.455H16.4668V5.79967H11.4887V6.86628H10.422V1.53327H5.08866L5.08013 7.93288H1.53346V16.455V16.4561ZM15.4001 10.0565H14.3335V8.98988H15.4001V10.0565ZM3.6668 10.0565H2.60013V8.98988H3.6668V10.0565ZM15.4001 7.92328H14.3335V6.85668H15.4001V7.92328ZM9.35533 5.79967H8.28866V4.73308H9.35533V5.79967ZM7.222 5.79967H6.15533V4.73308H7.222V5.79967ZM9.35533 3.66648H8.28866V2.59987H9.35533V3.66648ZM7.222 3.66648H6.15533V2.58921L7.222 2.59987V3.66648Z" fill="#A1A1A1"/>
+</g>
+<defs>
+<clipPath id="clip0_3328_49530">
+<rect width="17.0667" height="17.0667" fill="white" transform="translate(0.466797 0.466675)"/>
+</clipPath>
+</defs>
+</svg>

package/src/lib/assets/ulr-format.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.04822 16.8837C5.69739 16.8837 4.5463 16.408 3.59497 15.4567C2.64364 14.5054 2.16797 13.3533 2.16797 12.0004C2.16797 10.6476 2.64364 9.49552 3.59497 8.54419C4.5463 7.59285 5.69739 7.11719 7.04822 7.11719H10.3637C10.5796 7.11719 10.7648 7.19477 10.9195 7.34994C11.074 7.50494 11.1512 7.69077 11.1512 7.90744C11.1512 8.13061 11.074 8.31852 10.9195 8.47119C10.7648 8.62402 10.5796 8.70044 10.3637 8.70044H7.05122C6.13739 8.70044 5.35889 9.02169 4.71572 9.66419C4.07272 10.3067 3.75122 11.0844 3.75122 11.9974C3.75122 12.9106 4.07272 13.6894 4.71572 14.3337C5.35889 14.9782 6.13739 15.3004 7.05122 15.3004H10.3637C10.5796 15.3004 10.7648 15.378 10.9195 15.5332C11.074 15.6884 11.1512 15.8743 11.1512 16.0909C11.1512 16.3139 11.074 16.5019 10.9195 16.6547C10.7648 16.8074 10.5796 16.8837 10.3637 16.8837H7.04822ZM8.94697 12.7837C8.7248 12.7837 8.53664 12.7064 8.38247 12.5517C8.2283 12.397 8.15122 12.2095 8.15122 11.9892C8.15122 11.7689 8.2283 11.5824 8.38247 11.4297C8.53664 11.2769 8.7248 11.2004 8.94697 11.2004H15.0637C15.2796 11.2004 15.4647 11.278 15.6192 11.4332C15.7739 11.5884 15.8512 11.7743 15.8512 11.9909C15.8512 12.2139 15.7739 12.4019 15.6192 12.5547C15.4647 12.7074 15.2796 12.7837 15.0637 12.7837H8.94697ZM13.647 16.8837C13.4248 16.8837 13.2366 16.8064 13.0825 16.6517C12.9283 16.497 12.8512 16.3095 12.8512 16.0892C12.8512 15.8689 12.9283 15.6824 13.0825 15.5297C13.2366 15.3769 13.4248 15.3004 13.647 15.3004H16.9555C17.8681 15.3004 18.6456 14.9792 19.288 14.3367C19.9301 13.6942 20.2512 12.9164 20.2512 12.0034C20.2512 11.0903 19.9301 10.3115 19.288 9.66719C18.6456 9.02269 17.8681 8.70044 16.9555 8.70044H13.647C13.4248 8.70044 13.2366 8.6231 13.0825 8.46844C12.9283 8.3136 12.8512 8.1261 12.8512 7.90594C12.8512 7.6856 12.9283 7.49902 13.0825 7.34619C13.2366 7.19352 13.4248 7.11719 13.647 7.11719H16.9512C18.3041 7.11719 19.4561 7.59285 20.4075 8.54419C21.3588 9.49552 21.8345 10.6476 21.8345 12.0004C21.8345 13.3533 21.3588 14.5054 20.4075 15.4567C19.4561 16.408 18.3041 16.8837 16.9512 16.8837H13.647Z" fill="#A1A1A1"/>
+</svg>

package/src/lib/assets/underline-format.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.09619 20.1256C5.88369 20.1256 5.70552 20.0536 5.56169 19.9098C5.41802 19.766 5.34619 19.5877 5.34619 19.3751C5.34619 19.1626 5.41802 18.9845 5.56169 18.8408C5.70552 18.6973 5.88369 18.6256 6.09619 18.6256H17.9037C18.1162 18.6256 18.2944 18.6975 18.4382 18.8413C18.5819 18.9851 18.6537 19.1633 18.6537 19.3758C18.6537 19.5885 18.5819 19.7666 18.4382 19.9101C18.2944 20.0537 18.1162 20.1256 17.9037 20.1256H6.09619ZM11.9999 16.5293C10.4448 16.5293 9.23102 16.0572 8.35869 15.1131C7.48619 14.1689 7.04994 12.9038 7.04994 11.3178V4.33331C7.04994 4.08098 7.14302 3.86465 7.32919 3.68431C7.51536 3.50415 7.73461 3.41406 7.98694 3.41406C8.23911 3.41406 8.45494 3.50415 8.63444 3.68431C8.81394 3.86465 8.90369 4.08098 8.90369 4.33331V11.4101C8.90369 12.4204 9.17227 13.2301 9.70944 13.8391C10.2466 14.4481 11.0101 14.7526 11.9999 14.7526C12.9898 14.7526 13.7533 14.4481 14.2904 13.8391C14.8276 13.2301 15.0962 12.4204 15.0962 11.4101V4.33331C15.0962 4.08098 15.1893 3.86465 15.3754 3.68431C15.5616 3.50415 15.7809 3.41406 16.0332 3.41406C16.2854 3.41406 16.5012 3.50415 16.6807 3.68431C16.8602 3.86465 16.9499 4.08098 16.9499 4.33331V11.3178C16.9499 12.9038 16.5137 14.1689 15.6412 15.1131C14.7689 16.0572 13.5551 16.5293 11.9999 16.5293Z" fill="#A1A1A1"/>
+</svg>

package/src/lib/assets/unread_filter_icon.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+  <path d="M13.3334 11.8337H2.66671V3.83366H9.40004C9.34671 3.57366 9.28004 3.09366 9.40004 2.50033H2.66671C1.93337 2.50033 1.33337 3.10033 1.33337 3.83366V15.8337L4.00004 13.167H13.3334C14.0667 13.167 14.6667 12.567 14.6667 11.8337V5.82033C14.28 6.11366 13.8267 6.33366 13.3334 6.43366V11.8337Z" fill="#A1A1A1"/>
+  <path d="M12.6667 5.16699C13.7713 5.16699 14.6667 4.27156 14.6667 3.16699C14.6667 2.06242 13.7713 1.16699 12.6667 1.16699C11.5621 1.16699 10.6667 2.06242 10.6667 3.16699C10.6667 4.27156 11.5621 5.16699 12.6667 5.16699Z" fill="#A1A1A1"/>
+  <path d="M9.33337 9.16699H4.00004V10.5003H9.33337V9.16699Z" fill="#A1A1A1"/>
+  <path d="M12 7.16699H4.00004V8.50033H12V7.16699Z" fill="#A1A1A1"/>
+  <path d="M4.00004 6.50033H12V6.43366C11.1934 6.26699 10.5 5.80033 10.02 5.16699H4.00004V6.50033Z" fill="#A1A1A1"/>
+</svg>

package/src/lib/assets/upload.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.75024 19.8332C5.32208 19.8332 4.95116 19.6764 4.63749 19.3627C4.32383 19.049 4.16699 18.6781 4.16699 18.2499V15.6999C4.16699 15.4778 4.24433 15.2896 4.39899 15.1354C4.55366 14.9813 4.74116 14.9042 4.96149 14.9042C5.18183 14.9042 5.36833 14.9813 5.52099 15.1354C5.67383 15.2896 5.75024 15.4778 5.75024 15.6999V18.2499H18.2502V15.6999C18.2502 15.4778 18.3276 15.2896 18.4822 15.1354C18.6371 14.9813 18.8246 14.9042 19.0447 14.9042C19.2651 14.9042 19.4517 14.9813 19.6045 15.1354C19.7572 15.2896 19.8335 15.4778 19.8335 15.6999V18.2499C19.8335 18.6781 19.6767 19.049 19.363 19.3627C19.0493 19.6764 18.6784 19.8332 18.2502 19.8332H5.75024ZM11.2127 7.18744L8.92524 9.47494C8.77191 9.63044 8.58841 9.70477 8.37474 9.69794C8.16124 9.69094 7.97733 9.60969 7.82299 9.45419C7.66899 9.30419 7.59266 9.1196 7.59399 8.90044C7.59533 8.6811 7.67383 8.49344 7.82949 8.33744L11.4445 4.72244C11.5262 4.64077 11.6128 4.57977 11.7045 4.53944C11.7963 4.49927 11.8957 4.47919 12.0025 4.47919C12.1093 4.47919 12.2079 4.49927 12.2982 4.53944C12.3884 4.57977 12.4766 4.64019 12.5627 4.72069L16.196 8.35419C16.346 8.51019 16.4217 8.69502 16.4232 8.90869C16.4246 9.12235 16.351 9.30419 16.2025 9.45419C16.0427 9.60969 15.8537 9.6881 15.6357 9.68944C15.4176 9.69094 15.2307 9.61385 15.0752 9.45819L12.796 7.18744V15.2374C12.796 15.4596 12.7187 15.6478 12.564 15.8019C12.4093 15.9561 12.2204 16.0332 11.9972 16.0332C11.7742 16.0332 11.5877 15.9561 11.4377 15.8019C11.2877 15.6478 11.2127 15.4596 11.2127 15.2374V7.18744Z" fill="#141414"/>
+</svg>

package/src/lib/assets/user_empty.svg

@@ -0,0 +1,8 @@
+<svg width="120" height="120" viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_3851_1193115" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-20" y="-20" width="160" height="160">
+<rect x="-20" y="-20" width="160" height="160" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3851_1193115)">
+<path d="M60 57.9489C53.5644 57.9489 48.0667 55.6689 43.5067 51.1089C38.9467 46.55 36.6667 41.0522 36.6667 34.6156C36.6667 28.18 38.9467 22.6822 43.5067 18.1222C48.0667 13.5622 53.5644 11.2822 60 11.2822C66.4356 11.2822 71.9333 13.5622 76.4933 18.1222C81.0533 22.6822 83.3333 28.18 83.3333 34.6156C83.3333 41.0522 81.0533 46.55 76.4933 51.1089C71.9333 55.6689 66.4356 57.9489 60 57.9489ZM10 98.5906V93.8972C10 90.6328 10.8867 87.6094 12.66 84.8272C14.4333 82.045 16.8033 79.9061 19.77 78.4106C26.3589 75.1806 33.0061 72.7578 39.7117 71.1422C46.4172 69.5267 53.18 68.7189 60 68.7189C66.82 68.7189 73.5828 69.5267 80.2883 71.1422C86.9939 72.7578 93.6411 75.1806 100.23 78.4106C103.197 79.9061 105.567 82.045 107.34 84.8272C109.113 87.6094 110 90.6328 110 93.8972V98.5906C110 101.402 109.015 103.793 107.045 105.764C105.075 107.734 102.684 108.719 99.8717 108.719H20.1283C17.3161 108.719 14.925 107.734 12.955 105.764C10.985 103.793 10 101.402 10 98.5906Z" fill="#E8E8E8"/>
+</g>
+</svg>

package/src/lib/assets/user_empty_dark.svg

@@ -0,0 +1,8 @@
+<svg width="220" height="140" viewBox="0 0 220 140" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_3851_1193113" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="30" y="-10" width="160" height="160">
+<rect x="30" y="-10" width="160" height="160" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_3851_1193113)">
+<path d="M110 67.9489C103.564 67.9489 98.0667 65.6689 93.5067 61.1089C88.9467 56.55 86.6667 51.0522 86.6667 44.6156C86.6667 38.18 88.9467 32.6822 93.5067 28.1222C98.0667 23.5622 103.564 21.2822 110 21.2822C116.436 21.2822 121.933 23.5622 126.493 28.1222C131.053 32.6822 133.333 38.18 133.333 44.6156C133.333 51.0522 131.053 56.55 126.493 61.1089C121.933 65.6689 116.436 67.9489 110 67.9489ZM60 108.591V103.897C60 100.633 60.8867 97.6094 62.66 94.8272C64.4333 92.045 66.8033 89.9061 69.77 88.4106C76.3589 85.1806 83.0061 82.7578 89.7117 81.1422C96.4172 79.5267 103.18 78.7189 110 78.7189C116.82 78.7189 123.583 79.5267 130.288 81.1422C136.994 82.7578 143.641 85.1806 150.23 88.4106C153.197 89.9061 155.567 92.045 157.34 94.8272C159.113 97.6094 160 100.633 160 103.897V108.591C160 111.402 159.015 113.793 157.045 115.764C155.075 117.734 152.684 118.719 149.872 118.719H70.1283C67.3161 118.719 64.925 117.734 62.955 115.764C60.985 113.793 60 111.402 60 108.591Z" fill="#383838"/>
+</g>
+</svg>

package/src/lib/assets/video_call.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8285" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8285)">
+<path d="M9.49023 12.75V15C9.49023 15.2125 9.56215 15.3906 9.70598 15.5343C9.84965 15.6781 10.0278 15.75 10.2405 15.75C10.4532 15.75 10.6312 15.6781 10.7747 15.5343C10.9184 15.3906 10.9902 15.2125 10.9902 15V12.75H13.2402C13.4527 12.75 13.6308 12.6781 13.7745 12.5343C13.9183 12.3904 13.9902 12.2122 13.9902 11.9997C13.9902 11.7871 13.9183 11.609 13.7745 11.4655C13.6308 11.3218 13.4527 11.25 13.2402 11.25H10.9902V9C10.9902 8.7875 10.9183 8.60942 10.7745 8.46575C10.6307 8.32192 10.4524 8.25 10.2397 8.25C10.0272 8.25 9.84915 8.32192 9.70548 8.46575C9.56199 8.60942 9.49023 8.7875 9.49023 9V11.25H7.24023C7.02773 11.25 6.84957 11.3219 6.70573 11.4658C6.56207 11.6096 6.49023 11.7878 6.49023 12.0003C6.49023 12.2129 6.56207 12.391 6.70573 12.5345C6.84957 12.6782 7.02773 12.75 7.24023 12.75H9.49023ZM4.54773 19.5C4.04273 19.5 3.61523 19.325 3.26523 18.975C2.91523 18.625 2.74023 18.1974 2.74023 17.6923V6.30775C2.74023 5.80258 2.91523 5.375 3.26523 5.025C3.61523 4.675 4.04273 4.5 4.54773 4.5H15.9325C16.4375 4.5 16.865 4.675 17.215 5.025C17.565 5.375 17.74 5.80258 17.74 6.30775V10.8848L20.4892 8.1355C20.6347 7.99 20.7994 7.95425 20.9832 8.02825C21.1672 8.10225 21.2592 8.24283 21.2592 8.45V15.55C21.2592 15.7572 21.1672 15.8977 20.9832 15.9718C20.7994 16.0458 20.6347 16.01 20.4892 15.8645L17.74 13.1152V17.6923C17.74 18.1974 17.565 18.625 17.215 18.975C16.865 19.325 16.4375 19.5 15.9325 19.5H4.54773Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/video_call_button.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Base_Icon">
+<path id="Vector" d="M3.77881 19.8504C3.35165 19.8504 2.98098 19.6933 2.66681 19.3791C2.35248 19.0648 2.19531 18.6941 2.19531 18.2671V5.73364C2.19531 5.30664 2.35248 4.93597 2.66681 4.62164C2.98098 4.30747 3.35165 4.15039 3.77881 4.15039H16.3156C16.7344 4.15039 17.1024 4.30747 17.4196 4.62164C17.7367 4.93597 17.8953 5.30664 17.8953 5.73364V10.8336L21.1288 7.60039C21.251 7.47822 21.3954 7.44839 21.5621 7.51089C21.7287 7.57339 21.8121 7.69214 21.8121 7.86714V16.1371C21.8121 16.309 21.7287 16.4264 21.5621 16.4894C21.3954 16.5522 21.251 16.5226 21.1288 16.4004L17.8953 13.1671V18.2671C17.8953 18.6941 17.7367 19.0648 17.4196 19.3791C17.1024 19.6933 16.7344 19.8504 16.3156 19.8504H3.77881ZM3.77881 18.2671H16.3121V5.73364H3.77881V18.2671Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/video_filter_icon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
+  <path d="M10 5.83333V11.1667H3.33333V5.83333H10ZM10.6667 4.5H2.66667C2.3 4.5 2 4.8 2 5.16667V11.8333C2 12.2 2.3 12.5 2.66667 12.5H10.6667C11.0333 12.5 11.3333 12.2 11.3333 11.8333V9.5L14 12.1667V4.83333L11.3333 7.5V5.16667C11.3333 4.8 11.0333 4.5 10.6667 4.5Z" fill="#A1A1A1"/>
+</svg>

package/src/lib/assets/videocam.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8284" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8284)">
+<path d="M4.54773 19.5C4.04273 19.5 3.61523 19.325 3.26523 18.975C2.91523 18.625 2.74023 18.1974 2.74023 17.6923V6.30775C2.74023 5.80258 2.91523 5.375 3.26523 5.025C3.61523 4.675 4.04273 4.5 4.54773 4.5H15.9325C16.4375 4.5 16.865 4.675 17.215 5.025C17.565 5.375 17.74 5.80258 17.74 6.30775V10.8848L20.4862 8.1385C20.6337 7.991 20.7994 7.95417 20.9832 8.028C21.1672 8.10167 21.2592 8.24233 21.2592 8.45V15.55C21.2592 15.7577 21.1672 15.8983 20.9832 15.972C20.7994 16.0458 20.6337 16.009 20.4862 15.8615L17.74 13.1152V17.6923C17.74 18.1974 17.565 18.625 17.215 18.975C16.865 19.325 16.4375 19.5 15.9325 19.5H4.54773Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/videocam_off.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8283" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8283)">
+<path d="M17.769 10.8848L20.515 8.13851C20.6625 7.99101 20.8282 7.95417 21.0122 8.02801C21.1962 8.10167 21.2882 8.24234 21.2882 8.45001V15.55C21.2882 15.7577 21.1962 15.8983 21.0122 15.972C20.8282 16.0458 20.6625 16.009 20.515 15.8615L17.6612 13.0078V13.1808C17.5587 13.4526 17.3533 13.6279 17.045 13.7068C16.7367 13.7856 16.4658 13.7083 16.2325 13.475L8.79398 6.03651C8.64648 5.88917 8.5619 5.73184 8.54023 5.56451C8.5184 5.39717 8.54274 5.23142 8.61323 5.06726C8.68373 4.90326 8.78757 4.76767 8.92473 4.66051C9.0619 4.55351 9.23432 4.50001 9.44198 4.50001H15.9612C16.4664 4.50001 16.894 4.67501 17.244 5.02501C17.594 5.37501 17.769 5.80259 17.769 6.30776V10.8848ZM19.4457 21.6308L2.06123 4.24626C1.9229 4.10776 1.85207 3.93367 1.84873 3.72401C1.84557 3.51451 1.9164 3.33726 2.06123 3.19226C2.20623 3.04742 2.3819 2.97501 2.58823 2.97501C2.79457 2.97501 2.97023 3.04742 3.11523 3.19226L20.4997 20.5768C20.6382 20.7153 20.7091 20.8893 20.7122 21.099C20.7154 21.3087 20.6446 21.4859 20.4997 21.6308C20.3549 21.7756 20.1792 21.848 19.9727 21.848C19.7664 21.848 19.5907 21.7756 19.4457 21.6308ZM4.44198 4.51926L17.7497 17.827C17.7177 18.2937 17.5315 18.6892 17.191 19.0135C16.8507 19.3378 16.4407 19.5 15.9612 19.5H4.57673C4.07157 19.5 3.64398 19.325 3.29398 18.975C2.94398 18.625 2.76898 18.1974 2.76898 17.6923V6.30776C2.76898 5.82826 2.93115 5.41834 3.25548 5.07801C3.57982 4.73751 3.97532 4.55126 4.44198 4.51926Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/visibility_off.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2347 21.3422L15.7155 17.8537C15.1256 18.0819 14.5195 18.2467 13.897 18.348C13.2746 18.4493 12.6423 18.5 12 18.5C9.89481 18.5 7.96689 17.9401 6.21623 16.8202C4.46573 15.7002 3.07831 14.2242 2.05398 12.3922C1.97064 12.2487 1.90973 12.1026 1.87123 11.9537C1.83273 11.8051 1.81348 11.6538 1.81348 11.5C1.81348 11.3462 1.83431 11.1932 1.87598 11.0412C1.91764 10.8894 1.98014 10.7449 2.06348 10.6077C2.46214 9.94491 2.88589 9.30358 3.33473 8.68375C3.78339 8.06375 4.30514 7.51533 4.89998 7.0385L2.64223 4.76525C2.50389 4.62691 2.43306 4.4555 2.42973 4.251C2.42656 4.0465 2.50256 3.86666 2.65773 3.7115C2.80256 3.56666 2.97823 3.49425 3.18473 3.49425C3.39106 3.49425 3.56664 3.56666 3.71148 3.7115L20.2885 20.2885C20.427 20.427 20.5004 20.5984 20.5087 20.8027C20.5171 21.0072 20.4436 21.1871 20.2885 21.3422C20.1436 21.4871 19.968 21.5595 19.7615 21.5595C19.5551 21.5595 19.3796 21.4871 19.2347 21.3422ZM12 15.577C12.2218 15.577 12.4336 15.5638 12.6355 15.5375C12.8375 15.5112 13.0346 15.4537 13.227 15.3652L8.13473 10.273C8.05256 10.4653 7.99673 10.6625 7.96723 10.8645C7.93773 11.0663 7.92298 11.2782 7.92298 11.5C7.92298 12.6347 8.31881 13.5978 9.11048 14.3895C9.90214 15.1812 10.8653 15.577 12 15.577ZM12 4.5C14.1115 4.5 16.0483 5.0625 17.8105 6.1875C19.5726 7.3125 20.9627 8.79741 21.9807 10.6422C22.0576 10.7692 22.1168 10.9055 22.1585 11.051C22.2001 11.1965 22.221 11.3462 22.221 11.5C22.221 11.6538 22.2027 11.8035 22.1662 11.949C22.1297 12.0945 22.073 12.2307 21.996 12.3577C21.6921 12.9359 21.3525 13.4807 20.977 13.9922C20.6013 14.5037 20.1814 14.9852 19.7172 15.4365C19.5096 15.6442 19.2634 15.7397 18.9787 15.723C18.6942 15.7063 18.4481 15.5942 18.2402 15.3865L16.1442 13.3C16.0404 13.1962 15.9718 13.0762 15.9385 12.9402C15.9051 12.8044 15.9071 12.6627 15.9442 12.5152C15.9916 12.3436 16.0255 12.1769 16.046 12.0152C16.0666 11.8537 16.077 11.682 16.077 11.5C16.077 10.3653 15.6811 9.40216 14.8895 8.6105C14.0978 7.81883 13.1346 7.423 12 7.423C11.818 7.423 11.6478 7.43491 11.4895 7.45875C11.3311 7.48241 11.1692 7.518 11.0037 7.5655C10.8564 7.609 10.709 7.61408 10.5615 7.58075C10.4141 7.54741 10.2886 7.47883 10.1847 7.375L9.25373 6.44425C8.96923 6.15958 8.87473 5.82816 8.97023 5.45C9.06573 5.07183 9.30581 4.83083 9.69048 4.727C10.0686 4.65 10.4494 4.59291 10.8327 4.55575C11.2161 4.51858 11.6051 4.5 12 4.5ZM13.9365 9.6115C14.1391 9.83466 14.3061 10.085 14.4375 10.3625C14.5688 10.64 14.6511 10.9301 14.6845 11.2327C14.7011 11.3532 14.656 11.4369 14.549 11.4837C14.442 11.5304 14.3416 11.507 14.248 11.4135L12.102 9.277C12.0083 9.18333 11.9875 9.083 12.0395 8.976C12.0913 8.869 12.1775 8.8155 12.298 8.8155C12.6211 8.84233 12.9192 8.92341 13.1922 9.05875C13.4654 9.19391 13.7135 9.37816 13.9365 9.6115Z" fill="#141414"/>
+</svg>

package/src/lib/assets/volume_down.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8282" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8282)">
+<path d="M9.2115 14.5H6.404C6.14617 14.5 5.93108 14.4137 5.75875 14.2412C5.58625 14.0689 5.5 13.8538 5.5 13.596V10.404C5.5 10.1462 5.58625 9.93107 5.75875 9.75873C5.93108 9.58623 6.14617 9.49998 6.404 9.49998H9.2115L12.2038 6.50773C12.4436 6.26807 12.7196 6.21323 13.0318 6.34323C13.3439 6.4734 13.5 6.70898 13.5 7.04998V16.95C13.5 17.291 13.3439 17.5266 13.0318 17.6567C12.7196 17.7867 12.4436 17.7319 12.2038 17.4922L9.2115 14.5ZM18 12C18 12.623 17.8705 13.2134 17.6115 13.7712C17.3525 14.3289 17.0032 14.7981 16.5635 15.1787C16.4225 15.2724 16.2741 15.2814 16.1182 15.2057C15.9624 15.1301 15.8845 15.0051 15.8845 14.8307V9.11923C15.8845 8.9449 15.9624 8.8199 16.1182 8.74423C16.2741 8.66857 16.4225 8.67757 16.5635 8.77123C17.0032 9.16223 17.3525 9.64232 17.6115 10.2115C17.8705 10.7808 18 11.377 18 12Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/volume_mute.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8281" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8281)">
+<path d="M11.2115 14.5H8.404C8.14783 14.5 7.93317 14.4134 7.76 14.24C7.58667 14.0669 7.5 13.8522 7.5 13.596V10.404C7.5 10.1479 7.58667 9.93319 7.76 9.76002C7.93317 9.58669 8.14783 9.50002 8.404 9.50002H11.2115L14.2038 6.50777C14.4436 6.2681 14.7196 6.21402 15.0318 6.34552C15.3439 6.47702 15.5 6.71185 15.5 7.05002V16.95C15.5 17.2882 15.3439 17.523 15.0318 17.6545C14.7196 17.786 14.4436 17.7319 14.2038 17.4923L11.2115 14.5Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/volume_off.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8280" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8280)">
+<path d="M16.4579 19.123C16.2937 19.2268 16.1264 19.3256 15.9559 19.4192C15.7854 19.5127 15.6097 19.598 15.4289 19.675C15.2431 19.7597 15.0498 19.7597 14.8491 19.675C14.6485 19.5903 14.511 19.4499 14.4366 19.2537C14.3623 19.0679 14.3732 18.883 14.4694 18.699C14.5656 18.515 14.7066 18.3807 14.8924 18.2962C15.0284 18.2397 15.1544 18.1775 15.2704 18.1095C15.3864 18.0417 15.5008 17.9647 15.6136 17.8787L11.7886 14.4537V16.95C11.7886 17.291 11.6326 17.5266 11.3204 17.6567C11.0082 17.7867 10.7322 17.7319 10.4924 17.4922L7.50015 14.5H4.6924C4.43473 14.5 4.21973 14.4137 4.0474 14.2412C3.8749 14.0689 3.78865 13.8538 3.78865 13.596V10.404C3.78865 10.1462 3.8749 9.93107 4.0474 9.75874C4.21973 9.58624 4.43473 9.49999 4.6924 9.49999H6.8349L2.52315 5.18849C2.38482 5.04999 2.31398 4.87599 2.31065 4.66649C2.30748 4.45682 2.37832 4.27957 2.52315 4.13474C2.66815 3.98974 2.84382 3.91724 3.05015 3.91724C3.25665 3.91724 3.43232 3.98974 3.57715 4.13474L20.0001 20.5577C20.1386 20.6962 20.2095 20.8702 20.2126 21.0797C20.2158 21.2894 20.145 21.4667 20.0001 21.6115C19.8553 21.7563 19.6796 21.8287 19.4731 21.8287C19.2668 21.8287 19.0912 21.7563 18.9464 21.6115L16.4579 19.123ZM18.9809 11.975C18.9809 10.6045 18.6126 9.34999 17.8761 8.21149C17.1396 7.07299 16.1515 6.22365 14.9116 5.66349C14.7193 5.57249 14.5776 5.43657 14.4866 5.25574C14.3956 5.07507 14.3854 4.89174 14.4559 4.70574C14.5367 4.50324 14.6791 4.3629 14.8829 4.28474C15.0867 4.2064 15.2931 4.21282 15.5021 4.30399C17.0098 4.98849 18.2165 6.01599 19.1221 7.38649C20.028 8.75699 20.4809 10.2865 20.4809 11.975C20.4809 12.6148 20.4068 13.2376 20.2586 13.8432C20.1106 14.4491 19.8969 15.0244 19.6174 15.5692C19.5032 15.8397 19.3439 16.0064 19.1394 16.0692C18.9351 16.1321 18.7451 16.1314 18.5694 16.0672C18.3937 16.0032 18.2575 15.8885 18.1606 15.723C18.0638 15.5577 18.0661 15.3718 18.1674 15.1655C18.4406 14.6745 18.6444 14.1664 18.7789 13.6412C18.9136 13.1162 18.9809 12.5608 18.9809 11.975ZM14.8616 8.77124C15.3283 9.12757 15.6828 9.6109 15.9251 10.2212C16.1675 10.8314 16.2886 11.4243 16.2886 12C16.2886 12.1475 16.2806 12.2933 16.2646 12.4375C16.2485 12.5817 16.2193 12.7243 16.1771 12.8655C16.131 13.0565 16.0159 13.1773 15.8319 13.228C15.6479 13.2785 15.4821 13.2301 15.3346 13.0827L14.4444 12.1922C14.3507 12.0987 14.2821 11.9975 14.2386 11.8885C14.195 11.7795 14.1731 11.6647 14.1731 11.5442V9.12874C14.1731 8.9544 14.2526 8.82782 14.4116 8.74899C14.5707 8.67015 14.7206 8.67757 14.8616 8.77124ZM9.9424 7.69049C9.8489 7.59682 9.80373 7.48974 9.8069 7.36924C9.81007 7.24874 9.85848 7.14174 9.95215 7.04824L10.4924 6.50774C10.7322 6.26807 11.0082 6.21324 11.3204 6.34324C11.6326 6.4734 11.7886 6.70899 11.7886 7.04999V8.44224C11.7886 8.65007 11.6966 8.79399 11.5126 8.87399C11.3286 8.95415 11.1629 8.91732 11.0154 8.76349L9.9424 7.69049Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/volume_up.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8279" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8279)">
+<path d="M18.8465 11.975C18.8465 10.598 18.4782 9.34194 17.7415 8.20677C17.005 7.07144 16.017 6.22369 14.7773 5.66352C14.585 5.57252 14.4433 5.4366 14.3523 5.25577C14.2613 5.0751 14.251 4.89177 14.3215 4.70577C14.4022 4.50327 14.5445 4.36294 14.7483 4.28477C14.9521 4.20644 15.1585 4.21285 15.3675 4.30402C16.8752 4.98852 18.082 6.0186 18.9878 7.39427C19.8935 8.76994 20.3463 10.2969 20.3463 11.975C20.3463 13.6532 19.8935 15.1801 18.9878 16.5558C18.082 17.9314 16.8752 18.9615 15.3675 19.646C15.1585 19.7372 14.9521 19.7436 14.7483 19.6653C14.5445 19.5871 14.4022 19.4468 14.3215 19.2443C14.251 19.0583 14.2613 18.8749 14.3523 18.6943C14.4433 18.5134 14.585 18.3775 14.7773 18.2865C16.017 17.7264 17.005 16.8786 17.7415 15.7433C18.4782 14.6081 18.8465 13.352 18.8465 11.975ZM7.3658 14.5H4.55805C4.30038 14.5 4.0853 14.4138 3.9128 14.2413C3.74046 14.0689 3.6543 13.8539 3.6543 13.596V10.404C3.6543 10.1462 3.74046 9.9311 3.9128 9.75877C4.0853 9.58627 4.30038 9.50002 4.55805 9.50002H7.3658L10.358 6.50777C10.5977 6.2681 10.8736 6.21327 11.1858 6.34327C11.498 6.47344 11.654 6.70902 11.654 7.05002V16.95C11.654 17.291 11.498 17.5266 11.1858 17.6568C10.8736 17.7868 10.5977 17.7319 10.358 17.4923L7.3658 14.5ZM16.154 12C16.154 12.623 16.0245 13.2134 15.7655 13.7713C15.5067 14.3289 15.1574 14.7981 14.7175 15.1788C14.5765 15.2724 14.4281 15.2814 14.2723 15.2058C14.1166 15.1301 14.0388 15.0051 14.0388 14.8308V9.11927C14.0388 8.94494 14.1166 8.81994 14.2723 8.74427C14.4281 8.6686 14.5765 8.6776 14.7175 8.77127C15.1574 9.16227 15.5067 9.64235 15.7655 10.2115C16.0245 10.7809 16.154 11.377 16.154 12Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/warning.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8435" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8435)">
+<path d="M3.4246 20.5C3.2551 20.5 3.10285 20.4586 2.96785 20.3757C2.83285 20.2929 2.72794 20.1837 2.6531 20.048C2.5751 19.9133 2.53219 19.7675 2.52435 19.6105C2.51652 19.4535 2.55885 19.298 2.65135 19.144L11.2121 4.35599C11.3048 4.20199 11.4206 4.08816 11.5596 4.01449C11.6988 3.94083 11.8453 3.90399 11.9991 3.90399C12.1529 3.90399 12.2994 3.94083 12.4386 4.01449C12.5776 4.08816 12.6934 4.20199 12.7861 4.35599L21.3469 19.144C21.4394 19.298 21.4817 19.4535 21.4739 19.6105C21.466 19.7675 21.4231 19.9133 21.3451 20.048C21.2703 20.1837 21.1654 20.2929 21.0304 20.3757C20.8954 20.4586 20.7431 20.5 20.5736 20.5H3.4246ZM11.9991 17.8077C12.2279 17.8077 12.4198 17.7303 12.5746 17.5755C12.7294 17.4207 12.8069 17.2288 12.8069 17C12.8069 16.7712 12.7294 16.5793 12.5746 16.4245C12.4198 16.2697 12.2279 16.1922 11.9991 16.1922C11.7703 16.1922 11.5784 16.2697 11.4236 16.4245C11.2688 16.5793 11.1914 16.7712 11.1914 17C11.1914 17.2288 11.2688 17.4207 11.4236 17.5755C11.5784 17.7303 11.7703 17.8077 11.9991 17.8077ZM11.9994 15.1922C12.212 15.1922 12.3901 15.1204 12.5336 14.9767C12.6773 14.8329 12.7491 14.6547 12.7491 14.4422V10.9422C12.7491 10.7297 12.6772 10.5517 12.5334 10.408C12.3895 10.2642 12.2114 10.1922 11.9989 10.1922C11.7862 10.1922 11.6081 10.2642 11.4646 10.408C11.3209 10.5517 11.2491 10.7297 11.2491 10.9422V14.4422C11.2491 14.6547 11.321 14.8329 11.4649 14.9767C11.6087 15.1204 11.7869 15.1922 11.9994 15.1922Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/warning_neutral.svg

@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9982 16.918C12.2447 16.918 12.4485 16.8384 12.6095 16.6792C12.7706 16.5201 12.8512 16.3172 12.8512 16.0707C12.8512 15.8244 12.7716 15.6206 12.6125 15.4595C12.4533 15.2985 12.2506 15.218 12.0042 15.218C11.7577 15.218 11.554 15.2976 11.393 15.4567C11.2318 15.6159 11.1512 15.8186 11.1512 16.065C11.1512 16.3113 11.2308 16.5151 11.39 16.6762C11.5491 16.8374 11.7519 16.918 11.9982 16.918ZM12.0625 13.118C12.2828 13.118 12.4693 13.0409 12.622 12.8867C12.7748 12.7326 12.8512 12.5443 12.8512 12.322V7.75547C12.8512 7.53964 12.7736 7.35439 12.6185 7.19972C12.4633 7.04522 12.2774 6.96797 12.0607 6.96797C11.8377 6.96797 11.6498 7.04522 11.497 7.19972C11.3443 7.35439 11.268 7.53964 11.268 7.75547V12.322C11.268 12.5443 11.3453 12.7326 11.5 12.8867C11.6546 13.0409 11.8421 13.118 12.0625 13.118ZM12.0067 21.8345C10.6494 21.8345 9.37347 21.5754 8.17897 21.0572C6.98447 20.5389 5.94305 19.8347 5.05472 18.9447C4.16622 18.0546 3.46297 17.0128 2.94497 15.8195C2.42697 14.626 2.16797 13.3508 2.16797 11.994C2.16797 10.6356 2.42705 9.35889 2.94522 8.16372C3.46355 6.96839 4.16772 5.92789 5.05772 5.04222C5.94789 4.15655 6.98964 3.45605 8.18297 2.94072C9.37647 2.42555 10.6516 2.16797 12.0085 2.16797C13.3668 2.16797 14.6436 2.42639 15.839 2.94322C17.0343 3.45989 18.0748 4.16122 18.9605 5.04722C19.846 5.93322 20.5464 6.9738 21.0617 8.16897C21.5769 9.36414 21.8345 10.6397 21.8345 11.9957C21.8345 13.3531 21.5767 14.629 21.0612 15.8235C20.5457 17.018 19.8444 18.0584 18.9572 18.9447C18.0699 19.8311 17.0286 20.5343 15.8335 21.0545C14.6383 21.5745 13.3627 21.8345 12.0067 21.8345ZM12.009 20.2512C14.2955 20.2512 16.2408 19.4466 17.845 17.8372C19.4491 16.2279 20.2512 14.28 20.2512 11.9935C20.2512 9.70697 19.4504 7.76164 17.8487 6.15747C16.2469 4.5533 14.2979 3.75122 12.0017 3.75122C9.72089 3.75122 7.77555 4.55205 6.16572 6.15372C4.55605 7.75555 3.75122 9.70455 3.75122 12.0007C3.75122 14.2816 4.55589 16.2269 6.16522 17.8367C7.77455 19.4464 9.72247 20.2512 12.009 20.2512Z" fill="#A1A1A1"/>
+</svg>

package/src/lib/assets/wifi.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8278" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8278)">
+<path d="M12.0003 20.7115C11.435 20.7115 10.957 20.5164 10.5665 20.126C10.1762 19.7357 9.98104 19.2578 9.98104 18.6923C9.98104 18.127 10.1762 17.6491 10.5665 17.2588C10.957 16.8685 11.435 16.6733 12.0003 16.6733C12.5656 16.6733 13.0435 16.8685 13.434 17.2588C13.8244 17.6491 14.0195 18.127 14.0195 18.6923C14.0195 19.2578 13.8244 19.7357 13.434 20.126C13.0435 20.5164 12.5656 20.7115 12.0003 20.7115ZM12.0003 10.7693C13.2118 10.7693 14.3576 10.9693 15.4378 11.3693C16.518 11.7693 17.4939 12.3225 18.3655 13.029C18.6155 13.2212 18.7447 13.4702 18.753 13.776C18.7614 14.0819 18.654 14.3463 18.431 14.5693C18.2182 14.7821 17.9564 14.8895 17.6455 14.8913C17.3345 14.8933 17.054 14.8033 16.804 14.6213C16.1452 14.1175 15.4068 13.7213 14.5888 13.4328C13.7708 13.1443 12.908 13 12.0003 13C11.0926 13 10.2298 13.1443 9.41178 13.4328C8.59378 13.7213 7.85537 14.1175 7.19653 14.6213C6.94653 14.8033 6.66603 14.8908 6.35503 14.8838C6.0442 14.8766 5.78237 14.7666 5.56953 14.5538C5.3567 14.3308 5.25187 14.0664 5.25503 13.7605C5.25837 13.4549 5.38503 13.2059 5.63503 13.0135C6.5067 12.3072 7.48262 11.7565 8.56278 11.3615C9.64295 10.9667 10.7888 10.7693 12.0003 10.7693ZM12.0003 4.76929C14.058 4.76929 15.9852 5.11579 17.782 5.80879C19.5789 6.50179 21.185 7.47329 22.6003 8.72329C22.8503 8.93595 22.982 9.19937 22.9955 9.51354C23.0089 9.8277 22.904 10.0963 22.681 10.3193C22.4619 10.5385 22.1952 10.6442 21.881 10.6365C21.567 10.6289 21.2818 10.5205 21.0253 10.3115C19.8061 9.2642 18.4282 8.45045 16.8915 7.87029C15.355 7.29012 13.7246 7.00004 12.0003 7.00004C10.276 7.00004 8.64553 7.29012 7.10904 7.87029C5.57237 8.45045 4.19445 9.2642 2.97528 10.3115C2.71878 10.5205 2.43353 10.6289 2.11953 10.6365C1.80537 10.6442 1.5387 10.5385 1.31953 10.3193C1.09653 10.0963 0.991701 9.8277 1.00503 9.51354C1.01853 9.19937 1.15028 8.93595 1.40028 8.72329C2.81562 7.47329 4.4217 6.50179 6.21853 5.80879C8.01537 5.11579 9.94262 4.76929 12.0003 4.76929Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/zoom_in_map.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8341" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8341)">
+<path d="M7.5005 17.5538L4.6775 20.377C4.539 20.5153 4.36492 20.5862 4.15525 20.5895C3.94575 20.5927 3.7685 20.5218 3.6235 20.377C3.47867 20.232 3.40625 20.0563 3.40625 19.85C3.40625 19.6435 3.47867 19.4678 3.6235 19.323L6.44675 16.5H4.2505C4.038 16.5 3.85992 16.4281 3.71625 16.2843C3.57242 16.1404 3.5005 15.9623 3.5005 15.7498C3.5005 15.5371 3.57242 15.359 3.71625 15.2155C3.85992 15.0718 4.038 15 4.2505 15H8.09675C8.35275 15 8.56742 15.0866 8.74075 15.2598C8.91392 15.4331 9.0005 15.6478 9.0005 15.9038V19.75C9.0005 19.9625 8.92858 20.1406 8.78475 20.2843C8.64092 20.4281 8.46275 20.5 8.25025 20.5C8.03758 20.5 7.8595 20.4281 7.716 20.2843C7.57233 20.1406 7.5005 19.9625 7.5005 19.75V17.5538ZM16.5005 17.5538V19.75C16.5005 19.9625 16.4286 20.1406 16.2848 20.2843C16.1409 20.4281 15.9628 20.5 15.7503 20.5C15.5376 20.5 15.3595 20.4281 15.216 20.2843C15.0723 20.1406 15.0005 19.9625 15.0005 19.75V15.9038C15.0005 15.6478 15.0871 15.4331 15.2603 15.2598C15.4336 15.0866 15.6483 15 15.9043 15H19.7505C19.963 15 20.1411 15.0719 20.2847 15.2158C20.4286 15.3596 20.5005 15.5378 20.5005 15.7503C20.5005 15.9629 20.4286 16.141 20.2847 16.2845C20.1411 16.4282 19.963 16.5 19.7505 16.5H17.5543L20.3775 19.323C20.5158 19.4615 20.5867 19.6356 20.59 19.8453C20.5932 20.0548 20.5223 20.232 20.3775 20.377C20.2325 20.5218 20.0568 20.5943 19.8505 20.5943C19.644 20.5943 19.4683 20.5218 19.3235 20.377L16.5005 17.5538ZM6.44675 7.50001L3.6235 4.67701C3.48517 4.53851 3.41433 4.36443 3.411 4.15476C3.40783 3.94526 3.47867 3.76801 3.6235 3.62301C3.7685 3.47818 3.94417 3.40576 4.1505 3.40576C4.357 3.40576 4.53267 3.47818 4.6775 3.62301L7.5005 6.44626V4.25001C7.5005 4.03751 7.57242 3.85943 7.71625 3.71576C7.86008 3.57193 8.03825 3.50001 8.25075 3.50001C8.46342 3.50001 8.6415 3.57193 8.785 3.71576C8.92867 3.85943 9.0005 4.03751 9.0005 4.25001V8.09626C9.0005 8.35226 8.91392 8.56693 8.74075 8.74026C8.56742 8.91343 8.35275 9.00001 8.09675 9.00001H4.2505C4.038 9.00001 3.85992 8.9281 3.71625 8.78426C3.57242 8.64043 3.5005 8.46226 3.5005 8.24976C3.5005 8.0371 3.57242 7.85901 3.71625 7.71551C3.85992 7.57185 4.038 7.50001 4.2505 7.50001H6.44675ZM17.5543 7.50001H19.7505C19.963 7.50001 20.1411 7.57193 20.2847 7.71576C20.4286 7.8596 20.5005 8.03776 20.5005 8.25026C20.5005 8.46293 20.4286 8.64101 20.2847 8.78451C20.1411 8.92818 19.963 9.00001 19.7505 9.00001H15.9043C15.6483 9.00001 15.4336 8.91343 15.2603 8.74026C15.0871 8.56693 15.0005 8.35226 15.0005 8.09626V4.25001C15.0005 4.03751 15.0724 3.85943 15.2163 3.71576C15.3601 3.57193 15.5383 3.50001 15.7508 3.50001C15.9634 3.50001 16.1415 3.57193 16.285 3.71576C16.4287 3.85943 16.5005 4.03751 16.5005 4.25001V6.44626L19.3235 3.62301C19.462 3.48468 19.6361 3.41385 19.8458 3.41051C20.0553 3.40735 20.2325 3.47818 20.3775 3.62301C20.5223 3.76801 20.5948 3.94368 20.5948 4.15001C20.5948 4.35651 20.5223 4.53218 20.3775 4.67701L17.5543 7.50001Z" fill="#141414"/>
+</g>
+</svg>

package/src/lib/assets/zoom_out_map.svg

@@ -0,0 +1,8 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_740_8277" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<rect width="24" height="24" fill="#D9D9D9"/>
+</mask>
+<g mask="url(#mask0_740_8277)">
+<path d="M6.05375 19H8.25C8.4625 19 8.64067 19.0719 8.7845 19.2158C8.92817 19.3596 9 19.5378 9 19.7502C9 19.9629 8.92817 20.141 8.7845 20.2845C8.64067 20.4282 8.4625 20.5 8.25 20.5H4.404C4.14783 20.5 3.93317 20.4133 3.76 20.24C3.58667 20.0668 3.5 19.8522 3.5 19.596V15.75C3.5 15.5375 3.57192 15.3593 3.71575 15.2155C3.85958 15.0718 4.03775 15 4.25025 15C4.46292 15 4.641 15.0718 4.7845 15.2155C4.92817 15.3593 5 15.5375 5 15.75V17.9462L7.823 15.123C7.9615 14.9847 8.13558 14.9138 8.34525 14.9105C8.55492 14.9073 8.73217 14.9782 8.877 15.123C9.02183 15.2678 9.09425 15.4435 9.09425 15.65C9.09425 15.8563 9.02183 16.032 8.877 16.177L6.05375 19ZM17.9462 19L15.123 16.177C14.9847 16.0385 14.9138 15.8644 14.9105 15.6547C14.9073 15.4451 14.9782 15.2678 15.123 15.123C15.2678 14.9782 15.4435 14.9058 15.65 14.9058C15.8563 14.9058 16.032 14.9782 16.177 15.123L19 17.9462V15.75C19 15.5375 19.0719 15.3593 19.2158 15.2155C19.3596 15.0718 19.5378 15 19.7502 15C19.9629 15 20.141 15.0718 20.2845 15.2155C20.4282 15.3593 20.5 15.5375 20.5 15.75V19.596C20.5 19.8522 20.4133 20.0668 20.24 20.24C20.0668 20.4133 19.8522 20.5 19.596 20.5H15.75C15.5375 20.5 15.3593 20.4281 15.2155 20.2843C15.0718 20.1404 15 19.9622 15 19.7498C15 19.5371 15.0718 19.359 15.2155 19.2155C15.3593 19.0718 15.5375 19 15.75 19H17.9462ZM5 6.05375V8.25C5 8.4625 4.92808 8.64067 4.78425 8.7845C4.64042 8.92817 4.46225 9 4.24975 9C4.03708 9 3.859 8.92817 3.7155 8.7845C3.57183 8.64067 3.5 8.4625 3.5 8.25V4.404C3.5 4.14783 3.58667 3.93317 3.76 3.76C3.93317 3.58667 4.14783 3.5 4.404 3.5H8.25C8.4625 3.5 8.64067 3.57192 8.7845 3.71575C8.92817 3.85958 9 4.03775 9 4.25025C9 4.46292 8.92817 4.641 8.7845 4.7845C8.64067 4.92817 8.4625 5 8.25 5H6.05375L8.877 7.823C9.01533 7.9615 9.08617 8.13558 9.0895 8.34525C9.09267 8.55492 9.02183 8.73217 8.877 8.877C8.73217 9.02183 8.5565 9.09425 8.35 9.09425C8.14367 9.09425 7.968 9.02183 7.823 8.877L5 6.05375ZM19 6.05375L16.177 8.877C16.0385 9.01533 15.8644 9.08617 15.6547 9.0895C15.4451 9.09267 15.2678 9.02183 15.123 8.877C14.9782 8.73217 14.9057 8.5565 14.9057 8.35C14.9057 8.14367 14.9782 7.968 15.123 7.823L17.9462 5H15.75C15.5375 5 15.3593 4.92808 15.2155 4.78425C15.0718 4.64042 15 4.46225 15 4.24975C15 4.03708 15.0718 3.859 15.2155 3.7155C15.3593 3.57183 15.5375 3.5 15.75 3.5H19.596C19.8522 3.5 20.0668 3.58667 20.24 3.76C20.4133 3.93317 20.5 4.14783 20.5 4.404V8.25C20.5 8.4625 20.4281 8.64067 20.2843 8.7845C20.1404 8.92817 19.9622 9 19.7498 9C19.5371 9 19.359 8.92817 19.2155 8.7845C19.0718 8.64067 19 8.4625 19 8.25V6.05375Z" fill="#141414"/>
+</g>
+</svg>

package/styles/accessibility.css

@@ -0,0 +1,148 @@
+/**
+ * CometChat Accessibility Styles
+ * 
+ * This file contains utility classes for WCAG 2.1 Level AA keyboard accessibility.
+ * These classes provide consistent focus indicators and screen reader support
+ * across all CometChat UIKit components.
+ * 
+ * @see Requirements 13.1-13.5 (Focus Indicator Visibility Standards)
+ */
+
+/* ============================================
+   Screen Reader Only Utility
+   ============================================
+   Visually hides content while keeping it accessible to screen readers.
+   Use for providing additional context that sighted users don't need.
+   
+   Example usage:
+   <span class="cometchat-sr-only">Avatar for John Doe</span>
+*/
+.cometchat-sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+/* Allow the element to be focusable when navigated to via keyboard */
+.cometchat-sr-only-focusable:focus,
+.cometchat-sr-only-focusable:active {
+  position: static;
+  width: auto;
+  height: auto;
+  padding: inherit;
+  margin: inherit;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+}
+
+/* ============================================
+   Focus Visible Utility Classes
+   ============================================
+   Apply focus indicators only on keyboard navigation (not mouse clicks).
+   Uses :focus-visible pseudo-class for modern browser support.
+   
+   Example usage:
+   <button class="cometchat-focus-visible">Click me</button>
+*/
+
+/* Standard focus ring using outline - works well for most elements */
+.cometchat-focus-visible:focus-visible {
+  outline: var(--cometchat-focus-ring-width) var(--cometchat-focus-ring-style) var(--cometchat-focus-ring-color);
+  outline-offset: var(--cometchat-focus-ring-offset);
+}
+
+/* Focus ring using box-shadow - for elements where outline doesn't work well
+   (e.g., elements with border-radius, or when outline-offset causes issues) */
+.cometchat-focus-shadow:focus-visible {
+  outline: none;
+  box-shadow: var(--cometchat-focus-shadow);
+}
+
+/* Inset focus ring using box-shadow - for filled/solid buttons
+   where the focus indicator should appear inside the element */
+.cometchat-focus-inset:focus-visible {
+  outline: none;
+  box-shadow: var(--cometchat-focus-shadow-inset);
+}
+
+/* Inverse focus ring - for elements on dark/colored backgrounds
+   where the standard focus color may not have sufficient contrast */
+.cometchat-focus-inverse:focus-visible {
+  outline: var(--cometchat-focus-ring-width) var(--cometchat-focus-ring-style) var(--cometchat-focus-ring-color-inverse);
+  outline-offset: var(--cometchat-focus-ring-offset);
+}
+
+/* ============================================
+   Combined Focus Classes
+   ============================================
+   Utility classes that combine focus styles with other behaviors.
+*/
+
+/* Focus visible with rounded corners - applies border-radius to focus ring */
+.cometchat-focus-rounded:focus-visible {
+  outline: var(--cometchat-focus-ring-width) var(--cometchat-focus-ring-style) var(--cometchat-focus-ring-color);
+  outline-offset: var(--cometchat-focus-ring-offset);
+  border-radius: var(--cometchat-radius-2);
+}
+
+/* ============================================
+   Skip Link Utility
+   ============================================
+   For "Skip to main content" links that appear on focus.
+   Combines sr-only with focus-visible behavior.
+*/
+.cometchat-skip-link {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+
+.cometchat-skip-link:focus {
+  position: fixed;
+  top: var(--cometchat-spacing-2);
+  left: var(--cometchat-spacing-2);
+  z-index: 9999;
+  width: auto;
+  height: auto;
+  padding: var(--cometchat-spacing-2) var(--cometchat-spacing-4);
+  margin: 0;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  background: var(--cometchat-background-color-01);
+  color: var(--cometchat-text-color-primary);
+  font: var(--cometchat-font-body-medium);
+  border-radius: var(--cometchat-radius-2);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+  outline: var(--cometchat-focus-ring-width) var(--cometchat-focus-ring-style) var(--cometchat-focus-ring-color);
+  outline-offset: var(--cometchat-focus-ring-offset);
+}
+
+/* ============================================
+   Reduced Motion Support
+   ============================================
+   Respects user's preference for reduced motion.
+   Removes animations and transitions for users who prefer reduced motion.
+*/
+@media (prefers-reduced-motion: reduce) {
+  .cometchat-focus-visible:focus-visible,
+  .cometchat-focus-shadow:focus-visible,
+  .cometchat-focus-inset:focus-visible,
+  .cometchat-focus-inverse:focus-visible,
+  .cometchat-focus-rounded:focus-visible {
+    transition: none;
+  }
+}