mainstack-design-system 0.0.0

package/src/icons/InventoryIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const InventoryIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M5.3846 21C5.00032 21 4.67347 20.8599 4.40407 20.5798C4.13469 20.2997 4 19.968 4 19.5846V8.5923C3.77948 8.58462 3.55768 8.44359 3.3346 8.16922C3.11153 7.89487 3 7.5827 3 7.2327V5.3846C3 5.00127 3.13469 4.67467 3.40407 4.4048C3.67347 4.13493 4.00032 4 4.3846 4H19.6154C19.9987 4 20.3253 4.13493 20.5952 4.4048C20.8651 4.67467 21 5.00127 21 5.3846V7.2327C21 7.5827 20.8885 7.89487 20.6654 8.16922C20.4423 8.44359 20.2205 8.58462 20 8.5923V19.5846C20 19.968 19.8651 20.2997 19.5952 20.5798C19.3253 20.8599 18.9987 21 18.6154 21H5.3846ZM4.76923 8.6173V19.6154C4.76923 19.7949 4.82692 19.9423 4.9423 20.0577C5.05768 20.1731 5.20512 20.2308 5.3846 20.2308H18.6154C18.7949 20.2308 18.9423 20.1731 19.0577 20.0577C19.1731 19.9423 19.2308 19.7949 19.2308 19.6154V8.6173H4.76923ZM19.6154 7.84807C19.7949 7.84807 19.9423 7.79038 20.0577 7.675C20.1731 7.55962 20.2308 7.41218 20.2308 7.2327V5.3846C20.2308 5.20512 20.1731 5.05768 20.0577 4.9423C19.9423 4.82692 19.7949 4.76922 19.6154 4.76922H4.3846C4.20512 4.76922 4.05768 4.82692 3.9423 4.9423C3.82692 5.05768 3.76922 5.20512 3.76922 5.3846V7.2327C3.76922 7.41218 3.82692 7.55962 3.9423 7.675C4.05768 7.79038 4.20512 7.84807 4.3846 7.84807H19.6154ZM9.76923 13.1173H14.2308C14.3404 13.1173 14.4319 13.0802 14.5053 13.0059C14.5787 12.9316 14.6154 12.8389 14.6154 12.728C14.6154 12.617 14.5787 12.5259 14.5053 12.4548C14.4319 12.3836 14.3404 12.3481 14.2308 12.3481H9.76923C9.65961 12.3481 9.5681 12.3852 9.4947 12.4595C9.42132 12.5338 9.38463 12.6265 9.38463 12.7374C9.38463 12.8484 9.42132 12.9394 9.4947 13.0106C9.5681 13.0817 9.65961 13.1173 9.76923 13.1173Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default InventoryIcon;

package/src/icons/IosShareIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const IosShareIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8987"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8987)">
+        <path
+          d="M12 15.5C11.85 15.5 11.729 15.4544 11.637 15.363C11.5457 15.271 11.5 15.15 11.5 15V4.62502L9.725 6.37502C9.64167 6.47502 9.53333 6.52502 9.4 6.52502C9.26667 6.52502 9.15 6.46669 9.05 6.35002C8.93333 6.25002 8.875 6.13336 8.875 6.00002C8.875 5.86669 8.93333 5.75002 9.05 5.65002L11.425 3.25002C11.5083 3.16669 11.6 3.10836 11.7 3.07502C11.8 3.04169 11.9 3.02502 12 3.02502C12.1 3.02502 12.2 3.04169 12.3 3.07502C12.4 3.10836 12.4917 3.16669 12.575 3.25002L14.975 5.67502C15.075 5.75836 15.125 5.86669 15.125 6.00002C15.125 6.13336 15.0667 6.25002 14.95 6.35002C14.85 6.46669 14.7333 6.52502 14.6 6.52502C14.4667 6.52502 14.35 6.46669 14.25 6.35002L12.5 4.62502V15C12.5 15.15 12.4543 15.271 12.363 15.363C12.271 15.4544 12.15 15.5 12 15.5ZM6.625 22C6.15833 22 5.771 21.846 5.463 21.538C5.15433 21.2294 5 20.8417 5 20.375V10.625C5 10.1584 5.15433 9.77069 5.463 9.46202C5.771 9.15402 6.15833 9.00002 6.625 9.00002H8.225C8.375 9.00002 8.496 9.04569 8.588 9.13702C8.67933 9.22902 8.725 9.35002 8.725 9.50002C8.725 9.65002 8.67933 9.77102 8.588 9.86302C8.496 9.95436 8.375 10 8.225 10H6.625C6.45833 10 6.31267 10.0627 6.188 10.188C6.06267 10.3127 6 10.4584 6 10.625V20.375C6 20.5417 6.06267 20.6874 6.188 20.812C6.31267 20.9374 6.45833 21 6.625 21H17.375C17.5417 21 17.6873 20.9374 17.812 20.812C17.9373 20.6874 18 20.5417 18 20.375V10.625C18 10.4584 17.9373 10.3127 17.812 10.188C17.6873 10.0627 17.5417 10 17.375 10H15.775C15.625 10 15.5043 9.95436 15.413 9.86302C15.321 9.77102 15.275 9.65002 15.275 9.50002C15.275 9.35002 15.321 9.22902 15.413 9.13702C15.5043 9.04569 15.625 9.00002 15.775 9.00002H17.375C17.8417 9.00002 18.2293 9.15402 18.538 9.46202C18.846 9.77069 19 10.1584 19 10.625V20.375C19 20.8417 18.846 21.2294 18.538 21.538C18.2293 21.846 17.8417 22 17.375 22H6.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default IosShareIcon;

package/src/icons/KeyboardBackspaceIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const KeyboardBackspaceIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9173"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9173)">
+        <path
+          d="M6.35765 12.75L9.68078 16.0731C9.81923 16.2116 9.89006 16.3856 9.89328 16.5952C9.89648 16.8048 9.82564 16.9821 9.68078 17.1269C9.53591 17.2718 9.36027 17.3443 9.15385 17.3443C8.94745 17.3443 8.77182 17.2718 8.62695 17.1269L4.13273 12.6327C4.03914 12.5391 3.97312 12.4404 3.93465 12.3366C3.89619 12.2327 3.87695 12.1205 3.87695 12C3.87695 11.8795 3.89619 11.7673 3.93465 11.6635C3.97312 11.5597 4.03914 11.4609 4.13273 11.3674L8.62695 6.87313C8.7654 6.73466 8.93944 6.66383 9.14905 6.66063C9.35867 6.65741 9.53591 6.72824 9.68078 6.87313C9.82564 7.01799 9.89808 7.19363 9.89808 7.40003C9.89808 7.60643 9.82564 7.78206 9.68078 7.92693L6.35765 11.2501H19.75C19.9628 11.2501 20.141 11.3218 20.2846 11.4654C20.4282 11.609 20.5 11.7872 20.5 12C20.5 12.2128 20.4282 12.391 20.2846 12.5346C20.141 12.6782 19.9628 12.75 19.75 12.75H6.35765Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default KeyboardBackspaceIcon;

package/src/icons/LanguageIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LanguageIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8725"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8725)">
+        <path
+          d="M12 21C10.7667 21 9.6 20.7627 8.5 20.288C7.4 19.8127 6.446 19.1707 5.638 18.362C4.82933 17.554 4.18733 16.6 3.712 15.5C3.23733 14.4 3 13.2333 3 12C3 10.75 3.23733 9.579 3.712 8.487C4.18733 7.39567 4.82933 6.44567 5.638 5.637C6.446 4.829 7.4 4.18733 8.5 3.712C9.6 3.23733 10.7667 3 12 3C13.25 3 14.421 3.23733 15.513 3.712C16.6043 4.18733 17.5543 4.829 18.363 5.637C19.171 6.44567 19.8127 7.39567 20.288 8.487C20.7627 9.579 21 10.75 21 12C21 13.2333 20.7627 14.4 20.288 15.5C19.8127 16.6 19.171 17.554 18.363 18.362C17.5543 19.1707 16.6043 19.8127 15.513 20.288C14.421 20.7627 13.25 21 12 21ZM15.4 8.65H19.25C18.6667 7.38333 17.8623 6.36667 16.837 5.6C15.8123 4.83333 14.625 4.34167 13.275 4.125C13.7417 4.74167 14.1627 5.446 14.538 6.238C14.9127 7.02933 15.2 7.83333 15.4 8.65ZM9.625 8.65H14.375C14.1083 7.71667 13.7833 6.87067 13.4 6.112C13.0167 5.354 12.55 4.65 12 4C11.45 4.65 10.9833 5.354 10.6 6.112C10.2167 6.87067 9.89167 7.71667 9.625 8.65ZM4.35 14.35H8.375C8.30833 13.9333 8.25833 13.5333 8.225 13.15C8.19167 12.7667 8.175 12.3833 8.175 12C8.175 11.6167 8.19167 11.2333 8.225 10.85C8.25833 10.4667 8.30833 10.0667 8.375 9.65H4.35C4.23333 10 4.146 10.379 4.088 10.787C4.02933 11.1957 4 11.6 4 12C4 12.4 4.02933 12.804 4.088 13.212C4.146 13.6207 4.23333 14 4.35 14.35ZM10.725 19.85C10.2583 19.3 9.83333 18.6207 9.45 17.812C9.06667 17.004 8.78333 16.1833 8.6 15.35H4.75C5.33333 16.5833 6.15 17.6 7.2 18.4C8.25 19.2 9.425 19.6833 10.725 19.85ZM4.75 8.65H8.6C8.8 7.83333 9.08767 7.02933 9.463 6.238C9.83767 5.446 10.2583 4.74167 10.725 4.125C9.35833 4.34167 8.16667 4.83733 7.15 5.612C6.13333 6.38733 5.33333 7.4 4.75 8.65ZM12 20C12.5833 19.25 13.0667 18.5127 13.45 17.788C13.8333 17.0627 14.1417 16.25 14.375 15.35H9.625C9.89167 16.3 10.2083 17.1373 10.575 17.862C10.9417 18.5873 11.4167 19.3 12 20ZM9.375 14.35H14.625C14.6917 13.9333 14.7417 13.5373 14.775 13.162C14.8083 12.7873 14.825 12.4 14.825 12C14.825 11.6 14.8083 11.2123 14.775 10.837C14.7417 10.4623 14.6917 10.0667 14.625 9.65H9.375C9.30833 10.0667 9.25833 10.4623 9.225 10.837C9.19167 11.2123 9.175 11.6 9.175 12C9.175 12.4 9.19167 12.7873 9.225 13.162C9.25833 13.5373 9.30833 13.9333 9.375 14.35ZM13.275 19.85C14.575 19.6833 15.75 19.2 16.8 18.4C17.85 17.6 18.6667 16.5833 19.25 15.35H15.4C15.15 16.2 14.8333 17.029 14.45 17.837C14.0667 18.6457 13.675 19.3167 13.275 19.85ZM15.625 14.35H19.65C19.7667 14 19.8543 13.6207 19.913 13.212C19.971 12.804 20 12.4 20 12C20 11.6 19.971 11.1957 19.913 10.787C19.8543 10.379 19.7667 10 19.65 9.65H15.625C15.6917 10.0667 15.7417 10.4667 15.775 10.85C15.8083 11.2333 15.825 11.6167 15.825 12C15.825 12.3833 15.8083 12.7667 15.775 13.15C15.7417 13.5333 15.6917 13.9333 15.625 14.35Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LanguageIcon;

package/src/icons/LibraryMusicIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LibraryMusicIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8710"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8710)">
+        <path
+          d="M12.1923 14.6923C12.7513 14.6923 13.2244 14.4987 13.6115 14.1116C13.9987 13.7244 14.1923 13.2513 14.1923 12.6923V6.96155H16.1538C16.3603 6.96155 16.5401 6.88815 16.6933 6.74135C16.8465 6.59455 16.9231 6.41153 16.9231 6.1923C16.9231 5.9859 16.8465 5.80609 16.6933 5.65287C16.5401 5.49967 16.3603 5.42307 16.1538 5.42307H14.1923C13.9859 5.42307 13.8061 5.49967 13.6529 5.65287C13.4997 5.80609 13.4231 5.9859 13.4231 6.1923V11.2308C13.2577 11.0513 13.0724 10.9167 12.8673 10.8269C12.6622 10.7372 12.4372 10.6923 12.1923 10.6923C11.6333 10.6923 11.1603 10.8859 10.7731 11.2731C10.3859 11.6603 10.1923 12.1333 10.1923 12.6923C10.1923 13.2513 10.3859 13.7244 10.7731 14.1116C11.1603 14.4987 11.6333 14.6923 12.1923 14.6923ZM8.11538 17C7.65513 17 7.27083 16.8458 6.9625 16.5375C6.65417 16.2292 6.5 15.8449 6.5 15.3846V4.61537C6.5 4.15512 6.65417 3.77083 6.9625 3.4625C7.27083 3.15417 7.65513 3 8.11538 3H18.8846C19.3449 3 19.7292 3.15417 20.0375 3.4625C20.3458 3.77083 20.5 4.15512 20.5 4.61537V15.3846C20.5 15.8449 20.3458 16.2292 20.0375 16.5375C19.7292 16.8458 19.3449 17 18.8846 17H8.11538ZM5.11538 20C4.65513 20 4.27083 19.8458 3.9625 19.5375C3.65417 19.2292 3.5 18.8449 3.5 18.3846V7.11538C3.5 6.97308 3.54775 6.85417 3.64325 6.75865C3.73877 6.66313 3.85768 6.61537 4 6.61537C4.1423 6.61537 4.26121 6.66313 4.35672 6.75865C4.45224 6.85417 4.5 6.97308 4.5 7.11538V18.3846C4.5 18.5385 4.5641 18.6795 4.6923 18.8077C4.8205 18.9359 4.96153 19 5.11538 19H16.3846C16.5269 19 16.6458 19.0478 16.7414 19.1433C16.8369 19.2388 16.8846 19.3577 16.8846 19.5C16.8846 19.6423 16.8369 19.7612 16.7414 19.8568C16.6458 19.9523 16.5269 20 16.3846 20H5.11538Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LibraryMusicIcon;

package/src/icons/LinkIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LinkIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8407"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8407)">
+        <path
+          d="M10.625 16.075H7.00005C5.86672 16.075 4.90438 15.679 4.11305 14.887C3.32105 14.0957 2.92505 13.1333 2.92505 12C2.92505 10.8667 3.32105 9.90432 4.11305 9.11299C4.90438 8.32099 5.86672 7.92499 7.00005 7.92499H10.625V8.92499H7.00005C6.15005 8.92499 5.42505 9.22499 4.82505 9.82499C4.22505 10.425 3.92505 11.15 3.92505 12C3.92505 12.85 4.22505 13.575 4.82505 14.175C5.42505 14.775 6.15005 15.075 7.00005 15.075H10.625V16.075ZM8.50005 12.5V11.5H15.5V12.5H8.50005ZM13.375 16.075V15.075H17C17.85 15.075 18.575 14.775 19.175 14.175C19.775 13.575 20.0751 12.85 20.0751 12C20.0751 11.15 19.775 10.425 19.175 9.82499C18.575 9.22499 17.85 8.92499 17 8.92499H13.375V7.92499H17C18.1334 7.92499 19.0961 8.32099 19.8881 9.11299C20.6794 9.90432 21.0751 10.8667 21.0751 12C21.0751 13.1333 20.6794 14.0957 19.8881 14.887C19.0961 15.679 18.1334 16.075 17 16.075H13.375Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LinkIcon;

package/src/icons/LinkOffIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LinkOffIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9158"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9158)">
+        <path
+          d="M18.5193 15.7577L17.7501 14.977C18.4295 14.7936 18.9744 14.4266 19.3847 13.876C19.7949 13.3254 20.0001 12.6971 20.0001 11.9913C20.0001 11.151 19.702 10.4295 19.1058 9.82696C18.5097 9.2244 17.7949 8.92311 16.9616 8.92311H13.8462C13.7045 8.92311 13.5858 8.87513 13.49 8.77916C13.3941 8.68321 13.3462 8.56431 13.3462 8.42244C13.3462 8.28057 13.3941 8.16189 13.49 8.06639C13.5858 7.97087 13.7045 7.92311 13.8462 7.92311H16.9616C18.0789 7.92311 19.0313 8.32061 19.8188 9.11561C20.6063 9.91061 21.0001 10.8721 21.0001 12C21.0001 12.8218 20.7702 13.5654 20.3106 14.2308C19.851 14.8962 19.2539 15.4052 18.5193 15.7577ZM15.2212 12.4097L14.3116 11.5H14.9616C15.1033 11.5 15.222 11.5487 15.3179 11.646C15.4137 11.7433 15.4616 11.8639 15.4616 12.0077C15.4616 12.0924 15.4402 12.1696 15.3975 12.2394C15.3548 12.3093 15.296 12.366 15.2212 12.4097ZM20.8462 21.5539C20.7398 21.6603 20.6218 21.7135 20.4924 21.7135C20.3629 21.7135 20.2449 21.6603 20.1385 21.5539L2.4462 3.86159C2.35262 3.76799 2.30262 3.65325 2.2962 3.51736C2.28978 3.38146 2.33979 3.2603 2.4462 3.15389C2.55262 3.04747 2.67057 2.99426 2.80005 2.99426C2.92953 2.99426 3.04748 3.04747 3.1539 3.15389L20.8462 20.8462C20.9398 20.9398 20.9898 21.0545 20.9962 21.1904C21.0026 21.3263 20.9526 21.4475 20.8462 21.5539ZM7.07698 16.077C5.94903 16.077 4.98755 15.6795 4.19255 14.8845C3.39755 14.0895 3.00005 13.128 3.00005 12C3.00005 10.927 3.36608 10.0013 4.09813 9.22311C4.83018 8.44491 5.72697 8.02311 6.7885 7.95771H7.25005L8.21543 8.92311H7.07698C6.23083 8.92311 5.50647 9.2244 4.9039 9.82696C4.30134 10.4295 4.00005 11.1539 4.00005 12C4.00005 12.8462 4.30134 13.5705 4.9039 14.1731C5.50647 14.7757 6.23384 15.077 7.08603 15.077H10.1539C10.2956 15.077 10.4143 15.1249 10.5102 15.2209C10.606 15.3169 10.6539 15.4358 10.6539 15.5776C10.6539 15.7195 10.606 15.8382 10.5102 15.9337C10.4143 16.0292 10.2956 16.077 10.1539 16.077H7.07698ZM9.0385 12.5C8.89683 12.5 8.77808 12.4521 8.68225 12.3561C8.58642 12.2601 8.5385 12.1412 8.5385 11.9994C8.5385 11.8575 8.58642 11.7388 8.68225 11.6433C8.77808 11.5478 8.89683 11.5 9.0385 11.5H10.7981L11.7731 12.5H9.0385Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LinkOffIcon;

package/src/icons/LocalActivityIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LocalActivityIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_9080"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_9080)">
+        <path
+          d="M4 19C3.71923 19 3.48237 18.9035 3.28942 18.7106C3.09647 18.5176 3 18.2808 3 18V14.8077C3.58845 14.5897 4.0689 14.224 4.44135 13.7106C4.81378 13.1971 5 12.6269 5 12C5 11.3731 4.81378 10.8029 4.44135 10.2894C4.0689 9.77596 3.58845 9.41026 3 9.19233V6C3 5.71923 3.09647 5.48237 3.28942 5.28942C3.48237 5.09647 3.71923 5 4 5H20C20.2808 5 20.5176 5.09647 20.7106 5.28942C20.9035 5.48237 21 5.71923 21 6V9.19233C20.4116 9.41026 19.9311 9.77596 19.5587 10.2894C19.1862 10.8029 19 11.3731 19 12C19 12.6269 19.1862 13.1971 19.5587 13.7106C19.9311 14.224 20.4116 14.5897 21 14.8077V18C21 18.2808 20.9035 18.5176 20.7106 18.7106C20.5176 18.9035 20.2808 19 20 19H4ZM4 18H20V15.45C19.3667 15.1 18.875 14.6125 18.525 13.9875C18.175 13.3625 18 12.7 18 12C18 11.3 18.175 10.6375 18.525 10.0125C18.875 9.3875 19.3667 8.9 20 8.55V6H4V8.55C4.63333 8.9 5.125 9.3875 5.475 10.0125C5.825 10.6375 6 11.3 6 12C6 12.7 5.825 13.3625 5.475 13.9875C5.125 14.6125 4.63333 15.1 4 15.45V18ZM12 13.4L12.9615 14.1462C13.1231 14.2705 13.292 14.2715 13.4683 14.149C13.6446 14.0266 13.6974 13.868 13.6269 13.6731L13.2385 12.4462L14.4135 11.55C14.5712 11.4295 14.6189 11.2718 14.5567 11.0769C14.4946 10.8821 14.3577 10.7846 14.1462 10.7846H12.8308L12.3981 9.475C12.3276 9.28012 12.1949 9.18268 12 9.18268C11.8051 9.18268 11.6724 9.28012 11.6019 9.475L11.1692 10.7846H9.82885C9.62115 10.7846 9.48621 10.8811 9.42403 11.074C9.36186 11.267 9.40962 11.4256 9.5673 11.55L10.7115 12.4462L10.3231 13.7173C10.2526 13.9122 10.3045 14.0741 10.4788 14.2029C10.6532 14.3317 10.8212 14.3276 10.9827 14.1904L12 13.4Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LocalActivityIcon;

package/src/icons/LocalFloristFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LoaclFloristFilledIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8866"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8866)">
+        <path
+          d="M11.9999 20.85C11.9999 19.1 12.6666 17.4917 13.9999 16.025C15.3332 14.5584 16.8666 13.7 18.5999 13.45C18.8332 13.4 19.0332 13.4624 19.1999 13.637C19.3666 13.8124 19.4332 14.0167 19.3999 14.25C19.1499 15.9834 18.2916 17.5167 16.8249 18.85C15.3582 20.1834 13.7499 20.85 11.9999 20.85ZM11.9999 20.85C11.9999 19.1 11.3332 17.4917 9.99989 16.025C8.66655 14.5584 7.13322 13.7 5.39989 13.45C5.16655 13.4 4.96655 13.4624 4.79989 13.637C4.63322 13.8124 4.56655 14.0167 4.59989 14.25C4.84989 15.9834 5.70822 17.5167 7.17489 18.85C8.64155 20.1834 10.2499 20.85 11.9999 20.85ZM11.9999 10.1C12.5999 10.1 13.0999 9.90002 13.4999 9.50002C13.8999 9.10002 14.0999 8.60002 14.0999 8.00002C14.0999 7.40002 13.8999 6.90002 13.4999 6.50002C13.0999 6.10002 12.5999 5.90002 11.9999 5.90002C11.3999 5.90002 10.8999 6.10002 10.4999 6.50002C10.0999 6.90002 9.89989 7.40002 9.89989 8.00002C9.89989 8.60002 10.0999 9.10002 10.4999 9.50002C10.8999 9.90002 11.3999 10.1 11.9999 10.1ZM11.9999 13.6C11.5166 13.6 11.0622 13.4457 10.6369 13.137C10.2122 12.829 9.91655 12.4334 9.74989 11.95H9.17489C8.52489 11.95 7.97089 11.725 7.51289 11.275C7.05422 10.825 6.82489 10.275 6.82489 9.62502C6.82489 9.37502 6.88322 9.10402 6.99989 8.81202C7.11655 8.52069 7.28322 8.25002 7.49989 8.00002C7.29989 7.75002 7.14155 7.47936 7.02489 7.18802C6.90822 6.89602 6.84989 6.62502 6.84989 6.37502C6.84989 5.72502 7.07489 5.17502 7.52489 4.72502C7.97489 4.27502 8.52489 4.05002 9.17489 4.05002H9.74989C9.91655 3.56669 10.2122 3.17069 10.6369 2.86202C11.0622 2.55402 11.5166 2.40002 11.9999 2.40002C12.4832 2.40002 12.9376 2.55402 13.3629 2.86202C13.7876 3.17069 14.0832 3.56669 14.2499 4.05002H14.8249C15.4749 4.05002 16.0249 4.27502 16.4749 4.72502C16.9249 5.17502 17.1499 5.72502 17.1499 6.37502C17.1499 6.62502 17.0959 6.89602 16.9879 7.18802C16.8792 7.47936 16.7166 7.75002 16.4999 8.00002C16.6999 8.23336 16.8582 8.50002 16.9749 8.80002C17.0916 9.10002 17.1499 9.37502 17.1499 9.62502C17.1499 10.275 16.9249 10.825 16.4749 11.275C16.0249 11.725 15.4749 11.95 14.8249 11.95H14.2499C14.0832 12.4334 13.7876 12.829 13.3629 13.137C12.9376 13.4457 12.4832 13.6 11.9999 13.6Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LoaclFloristFilledIcon;

package/src/icons/LocalFloristIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LoaclFloristIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8437"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8437)">
+        <path
+          d="M12 20.85C12 19.9167 12.2124 19 12.637 18.1C13.0624 17.2 13.625 16.4 14.325 15.7C15.025 15 15.8207 14.4374 16.712 14.012C17.604 13.5874 18.5167 13.375 19.45 13.375C19.45 14.325 19.2417 15.2457 18.825 16.137C18.4084 17.029 17.8457 17.825 17.137 18.525C16.429 19.225 15.6294 19.7874 14.738 20.212C13.846 20.6374 12.9334 20.85 12 20.85ZM13.15 19.7C14.45 19.35 15.55 18.729 16.45 17.837C17.35 16.9457 17.975 15.8417 18.325 14.525C17.0084 14.875 15.9044 15.5 15.013 16.4C14.121 17.3 13.5 18.4 13.15 19.7ZM12 20.85C12 19.9167 11.7877 19 11.363 18.1C10.9377 17.2 10.375 16.4 9.67505 15.7C8.97505 15 8.17905 14.4374 7.28705 14.012C6.39572 13.5874 5.48338 13.375 4.55005 13.375C4.55005 14.325 4.75838 15.2457 5.17505 16.137C5.59172 17.029 6.15438 17.825 6.86305 18.525C7.57105 19.225 8.37105 19.7874 9.26305 20.212C10.1544 20.6374 11.0667 20.85 12 20.85ZM10.85 19.7C9.55005 19.35 8.45005 18.729 7.55005 17.837C6.65005 16.9457 6.02505 15.8417 5.67505 14.525C6.99172 14.875 8.09605 15.5 8.98805 16.4C9.87938 17.3 10.5 18.4 10.85 19.7ZM14.825 10.95C15.1917 10.95 15.5044 10.8207 15.763 10.562C16.021 10.304 16.15 9.99169 16.15 9.62502C16.15 9.30836 16.0667 9.05002 15.9 8.85002C15.7334 8.65002 15.525 8.52502 15.275 8.47502L14.2 8.25002C14.1667 8.56669 14.075 8.85436 13.925 9.11302C13.775 9.37102 13.5667 9.59169 13.3 9.77502L14 10.575C14.1334 10.7084 14.2627 10.804 14.388 10.862C14.5127 10.9207 14.6584 10.95 14.825 10.95ZM14.2 7.75002L15.275 7.52502C15.525 7.47502 15.7334 7.35002 15.9 7.15002C16.0667 6.95002 16.15 6.69169 16.15 6.37502C16.15 6.00836 16.021 5.69602 15.763 5.43802C15.5044 5.17936 15.1917 5.05002 14.825 5.05002C14.6584 5.05002 14.5127 5.07902 14.388 5.13702C14.2627 5.19569 14.1334 5.29169 14 5.42502L13.3 6.22502C13.55 6.40836 13.7544 6.62902 13.913 6.88702C14.071 7.14569 14.1667 7.43336 14.2 7.75002ZM11.1 5.97502C11.25 5.90836 11.396 5.86269 11.538 5.83802C11.6794 5.81269 11.8334 5.80002 12 5.80002C12.1667 5.80002 12.321 5.81269 12.463 5.83802C12.6044 5.86269 12.75 5.90836 12.9 5.97502L13.3 4.72502C13.4167 4.39169 13.3167 4.08736 13 3.81202C12.6834 3.53736 12.35 3.40002 12 3.40002C11.65 3.40002 11.3167 3.53736 11 3.81202C10.6834 4.08736 10.5834 4.39169 10.7 4.72502L11.1 5.97502ZM12 9.20002C12.35 9.20002 12.6377 9.08336 12.863 8.85002C13.0877 8.61669 13.2 8.33336 13.2 8.00002C13.2 7.65002 13.0834 7.36236 12.85 7.13702C12.6167 6.91236 12.3334 6.80002 12 6.80002C11.65 6.80002 11.3627 6.91669 11.138 7.15002C10.9127 7.38336 10.8 7.66669 10.8 8.00002C10.8 8.35002 10.9167 8.63736 11.15 8.86202C11.3834 9.08736 11.6667 9.20002 12 9.20002ZM12 12.6C12.35 12.6 12.6834 12.4627 13 12.188C13.3167 11.9127 13.4167 11.6084 13.3 11.275L12.9 10.025C12.75 10.0917 12.6044 10.1374 12.463 10.162C12.321 10.1874 12.1667 10.2 12 10.2C11.8334 10.2 11.6794 10.1874 11.538 10.162C11.396 10.1374 11.25 10.0917 11.1 10.025L10.7 11.275C10.5834 11.6084 10.6834 11.9127 11 12.188C11.3167 12.4627 11.65 12.6 12 12.6ZM9.80005 7.75002C9.83338 7.43336 9.92505 7.14569 10.075 6.88702C10.225 6.62902 10.4334 6.40836 10.7 6.22502L10 5.42502C9.86672 5.29169 9.73772 5.19569 9.61305 5.13702C9.48772 5.07902 9.34172 5.05002 9.17505 5.05002C8.80838 5.05002 8.49605 5.17936 8.23805 5.43802C7.97938 5.69602 7.85005 6.00836 7.85005 6.37502C7.85005 6.69169 7.93338 6.95002 8.10005 7.15002C8.26672 7.35002 8.47505 7.47502 8.72505 7.52502L9.80005 7.75002ZM9.17505 10.95C9.34172 10.95 9.48772 10.9207 9.61305 10.862C9.73772 10.804 9.86672 10.7 10 10.55L10.7 9.77502C10.45 9.59169 10.246 9.37102 10.088 9.11302C9.92938 8.85436 9.83338 8.56669 9.80005 8.25002L8.72505 8.47502C8.47505 8.52502 8.26272 8.65002 8.08805 8.85002C7.91272 9.05002 7.82505 9.30836 7.82505 9.62502C7.84172 9.99169 7.97938 10.304 8.23805 10.562C8.49605 10.8207 8.80838 10.95 9.17505 10.95ZM12 13.6C11.5167 13.6 11.0624 13.4457 10.637 13.137C10.2124 12.829 9.91672 12.4334 9.75005 11.95C9.63338 11.95 9.53772 11.95 9.46305 11.95C9.38772 11.95 9.29172 11.95 9.17505 11.95C8.52505 11.95 7.97105 11.725 7.51305 11.275C7.05438 10.825 6.82505 10.2834 6.82505 9.65002C6.82505 9.38336 6.88338 9.10402 7.00005 8.81202C7.11672 8.52069 7.28338 8.25002 7.50005 8.00002C7.30005 7.75002 7.14172 7.47936 7.02505 7.18802C6.90838 6.89602 6.85005 6.61669 6.85005 6.35002C6.85005 5.71669 7.07505 5.17502 7.52505 4.72502C7.97505 4.27502 8.52505 4.05002 9.17505 4.05002C9.29172 4.05002 9.38772 4.05002 9.46305 4.05002C9.53772 4.05002 9.63338 4.05002 9.75005 4.05002C9.91672 3.56669 10.2124 3.17069 10.637 2.86202C11.0624 2.55402 11.5167 2.40002 12 2.40002C12.4834 2.40002 12.9377 2.55402 13.363 2.86202C13.7877 3.17069 14.0834 3.56669 14.25 4.05002C14.3667 4.05002 14.4627 4.05002 14.538 4.05002C14.6127 4.05002 14.7084 4.05002 14.825 4.05002C15.475 4.05002 16.025 4.27502 16.475 4.72502C16.925 5.17502 17.15 5.71669 17.15 6.35002C17.15 6.61669 17.096 6.89602 16.988 7.18802C16.8794 7.47936 16.7167 7.75002 16.5 8.00002C16.7 8.23336 16.8584 8.50002 16.975 8.80002C17.0917 9.10002 17.15 9.38336 17.15 9.65002C17.15 10.2834 16.925 10.825 16.475 11.275C16.025 11.725 15.475 11.95 14.825 11.95C14.7084 11.95 14.6127 11.95 14.538 11.95C14.4627 11.95 14.3667 11.95 14.25 11.95C14.0834 12.4334 13.7877 12.829 13.363 13.137C12.9377 13.4457 12.4834 13.6 12 13.6Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LoaclFloristIcon;

package/src/icons/LocationOnIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LocationOnIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8587"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8587)">
+        <path
+          d="M12 11.5C12.4167 11.5 12.7707 11.354 13.062 11.062C13.354 10.7707 13.5 10.4167 13.5 10C13.5 9.58333 13.354 9.22933 13.062 8.938C12.7707 8.646 12.4167 8.5 12 8.5C11.5833 8.5 11.2293 8.646 10.938 8.938C10.646 9.22933 10.5 9.58333 10.5 10C10.5 10.4167 10.646 10.7707 10.938 11.062C11.2293 11.354 11.5833 11.5 12 11.5ZM12 20.25C14.0833 18.4333 15.6873 16.6167 16.812 14.8C17.9373 12.9833 18.5 11.45 18.5 10.2C18.5 8.23333 17.871 6.625 16.613 5.375C15.3543 4.125 13.8167 3.5 12 3.5C10.1833 3.5 8.646 4.125 7.388 5.375C6.12933 6.625 5.5 8.23333 5.5 10.2C5.5 11.45 6.06267 12.9833 7.188 14.8C8.31267 16.6167 9.91667 18.4333 12 20.25ZM12 21.3C11.9 21.3 11.8 21.2833 11.7 21.25C11.6 21.2167 11.5083 21.1667 11.425 21.1C9.09167 18.9667 7.35433 16.9833 6.213 15.15C5.071 13.3167 4.5 11.6667 4.5 10.2C4.5 7.85 5.25433 5.97933 6.763 4.588C8.271 3.196 10.0167 2.5 12 2.5C13.9833 2.5 15.7293 3.196 17.238 4.588C18.746 5.97933 19.5 7.85 19.5 10.2C19.5 11.6667 18.9293 13.3167 17.788 15.15C16.646 16.9833 14.9083 18.9667 12.575 21.1C12.5083 21.1667 12.4207 21.2167 12.312 21.25C12.204 21.2833 12.1 21.3 12 21.3Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LocationOnIcon;

package/src/icons/LockIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LockIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8479"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8479)">
+        <path
+          d="M12 3C13.1167 3 14.0627 3.38733 14.838 4.162C15.6127 4.93733 16 5.88333 16 7V9H17.375C17.825 9 18.2083 9.15833 18.525 9.475C18.8417 9.79167 19 10.175 19 10.625V19.375C19 19.825 18.8417 20.2083 18.525 20.525C18.2083 20.8417 17.825 21 17.375 21H6.625C6.175 21 5.79167 20.8417 5.475 20.525C5.15833 20.2083 5 19.825 5 19.375V10.625C5 10.175 5.15833 9.79167 5.475 9.475C5.79167 9.15833 6.175 9 6.625 9H8V7C8 5.88333 8.38767 4.93733 9.163 4.162C9.93767 3.38733 10.8833 3 12 3ZM12 4C11.1667 4 10.4583 4.29167 9.875 4.875C9.29167 5.45833 9 6.16667 9 7V9H15V7C15 6.16667 14.7083 5.45833 14.125 4.875C13.5417 4.29167 12.8333 4 12 4ZM6.625 20H17.375C17.5583 20 17.7083 19.9417 17.825 19.825C17.9417 19.7083 18 19.5583 18 19.375V10.625C18 10.4417 17.9417 10.2917 17.825 10.175C17.7083 10.0583 17.5583 10 17.375 10H6.625C6.44167 10 6.29167 10.0583 6.175 10.175C6.05833 10.2917 6 10.4417 6 10.625V19.375C6 19.5583 6.05833 19.7083 6.175 19.825C6.29167 19.9417 6.44167 20 6.625 20ZM12 13.5C11.5833 13.5 11.2293 13.646 10.938 13.938C10.646 14.2293 10.5 14.5833 10.5 15C10.5 15.4167 10.646 15.7707 10.938 16.062C11.2293 16.354 11.5833 16.5 12 16.5C12.4167 16.5 12.7707 16.354 13.062 16.062C13.354 15.7707 13.5 15.4167 13.5 15C13.5 14.5833 13.354 14.2293 13.062 13.938C12.7707 13.646 12.4167 13.5 12 13.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LockIcon;

package/src/icons/LoginIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LoginIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8335"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8335)">
+        <path
+          d="M11.225 16.05L10.525 15.325L12.85 13H4.19995V12H12.85L10.525 9.675L11.225 8.95L14.775 12.5L11.225 16.05ZM11.775 21V20H18.2C18.35 20 18.4876 19.9373 18.613 19.812C18.7376 19.6873 18.8 19.5417 18.8 19.375V5.625C18.8 5.45833 18.7376 5.31267 18.613 5.188C18.4876 5.06267 18.35 5 18.2 5H11.775V4H18.2C18.65 4 19.029 4.15433 19.337 4.463C19.6456 4.771 19.8 5.15833 19.8 5.625V19.375C19.8 19.8417 19.6456 20.2293 19.337 20.538C19.029 20.846 18.65 21 18.2 21H11.775Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default LoginIcon;

package/src/icons/LogoutIcon.tsx

@@ -0,0 +1,43 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const LogoutIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <mask
+          id="mask0_1191_6692"
+          style={{ maskType: "alpha" }}
+          maskUnits="userSpaceOnUse"
+          x="0"
+          y="0"
+          width="24"
+          height="24"
+        >
+          <rect width="24" height="24" fill="#D9D9D9" />
+        </mask>
+        <g mask="url(#mask0_1191_6692)">
+          <path
+            d="M5.3077 20.5C4.80257 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.3077C3.5 4.80257 3.675 4.375 4.025 4.025C4.375 3.675 4.80257 3.5 5.3077 3.5H11.2596C11.4724 3.5 11.6506 3.5718 11.7942 3.7154C11.9378 3.85898 12.0096 4.03718 12.0096 4.25C12.0096 4.46282 11.9378 4.64102 11.7942 4.7846C11.6506 4.92818 11.4724 4.99998 11.2596 4.99998H5.3077C5.23077 4.99998 5.16024 5.03203 5.09612 5.09613C5.03202 5.16024 4.99997 5.23077 4.99997 5.3077V18.6923C4.99997 18.7692 5.03202 18.8397 5.09612 18.9038C5.16024 18.9679 5.23077 19 5.3077 19H11.2596C11.4724 19 11.6506 19.0718 11.7942 19.2154C11.9378 19.3589 12.0096 19.5371 12.0096 19.75C12.0096 19.9628 11.9378 20.141 11.7942 20.2846C11.6506 20.4282 11.4724 20.5 11.2596 20.5H5.3077ZM17.6173 12.75H9.84612C9.63331 12.75 9.45511 12.6782 9.31152 12.5346C9.16792 12.391 9.09612 12.2128 9.09612 12C9.09612 11.7872 9.16792 11.609 9.31152 11.4654C9.45511 11.3218 9.63331 11.25 9.84612 11.25H17.6173L15.6942 9.32693C15.5558 9.18846 15.4849 9.01955 15.4817 8.8202C15.4785 8.62085 15.5494 8.44361 15.6942 8.28848C15.8391 8.13336 16.0147 8.05323 16.2211 8.0481C16.4275 8.04297 16.6083 8.11797 16.7634 8.2731L19.8576 11.3673C20.0384 11.5481 20.1288 11.759 20.1288 12C20.1288 12.241 20.0384 12.4519 19.8576 12.6327L16.7634 15.7269C16.6147 15.8756 16.4381 15.949 16.2336 15.9471C16.0292 15.9451 15.8494 15.8666 15.6942 15.7115C15.5494 15.5563 15.4795 15.3781 15.4846 15.1769C15.4898 14.9756 15.5648 14.8025 15.7096 14.6577L17.6173 12.75Z"
+            fill="currentColor"
+          />
+        </g>
+      </svg>
+    </Icon>
+  );
+};
+
+export default LogoutIcon;

package/src/icons/MailIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const MailIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8485"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#C4C4C4" />
+      </mask>
+      <g mask="url(#mask0_1118_8485)">
+        <path
+          d="M4.625 19C4.15833 19 3.771 18.846 3.463 18.538C3.15433 18.2293 3 17.8417 3 17.375V6.625C3 6.15833 3.15433 5.771 3.463 5.463C3.771 5.15433 4.15833 5 4.625 5H19.375C19.8417 5 20.2293 5.15433 20.538 5.463C20.846 5.771 21 6.15833 21 6.625V17.375C21 17.8417 20.846 18.2293 20.538 18.538C20.2293 18.846 19.8417 19 19.375 19H4.625ZM12 12.125L4 6.875V17.375C4 17.5583 4.05833 17.7083 4.175 17.825C4.29167 17.9417 4.44167 18 4.625 18H19.375C19.5583 18 19.7083 17.9417 19.825 17.825C19.9417 17.7083 20 17.5583 20 17.375V6.875L12 12.125ZM12 11L19.7 6H4.3L12 11ZM4 17.375C4 17.5583 4.05833 17.7083 4.175 17.825C4.29167 17.9417 4.44167 18 4.625 18H4C4 18 4 17.9417 4 17.825C4 17.7083 4 17.5583 4 17.375Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default MailIcon;

package/src/icons/MarkUnreadChatIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const MarkUnreadChatIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <mask
+        id="mask0_1118_8809"
+        style={{ maskType: "alpha" }}
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="24"
+        height="24"
+      >
+        <rect width="24" height="24" fill="#D9D9D9" />
+      </mask>
+      <g mask="url(#mask0_1118_8809)">
+        <path
+          d="M5.65 16H19.375C19.5583 16 19.7083 15.9416 19.825 15.825C19.9417 15.7083 20 15.5583 20 15.375V8.34995C20.1833 8.29995 20.3583 8.24595 20.525 8.18795C20.6917 8.12928 20.85 8.04995 21 7.94995V15.375C21 15.8416 20.846 16.2293 20.538 16.538C20.2293 16.846 19.8417 17 19.375 17H6.075L3 20.075V4.62495C3 4.15828 3.15433 3.77062 3.463 3.46195C3.771 3.15395 4.15833 2.99995 4.625 2.99995H14.6C14.5667 3.16662 14.546 3.32895 14.538 3.48695C14.5293 3.64562 14.525 3.81662 14.525 3.99995H4.625C4.44167 3.99995 4.29167 4.05828 4.175 4.17495C4.05833 4.29162 4 4.44162 4 4.62495V17.65L5.65 16ZM6.5 13.5H13.5V12.5H6.5V13.5ZM6.5 10.5H17.5V9.49995H6.5V10.5ZM6.5 7.49995H16.45V7.47495C16.2 7.35828 15.9833 7.22062 15.8 7.06195C15.6167 6.90395 15.45 6.71662 15.3 6.49995H6.5V7.49995ZM4 4.62495V15.375C4 15.5583 4 15.7083 4 15.825C4 15.9416 4 16 4 16V17.375V4.62495C4 4.44162 4 4.29162 4 4.17495C4 4.05828 4 3.99995 4 3.99995C4 4.29995 4 4.47895 4 4.53695C4 4.59562 4 4.62495 4 4.62495ZM19 6.44995C18.3 6.44995 17.7083 6.20828 17.225 5.72495C16.7417 5.24162 16.5 4.64995 16.5 3.94995C16.5 3.26662 16.7417 2.67895 17.225 2.18695C17.7083 1.69562 18.3 1.44995 19 1.44995C19.7 1.44995 20.2917 1.69562 20.775 2.18695C21.2583 2.67895 21.5 3.26662 21.5 3.94995C21.5 4.64995 21.2583 5.24162 20.775 5.72495C20.2917 6.20828 19.7 6.44995 19 6.44995Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default MarkUnreadChatIcon;