@rte-ds/core 1.2.1

package/assets/icons/view_module_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.7293 9.58335C14.271 9.58335 13.8786 9.42016 13.5522 9.09377C13.2259 8.76738 13.0627 8.37502 13.0627 7.91669V5.83335C13.0627 5.37502 13.2259 4.98266 13.5522 4.65627C13.8786 4.32988 14.271 4.16669 14.7293 4.16669H15.8335C16.2918 4.16669 16.6842 4.32988 17.0106 4.65627C17.337 4.98266 17.5002 5.37502 17.5002 5.83335V7.91669C17.5002 8.37502 17.337 8.76738 17.0106 9.09377C16.6842 9.42016 16.2918 9.58335 15.8335 9.58335H14.7293ZM9.4585 9.58335C9.00016 9.58335 8.6078 9.42016 8.28141 9.09377C7.95502 8.76738 7.79183 8.37502 7.79183 7.91669V5.83335C7.79183 5.37502 7.95502 4.98266 8.28141 4.65627C8.6078 4.32988 9.00016 4.16669 9.4585 4.16669H10.5627C11.021 4.16669 11.4134 4.32988 11.7397 4.65627C12.0661 4.98266 12.2293 5.37502 12.2293 5.83335V7.91669C12.2293 8.37502 12.0661 8.76738 11.7397 9.09377C11.4134 9.42016 11.021 9.58335 10.5627 9.58335H9.4585ZM4.18766 9.58335C3.72933 9.58335 3.33697 9.42016 3.01058 9.09377C2.68419 8.76738 2.521 8.37502 2.521 7.91669V5.83335C2.521 5.37502 2.68419 4.98266 3.01058 4.65627C3.33697 4.32988 3.72933 4.16669 4.18766 4.16669H5.29183C5.75016 4.16669 6.14252 4.32988 6.46891 4.65627C6.7953 4.98266 6.9585 5.37502 6.9585 5.83335V7.91669C6.9585 8.37502 6.7953 8.76738 6.46891 9.09377C6.14252 9.42016 5.75016 9.58335 5.29183 9.58335H4.18766ZM4.18766 15.8334C3.72933 15.8334 3.33697 15.6702 3.01058 15.3438C2.68419 15.0174 2.521 14.625 2.521 14.1667V12.0834C2.521 11.625 2.68419 11.2327 3.01058 10.9063C3.33697 10.5799 3.72933 10.4167 4.18766 10.4167H5.29183C5.75016 10.4167 6.14252 10.5799 6.46891 10.9063C6.7953 11.2327 6.9585 11.625 6.9585 12.0834V14.1667C6.9585 14.625 6.7953 15.0174 6.46891 15.3438C6.14252 15.6702 5.75016 15.8334 5.29183 15.8334H4.18766ZM9.4585 15.8334C9.00016 15.8334 8.6078 15.6702 8.28141 15.3438C7.95502 15.0174 7.79183 14.625 7.79183 14.1667V12.0834C7.79183 11.625 7.95502 11.2327 8.28141 10.9063C8.6078 10.5799 9.00016 10.4167 9.4585 10.4167H10.5627C11.021 10.4167 11.4134 10.5799 11.7397 10.9063C12.0661 11.2327 12.2293 11.625 12.2293 12.0834V14.1667C12.2293 14.625 12.0661 15.0174 11.7397 15.3438C11.4134 15.6702 11.021 15.8334 10.5627 15.8334H9.4585ZM14.7293 15.8334C14.271 15.8334 13.8786 15.6702 13.5522 15.3438C13.2259 15.0174 13.0627 14.625 13.0627 14.1667V12.0834C13.0627 11.625 13.2259 11.2327 13.5522 10.9063C13.8786 10.5799 14.271 10.4167 14.7293 10.4167H15.8335C16.2918 10.4167 16.6842 10.5799 17.0106 10.9063C17.337 11.2327 17.5002 11.625 17.5002 12.0834V14.1667C17.5002 14.625 17.337 15.0174 17.0106 15.3438C16.6842 15.6702 16.2918 15.8334 15.8335 15.8334H14.7293Z" fill="currentColor"/>
+</svg>

package/assets/icons/view_module_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.0625 9.16669H15.8333V5.83335H13.0625V9.16669ZM8.60417 9.16669H11.375V5.83335H8.60417V9.16669ZM4.16667 9.16669H6.9375V5.83335H4.16667V9.16669ZM4.16667 14.1667H6.9375V10.8334H4.16667V14.1667ZM8.60417 14.1667H11.375V10.8334H8.60417V14.1667ZM13.0625 14.1667H15.8333V10.8334H13.0625V14.1667ZM2.5 14.1667V5.83335C2.5 5.37502 2.66319 4.98266 2.98958 4.65627C3.31597 4.32988 3.70833 4.16669 4.16667 4.16669H15.8333C16.2917 4.16669 16.684 4.32988 17.0104 4.65627C17.3368 4.98266 17.5 5.37502 17.5 5.83335V14.1667C17.5 14.625 17.3368 15.0174 17.0104 15.3438C16.684 15.6702 16.2917 15.8334 15.8333 15.8334H4.16667C3.70833 15.8334 3.31597 15.6702 2.98958 15.3438C2.66319 15.0174 2.5 14.625 2.5 14.1667Z" fill="currentColor"/>
+</svg>

package/assets/icons/view_timeline_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83333 14.1667H9.16667C9.40278 14.1667 9.60069 14.0868 9.76042 13.9271C9.92014 13.7674 10 13.5694 10 13.3333C10 13.0972 9.92014 12.8993 9.76042 12.7396C9.60069 12.5799 9.40278 12.5 9.16667 12.5H5.83333C5.59722 12.5 5.39931 12.5799 5.23958 12.7396C5.07986 12.8993 5 13.0972 5 13.3333C5 13.5694 5.07986 13.7674 5.23958 13.9271C5.39931 14.0868 5.59722 14.1667 5.83333 14.1667ZM8.33333 10.8333H11.6667C11.9028 10.8333 12.1007 10.7535 12.2604 10.5938C12.4201 10.434 12.5 10.2361 12.5 10C12.5 9.76389 12.4201 9.56597 12.2604 9.40625C12.1007 9.24653 11.9028 9.16667 11.6667 9.16667H8.33333C8.09722 9.16667 7.89931 9.24653 7.73958 9.40625C7.57986 9.56597 7.5 9.76389 7.5 10C7.5 10.2361 7.57986 10.434 7.73958 10.5938C7.89931 10.7535 8.09722 10.8333 8.33333 10.8333ZM10.8333 7.5H14.1667C14.4028 7.5 14.6007 7.42014 14.7604 7.26042C14.9201 7.10069 15 6.90278 15 6.66667C15 6.43056 14.9201 6.23264 14.7604 6.07292C14.6007 5.91319 14.4028 5.83333 14.1667 5.83333H10.8333C10.5972 5.83333 10.3993 5.91319 10.2396 6.07292C10.0799 6.23264 10 6.43056 10 6.66667C10 6.90278 10.0799 7.10069 10.2396 7.26042C10.3993 7.42014 10.5972 7.5 10.8333 7.5ZM4.16667 17.5C3.70833 17.5 3.31597 17.3368 2.98958 17.0104C2.66319 16.684 2.5 16.2917 2.5 15.8333V4.16667C2.5 3.70833 2.66319 3.31597 2.98958 2.98958C3.31597 2.66319 3.70833 2.5 4.16667 2.5H15.8333C16.2917 2.5 16.684 2.66319 17.0104 2.98958C17.3368 3.31597 17.5 3.70833 17.5 4.16667V15.8333C17.5 16.2917 17.3368 16.684 17.0104 17.0104C16.684 17.3368 16.2917 17.5 15.8333 17.5H4.16667Z" fill="currentColor"/>
+</svg>

package/assets/icons/view_timeline_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83333 14.1667H9.16667C9.40278 14.1667 9.60069 14.0868 9.76042 13.9271C9.92014 13.7674 10 13.5694 10 13.3333C10 13.0972 9.92014 12.8993 9.76042 12.7396C9.60069 12.5799 9.40278 12.5 9.16667 12.5H5.83333C5.59722 12.5 5.39931 12.5799 5.23958 12.7396C5.07986 12.8993 5 13.0972 5 13.3333C5 13.5694 5.07986 13.7674 5.23958 13.9271C5.39931 14.0868 5.59722 14.1667 5.83333 14.1667ZM8.33333 10.8333H11.6667C11.9028 10.8333 12.1007 10.7535 12.2604 10.5938C12.4201 10.434 12.5 10.2361 12.5 10C12.5 9.76389 12.4201 9.56597 12.2604 9.40625C12.1007 9.24653 11.9028 9.16667 11.6667 9.16667H8.33333C8.09722 9.16667 7.89931 9.24653 7.73958 9.40625C7.57986 9.56597 7.5 9.76389 7.5 10C7.5 10.2361 7.57986 10.434 7.73958 10.5938C7.89931 10.7535 8.09722 10.8333 8.33333 10.8333ZM10.8333 7.5H14.1667C14.4028 7.5 14.6007 7.42014 14.7604 7.26042C14.9201 7.10069 15 6.90278 15 6.66667C15 6.43056 14.9201 6.23264 14.7604 6.07292C14.6007 5.91319 14.4028 5.83333 14.1667 5.83333H10.8333C10.5972 5.83333 10.3993 5.91319 10.2396 6.07292C10.0799 6.23264 10 6.43056 10 6.66667C10 6.90278 10.0799 7.10069 10.2396 7.26042C10.3993 7.42014 10.5972 7.5 10.8333 7.5ZM4.16667 17.5C3.70833 17.5 3.31597 17.3368 2.98958 17.0104C2.66319 16.684 2.5 16.2917 2.5 15.8333V4.16667C2.5 3.70833 2.66319 3.31597 2.98958 2.98958C3.31597 2.66319 3.70833 2.5 4.16667 2.5H15.8333C16.2917 2.5 16.684 2.66319 17.0104 2.98958C17.3368 3.31597 17.5 3.70833 17.5 4.16667V15.8333C17.5 16.2917 17.3368 16.684 17.0104 17.0104C16.684 17.3368 16.2917 17.5 15.8333 17.5H4.16667ZM4.16667 15.8333H15.8333V4.16667H4.16667V15.8333Z" fill="currentColor"/>
+</svg>

package/assets/icons/visibility_hide_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.9167 18.25L13 15.375C12.5139 15.5278 12.0208 15.6424 11.5208 15.7188C11.0208 15.7951 10.5139 15.8333 10 15.8333C8.13889 15.8333 6.4375 15.3333 4.89583 14.3333C3.35417 13.3333 2.14583 12.0139 1.27083 10.375C1.20139 10.25 1.14931 10.1215 1.11458 9.98958C1.07986 9.85764 1.0625 9.72222 1.0625 9.58333C1.0625 9.44444 1.07986 9.30903 1.11458 9.17708C1.14931 9.04514 1.20139 8.91667 1.27083 8.79167C1.57639 8.25 1.90278 7.72222 2.25 7.20833C2.59722 6.69444 3 6.23611 3.45833 5.83333L1.72917 4.08333C1.57639 3.93056 1.5 3.73958 1.5 3.51042C1.5 3.28125 1.58333 3.08333 1.75 2.91667C1.90278 2.76389 2.09722 2.6875 2.33333 2.6875C2.56944 2.6875 2.76389 2.76389 2.91667 2.91667L17.0833 17.0833C17.2361 17.2361 17.316 17.4271 17.3229 17.6562C17.3299 17.8854 17.25 18.0833 17.0833 18.25C16.9306 18.4028 16.7361 18.4792 16.5 18.4792C16.2639 18.4792 16.0694 18.4028 15.9167 18.25ZM10 13.3333C10.1528 13.3333 10.2986 13.3264 10.4375 13.3125C10.5764 13.2986 10.7153 13.2708 10.8542 13.2292L6.35417 8.72917C6.3125 8.86806 6.28472 9.00694 6.27083 9.14583C6.25694 9.28472 6.25 9.43056 6.25 9.58333C6.25 10.625 6.61458 11.5104 7.34375 12.2396C8.07292 12.9688 8.95833 13.3333 10 13.3333ZM10 3.33333C11.8611 3.33333 13.566 3.83681 15.1146 4.84375C16.6632 5.85069 17.875 7.17361 18.75 8.8125C18.8194 8.92361 18.8715 9.04514 18.9062 9.17708C18.941 9.30903 18.9583 9.44444 18.9583 9.58333C18.9583 9.72222 18.9444 9.85764 18.9167 9.98958C18.8889 10.1215 18.8403 10.2431 18.7708 10.3542C18.5069 10.8681 18.2118 11.3542 17.8854 11.8125C17.559 12.2708 17.1944 12.7014 16.7917 13.1042C16.5972 13.2986 16.3681 13.3889 16.1042 13.375C15.8403 13.3611 15.6111 13.2569 15.4167 13.0625L13.75 11.3958C13.6528 11.2986 13.5903 11.184 13.5625 11.0521C13.5347 10.9201 13.5417 10.7847 13.5833 10.6458C13.6389 10.4653 13.6806 10.2917 13.7083 10.125C13.7361 9.95833 13.75 9.77778 13.75 9.58333C13.75 8.54167 13.3854 7.65625 12.6562 6.92708C11.9271 6.19792 11.0417 5.83333 10 5.83333C9.80556 5.83333 9.625 5.84722 9.45833 5.875C9.29167 5.90278 9.11806 5.94444 8.9375 6C8.79861 6.04167 8.65972 6.04861 8.52083 6.02083C8.38194 5.99306 8.26389 5.93056 8.16667 5.83333L7.47917 5.14583C7.21528 4.88194 7.12847 4.57639 7.21875 4.22917C7.30903 3.88194 7.52778 3.65972 7.875 3.5625C8.22222 3.49306 8.57292 3.4375 8.92708 3.39583C9.28125 3.35417 9.63889 3.33333 10 3.33333ZM11.6458 8.04167C11.7986 8.22222 11.9271 8.42014 12.0312 8.63542C12.1354 8.85069 12.2014 9.07639 12.2292 9.3125C12.2431 9.42361 12.2014 9.5 12.1042 9.54167C12.0069 9.58333 11.9167 9.5625 11.8333 9.47917L10.125 7.77083C10.0417 7.6875 10.0243 7.59722 10.0729 7.5C10.1215 7.40278 10.2014 7.35417 10.3125 7.35417C10.5764 7.38194 10.8194 7.45486 11.0417 7.57292C11.2639 7.69097 11.4653 7.84722 11.6458 8.04167Z" fill="currentColor"/>
+</svg>

package/assets/icons/visibility_hide_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.6459 6.9375C13.0486 7.34028 13.3438 7.79861 13.5313 8.3125C13.7188 8.82639 13.7847 9.35417 13.7292 9.89583C13.7292 10.1042 13.6528 10.2812 13.5 10.4271C13.3472 10.5729 13.1667 10.6458 12.9584 10.6458C12.75 10.6458 12.5729 10.5729 12.4271 10.4271C12.2813 10.2812 12.2084 10.1042 12.2084 9.89583C12.2778 9.53472 12.257 9.1875 12.1459 8.85417C12.0347 8.52083 11.8611 8.23611 11.625 8C11.3889 7.76389 11.1042 7.58333 10.7709 7.45833C10.4375 7.33333 10.0834 7.30556 9.70835 7.375C9.50002 7.375 9.32294 7.29861 9.1771 7.14583C9.03127 6.99306 8.95835 6.8125 8.95835 6.60417C8.95835 6.39583 9.03127 6.21875 9.1771 6.07292C9.32294 5.92708 9.50002 5.85417 9.70835 5.85417C10.2361 5.79861 10.757 5.86458 11.2709 6.05208C11.7847 6.23958 12.2431 6.53472 12.6459 6.9375ZM10 5C9.73613 5 9.47919 5.01042 9.22919 5.03125C8.97919 5.05208 8.72919 5.09028 8.47919 5.14583C8.24308 5.1875 8.03127 5.15278 7.84377 5.04167C7.65627 4.93056 7.5278 4.76389 7.45835 4.54167C7.38891 4.31944 7.41322 4.10417 7.53127 3.89583C7.64933 3.6875 7.81947 3.5625 8.04169 3.52083C8.36113 3.45139 8.68405 3.40278 9.01044 3.375C9.33683 3.34722 9.66669 3.33333 10 3.33333C11.9028 3.33333 13.6424 3.83333 15.2188 4.83333C16.7952 5.83333 18 7.18056 18.8334 8.875C18.8889 8.98611 18.9306 9.10069 18.9584 9.21875C18.9861 9.33681 19 9.45833 19 9.58333C19 9.70833 18.9896 9.82986 18.9688 9.94792C18.9479 10.066 18.9097 10.1806 18.8542 10.2917C18.6042 10.8472 18.2952 11.3681 17.9271 11.8542C17.559 12.3403 17.1528 12.7847 16.7084 13.1875C16.5417 13.3403 16.3472 13.4028 16.125 13.375C15.9028 13.3472 15.7222 13.2361 15.5834 13.0417C15.4445 12.8472 15.3854 12.6354 15.4063 12.4062C15.4271 12.1771 15.5209 11.9861 15.6875 11.8333C16.0209 11.5139 16.3264 11.1667 16.6042 10.7917C16.882 10.4167 17.125 10.0139 17.3334 9.58333C16.6389 8.18056 15.6354 7.06597 14.3229 6.23958C13.0104 5.41319 11.5695 5 10 5ZM10 15.8333C8.13891 15.8333 6.43752 15.3299 4.89585 14.3229C3.35419 13.316 2.13891 11.9931 1.25002 10.3542C1.18058 10.2431 1.12849 10.1215 1.09377 9.98958C1.05905 9.85764 1.04169 9.72222 1.04169 9.58333C1.04169 9.44444 1.05558 9.3125 1.08335 9.1875C1.11113 9.0625 1.15974 8.9375 1.22919 8.8125C1.50696 8.25694 1.82988 7.72569 2.19794 7.21875C2.56599 6.71181 2.98613 6.25 3.45835 5.83333L1.72919 4.08333C1.57641 3.91667 1.50349 3.71875 1.51044 3.48958C1.51738 3.26042 1.59724 3.06944 1.75002 2.91667C1.9028 2.76389 2.09724 2.6875 2.33335 2.6875C2.56946 2.6875 2.76391 2.76389 2.91669 2.91667L17.0834 17.0833C17.2361 17.2361 17.316 17.4271 17.3229 17.6562C17.3299 17.8854 17.25 18.0833 17.0834 18.25C16.9306 18.4028 16.7361 18.4792 16.5 18.4792C16.2639 18.4792 16.0695 18.4028 15.9167 18.25L13 15.375C12.5139 15.5278 12.0209 15.6424 11.5209 15.7188C11.0209 15.7951 10.5139 15.8333 10 15.8333ZM4.62502 7C4.22224 7.36111 3.85419 7.75694 3.52085 8.1875C3.18752 8.61806 2.9028 9.08333 2.66669 9.58333C3.36113 10.9861 4.3646 12.1007 5.6771 12.9271C6.9896 13.7535 8.43058 14.1667 10 14.1667C10.2778 14.1667 10.5486 14.1493 10.8125 14.1146C11.0764 14.0799 11.3472 14.0417 11.625 14L10.875 13.2083C10.7222 13.25 10.5764 13.2812 10.4375 13.3021C10.2986 13.3229 10.1528 13.3333 10 13.3333C8.95835 13.3333 8.07294 12.9688 7.34377 12.2396C6.6146 11.5104 6.25002 10.625 6.25002 9.58333C6.25002 9.43056 6.26044 9.28472 6.28127 9.14583C6.3021 9.00694 6.33335 8.86111 6.37502 8.70833L4.62502 7Z" fill="currentColor"/>
+</svg>

package/assets/icons/visibility_show_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13.3333C11.0417 13.3333 11.9271 12.9687 12.6562 12.2396C13.3854 11.5104 13.75 10.625 13.75 9.58331C13.75 8.54165 13.3854 7.65623 12.6562 6.92706C11.9271 6.1979 11.0417 5.83331 10 5.83331C8.95833 5.83331 8.07292 6.1979 7.34375 6.92706C6.61458 7.65623 6.25 8.54165 6.25 9.58331C6.25 10.625 6.61458 11.5104 7.34375 12.2396C8.07292 12.9687 8.95833 13.3333 10 13.3333ZM10 11.8333C9.375 11.8333 8.84375 11.6146 8.40625 11.1771C7.96875 10.7396 7.75 10.2083 7.75 9.58331C7.75 8.95831 7.96875 8.42706 8.40625 7.98956C8.84375 7.55206 9.375 7.33331 10 7.33331C10.625 7.33331 11.1562 7.55206 11.5938 7.98956C12.0312 8.42706 12.25 8.95831 12.25 9.58331C12.25 10.2083 12.0312 10.7396 11.5938 11.1771C11.1562 11.6146 10.625 11.8333 10 11.8333ZM10 15.8333C8.13889 15.8333 6.44097 15.3333 4.90625 14.3333C3.37153 13.3333 2.15972 12.0139 1.27083 10.375C1.20139 10.25 1.14931 10.1215 1.11458 9.98956C1.07986 9.85762 1.0625 9.7222 1.0625 9.58331C1.0625 9.44442 1.07986 9.30901 1.11458 9.17706C1.14931 9.04512 1.20139 8.91665 1.27083 8.79165C2.15972 7.15276 3.37153 5.83331 4.90625 4.83331C6.44097 3.83331 8.13889 3.33331 10 3.33331C11.8611 3.33331 13.559 3.83331 15.0938 4.83331C16.6285 5.83331 17.8403 7.15276 18.7292 8.79165C18.7986 8.91665 18.8507 9.04512 18.8854 9.17706C18.9201 9.30901 18.9375 9.44442 18.9375 9.58331C18.9375 9.7222 18.9201 9.85762 18.8854 9.98956C18.8507 10.1215 18.7986 10.25 18.7292 10.375C17.8403 12.0139 16.6285 13.3333 15.0938 14.3333C13.559 15.3333 11.8611 15.8333 10 15.8333Z" fill="currentColor"/>
+</svg>

package/assets/icons/visibility_show_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13.3333C11.0417 13.3333 11.9271 12.9687 12.6562 12.2396C13.3854 11.5104 13.75 10.625 13.75 9.58331C13.75 8.54165 13.3854 7.65623 12.6562 6.92706C11.9271 6.1979 11.0417 5.83331 10 5.83331C8.95833 5.83331 8.07292 6.1979 7.34375 6.92706C6.61458 7.65623 6.25 8.54165 6.25 9.58331C6.25 10.625 6.61458 11.5104 7.34375 12.2396C8.07292 12.9687 8.95833 13.3333 10 13.3333ZM10 11.8333C9.375 11.8333 8.84375 11.6146 8.40625 11.1771C7.96875 10.7396 7.75 10.2083 7.75 9.58331C7.75 8.95831 7.96875 8.42706 8.40625 7.98956C8.84375 7.55206 9.375 7.33331 10 7.33331C10.625 7.33331 11.1562 7.55206 11.5938 7.98956C12.0312 8.42706 12.25 8.95831 12.25 9.58331C12.25 10.2083 12.0312 10.7396 11.5938 11.1771C11.1562 11.6146 10.625 11.8333 10 11.8333ZM10 15.8333C8.13889 15.8333 6.44097 15.3333 4.90625 14.3333C3.37153 13.3333 2.15972 12.0139 1.27083 10.375C1.20139 10.25 1.14931 10.1215 1.11458 9.98956C1.07986 9.85762 1.0625 9.7222 1.0625 9.58331C1.0625 9.44442 1.07986 9.30901 1.11458 9.17706C1.14931 9.04512 1.20139 8.91665 1.27083 8.79165C2.15972 7.15276 3.37153 5.83331 4.90625 4.83331C6.44097 3.83331 8.13889 3.33331 10 3.33331C11.8611 3.33331 13.559 3.83331 15.0938 4.83331C16.6285 5.83331 17.8403 7.15276 18.7292 8.79165C18.7986 8.91665 18.8507 9.04512 18.8854 9.17706C18.9201 9.30901 18.9375 9.44442 18.9375 9.58331C18.9375 9.7222 18.9201 9.85762 18.8854 9.98956C18.8507 10.1215 18.7986 10.25 18.7292 10.375C17.8403 12.0139 16.6285 13.3333 15.0938 14.3333C13.559 15.3333 11.8611 15.8333 10 15.8333ZM10 14.1666C11.5694 14.1666 13.0104 13.7535 14.3229 12.9271C15.6354 12.1007 16.6389 10.9861 17.3333 9.58331C16.6389 8.18054 15.6354 7.06595 14.3229 6.23956C13.0104 5.41317 11.5694 4.99998 10 4.99998C8.43056 4.99998 6.98958 5.41317 5.67708 6.23956C4.36458 7.06595 3.36111 8.18054 2.66667 9.58331C3.36111 10.9861 4.36458 12.1007 5.67708 12.9271C6.98958 13.7535 8.43056 14.1666 10 14.1666Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_down_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.49996 12.5H4.99996C4.76385 12.5 4.56593 12.4201 4.40621 12.2604C4.24649 12.1007 4.16663 11.9028 4.16663 11.6667V8.33333C4.16663 8.09722 4.24649 7.89931 4.40621 7.73958C4.56593 7.57986 4.76385 7.5 4.99996 7.5H7.49996L10.25 4.75C10.5138 4.48611 10.8159 4.42708 11.1562 4.57292C11.4965 4.71875 11.6666 4.97917 11.6666 5.35417V14.6458C11.6666 15.0208 11.4965 15.2812 11.1562 15.4271C10.8159 15.5729 10.5138 15.5139 10.25 15.25L7.49996 12.5ZM15.4166 10C15.4166 10.5833 15.2847 11.1354 15.0208 11.6562C14.7569 12.1771 14.4097 12.6042 13.9791 12.9375C13.8402 13.0208 13.6979 13.0243 13.552 12.9479C13.4062 12.8715 13.3333 12.75 13.3333 12.5833V7.375C13.3333 7.20833 13.4062 7.08681 13.552 7.01042C13.6979 6.93403 13.8402 6.9375 13.9791 7.02083C14.4097 7.36806 14.7569 7.80556 15.0208 8.33333C15.2847 8.86111 15.4166 9.41667 15.4166 10Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_down_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.49996 12.5H4.99996C4.76385 12.5 4.56593 12.4201 4.40621 12.2604C4.24649 12.1007 4.16663 11.9028 4.16663 11.6667V8.33333C4.16663 8.09722 4.24649 7.89931 4.40621 7.73958C4.56593 7.57986 4.76385 7.5 4.99996 7.5H7.49996L10.25 4.75C10.5138 4.48611 10.8159 4.42708 11.1562 4.57292C11.4965 4.71875 11.6666 4.97917 11.6666 5.35417V14.6458C11.6666 15.0208 11.4965 15.2812 11.1562 15.4271C10.8159 15.5729 10.5138 15.5139 10.25 15.25L7.49996 12.5ZM15.4166 10C15.4166 10.5833 15.2847 11.1354 15.0208 11.6562C14.7569 12.1771 14.4097 12.6042 13.9791 12.9375C13.8402 13.0208 13.6979 13.0243 13.552 12.9479C13.4062 12.8715 13.3333 12.75 13.3333 12.5833V7.375C13.3333 7.20833 13.4062 7.08681 13.552 7.01042C13.6979 6.93403 13.8402 6.9375 13.9791 7.02083C14.4097 7.36806 14.7569 7.80556 15.0208 8.33333C15.2847 8.86111 15.4166 9.41667 15.4166 10ZM9.99996 7.375L8.20829 9.16667H5.83329V10.8333H8.20829L9.99996 12.625V7.375Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_mute_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.16671 12.5H6.66671C6.4306 12.5 6.23268 12.4201 6.07296 12.2604C5.91324 12.1007 5.83337 11.9028 5.83337 11.6667V8.33333C5.83337 8.09722 5.91324 7.89931 6.07296 7.73958C6.23268 7.57986 6.4306 7.5 6.66671 7.5H9.16671L11.9167 4.75C12.1806 4.48611 12.4827 4.42708 12.823 4.57292C13.1632 4.71875 13.3334 4.97917 13.3334 5.35417V14.6458C13.3334 15.0208 13.1632 15.2812 12.823 15.4271C12.4827 15.5729 12.1806 15.5139 11.9167 15.25L9.16671 12.5Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_mute_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.16671 12.5H6.66671C6.4306 12.5 6.23268 12.4201 6.07296 12.2604C5.91324 12.1007 5.83337 11.9028 5.83337 11.6667V8.33333C5.83337 8.09722 5.91324 7.89931 6.07296 7.73958C6.23268 7.57986 6.4306 7.5 6.66671 7.5H9.16671L11.9167 4.75C12.1806 4.48611 12.4827 4.42708 12.823 4.57292C13.1632 4.71875 13.3334 4.97917 13.3334 5.35417V14.6458C13.3334 15.0208 13.1632 15.2812 12.823 15.4271C12.4827 15.5729 12.1806 15.5139 11.9167 15.25L9.16671 12.5ZM7.50004 10.8333H9.87504L11.6667 12.625V7.375L9.87504 9.16667H7.50004V10.8333Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_off_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.9792 16.3125C13.8264 16.4097 13.6737 16.5 13.5209 16.5833C13.3681 16.6667 13.2084 16.7431 13.0417 16.8125C12.8334 16.9097 12.6216 16.9097 12.4063 16.8125C12.191 16.7153 12.0417 16.5556 11.9584 16.3333C11.875 16.125 11.8855 15.9201 11.9896 15.7188C12.0938 15.5174 12.25 15.3681 12.4584 15.2708C12.5139 15.2431 12.566 15.2153 12.6146 15.1875C12.6632 15.1597 12.7153 15.1319 12.7709 15.1042L10 12.3333V14.6458C10 15.0208 9.8299 15.2813 9.48962 15.4271C9.14935 15.5729 8.84726 15.5139 8.58337 15.25L5.83337 12.5H3.33337C3.09726 12.5 2.89935 12.4201 2.73962 12.2604C2.5799 12.1007 2.50004 11.9028 2.50004 11.6667V8.33333C2.50004 8.09722 2.5799 7.89931 2.73962 7.73958C2.89935 7.57986 3.09726 7.5 3.33337 7.5H5.16671L1.75004 4.08333C1.59726 3.93056 1.52087 3.73611 1.52087 3.5C1.52087 3.26389 1.59726 3.06944 1.75004 2.91667C1.90282 2.76389 2.09726 2.6875 2.33337 2.6875C2.56949 2.6875 2.76393 2.76389 2.91671 2.91667L17.0834 17.0833C17.2362 17.2361 17.3125 17.4306 17.3125 17.6667C17.3125 17.9028 17.2362 18.0972 17.0834 18.25C16.9306 18.4028 16.7362 18.4792 16.5 18.4792C16.2639 18.4792 16.0695 18.4028 15.9167 18.25L13.9792 16.3125ZM15.8334 9.97917C15.8334 8.82639 15.5278 7.77431 14.9167 6.82292C14.3056 5.87153 13.4862 5.15972 12.4584 4.6875C12.25 4.59028 12.0973 4.44097 12 4.23958C11.9028 4.03819 11.8889 3.83333 11.9584 3.625C12.0417 3.40278 12.191 3.24306 12.4063 3.14583C12.6216 3.04861 12.8403 3.04861 13.0625 3.14583C14.4098 3.74306 15.4862 4.65278 16.2917 5.875C17.0973 7.09722 17.5 8.46528 17.5 9.97917C17.5 10.4375 17.4584 10.8924 17.375 11.3438C17.2917 11.7951 17.1737 12.2292 17.0209 12.6458C16.9098 12.9514 16.7396 13.1424 16.5105 13.2188C16.2813 13.2951 16.0695 13.2986 15.875 13.2292C15.6806 13.1597 15.5243 13.0347 15.4063 12.8542C15.2882 12.6736 15.2848 12.4653 15.3959 12.2292C15.5487 11.8681 15.6598 11.5035 15.7292 11.1354C15.7987 10.7674 15.8334 10.3819 15.8334 9.97917ZM12.3125 7.02083C12.7709 7.3125 13.125 7.75 13.375 8.33333C13.625 8.91667 13.75 9.47222 13.75 10V10.2083C13.75 10.2778 13.7431 10.3472 13.7292 10.4167C13.7014 10.5972 13.6042 10.7153 13.4375 10.7708C13.2709 10.8264 13.1181 10.7847 12.9792 10.6458L11.9167 9.58333C11.8334 9.5 11.7709 9.40625 11.7292 9.30208C11.6875 9.19792 11.6667 9.09028 11.6667 8.97917V7.375C11.6667 7.20833 11.7396 7.08681 11.8855 7.01042C12.0313 6.93403 12.1737 6.9375 12.3125 7.02083ZM8.12504 5.79167C8.04171 5.70833 8.00004 5.61111 8.00004 5.5C8.00004 5.38889 8.04171 5.29167 8.12504 5.20833L8.58337 4.75C8.84726 4.48611 9.14935 4.42708 9.48962 4.57292C9.8299 4.71875 10 4.97917 10 5.35417V6.66667C10 6.86111 9.91671 6.99306 9.75004 7.0625C9.58337 7.13195 9.4306 7.09722 9.29171 6.95833L8.12504 5.79167Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_off_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.9792 16.3125C13.8264 16.4097 13.6737 16.5 13.5209 16.5833C13.3681 16.6667 13.2084 16.7431 13.0417 16.8125C12.8334 16.9097 12.6216 16.9097 12.4063 16.8125C12.191 16.7153 12.0417 16.5556 11.9584 16.3333C11.875 16.125 11.8855 15.9201 11.9896 15.7188C12.0938 15.5174 12.25 15.3681 12.4584 15.2708C12.5139 15.2431 12.566 15.2153 12.6146 15.1875C12.6632 15.1597 12.7153 15.1319 12.7709 15.1042L10 12.3333V14.6458C10 15.0208 9.8299 15.2813 9.48962 15.4271C9.14935 15.5729 8.84726 15.5139 8.58337 15.25L5.83337 12.5H3.33337C3.09726 12.5 2.89935 12.4201 2.73962 12.2604C2.5799 12.1007 2.50004 11.9028 2.50004 11.6667V8.33333C2.50004 8.09722 2.5799 7.89931 2.73962 7.73958C2.89935 7.57986 3.09726 7.5 3.33337 7.5H5.16671L1.75004 4.08333C1.59726 3.93056 1.52087 3.73611 1.52087 3.5C1.52087 3.26389 1.59726 3.06944 1.75004 2.91667C1.90282 2.76389 2.09726 2.6875 2.33337 2.6875C2.56949 2.6875 2.76393 2.76389 2.91671 2.91667L17.0834 17.0833C17.2362 17.2361 17.3125 17.4306 17.3125 17.6667C17.3125 17.9028 17.2362 18.0972 17.0834 18.25C16.9306 18.4028 16.7362 18.4792 16.5 18.4792C16.2639 18.4792 16.0695 18.4028 15.9167 18.25L13.9792 16.3125ZM15.8334 9.97917C15.8334 8.82639 15.5278 7.77431 14.9167 6.82292C14.3056 5.87153 13.4862 5.15972 12.4584 4.6875C12.25 4.59028 12.0973 4.44097 12 4.23958C11.9028 4.03819 11.8889 3.83333 11.9584 3.625C12.0417 3.40278 12.191 3.24306 12.4063 3.14583C12.6216 3.04861 12.8403 3.04861 13.0625 3.14583C14.4098 3.74306 15.4862 4.65278 16.2917 5.875C17.0973 7.09722 17.5 8.46528 17.5 9.97917C17.5 10.4375 17.4584 10.8924 17.375 11.3438C17.2917 11.7951 17.1737 12.2292 17.0209 12.6458C16.9098 12.9514 16.7396 13.1424 16.5105 13.2188C16.2813 13.2951 16.0695 13.2986 15.875 13.2292C15.6806 13.1597 15.5243 13.0347 15.4063 12.8542C15.2882 12.6736 15.2848 12.4653 15.3959 12.2292C15.5487 11.8681 15.6598 11.5035 15.7292 11.1354C15.7987 10.7674 15.8334 10.3819 15.8334 9.97917ZM12.3125 7.02083C12.7709 7.3125 13.125 7.75 13.375 8.33333C13.625 8.91667 13.75 9.47222 13.75 10V10.2083C13.75 10.2778 13.7431 10.3472 13.7292 10.4167C13.7014 10.5972 13.6042 10.7153 13.4375 10.7708C13.2709 10.8264 13.1181 10.7847 12.9792 10.6458L11.9167 9.58333C11.8334 9.5 11.7709 9.40625 11.7292 9.30208C11.6875 9.19792 11.6667 9.09028 11.6667 8.97917V7.375C11.6667 7.20833 11.7396 7.08681 11.8855 7.01042C12.0313 6.93403 12.1737 6.9375 12.3125 7.02083ZM8.12504 5.79167C8.04171 5.70833 8.00004 5.61111 8.00004 5.5C8.00004 5.38889 8.04171 5.29167 8.12504 5.20833L8.58337 4.75C8.84726 4.48611 9.14935 4.42708 9.48962 4.57292C9.8299 4.71875 10 4.97917 10 5.35417V6.66667C10 6.86111 9.91671 6.99306 9.75004 7.0625C9.58337 7.13195 9.4306 7.09722 9.29171 6.95833L8.12504 5.79167ZM8.33337 12.625V10.6667L6.83337 9.16667H4.16671V10.8333H6.54171L8.33337 12.625Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_up_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8333 9.97919C15.8333 8.82641 15.5278 7.77433 14.9167 6.82294C14.3056 5.87155 13.4861 5.15974 12.4583 4.68752C12.25 4.5903 12.0972 4.44099 12 4.2396C11.9028 4.03821 11.8889 3.83335 11.9583 3.62502C12.0417 3.4028 12.191 3.24308 12.4062 3.14585C12.6215 3.04863 12.8403 3.04863 13.0625 3.14585C14.4097 3.74308 15.4861 4.65627 16.2917 5.88544C17.0972 7.1146 17.5 8.47919 17.5 9.97919C17.5 11.4792 17.0972 12.8438 16.2917 14.0729C15.4861 15.3021 14.4097 16.2153 13.0625 16.8125C12.8403 16.9097 12.6215 16.9097 12.4062 16.8125C12.191 16.7153 12.0417 16.5556 11.9583 16.3334C11.8889 16.125 11.9028 15.9202 12 15.7188C12.0972 15.5174 12.25 15.3681 12.4583 15.2709C13.4861 14.7986 14.3056 14.0868 14.9167 13.1354C15.5278 12.184 15.8333 11.132 15.8333 9.97919ZM5.83333 12.5H3.33333C3.09722 12.5 2.89931 12.4202 2.73958 12.2604C2.57986 12.1007 2.5 11.9028 2.5 11.6667V8.33335C2.5 8.09724 2.57986 7.89933 2.73958 7.7396C2.89931 7.57988 3.09722 7.50002 3.33333 7.50002H5.83333L8.58333 4.75002C8.84722 4.48613 9.14931 4.4271 9.48958 4.57294C9.82986 4.71877 10 4.97919 10 5.35419V14.6459C10 15.0209 9.82986 15.2813 9.48958 15.4271C9.14931 15.5729 8.84722 15.5139 8.58333 15.25L5.83333 12.5ZM13.75 10C13.75 10.5834 13.6181 11.1354 13.3542 11.6563C13.0903 12.1771 12.7431 12.6042 12.3125 12.9375C12.1736 13.0209 12.0312 13.0243 11.8854 12.9479C11.7396 12.8715 11.6667 12.75 11.6667 12.5834V7.37502C11.6667 7.20835 11.7396 7.08683 11.8854 7.01044C12.0312 6.93405 12.1736 6.93752 12.3125 7.02085C12.7431 7.36808 13.0903 7.80558 13.3542 8.33335C13.6181 8.86113 13.75 9.41669 13.75 10Z" fill="currentColor"/>
+</svg>

package/assets/icons/volume_up_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8333 9.97919C15.8333 8.82641 15.5278 7.77433 14.9167 6.82294C14.3056 5.87155 13.4861 5.15974 12.4583 4.68752C12.25 4.5903 12.0972 4.44099 12 4.2396C11.9028 4.03821 11.8889 3.83335 11.9583 3.62502C12.0417 3.4028 12.191 3.24308 12.4062 3.14585C12.6215 3.04863 12.8403 3.04863 13.0625 3.14585C14.4097 3.74308 15.4861 4.65627 16.2917 5.88544C17.0972 7.1146 17.5 8.47919 17.5 9.97919C17.5 11.4792 17.0972 12.8438 16.2917 14.0729C15.4861 15.3021 14.4097 16.2153 13.0625 16.8125C12.8403 16.9097 12.6215 16.9097 12.4062 16.8125C12.191 16.7153 12.0417 16.5556 11.9583 16.3334C11.8889 16.125 11.9028 15.9202 12 15.7188C12.0972 15.5174 12.25 15.3681 12.4583 15.2709C13.4861 14.7986 14.3056 14.0868 14.9167 13.1354C15.5278 12.184 15.8333 11.132 15.8333 9.97919ZM5.83333 12.5H3.33333C3.09722 12.5 2.89931 12.4202 2.73958 12.2604C2.57986 12.1007 2.5 11.9028 2.5 11.6667V8.33335C2.5 8.09724 2.57986 7.89933 2.73958 7.7396C2.89931 7.57988 3.09722 7.50002 3.33333 7.50002H5.83333L8.58333 4.75002C8.84722 4.48613 9.14931 4.4271 9.48958 4.57294C9.82986 4.71877 10 4.97919 10 5.35419V14.6459C10 15.0209 9.82986 15.2813 9.48958 15.4271C9.14931 15.5729 8.84722 15.5139 8.58333 15.25L5.83333 12.5ZM13.75 10C13.75 10.5834 13.6181 11.1354 13.3542 11.6563C13.0903 12.1771 12.7431 12.6042 12.3125 12.9375C12.1736 13.0209 12.0312 13.0243 11.8854 12.9479C11.7396 12.8715 11.6667 12.75 11.6667 12.5834V7.37502C11.6667 7.20835 11.7396 7.08683 11.8854 7.01044C12.0312 6.93405 12.1736 6.93752 12.3125 7.02085C12.7431 7.36808 13.0903 7.80558 13.3542 8.33335C13.6181 8.86113 13.75 9.41669 13.75 10ZM8.33333 7.37502L6.54167 9.16669H4.16667V10.8334H6.54167L8.33333 12.625V7.37502Z" fill="currentColor"/>
+</svg>

package/assets/icons/warning_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.27083 17.5C2.11805 17.5 1.97916 17.4618 1.85416 17.3854C1.72916 17.309 1.63194 17.2083 1.5625 17.0833C1.49305 16.9583 1.45486 16.8229 1.44791 16.6771C1.44097 16.5312 1.47916 16.3889 1.5625 16.25L9.27083 2.91667C9.35416 2.77778 9.4618 2.67361 9.59375 2.60417C9.72569 2.53472 9.86111 2.5 10 2.5C10.1389 2.5 10.2743 2.53472 10.4062 2.60417C10.5382 2.67361 10.6458 2.77778 10.7292 2.91667L18.4375 16.25C18.5208 16.3889 18.559 16.5312 18.5521 16.6771C18.5451 16.8229 18.5069 16.9583 18.4375 17.0833C18.3681 17.2083 18.2708 17.309 18.1458 17.3854C18.0208 17.4618 17.8819 17.5 17.7292 17.5H2.27083ZM10 15C10.2361 15 10.434 14.9201 10.5937 14.7604C10.7535 14.6007 10.8333 14.4028 10.8333 14.1667C10.8333 13.9306 10.7535 13.7326 10.5937 13.5729C10.434 13.4132 10.2361 13.3333 10 13.3333C9.76389 13.3333 9.56597 13.4132 9.40625 13.5729C9.24652 13.7326 9.16666 13.9306 9.16666 14.1667C9.16666 14.4028 9.24652 14.6007 9.40625 14.7604C9.56597 14.9201 9.76389 15 10 15ZM10 12.5C10.2361 12.5 10.434 12.4201 10.5937 12.2604C10.7535 12.1007 10.8333 11.9028 10.8333 11.6667V9.16667C10.8333 8.93056 10.7535 8.73264 10.5937 8.57292C10.434 8.41319 10.2361 8.33333 10 8.33333C9.76389 8.33333 9.56597 8.41319 9.40625 8.57292C9.24652 8.73264 9.16666 8.93056 9.16666 9.16667V11.6667C9.16666 11.9028 9.24652 12.1007 9.40625 12.2604C9.56597 12.4201 9.76389 12.5 10 12.5Z" fill="currentColor"/>
+</svg>

package/assets/icons/warning_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.27083 17.5C2.11805 17.5 1.97916 17.4618 1.85416 17.3854C1.72916 17.309 1.63194 17.2083 1.5625 17.0833C1.49305 16.9583 1.45486 16.8229 1.44791 16.6771C1.44097 16.5312 1.47916 16.3889 1.5625 16.25L9.27083 2.91667C9.35416 2.77778 9.4618 2.67361 9.59375 2.60417C9.72569 2.53472 9.86111 2.5 10 2.5C10.1389 2.5 10.2743 2.53472 10.4062 2.60417C10.5382 2.67361 10.6458 2.77778 10.7292 2.91667L18.4375 16.25C18.5208 16.3889 18.559 16.5312 18.5521 16.6771C18.5451 16.8229 18.5069 16.9583 18.4375 17.0833C18.3681 17.2083 18.2708 17.309 18.1458 17.3854C18.0208 17.4618 17.8819 17.5 17.7292 17.5H2.27083ZM3.70833 15.8333H16.2917L10 5L3.70833 15.8333ZM10 15C10.2361 15 10.434 14.9201 10.5937 14.7604C10.7535 14.6007 10.8333 14.4028 10.8333 14.1667C10.8333 13.9306 10.7535 13.7326 10.5937 13.5729C10.434 13.4132 10.2361 13.3333 10 13.3333C9.76389 13.3333 9.56597 13.4132 9.40625 13.5729C9.24652 13.7326 9.16666 13.9306 9.16666 14.1667C9.16666 14.4028 9.24652 14.6007 9.40625 14.7604C9.56597 14.9201 9.76389 15 10 15ZM10 12.5C10.2361 12.5 10.434 12.4201 10.5937 12.2604C10.7535 12.1007 10.8333 11.9028 10.8333 11.6667V9.16667C10.8333 8.93056 10.7535 8.73264 10.5937 8.57292C10.434 8.41319 10.2361 8.33333 10 8.33333C9.76389 8.33333 9.56597 8.41319 9.40625 8.57292C9.24652 8.73264 9.16666 8.93056 9.16666 9.16667V11.6667C9.16666 11.9028 9.24652 12.1007 9.40625 12.2604C9.56597 12.4201 9.76389 12.5 10 12.5Z" fill="currentColor"/>
+</svg>

package/assets/icons/water.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.43734 14.1666C4.03456 14.1666 3.74289 14.2535 3.56234 14.4271C3.38178 14.6007 3.13178 14.7222 2.81234 14.7916C2.49289 14.8611 2.22206 14.8298 1.99984 14.6979C1.77762 14.566 1.6665 14.368 1.6665 14.1041C1.6665 13.8958 1.75678 13.6944 1.93734 13.5C2.11789 13.3055 2.40262 13.1111 2.7915 12.9166C2.86095 12.875 3.04498 12.7951 3.34359 12.6771C3.6422 12.559 4.03456 12.5 4.52067 12.5C5.28456 12.5 5.79845 12.6389 6.06234 12.9166C6.32623 13.1944 6.71511 13.3333 7.229 13.3333C7.74289 13.3333 8.12831 13.1944 8.38525 12.9166C8.6422 12.6389 9.17345 12.5 9.979 12.5C10.7846 12.5 11.3297 12.6389 11.6144 12.9166C11.8991 13.1944 12.2984 13.3333 12.8123 13.3333C13.3262 13.3333 13.7012 13.1944 13.9373 12.9166C14.1734 12.6389 14.6873 12.5 15.479 12.5C15.7984 12.5 16.1075 12.5382 16.4061 12.6146C16.7047 12.691 17.0068 12.8055 17.3123 12.9583C17.6596 13.1389 17.9165 13.3264 18.0832 13.5208C18.2498 13.7153 18.3332 13.9097 18.3332 14.1041C18.3332 14.368 18.2221 14.566 17.9998 14.6979C17.7776 14.8298 17.5068 14.8611 17.1873 14.7916C16.8679 14.7222 16.6144 14.6007 16.4269 14.4271C16.2394 14.2535 15.9512 14.1666 15.5623 14.1666C15.0484 14.1666 14.663 14.3055 14.4061 14.5833C14.1491 14.8611 13.6179 15 12.8123 15C12.0068 15 11.4616 14.8611 11.1769 14.5833C10.8922 14.3055 10.4929 14.1666 9.979 14.1666C9.46511 14.1666 9.0797 14.3055 8.82275 14.5833C8.56581 14.8611 8.02761 15 7.20817 15C6.38873 15 5.854 14.8611 5.604 14.5833C5.354 14.3055 4.96511 14.1666 4.43734 14.1666ZM4.43734 10.8333C4.04845 10.8333 3.76025 10.9201 3.57275 11.0937C3.38525 11.2673 3.13178 11.3889 2.81234 11.4583C2.49289 11.5278 2.22206 11.4965 1.99984 11.3646C1.77762 11.2326 1.6665 11.0347 1.6665 10.7708C1.6665 10.5625 1.75678 10.3611 1.93734 10.1666C2.11789 9.9722 2.40262 9.77776 2.7915 9.58331C2.86095 9.54165 3.04498 9.46179 3.34359 9.34373C3.6422 9.22567 4.03456 9.16665 4.52067 9.16665C5.28456 9.16665 5.79845 9.30554 6.06234 9.58331C6.32623 9.86109 6.71511 9.99998 7.229 9.99998C7.74289 9.99998 8.12831 9.86109 8.38525 9.58331C8.6422 9.30554 9.17345 9.16665 9.979 9.16665C10.7846 9.16665 11.3297 9.30554 11.6144 9.58331C11.8991 9.86109 12.2915 9.99998 12.7915 9.99998C13.2915 9.99998 13.6665 9.86109 13.9165 9.58331C14.1665 9.30554 14.6804 9.16665 15.4582 9.16665C15.9443 9.16665 16.3366 9.22567 16.6353 9.34373C16.9339 9.46179 17.1179 9.54165 17.1873 9.58331C17.5901 9.79165 17.8818 9.98956 18.0623 10.1771C18.2429 10.3646 18.3332 10.5625 18.3332 10.7708C18.3332 11.0347 18.2186 11.2326 17.9894 11.3646C17.7603 11.4965 17.4859 11.5278 17.1665 11.4583C16.8471 11.3889 16.5971 11.2673 16.4165 11.0937C16.2359 10.9201 15.9512 10.8333 15.5623 10.8333C15.0484 10.8333 14.663 10.9722 14.4061 11.25C14.1491 11.5278 13.6179 11.6666 12.8123 11.6666C12.0068 11.6666 11.4616 11.5278 11.1769 11.25C10.8922 10.9722 10.4929 10.8333 9.979 10.8333C9.46511 10.8333 9.08664 10.9722 8.84359 11.25C8.60053 11.5278 8.06928 11.6666 7.24984 11.6666C6.43039 11.6666 5.88525 11.5278 5.61442 11.25C5.34359 10.9722 4.95123 10.8333 4.43734 10.8333ZM4.43734 7.49998C4.04845 7.49998 3.76025 7.58679 3.57275 7.7604C3.38525 7.93401 3.13178 8.05554 2.81234 8.12498C2.49289 8.19442 2.22206 8.16317 1.99984 8.03123C1.77762 7.89929 1.6665 7.70137 1.6665 7.43748C1.6665 7.22915 1.75678 7.02776 1.93734 6.83331C2.11789 6.63887 2.40262 6.44442 2.7915 6.24998C2.86095 6.20831 3.04498 6.12845 3.34359 6.0104C3.6422 5.89234 4.03456 5.83331 4.52067 5.83331C5.28456 5.83331 5.79845 5.9722 6.06234 6.24998C6.32623 6.52776 6.71511 6.66665 7.229 6.66665C7.74289 6.66665 8.12831 6.52776 8.38525 6.24998C8.6422 5.9722 9.17345 5.83331 9.979 5.83331C10.7846 5.83331 11.3297 5.9722 11.6144 6.24998C11.8991 6.52776 12.2915 6.66665 12.7915 6.66665C13.2915 6.66665 13.6665 6.52776 13.9165 6.24998C14.1665 5.9722 14.6804 5.83331 15.4582 5.83331C15.9443 5.83331 16.3366 5.89234 16.6353 6.0104C16.9339 6.12845 17.1179 6.20831 17.1873 6.24998C17.5901 6.45831 17.8818 6.65623 18.0623 6.84373C18.2429 7.03123 18.3332 7.22915 18.3332 7.43748C18.3332 7.70137 18.2186 7.89929 17.9894 8.03123C17.7603 8.16317 17.4859 8.19442 17.1665 8.12498C16.8471 8.05554 16.5971 7.93401 16.4165 7.7604C16.2359 7.58679 15.9512 7.49998 15.5623 7.49998C15.0484 7.49998 14.663 7.63887 14.4061 7.91665C14.1491 8.19442 13.6179 8.33331 12.8123 8.33331C12.0068 8.33331 11.4616 8.19442 11.1769 7.91665C10.8922 7.63887 10.4929 7.49998 9.979 7.49998C9.46511 7.49998 9.08664 7.63887 8.84359 7.91665C8.60053 8.19442 8.06928 8.33331 7.24984 8.33331C6.43039 8.33331 5.88525 8.19442 5.61442 7.91665C5.34359 7.63887 4.95123 7.49998 4.43734 7.49998Z" fill="currentColor"/>
+</svg>

package/assets/icons/water_alt.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.83317 15.7917C5.15261 15.7917 4.61095 15.9445 4.20817 16.25C3.80539 16.5556 3.24289 16.7709 2.52067 16.8959C2.28456 16.9375 2.08317 16.882 1.9165 16.7292C1.74984 16.5764 1.6665 16.382 1.6665 16.1459C1.6665 15.9097 1.74637 15.7118 1.90609 15.5521C2.06581 15.3924 2.26373 15.2778 2.49984 15.2084C2.99984 15.0556 3.47206 14.8438 3.9165 14.5729C4.36095 14.3021 4.99984 14.1667 5.83317 14.1667C6.36095 14.1667 6.79498 14.2257 7.13525 14.3438C7.47553 14.4618 7.7915 14.5938 8.08317 14.7396C8.37484 14.8854 8.6665 15.0209 8.95817 15.1459C9.24984 15.2709 9.59706 15.3334 9.99984 15.3334C10.4026 15.3334 10.7498 15.2709 11.0415 15.1459C11.3332 15.0209 11.6248 14.8854 11.9165 14.7396C12.2082 14.5938 12.5276 14.4618 12.8748 14.3438C13.2221 14.2257 13.6526 14.1667 14.1665 14.1667C14.9998 14.1667 15.6387 14.3021 16.0832 14.5729C16.5276 14.8438 16.9998 15.0556 17.4998 15.2084C17.7359 15.2778 17.9339 15.3924 18.0936 15.5521C18.2533 15.7118 18.3332 15.9097 18.3332 16.1459C18.3332 16.382 18.2498 16.5764 18.0832 16.7292C17.9165 16.882 17.7151 16.9375 17.479 16.8959C16.7568 16.7709 16.1943 16.5556 15.7915 16.25C15.3887 15.9445 14.8471 15.7917 14.1665 15.7917C13.7776 15.7917 13.4408 15.8507 13.1561 15.9688C12.8714 16.0868 12.5866 16.2188 12.3019 16.3646C12.0172 16.5104 11.6978 16.6459 11.3436 16.7709C10.9894 16.8959 10.5415 16.9584 9.99984 16.9584C9.45817 16.9584 9.01025 16.8959 8.65609 16.7709C8.30192 16.6459 7.98248 16.5104 7.69775 16.3646C7.41303 16.2188 7.13178 16.0868 6.854 15.9688C6.57623 15.8507 6.23595 15.7917 5.83317 15.7917ZM5.83317 12.0834C5.15261 12.0834 4.61095 12.2361 4.20817 12.5417C3.80539 12.8472 3.24289 13.0625 2.52067 13.1875C2.28456 13.2292 2.08317 13.1736 1.9165 13.0209C1.74984 12.8681 1.6665 12.6736 1.6665 12.4375C1.6665 12.2014 1.74637 12.0035 1.90609 11.8438C2.06581 11.684 2.26373 11.5695 2.49984 11.5C2.99984 11.3472 3.47206 11.1354 3.9165 10.8646C4.36095 10.5938 4.99984 10.4584 5.83317 10.4584C6.36095 10.4584 6.79498 10.5174 7.13525 10.6354C7.47553 10.7535 7.7915 10.8854 8.08317 11.0313C8.37484 11.1771 8.6665 11.3125 8.95817 11.4375C9.24984 11.5625 9.59706 11.625 9.99984 11.625C10.4026 11.625 10.7498 11.5625 11.0415 11.4375C11.3332 11.3125 11.6248 11.1771 11.9165 11.0313C12.2082 10.8854 12.5276 10.7535 12.8748 10.6354C13.2221 10.5174 13.6526 10.4584 14.1665 10.4584C14.9998 10.4584 15.6387 10.5938 16.0832 10.8646C16.5276 11.1354 16.9998 11.3472 17.4998 11.5C17.7359 11.5695 17.9339 11.684 18.0936 11.8438C18.2533 12.0035 18.3332 12.2014 18.3332 12.4375C18.3332 12.6736 18.2498 12.8681 18.0832 13.0209C17.9165 13.1736 17.7151 13.2292 17.479 13.1875C16.7568 13.0625 16.1943 12.8472 15.7915 12.5417C15.3887 12.2361 14.8471 12.0834 14.1665 12.0834C13.7637 12.0834 13.42 12.1424 13.1353 12.2604C12.8505 12.3785 12.5658 12.5104 12.2811 12.6563C11.9964 12.8021 11.6804 12.9375 11.3332 13.0625C10.9859 13.1875 10.5415 13.25 9.99984 13.25C9.45817 13.25 9.01025 13.1875 8.65609 13.0625C8.30192 12.9375 7.98248 12.8021 7.69775 12.6563C7.41303 12.5104 7.13178 12.3785 6.854 12.2604C6.57623 12.1424 6.23595 12.0834 5.83317 12.0834ZM5.83317 8.37502C5.15261 8.37502 4.61095 8.5278 4.20817 8.83335C3.80539 9.13891 3.24289 9.35419 2.52067 9.47919C2.28456 9.52085 2.08317 9.4653 1.9165 9.31252C1.74984 9.15974 1.6665 8.9653 1.6665 8.72919C1.6665 8.49308 1.74637 8.29516 1.90609 8.13544C2.06581 7.97572 2.26373 7.86113 2.49984 7.79169C2.99984 7.63891 3.47206 7.4271 3.9165 7.15627C4.36095 6.88544 4.99984 6.75002 5.83317 6.75002C6.36095 6.75002 6.79498 6.80905 7.13525 6.9271C7.47553 7.04516 7.7915 7.1771 8.08317 7.32294C8.37484 7.46877 8.6665 7.60419 8.95817 7.72919C9.24984 7.85419 9.59706 7.91669 9.99984 7.91669C10.4026 7.91669 10.7498 7.85419 11.0415 7.72919C11.3332 7.60419 11.6248 7.46877 11.9165 7.32294C12.2082 7.1771 12.5276 7.04516 12.8748 6.9271C13.2221 6.80905 13.6526 6.75002 14.1665 6.75002C14.9998 6.75002 15.6387 6.88544 16.0832 7.15627C16.5276 7.4271 16.9998 7.63891 17.4998 7.79169C17.7359 7.86113 17.9339 7.97572 18.0936 8.13544C18.2533 8.29516 18.3332 8.49308 18.3332 8.72919C18.3332 8.9653 18.2498 9.15974 18.0832 9.31252C17.9165 9.4653 17.7151 9.52085 17.479 9.47919C16.7568 9.35419 16.1943 9.13891 15.7915 8.83335C15.3887 8.5278 14.8471 8.37502 14.1665 8.37502C13.7776 8.37502 13.4408 8.43405 13.1561 8.5521C12.8714 8.67016 12.5866 8.8021 12.3019 8.94794C12.0172 9.09377 11.6978 9.22919 11.3436 9.35419C10.9894 9.47919 10.5415 9.54169 9.99984 9.54169C9.45817 9.54169 9.01025 9.47919 8.65609 9.35419C8.30192 9.22919 7.98248 9.09377 7.69775 8.94794C7.41303 8.8021 7.13178 8.67016 6.854 8.5521C6.57623 8.43405 6.23595 8.37502 5.83317 8.37502ZM5.83317 4.66669C5.15261 4.66669 4.61095 4.81947 4.20817 5.12502C3.80539 5.43058 3.24289 5.64585 2.52067 5.77085C2.28456 5.81252 2.08317 5.75697 1.9165 5.60419C1.74984 5.45141 1.6665 5.25697 1.6665 5.02085C1.6665 4.78474 1.74637 4.58683 1.90609 4.4271C2.06581 4.26738 2.26373 4.1528 2.49984 4.08335C2.99984 3.93058 3.47206 3.71877 3.9165 3.44794C4.36095 3.1771 4.99984 3.04169 5.83317 3.04169C6.36095 3.04169 6.79498 3.10071 7.13525 3.21877C7.47553 3.33683 7.7915 3.46877 8.08317 3.6146C8.37484 3.76044 8.6665 3.89585 8.95817 4.02085C9.24984 4.14585 9.59706 4.20835 9.99984 4.20835C10.4026 4.20835 10.7498 4.14585 11.0415 4.02085C11.3332 3.89585 11.6248 3.76044 11.9165 3.6146C12.2082 3.46877 12.5276 3.33683 12.8748 3.21877C13.2221 3.10071 13.6526 3.04169 14.1665 3.04169C14.9998 3.04169 15.6387 3.1771 16.0832 3.44794C16.5276 3.71877 16.9998 3.93058 17.4998 4.08335C17.7359 4.1528 17.9339 4.26738 18.0936 4.4271C18.2533 4.58683 18.3332 4.78474 18.3332 5.02085C18.3332 5.25697 18.2498 5.45141 18.0832 5.60419C17.9165 5.75697 17.7151 5.81252 17.479 5.77085C16.7568 5.64585 16.1943 5.43058 15.7915 5.12502C15.3887 4.81947 14.8471 4.66669 14.1665 4.66669C13.7776 4.66669 13.4408 4.72572 13.1561 4.84377C12.8714 4.96183 12.5866 5.09377 12.3019 5.2396C12.0172 5.38544 11.6978 5.52085 11.3436 5.64585C10.9894 5.77085 10.5415 5.83335 9.99984 5.83335C9.45817 5.83335 9.01025 5.77085 8.65609 5.64585C8.30192 5.52085 7.98248 5.38544 7.69775 5.2396C7.41303 5.09377 7.13178 4.96183 6.854 4.84377C6.57623 4.72572 6.23595 4.66669 5.83317 4.66669Z" fill="currentColor"/>
+</svg>

package/assets/icons/waterdrop_filled.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0002 18.3333C8.09738 18.3333 6.51058 17.6805 5.23975 16.375C3.96891 15.0694 3.3335 13.4444 3.3335 11.5C3.3335 10.6389 3.52794 9.77776 3.91683 8.91665C4.30572 8.05554 4.79183 7.22915 5.37516 6.43748C5.9585 5.64581 6.59044 4.90276 7.271 4.20831C7.95155 3.51387 8.5835 2.9097 9.16683 2.39581C9.27794 2.2847 9.40641 2.20484 9.55225 2.15623C9.69808 2.10762 9.84739 2.08331 10.0002 2.08331C10.1529 2.08331 10.3022 2.10762 10.4481 2.15623C10.5939 2.20484 10.7224 2.2847 10.8335 2.39581C11.4168 2.9097 12.0488 3.51387 12.7293 4.20831C13.4099 4.90276 14.0418 5.64581 14.6252 6.43748C15.2085 7.22915 15.6946 8.05554 16.0835 8.91665C16.4724 9.77776 16.6668 10.6389 16.6668 11.5C16.6668 13.4444 16.0314 15.0694 14.7606 16.375C13.4897 17.6805 11.9029 18.3333 10.0002 18.3333ZM10.2293 15.8333C10.396 15.8194 10.5384 15.7535 10.6564 15.6354C10.7745 15.5173 10.8335 15.375 10.8335 15.2083C10.8335 15.0139 10.771 14.8576 10.646 14.7396C10.521 14.6215 10.3613 14.5694 10.1668 14.5833C9.59738 14.625 8.99322 14.4687 8.35433 14.1146C7.71544 13.7604 7.31266 13.118 7.146 12.1875C7.11822 12.0347 7.0453 11.9097 6.92725 11.8125C6.80919 11.7153 6.67377 11.6666 6.521 11.6666C6.32655 11.6666 6.16683 11.7396 6.04183 11.8854C5.91683 12.0312 5.87516 12.2014 5.91683 12.3958C6.15294 13.6597 6.7085 14.5625 7.5835 15.1041C8.4585 15.6458 9.34044 15.8889 10.2293 15.8333Z" fill="currentColor"/>
+</svg>

package/assets/icons/waterdrop_outlined.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.0002 18.3333C8.09738 18.3333 6.51058 17.6805 5.23975 16.375C3.96891 15.0694 3.3335 13.4444 3.3335 11.5C3.3335 10.6389 3.52794 9.77776 3.91683 8.91665C4.30572 8.05554 4.79183 7.22915 5.37516 6.43748C5.9585 5.64581 6.59044 4.90276 7.271 4.20831C7.95155 3.51387 8.5835 2.9097 9.16683 2.39581C9.27794 2.2847 9.40641 2.20484 9.55225 2.15623C9.69808 2.10762 9.84739 2.08331 10.0002 2.08331C10.1529 2.08331 10.3022 2.10762 10.4481 2.15623C10.5939 2.20484 10.7224 2.2847 10.8335 2.39581C11.4168 2.9097 12.0488 3.51387 12.7293 4.20831C13.4099 4.90276 14.0418 5.64581 14.6252 6.43748C15.2085 7.22915 15.6946 8.05554 16.0835 8.91665C16.4724 9.77776 16.6668 10.6389 16.6668 11.5C16.6668 13.4444 16.0314 15.0694 14.7606 16.375C13.4897 17.6805 11.9029 18.3333 10.0002 18.3333ZM10.0002 16.6666C11.4446 16.6666 12.6391 16.1771 13.5835 15.1979C14.5279 14.2187 15.0002 12.9861 15.0002 11.5C15.0002 10.4861 14.58 9.34026 13.7397 8.06248C12.8995 6.7847 11.6529 5.38887 10.0002 3.87498C8.34738 5.38887 7.10086 6.7847 6.26058 8.06248C5.4203 9.34026 5.00016 10.4861 5.00016 11.5C5.00016 12.9861 5.47239 14.2187 6.41683 15.1979C7.36127 16.1771 8.55572 16.6666 10.0002 16.6666ZM10.2293 15.8333C10.396 15.8194 10.5384 15.7535 10.6564 15.6354C10.7745 15.5173 10.8335 15.375 10.8335 15.2083C10.8335 15.0139 10.771 14.8576 10.646 14.7396C10.521 14.6215 10.3613 14.5694 10.1668 14.5833C9.59738 14.625 8.99322 14.4687 8.35433 14.1146C7.71544 13.7604 7.31266 13.118 7.146 12.1875C7.11822 12.0347 7.0453 11.9097 6.92725 11.8125C6.80919 11.7153 6.67377 11.6666 6.521 11.6666C6.32655 11.6666 6.16683 11.7396 6.04183 11.8854C5.91683 12.0312 5.87516 12.2014 5.91683 12.3958C6.15294 13.6597 6.7085 14.5625 7.5835 15.1041C8.4585 15.6458 9.34044 15.8889 10.2293 15.8333Z" fill="currentColor"/>
+</svg>

package/assets/icons/wifi.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.99979 17.5C9.41646 17.5 8.92341 17.2986 8.52063 16.8958C8.11785 16.493 7.91646 16 7.91646 15.4166C7.91646 14.8333 8.11785 14.3403 8.52063 13.9375C8.92341 13.5347 9.41646 13.3333 9.99979 13.3333C10.5831 13.3333 11.0762 13.5347 11.479 13.9375C11.8817 14.3403 12.0831 14.8333 12.0831 15.4166C12.0831 16 11.8817 16.493 11.479 16.8958C11.0762 17.2986 10.5831 17.5 9.99979 17.5ZM9.99979 8.33331C11.0415 8.33331 12.031 8.49998 12.9685 8.83331C13.906 9.16665 14.7567 9.62498 15.5206 10.2083C15.7984 10.4166 15.9408 10.691 15.9477 11.0312C15.9547 11.3715 15.8331 11.6666 15.5831 11.9166C15.347 12.1528 15.0554 12.2743 14.7081 12.2812C14.3609 12.2882 14.0484 12.1944 13.7706 12C13.2429 11.6389 12.6595 11.3541 12.0206 11.1458C11.3817 10.9375 10.7081 10.8333 9.99979 10.8333C9.29146 10.8333 8.61785 10.9375 7.97896 11.1458C7.34007 11.3541 6.75674 11.6389 6.22896 12C5.95118 12.1944 5.63868 12.2847 5.29146 12.2708C4.94424 12.2569 4.65257 12.1319 4.41646 11.8958C4.18035 11.6458 4.06229 11.3507 4.06229 11.0104C4.06229 10.6701 4.20118 10.3958 4.47896 10.1875C5.24285 9.60415 6.09354 9.14928 7.03104 8.8229C7.96854 8.49651 8.95813 8.33331 9.99979 8.33331ZM9.99979 3.33331C11.7359 3.33331 13.3713 3.61804 14.906 4.18748C16.4408 4.75692 17.8192 5.56248 19.0415 6.60415C19.3192 6.84026 19.4651 7.13192 19.479 7.47915C19.4928 7.82637 19.3748 8.12498 19.1248 8.37498C18.8887 8.61109 18.597 8.73262 18.2498 8.73956C17.9026 8.74651 17.5901 8.63887 17.3123 8.41665C16.3123 7.5972 15.1908 6.96179 13.9477 6.5104C12.7047 6.05901 11.3887 5.83331 9.99979 5.83331C8.61091 5.83331 7.29493 6.05901 6.05188 6.5104C4.80882 6.96179 3.68729 7.5972 2.68729 8.41665C2.40952 8.63887 2.09702 8.74651 1.74979 8.73956C1.40257 8.73262 1.11091 8.61109 0.874794 8.37498C0.624794 8.12498 0.506739 7.82637 0.520628 7.47915C0.534517 7.13192 0.68035 6.84026 0.958128 6.60415C2.18035 5.56248 3.55882 4.75692 5.09354 4.18748C6.62827 3.61804 8.26368 3.33331 9.99979 3.33331Z" fill="currentColor"/>
+</svg>

package/assets/icons/wifi_off.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.8748 18.25L8.62479 10.9583C8.19424 11.0556 7.78104 11.1875 7.38521 11.3542C6.98938 11.5208 6.61785 11.7222 6.27063 11.9583C5.97896 12.1528 5.65604 12.2535 5.30188 12.2604C4.94771 12.2674 4.65257 12.1458 4.41646 11.8958C4.16646 11.6458 4.05188 11.3438 4.07271 10.9896C4.09354 10.6354 4.24285 10.3542 4.52063 10.1458C4.84007 9.90972 5.17688 9.69445 5.53104 9.5C5.88521 9.30556 6.24979 9.125 6.62479 8.95833L4.74979 7.08333C4.38868 7.27778 4.03799 7.48264 3.69771 7.69792C3.35743 7.9132 3.02757 8.14583 2.70813 8.39583C2.43035 8.61806 2.11438 8.72917 1.76021 8.72917C1.40604 8.72917 1.11091 8.60417 0.874794 8.35417C0.624794 8.10417 0.506739 7.80556 0.520628 7.45833C0.534517 7.11111 0.68035 6.82639 0.958128 6.60417C1.26368 6.35417 1.57618 6.11458 1.89563 5.88542C2.21507 5.65625 2.55535 5.44444 2.91646 5.25L1.74979 4.08333C1.59702 3.93056 1.52063 3.73611 1.52063 3.5C1.52063 3.26389 1.59702 3.06944 1.74979 2.91667C1.90257 2.76389 2.09702 2.6875 2.33313 2.6875C2.56924 2.6875 2.76368 2.76389 2.91646 2.91667L17.0623 17.0625C17.229 17.2292 17.3123 17.4271 17.3123 17.6563C17.3123 17.8854 17.229 18.0833 17.0623 18.25C16.8956 18.4028 16.6977 18.4826 16.4685 18.4896C16.2394 18.4965 16.0415 18.4167 15.8748 18.25ZM9.99979 17.5C9.41646 17.5 8.92341 17.2951 8.52063 16.8854C8.11785 16.4757 7.91646 15.9861 7.91646 15.4167C7.91646 14.8333 8.11785 14.3403 8.52063 13.9375C8.92341 13.5347 9.41646 13.3333 9.99979 13.3333C10.5831 13.3333 11.0762 13.5347 11.479 13.9375C11.8817 14.3403 12.0831 14.8333 12.0831 15.4167C12.0831 15.9861 11.8817 16.4757 11.479 16.8854C11.0762 17.2951 10.5831 17.5 9.99979 17.5ZM15.6873 11.7708C15.4651 11.9931 15.2047 12.1007 14.906 12.0938C14.6074 12.0868 14.347 11.9722 14.1248 11.75L13.9165 11.5417L13.7081 11.3333L11.7081 9.33333C11.5276 9.15278 11.4929 8.96528 11.604 8.77083C11.7151 8.57639 11.9095 8.51389 12.1873 8.58333C12.8123 8.73611 13.406 8.95139 13.9685 9.22917C14.531 9.50695 15.0554 9.83333 15.5415 10.2083C15.7915 10.4028 15.9338 10.6563 15.9685 10.9688C16.0033 11.2813 15.9095 11.5486 15.6873 11.7708ZM19.1248 8.35417C18.8887 8.60417 18.597 8.73264 18.2498 8.73958C17.9026 8.74653 17.5901 8.63889 17.3123 8.41667C16.3123 7.59722 15.1908 6.96181 13.9477 6.51042C12.7047 6.05903 11.3887 5.83333 9.99979 5.83333C9.70813 5.83333 9.42688 5.84375 9.15604 5.86458C8.88521 5.88542 8.61091 5.91667 8.33313 5.95833C7.98591 6.01389 7.67341 5.94097 7.39563 5.73958C7.11785 5.53819 6.95118 5.26389 6.89563 4.91667C6.84007 4.56944 6.91646 4.25694 7.12479 3.97917C7.33313 3.70139 7.61091 3.53472 7.95813 3.47917C8.29146 3.42361 8.62827 3.38542 8.96854 3.36458C9.30882 3.34375 9.65257 3.33333 9.99979 3.33333C11.7359 3.33333 13.3713 3.62153 14.906 4.19792C16.4408 4.77431 17.8192 5.56944 19.0415 6.58333C19.3192 6.81945 19.4651 7.11111 19.479 7.45833C19.4928 7.80556 19.3748 8.10417 19.1248 8.35417Z" fill="currentColor"/>
+</svg>

package/assets/icons/windmill.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.49984 18.3333V17.5C7.49984 17.0556 7.6665 16.684 7.99984 16.3854C8.33317 16.0868 8.72206 15.9028 9.1665 15.8333V9.87501C8.86095 9.7639 8.59359 9.60418 8.36442 9.39584C8.13525 9.18751 7.94428 8.94445 7.7915 8.66668L6.20817 9.08334C5.70817 9.19445 5.23248 9.15279 4.78109 8.95834C4.3297 8.7639 4.0415 8.43057 3.9165 7.95834L7.5415 7.04168C7.65261 6.47223 7.9165 6.00001 8.33317 5.62501C8.74984 5.25001 9.24984 5.04168 9.83317 5.00001L10.3332 3.12501C10.4721 2.6389 10.7394 2.25348 11.1353 1.96876C11.5311 1.68404 11.9721 1.59723 12.4582 1.70834L11.4165 5.45834C11.7637 5.68057 12.0311 5.97223 12.2186 6.33334C12.4061 6.69446 12.4998 7.08334 12.4998 7.50001C12.4998 7.68057 12.479 7.85765 12.4373 8.03126C12.3957 8.20487 12.3471 8.37501 12.2915 8.54168L13.4165 9.70834C13.7637 10.0695 13.9686 10.4931 14.0311 10.9792C14.0936 11.4653 13.9582 11.875 13.6248 12.2083L11.1248 9.70834C11.0832 9.75001 11.038 9.78126 10.9894 9.80209C10.9408 9.82293 10.8887 9.84723 10.8332 9.87501V15.8333C11.2776 15.9028 11.6665 16.0868 11.9998 16.3854C12.3332 16.684 12.4998 17.0556 12.4998 17.5V18.3333H7.49984ZM9.99984 8.75001C10.3471 8.75001 10.6422 8.62848 10.8853 8.38543C11.1283 8.14237 11.2498 7.84723 11.2498 7.50001C11.2498 7.15279 11.1283 6.85765 10.8853 6.61459C10.6422 6.37154 10.3471 6.25001 9.99984 6.25001C9.65261 6.25001 9.35748 6.37154 9.11442 6.61459C8.87136 6.85765 8.74984 7.15279 8.74984 7.50001C8.74984 7.84723 8.87136 8.14237 9.11442 8.38543C9.35748 8.62848 9.65261 8.75001 9.99984 8.75001Z" fill="currentColor"/>
+</svg>

package/assets/icons/zoom_in.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.08333 8.75H6.25C6.01389 8.75 5.81597 8.67014 5.65625 8.51042C5.49653 8.35069 5.41667 8.15278 5.41667 7.91667C5.41667 7.68056 5.49653 7.48264 5.65625 7.32292C5.81597 7.16319 6.01389 7.08333 6.25 7.08333H7.08333V6.25C7.08333 6.01389 7.16319 5.81597 7.32292 5.65625C7.48264 5.49653 7.68056 5.41667 7.91667 5.41667C8.15278 5.41667 8.35069 5.49653 8.51042 5.65625C8.67014 5.81597 8.75 6.01389 8.75 6.25V7.08333H9.58333C9.81944 7.08333 10.0174 7.16319 10.1771 7.32292C10.3368 7.48264 10.4167 7.68056 10.4167 7.91667C10.4167 8.15278 10.3368 8.35069 10.1771 8.51042C10.0174 8.67014 9.81944 8.75 9.58333 8.75H8.75V9.58333C8.75 9.81944 8.67014 10.0174 8.51042 10.1771C8.35069 10.3368 8.15278 10.4167 7.91667 10.4167C7.68056 10.4167 7.48264 10.3368 7.32292 10.1771C7.16319 10.0174 7.08333 9.81944 7.08333 9.58333V8.75ZM7.91667 13.3333C6.40278 13.3333 5.12153 12.809 4.07292 11.7604C3.02431 10.7118 2.5 9.43056 2.5 7.91667C2.5 6.40278 3.02431 5.12153 4.07292 4.07292C5.12153 3.02431 6.40278 2.5 7.91667 2.5C9.43056 2.5 10.7118 3.02431 11.7604 4.07292C12.809 5.12153 13.3333 6.40278 13.3333 7.91667C13.3333 8.52778 13.2361 9.10417 13.0417 9.64583C12.8472 10.1875 12.5833 10.6667 12.25 11.0833L16.9167 15.75C17.0694 15.9028 17.1458 16.0972 17.1458 16.3333C17.1458 16.5694 17.0694 16.7639 16.9167 16.9167C16.7639 17.0694 16.5694 17.1458 16.3333 17.1458C16.0972 17.1458 15.9028 17.0694 15.75 16.9167L11.0833 12.25C10.6667 12.5833 10.1875 12.8472 9.64583 13.0417C9.10417 13.2361 8.52778 13.3333 7.91667 13.3333ZM7.91667 11.6667C8.95833 11.6667 9.84375 11.3021 10.5729 10.5729C11.3021 9.84375 11.6667 8.95833 11.6667 7.91667C11.6667 6.875 11.3021 5.98958 10.5729 5.26042C9.84375 4.53125 8.95833 4.16667 7.91667 4.16667C6.875 4.16667 5.98958 4.53125 5.26042 5.26042C4.53125 5.98958 4.16667 6.875 4.16667 7.91667C4.16667 8.95833 4.53125 9.84375 5.26042 10.5729C5.98958 11.3021 6.875 11.6667 7.91667 11.6667Z" fill="currentColor"/>
+</svg>

package/assets/icons/zoom_out.svg

@@ -0,0 +1,3 @@
+<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.66667 8.75C6.43056 8.75 6.23264 8.67014 6.07292 8.51042C5.91319 8.35069 5.83333 8.15278 5.83333 7.91667C5.83333 7.68056 5.91319 7.48264 6.07292 7.32292C6.23264 7.16319 6.43056 7.08333 6.66667 7.08333H9.16667C9.40278 7.08333 9.60069 7.16319 9.76042 7.32292C9.92014 7.48264 10 7.68056 10 7.91667C10 8.15278 9.92014 8.35069 9.76042 8.51042C9.60069 8.67014 9.40278 8.75 9.16667 8.75H6.66667ZM7.91667 13.3333C6.40278 13.3333 5.12153 12.809 4.07292 11.7604C3.02431 10.7118 2.5 9.43056 2.5 7.91667C2.5 6.40278 3.02431 5.12153 4.07292 4.07292C5.12153 3.02431 6.40278 2.5 7.91667 2.5C9.43056 2.5 10.7118 3.02431 11.7604 4.07292C12.809 5.12153 13.3333 6.40278 13.3333 7.91667C13.3333 8.52778 13.2361 9.10417 13.0417 9.64583C12.8472 10.1875 12.5833 10.6667 12.25 11.0833L16.9167 15.75C17.0694 15.9028 17.1458 16.0972 17.1458 16.3333C17.1458 16.5694 17.0694 16.7639 16.9167 16.9167C16.7639 17.0694 16.5694 17.1458 16.3333 17.1458C16.0972 17.1458 15.9028 17.0694 15.75 16.9167L11.0833 12.25C10.6667 12.5833 10.1875 12.8472 9.64583 13.0417C9.10417 13.2361 8.52778 13.3333 7.91667 13.3333ZM7.91667 11.6667C8.95833 11.6667 9.84375 11.3021 10.5729 10.5729C11.3021 9.84375 11.6667 8.95833 11.6667 7.91667C11.6667 6.875 11.3021 5.98958 10.5729 5.26042C9.84375 4.53125 8.95833 4.16667 7.91667 4.16667C6.875 4.16667 5.98958 4.53125 5.26042 5.26042C4.53125 5.98958 4.16667 6.875 4.16667 7.91667C4.16667 8.95833 4.53125 9.84375 5.26042 10.5729C5.98958 11.3021 6.875 11.6667 7.91667 11.6667Z" fill="currentColor"/>
+</svg>

package/common/animation.ts

@@ -0,0 +1,5 @@
+export function waitForNextFrame(callback: () => void) {
+  requestAnimationFrame(() => {
+    requestAnimationFrame(callback);
+  });
+}

package/common/common-types.ts

@@ -0,0 +1,4 @@
+export type Position = "auto" | "top" | "bottom" | "left" | "right";
+export type Alignment = "start" | "center" | "end";
+export type Theme = "bleu_iceberg" | "violet" | "vert_foret";
+export type Mode = "light" | "dark";

package/components/assistive-text/assistive-text.constants.ts

@@ -0,0 +1,8 @@
+import { AssistiveTextIconAppearances } from "./assistive-text.interface";
+
+export const ASSISTIVE_TEXT_ICON_SIZE = 12;
+
+export const ICON_APPEARANCE_NAME_CONFIGURATION: Record<AssistiveTextIconAppearances, string> = {
+  error: "error",
+  success: "check-circle",
+};

package/components/assistive-text/assistive-text.interface.d.ts

@@ -0,0 +1,10 @@
+export type AssitiveTextAppearances = "description" | "error" | "success" | "link";
+export type AssistiveTextIconAppearances = "error" | "success";
+
+export interface AssistiveTextProps {
+  label: string;
+  appearance: AssitiveTextAppearances;
+  showIcon?: boolean;
+  href?: string;
+  width?: number;
+}

package/components/assistive-text/assistive-text.utils.ts

@@ -0,0 +1,8 @@
+export const getIconNameFromAppearance = (appearance: string) => {
+  if (appearance === "error") {
+    return "error";
+  } else if (appearance === "success") {
+    return "check-circle";
+  }
+  return undefined;
+};

package/components/badge/badge.interface.d.ts

@@ -0,0 +1,20 @@
+export type BadgeType = "brand" | "neutral" | "indicator";
+export type BadgeSize = "xs" | "s" | "m" | "l";
+export type BadgeContent = "number" | "icon" | "empty";
+
+export interface BadgeProps {
+  badgeType?: BadgeType;
+  size?: BadgeSize;
+  content?: BadgeContent;
+  count?: number;
+  icon?: string;
+}
+
+export interface BadgeHolderProps {
+  showBadge?: boolean;
+  badgeCount?: number;
+  badgeContent?: BadgeContent;
+  badgeIcon?: string;
+  badgeType?: BadgeType;
+  badgeSize?: BadgeSize;
+}

package/components/badge/badge.utils.ts

@@ -0,0 +1,75 @@
+import { IconSize } from "@design-system-rte/core/components/icon/icon.constants";
+
+import { BadgeContent, BadgeSize } from "./badge.interface";
+
+const COUNT_THRESHOLD = 100;
+const COUNT_THRESHOLD_LABEL = "99+";
+
+interface ShowIconProps {
+  size: BadgeSize;
+  content: BadgeContent;
+  iconSize?: number;
+}
+
+interface ShowTextProps {
+  size: BadgeSize;
+  content: BadgeContent;
+  count?: number;
+}
+
+interface BadgeConfig {
+  showBadge: boolean;
+  badgeContent?: BadgeContent;
+  badgeCount?: number;
+  badgeIcon?: string;
+}
+
+type ShowBadgeProps = ShowIconProps & ShowTextProps;
+
+const badgeIconSize: Record<BadgeSize, number | null> = {
+  xs: null,
+  s: null,
+  m: IconSize["xs"],
+  l: IconSize["s"],
+};
+
+export function getBadgeIconSize(size: BadgeSize): number | undefined {
+  return badgeIconSize[size] ?? undefined;
+}
+
+export function getShowIcon({ size, content, iconSize }: ShowIconProps): boolean {
+  return !["xs", "s"].includes(size) && content === "icon" && !!iconSize;
+}
+
+export function getShowText({ size, content, count }: ShowTextProps): boolean {
+  return !["xs", "s"].includes(size) && content === "number" && typeof count === "number" && count > 0;
+}
+
+export function getShowBadge({ size, content, count, iconSize }: ShowBadgeProps): boolean {
+  switch (content) {
+    case "icon":
+      return getShowIcon({ size, content, iconSize });
+    case "number":
+      return getShowText({ size, content, count });
+    default:
+      return true;
+  }
+}
+
+export function getDisplayCount(count?: number): string {
+  if (typeof count !== "number") {
+    return "";
+  }
+
+  return count < COUNT_THRESHOLD ? count.toString() : COUNT_THRESHOLD_LABEL;
+}
+
+export function shouldDisplayBadge(badgeConfig: BadgeConfig): boolean {
+  const { showBadge, badgeContent, badgeCount, badgeIcon } = badgeConfig;
+  return (
+    showBadge &&
+    (badgeContent === "empty" ||
+      (typeof badgeCount === "number" && badgeCount > 0 && badgeContent === "number") ||
+      (badgeContent === "icon" && badgeIcon !== undefined))
+  );
+}

package/components/badge/docs/AccessibilityTable.tsx

@@ -0,0 +1,113 @@
+import AccessibilityTable from "../../../../design-docs/src/components/ComponentDocs/Overview/AccessibilityTable/AccessibilityTable";
+import type { AccessibilityCategory } from "../../../../design-docs/src/components/ComponentDocs/Overview/AccessibilityTable/AccessibilityTable";
+
+const badgeAccessibilityData: AccessibilityCategory[] = [
+  {
+    category: "Navigation clavier 🖥️",
+    criteria: [
+      {
+        criterion: "Focus sur le parent uniquement",
+        expectedResult: "Le Badge n'est pas focusable ; seul l'élément parent (ex. bouton, icône) reçoit le focus.",
+        testMethod: "Test clavier",
+      },
+      {
+        criterion: "Aucun comportement clavier spécifique",
+        expectedResult: "Le badge ne modifie pas la navigation au clavier ni l'ordre de tabulation.",
+        testMethod: "Test clavier",
+      },
+    ],
+  },
+  {
+    category: "Focus visible 👀",
+    criteria: [
+      {
+        criterion: "Absence d'état de focus",
+        expectedResult: "Le badge ne présente pas d'état de focus propre, même lorsque son parent est focusé.",
+        testMethod: "Inspection visuelle",
+      },
+      {
+        criterion: "Stabilité visuelle",
+        expectedResult: "Le badge reste stable lors du focus ou du hover du parent (pas de changement de style).",
+        testMethod: "Inspection visuelle",
+      },
+    ],
+  },
+  {
+    category: "Lecture par un lecteur d'écran 🔊",
+    criteria: [
+      {
+        criterion: "Association au parent",
+        expectedResult:
+          'Si le badge contient une valeur utile (ex. nombre), celle-ci est annoncée avec le libellé du parent. Ex: "Bouton Messagerie, 4 notifications"',
+        testMethod: "NVDA / VoiceOver",
+      },
+      {
+        criterion: "Ignoré si décoratif",
+        expectedResult: 'Si le badge est purement indicatif (ex. point visuel), il est ignoré via aria-hidden="true".',
+        testMethod: "NVDA / VoiceOver",
+      },
+    ],
+  },
+  {
+    category: "Contraste des couleurs 🎨",
+    criteria: [
+      {
+        criterion: "Lisibilité du contenu",
+        expectedResult: "Le texte, chiffre ou symbole du badge respecte un ratio de contraste ≥ 4.5:1 avec le fond.",
+        testMethod: "Outils (axe, Stark)",
+      },
+      {
+        criterion: "Cohérence thème clair/sombre",
+        expectedResult: "Le badge reste lisible dans les modes light/dark et sur différents fonds.",
+        testMethod: "Inspection visuelle",
+      },
+    ],
+  },
+  {
+    category: "Taille et espace tactile 📱",
+    criteria: [
+      {
+        criterion: "Non obstruction",
+        expectedResult: "Le badge n'interfère pas avec la zone tactile de l'élément parent.",
+        testMethod: "Test tactile",
+      },
+    ],
+  },
+  {
+    category: "Alternatives textuelles 📝",
+    criteria: [
+      {
+        criterion: "Transmission de l'information utile",
+        expectedResult:
+          'Si le badge porte une donnée utile, celle-ci est restituée via le libellé parent (ex. aria-label="Messagerie, 4 messages non lus").',
+        testMethod: "Inspecteur a11y",
+      },
+      {
+        criterion: "Pas de rôle ARIA superflu",
+        expectedResult: "Le badge ne possède pas de rôle propre sauf si son contenu est essentiel au sens.",
+        testMethod: "Inspecteur a11y",
+      },
+    ],
+  },
+  {
+    category: "État et feedback visuel 🔄",
+    criteria: [
+      {
+        criterion: "Apparition / disparition perceptible",
+        expectedResult: "Une animation douce (fade-in/out, scale) est autorisée pour l'apparition ou la mise à jour",
+        testMethod: "Inspection visuelle",
+      },
+      {
+        criterion: "Animation discrète",
+        expectedResult: "Une animation douce (fade-in/out, scale) est autorisée pour l'apparition ou la mise à jour",
+        testMethod: "Test fonctionnel",
+      },
+    ],
+  },
+];
+
+const BadgeAccessibilityTable = () => {
+  return <AccessibilityTable data={badgeAccessibilityData} />;
+};
+
+export default BadgeAccessibilityTable;

package/components/badge/docs/Badge.mdx

@@ -0,0 +1,127 @@
+import { Meta } from "@storybook/blocks";
+
+import ComponentDocs from "../../../../design-docs/src/components/ComponentDocs/ComponentDocs";
+import DocsSection from "../../../../design-docs/src/components/DocsSection/DocsSection";
+import Accordion from "../../../../design-docs/src/components/Accordion/Accordion";
+import Gerkin from "../../../../design-docs/src/components/Guideline/Gerkin/Gerkin";
+import Paragraph from "../../../../design-docs/src/components/Paragraph/Paragraph";
+import Usage from "./Usage";
+import Options from "./Options";
+import Behaviors from "./Behaviors";
+import AccessibilityTable from "./AccessibilityTable";
+
+<Meta title="Composants/Badge" />
+
+<ComponentDocs
+  title="Badge"
+  description={
+    <Paragraph>
+      Le Badge est un élément visuel compact qui permet d'afficher <b>une valeur numérique, symbolique ou indicative.</b> Il sert notamment à signaler un nombre de messages, de notifications, d'éléments à lire, ou encore une simple présence d'activité.
+      <br/>
+      Le Badge est <b>souvent positionné en superposition</b> sur une icône, un bouton ou une miniature.
+    </Paragraph>
+  }
+  linkFigma="https://www.figma.com/design/Oe33roVZDpZNXWlEn25Z7x/02.0-Storybook?node-id=691-30146&p=f&m=dev"
+  linkGithub={{
+    react: "https://github.com/rte-france/design-system-rte/tree/main/packages/react/src/components/badge",
+    angular: "https://github.com/rte-france/design-system-rte/tree/main/packages/angular/projects/ds-rte-lib/src/lib/components/badge"
+  }}
+  disponibility={{
+    design: {
+      figma: true,
+      guidelines: true,
+    },
+    code: {
+      react: true,
+      angular: true,
+    },
+  }}
+  changelog={[
+    {
+      version: "1.0.0",
+      date: "04 Décembre 2025",
+      changes: ["Livraison du composant"],
+    },
+  ]}
+  options={[
+    {
+      property: "badgeType",
+      value: "brand / neutral / indicator",
+      defaultValue: "brand",
+      dependance: "-",
+    },
+    {
+      property: "size",
+      value: "XS / S / M / L",
+      defaultValue: "S",
+      dependance: "-",
+    },
+    {
+      property: "showContent",
+      value: "True / False",
+      defaultValue: "True",
+      dependance: "-",
+    },
+    {
+      property: "content",
+      value: "number / icon",
+      defaultValue: "number",
+      dependance: "size ≠ XS or S",
+    },
+    {
+      property: "count",
+      value: "number",
+      defaultValue: "42",
+      dependance: "size ≠ XS or S",
+    },
+    {
+      property: "icon",
+      value: "any of existing icon",
+      defaultValue: "settings icon",
+      dependance: "badge content appearance = icon",
+    },
+    {
+      property: "mode",
+      value: "bleu-iceberg_light / bleu-iceberg_dark / violet_light / violet_dark / vert-foret_light / vert-foret_dark",
+      defaultValue: "bleu-iceberg_light",
+      dependance: "-",
+    },
+  ]}
+  guidelines={
+    <>
+      <DocsSection>
+        <p>
+          <i>Composant générique pouvant être utilisé par toutes les équipes de la DSIT.</i>
+        </p>
+        <Gerkin>
+          <ul>
+            <li>
+              En tant qu'utilisateur <b>d'une interface</b>,
+            </li>
+            <li>
+              Je souhaite <b>visualiser une quantité ou une notification associée à un élément</b>,
+            </li>
+            <li>
+              Afin d'<b>être informé de l'activité ou du statut sans avoir à interagir</b>.
+            </li>
+          </ul>
+        </Gerkin>
+      </DocsSection>
+      <DocsSection>
+        <Usage />
+      </DocsSection>
+      <DocsSection>
+        <Options />
+      </DocsSection>
+      <DocsSection>
+        <Behaviors />
+      </DocsSection>
+    </>
+  }
+  accessibility={
+    <Accordion title="Accessibility Testing Status">
+      <AccessibilityTable />
+    </Accordion>
+  }
+/>
+