mainstack-design-system 0.0.0

package/src/icons/PaidIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PaidIcon = (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_8854"
+        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_8854)">
+        <path
+          d="M11.975 18.625C12.1083 18.625 12.225 18.575 12.325 18.475C12.425 18.375 12.475 18.2583 12.475 18.125V17.45C13.1917 17.3833 13.8793 17.121 14.538 16.663C15.196 16.2043 15.525 15.5 15.525 14.55C15.525 13.85 15.3123 13.254 14.887 12.762C14.4623 12.2707 13.65 11.8083 12.45 11.375C11.3333 10.9917 10.625 10.6623 10.325 10.387C10.025 10.1123 9.875 9.71667 9.875 9.2C9.875 8.68333 10.071 8.25833 10.463 7.925C10.8543 7.59167 11.3833 7.425 12.05 7.425C12.4667 7.425 12.8293 7.504 13.138 7.662C13.446 7.82067 13.7083 8.03333 13.925 8.3C13.9917 8.4 14.0833 8.47067 14.2 8.512C14.3167 8.554 14.425 8.55 14.525 8.5C14.6583 8.45 14.754 8.35833 14.812 8.225C14.8707 8.09167 14.8583 7.975 14.775 7.875C14.5083 7.49167 14.175 7.18333 13.775 6.95C13.375 6.71667 12.9583 6.58333 12.525 6.55V5.875C12.525 5.74167 12.475 5.625 12.375 5.525C12.275 5.425 12.1583 5.375 12.025 5.375C11.8917 5.375 11.775 5.425 11.675 5.525C11.575 5.625 11.525 5.74167 11.525 5.875V6.55C10.6583 6.7 10 7.029 9.55 7.537C9.1 8.04567 8.875 8.6 8.875 9.2C8.875 9.91667 9.104 10.4917 9.562 10.925C10.0207 11.3583 10.7833 11.7667 11.85 12.15C12.9333 12.55 13.6583 12.9083 14.025 13.225C14.3917 13.5417 14.575 13.9833 14.575 14.55C14.575 15.25 14.3167 15.754 13.8 16.062C13.2833 16.3707 12.7333 16.525 12.15 16.525C11.6333 16.525 11.1667 16.3917 10.75 16.125C10.3333 15.8583 9.98333 15.4917 9.7 15.025C9.63333 14.9083 9.53333 14.829 9.4 14.787C9.26667 14.7457 9.15 14.75 9.05 14.8C8.91667 14.8333 8.825 14.9167 8.775 15.05C8.725 15.1833 8.725 15.3083 8.775 15.425C9.075 15.975 9.45 16.4083 9.9 16.725C10.35 17.0417 10.875 17.2667 11.475 17.4V18.125C11.475 18.2583 11.525 18.375 11.625 18.475C11.725 18.575 11.8417 18.625 11.975 18.625ZM12 21C10.75 21 9.57933 20.7627 8.488 20.288C7.396 19.8127 6.446 19.1707 5.638 18.362C4.82933 17.554 4.18733 16.604 3.712 15.512C3.23733 14.4207 3 13.25 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.396 4.18733 8.488 3.712C9.57933 3.23733 10.75 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.25 20.7627 14.4207 20.288 15.512C19.8127 16.604 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 21ZM12 20C14.2167 20 16.1043 19.221 17.663 17.663C19.221 16.1043 20 14.2167 20 12C20 9.78333 19.221 7.89567 17.663 6.337C16.1043 4.779 14.2167 4 12 4C9.78333 4 7.896 4.779 6.338 6.337C4.77933 7.89567 4 9.78333 4 12C4 14.2167 4.77933 16.1043 6.338 17.663C7.896 19.221 9.78333 20 12 20Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PaidIcon;

package/src/icons/PaletteFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PaletteFilledIcon = (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_8901"
+        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_8901)">
+        <path
+          d="M11.95 21C10.7333 21 9.57933 20.7627 8.488 20.288C7.396 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.24167 9.575 3.725 8.475C4.20833 7.375 4.86667 6.42067 5.7 5.612C6.53333 4.804 7.51267 4.16667 8.638 3.7C9.76267 3.23333 10.9667 3 12.25 3C13.4167 3 14.525 3.19567 15.575 3.587C16.625 3.979 17.55 4.525 18.35 5.225C19.15 5.925 19.7917 6.75833 20.275 7.725C20.7583 8.69167 21 9.75 21 10.9C21 12.45 20.5543 13.6877 19.663 14.613C18.771 15.5377 17.55 16 16 16H14.225C13.8083 16 13.4583 16.146 13.175 16.438C12.8917 16.7293 12.75 17.075 12.75 17.475C12.75 17.8917 12.875 18.246 13.125 18.538C13.375 18.8293 13.5 19.1667 13.5 19.55C13.5 20.0333 13.3627 20.3957 13.088 20.637C12.8127 20.879 12.4333 21 11.95 21ZM6.5 12.5C6.78333 12.5 7.021 12.404 7.213 12.212C7.40433 12.0207 7.5 11.7833 7.5 11.5C7.5 11.2167 7.40433 10.979 7.213 10.787C7.021 10.5957 6.78333 10.5 6.5 10.5C6.21667 10.5 5.979 10.5957 5.787 10.787C5.59567 10.979 5.5 11.2167 5.5 11.5C5.5 11.7833 5.59567 12.0207 5.787 12.212C5.979 12.404 6.21667 12.5 6.5 12.5ZM9.5 8.5C9.78333 8.5 10.021 8.40433 10.213 8.213C10.4043 8.021 10.5 7.78333 10.5 7.5C10.5 7.21667 10.4043 6.979 10.213 6.787C10.021 6.59567 9.78333 6.5 9.5 6.5C9.21667 6.5 8.97933 6.59567 8.788 6.787C8.596 6.979 8.5 7.21667 8.5 7.5C8.5 7.78333 8.596 8.021 8.788 8.213C8.97933 8.40433 9.21667 8.5 9.5 8.5ZM14.5 8.5C14.7833 8.5 15.021 8.40433 15.213 8.213C15.4043 8.021 15.5 7.78333 15.5 7.5C15.5 7.21667 15.4043 6.979 15.213 6.787C15.021 6.59567 14.7833 6.5 14.5 6.5C14.2167 6.5 13.9793 6.59567 13.788 6.787C13.596 6.979 13.5 7.21667 13.5 7.5C13.5 7.78333 13.596 8.021 13.788 8.213C13.9793 8.40433 14.2167 8.5 14.5 8.5ZM17.5 12.5C17.7833 12.5 18.0207 12.404 18.212 12.212C18.404 12.0207 18.5 11.7833 18.5 11.5C18.5 11.2167 18.404 10.979 18.212 10.787C18.0207 10.5957 17.7833 10.5 17.5 10.5C17.2167 10.5 16.9793 10.5957 16.788 10.787C16.596 10.979 16.5 11.2167 16.5 11.5C16.5 11.7833 16.596 12.0207 16.788 12.212C16.9793 12.404 17.2167 12.5 17.5 12.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PaletteFilledIcon;

package/src/icons/PaletteIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PaletteIcon = (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_8383"
+        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_8383)">
+        <path
+          d="M11.9818 21C10.7539 21 9.59393 20.7635 8.50202 20.2904C7.41013 19.8173 6.45669 19.1733 5.6417 18.3583C4.82672 17.5433 4.1827 16.5883 3.70963 15.4934C3.23654 14.3985 3 13.234 3 12C3 10.7502 3.24292 9.57783 3.72877 8.48291C4.21459 7.38797 4.8744 6.43544 5.7082 5.62531C6.54201 4.81519 7.51732 4.17512 8.63411 3.70508C9.75092 3.23503 10.9421 3 12.2077 3C13.3919 3 14.5142 3.20192 15.5745 3.60577C16.6348 4.00962 17.5661 4.56863 18.3683 5.28281C19.1705 5.99697 19.8097 6.84565 20.2858 7.82885C20.7619 8.81204 21 9.87813 21 11.0271C21 12.6668 20.5126 13.9494 19.5379 14.8749C18.5633 15.8004 17.3138 16.2631 15.7895 16.2631H14.0733C13.8036 16.2631 13.588 16.3512 13.4265 16.5273C13.265 16.7034 13.1842 16.9117 13.1842 17.1523C13.1842 17.445 13.3026 17.7492 13.5395 18.065C13.7763 18.3808 13.8947 18.7433 13.8947 19.1527C13.8947 19.7782 13.7216 20.2424 13.3755 20.5455C13.0293 20.8485 12.5648 21 11.9818 21ZM6.78946 12.7105C7.1271 12.7105 7.40888 12.5976 7.6348 12.3717C7.8607 12.1457 7.97365 11.864 7.97365 11.5263C7.97365 11.1887 7.8607 10.9069 7.6348 10.681C7.40888 10.4551 7.1271 10.3421 6.78946 10.3421C6.45182 10.3421 6.17004 10.4551 5.94412 10.681C5.71822 10.9069 5.60527 11.1887 5.60527 11.5263C5.60527 11.864 5.71822 12.1457 5.94412 12.3717C6.17004 12.5976 6.45182 12.7105 6.78946 12.7105ZM9.63157 8.92102C9.96922 8.92102 10.251 8.80807 10.4769 8.58217C10.7028 8.35625 10.8158 8.07447 10.8158 7.73683C10.8158 7.39919 10.7028 7.11741 10.4769 6.89149C10.251 6.66559 9.96922 6.55264 9.63157 6.55264C9.29393 6.55264 9.01215 6.66559 8.78623 6.89149C8.56033 7.11741 8.44738 7.39919 8.44738 7.73683C8.44738 8.07447 8.56033 8.35625 8.78623 8.58217C9.01215 8.80807 9.29393 8.92102 9.63157 8.92102ZM14.3684 8.92102C14.7061 8.92102 14.9879 8.80807 15.2138 8.58217C15.4397 8.35625 15.5526 8.07447 15.5526 7.73683C15.5526 7.39919 15.4397 7.11741 15.2138 6.89149C14.9879 6.66559 14.7061 6.55264 14.3684 6.55264C14.0308 6.55264 13.749 6.66559 13.5231 6.89149C13.2972 7.11741 13.1842 7.39919 13.1842 7.73683C13.1842 8.07447 13.2972 8.35625 13.5231 8.58217C13.749 8.80807 14.0308 8.92102 14.3684 8.92102ZM17.2105 12.7105C17.5482 12.7105 17.83 12.5976 18.0559 12.3717C18.2818 12.1457 18.3947 11.864 18.3947 11.5263C18.3947 11.1887 18.2818 10.9069 18.0559 10.681C17.83 10.4551 17.5482 10.3421 17.2105 10.3421C16.8729 10.3421 16.5911 10.4551 16.3652 10.681C16.1393 10.9069 16.0264 11.1887 16.0264 11.5263C16.0264 11.864 16.1393 12.1457 16.3652 12.3717C16.5911 12.5976 16.8729 12.7105 17.2105 12.7105ZM11.9818 19.579C12.136 19.579 12.2566 19.541 12.3434 19.4651C12.4303 19.3892 12.4737 19.285 12.4737 19.1527C12.4737 18.9316 12.3553 18.6832 12.1184 18.4075C11.8816 18.1318 11.7632 17.7 11.7632 17.1122C11.7632 16.4369 11.9921 15.8897 12.45 15.4707C12.9079 15.0516 13.4684 14.8421 14.1316 14.8421H15.7895C16.9045 14.8421 17.8148 14.5154 18.5205 13.8619C19.2261 13.2085 19.579 12.2636 19.579 11.0271C19.579 9.11051 18.8441 7.53034 17.3745 6.28662C15.9049 5.04289 14.1826 4.42103 12.2077 4.42103C10.0421 4.42103 8.20292 5.15525 6.69018 6.62367C5.17741 8.0921 4.42103 9.88421 4.42103 12C4.42103 14.1 5.15919 15.8882 6.63551 17.3645C8.11183 18.8408 9.89392 19.579 11.9818 19.579Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PaletteIcon;

package/src/icons/PauseIcon.tsx

@@ -0,0 +1,22 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PauseIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 24 24"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M10.3131 15.5C10.4236 15.5 10.5144 15.4631 10.5856 15.3894C10.6567 15.3157 10.6923 15.2244 10.6923 15.1154V8.88463C10.6923 8.77564 10.6549 8.68429 10.5802 8.61057C10.5054 8.53686 10.4128 8.5 10.3023 8.5C10.1918 8.5 10.1009 8.53686 10.0298 8.61057C9.95865 8.68429 9.92308 8.77564 9.92308 8.88463V15.1154C9.92308 15.2244 9.96045 15.3157 10.0352 15.3894C10.11 15.4631 10.2026 15.5 10.3131 15.5ZM13.6977 15.5C13.8082 15.5 13.899 15.4631 13.9702 15.3894C14.0413 15.3157 14.0769 15.2244 14.0769 15.1154V8.88463C14.0769 8.77564 14.0395 8.68429 13.9648 8.61057C13.89 8.53686 13.7974 8.5 13.6869 8.5C13.5764 8.5 13.4856 8.53686 13.4144 8.61057C13.3433 8.68429 13.3077 8.77564 13.3077 8.88463V15.1154C13.3077 15.2244 13.3451 15.3157 13.4198 15.3894C13.4946 15.4631 13.5872 15.5 13.6977 15.5ZM12.01 21C10.7571 21 9.58658 20.7638 8.49855 20.2915C7.41052 19.8192 6.45847 19.174 5.6424 18.356C4.82633 17.5379 4.18192 16.5862 3.70915 15.5007C3.23638 14.4151 3 13.2484 3 12.0005C3 10.7525 3.23616 9.58209 3.70848 8.48913C4.18081 7.39616 4.82599 6.44444 5.64403 5.63398C6.46206 4.82353 7.41383 4.18192 8.49935 3.70915C9.58488 3.23638 10.7516 3 11.9995 3C13.2475 3 14.4179 3.23616 15.5109 3.70847C16.6038 4.18081 17.5556 4.82182 18.366 5.63152C19.1765 6.44122 19.8181 7.39337 20.2908 8.48795C20.7636 9.58255 21 10.7499 21 11.99C21 13.2429 20.7638 14.4134 20.2915 15.5015C19.8192 16.5895 19.1782 17.54 18.3685 18.353C17.5588 19.166 16.6066 19.8104 15.512 20.2863C14.4174 20.7621 13.2501 21 12.01 21ZM12.0029 20.2308C14.2907 20.2308 16.234 19.4305 17.8327 17.8298C19.4314 16.2292 20.2308 14.2849 20.2308 11.9971C20.2308 9.70929 19.4334 7.76602 17.8387 6.1673C16.244 4.56858 14.2978 3.76922 12 3.76922C9.7141 3.76922 7.77083 4.56658 6.1702 6.1613C4.56955 7.75602 3.76922 9.70225 3.76922 12C3.76922 14.2859 4.56955 16.2292 6.1702 17.8298C7.77083 19.4305 9.71506 20.2308 12.0029 20.2308Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default PauseIcon;

package/src/icons/PayInTranchesIcon.tsx

@@ -0,0 +1,29 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PayInTranchesIcon = (props: IconProps) => {
+  return (
+    <Icon
+      {...props}
+      viewBox="0 0 18 18"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+      style={{ maskType: "alpha" }}
+    >
+      <path
+        d="M14.2044 1.65649C15.032 2.24406 15.7559 2.96801 16.3435 3.79559C16.1192 3.94552 16.0538 4.24781 16.1984 4.47756C17.023 5.78702 17.5 7.33704 17.5 9C17.5 10.663 17.023 12.213 16.1984 13.5224C16.0538 13.7522 16.1192 14.0545 16.3435 14.2044C15.7559 15.032 15.032 15.7559 14.2044 16.3435C14.0545 16.1192 13.7522 16.0538 13.5224 16.1984C12.213 17.023 10.663 17.5 9 17.5C7.33704 17.5 5.78702 17.023 4.47756 16.1984C4.24781 16.0538 3.94552 16.1192 3.79559 16.3435C2.96801 15.7559 2.24406 15.032 1.65649 14.2044C1.88083 14.0545 1.94622 13.7522 1.80155 13.5224C0.977048 12.213 0.5 10.663 0.5 9C0.5 7.33704 0.977048 5.78702 1.80155 4.47756C1.94622 4.24781 1.88083 3.94552 1.65649 3.79559C2.24406 2.96802 2.96802 2.24406 3.79559 1.65649C3.94552 1.88083 4.24781 1.94622 4.47756 1.80155C5.78702 0.977048 7.33704 0.5 9 0.5C10.663 0.5 12.213 0.977048 13.5224 1.80155C13.7522 1.94622 14.0545 1.88083 14.2044 1.65649Z"
+        stroke="#131316"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        strokeDasharray="10 4"
+      />
+      <path
+        d="M6.75 10.667L7.48438 10.0636C7.80469 10.5841 8.21094 10.8707 8.75 10.9537V9.29418C7.89844 9.13578 7.03125 8.88685 7.03125 7.82328C7.03125 6.92565 7.76562 6.32974 8.75 6.22414V5.5H9.49219V6.22414C10.2812 6.3222 10.9297 6.68427 11.2344 7.1972L10.5547 7.81573C10.3047 7.40086 9.94531 7.12177 9.49219 7.02371V8.5625C10.3516 8.72091 11.25 8.96983 11.25 10.0862C11.25 11.0216 10.4844 11.6325 9.49219 11.7608V12.5H8.75V11.7683C7.86719 11.6778 7.13281 11.278 6.75 10.667ZM7.9375 7.75539C7.9375 8.15517 8.28125 8.31358 8.75 8.42672V7.00108C8.26562 7.08405 7.9375 7.34052 7.9375 7.75539ZM10.3359 10.1541C10.3359 9.72414 9.97656 9.55065 9.49219 9.4375V10.9461C9.97656 10.8707 10.3359 10.6293 10.3359 10.1541Z"
+        fill="currentColor"
+      />
+    </Icon>
+  );
+};
+
+export default PayInTranchesIcon;

package/src/icons/PaymentsFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PaymentsFilledIcon = (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_9047"
+        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_9047)">
+        <path
+          d="M3.77508 19.1259C3.30573 19.1259 2.90394 18.9588 2.56971 18.6245C2.23548 18.2903 2.06836 17.8885 2.06836 17.4192V8.43462C2.06836 8.24439 2.1369 8.08064 2.27398 7.94339C2.41107 7.80614 2.57581 7.73752 2.76821 7.73752C2.96061 7.73752 3.12523 7.80614 3.26208 7.94339C3.39893 8.08064 3.46736 8.24439 3.46736 8.43462V17.4192C3.46736 17.4961 3.49942 17.5666 3.56353 17.6307C3.62763 17.6948 3.69815 17.7269 3.77508 17.7269H18.2942C18.4845 17.7269 18.6482 17.7955 18.7854 17.9329C18.9227 18.0702 18.9913 18.234 18.9913 18.4243C18.9913 18.6183 18.9227 18.7837 18.7854 18.9206C18.6482 19.0575 18.4845 19.1259 18.2942 19.1259H3.77508ZM7.23466 15.6865C6.76531 15.6865 6.36352 15.5194 6.02928 15.1851C5.69505 14.8509 5.52793 14.4491 5.52793 13.9798V6.50385C5.52793 6.0345 5.69505 5.6327 6.02928 5.29847C6.36352 4.96424 6.76531 4.79712 7.23466 4.79712H20.225C20.6943 4.79712 21.0961 4.96424 21.4304 5.29847C21.7646 5.6327 21.9317 6.0345 21.9317 6.50385V13.9798C21.9317 14.4491 21.7646 14.8509 21.4304 15.1851C21.0961 15.5194 20.6943 15.6865 20.225 15.6865H7.23466ZM8.67406 14.2875C8.67406 13.7971 8.50298 13.38 8.16083 13.0361C7.8187 12.6922 7.4074 12.5202 6.92693 12.5202V13.9798C6.92693 14.0631 6.95739 14.1352 7.01831 14.1961C7.07921 14.257 7.15133 14.2875 7.23466 14.2875H8.67406ZM18.7856 14.2875H20.225C20.3083 14.2875 20.3805 14.257 20.4414 14.1961C20.5023 14.1352 20.5327 14.0631 20.5327 13.9798V12.5202C20.0467 12.5202 19.634 12.6926 19.2946 13.0373C18.9553 13.382 18.7856 13.7987 18.7856 14.2875ZM13.726 12.5903C14.3869 12.5903 14.9425 12.3621 15.3928 11.9055C15.8431 11.449 16.0683 10.891 16.0683 10.2314C16.0683 9.57886 15.8415 9.02602 15.388 8.57292C14.9346 8.11984 14.3802 7.89329 13.7251 7.89329C13.0699 7.89329 12.5138 8.11818 12.0568 8.56794C11.5997 9.01773 11.3712 9.5744 11.3712 10.238C11.3712 10.8973 11.5985 11.4541 12.0529 11.9086C12.5074 12.3631 13.0651 12.5903 13.726 12.5903ZM6.92693 7.96342C7.41295 7.96342 7.82564 7.79107 8.16501 7.44637C8.50438 7.10165 8.67406 6.6849 8.67406 6.19612H7.23466C7.15133 6.19612 7.07921 6.22658 7.01831 6.28749C6.95739 6.34839 6.92693 6.42051 6.92693 6.50385V7.96342ZM20.5327 7.96342V6.50385C20.5327 6.42051 20.5023 6.34839 20.4414 6.28749C20.3805 6.22658 20.3083 6.19612 20.225 6.19612H18.7856C18.7856 6.6865 18.9567 7.10365 19.2988 7.44757C19.641 7.79147 20.0523 7.96342 20.5327 7.96342Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PaymentsFilledIcon;

package/src/icons/PaymentsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const ContactPageIcon = (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_8758"
+        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_8758)">
+        <path
+          d="M13.5 12.425C12.9333 12.425 12.4583 12.2333 12.075 11.85C11.6916 11.4666 11.5 10.9916 11.5 10.425C11.5 9.85831 11.6916 9.38331 12.075 8.99998C12.4583 8.61664 12.9333 8.42498 13.5 8.42498C14.0666 8.42498 14.5416 8.61664 14.925 8.99998C15.3083 9.38331 15.5 9.85831 15.5 10.425C15.5 10.9916 15.3083 11.4666 14.925 11.85C14.5416 12.2333 14.0666 12.425 13.5 12.425ZM7.29995 15.625C6.86662 15.625 6.49162 15.4666 6.17495 15.15C5.85828 14.8333 5.69995 14.45 5.69995 14V6.84998C5.69995 6.39998 5.85828 6.01664 6.17495 5.69998C6.49162 5.38331 6.86662 5.22498 7.29995 5.22498H19.7C20.1333 5.22498 20.5083 5.38331 20.825 5.69998C21.1416 6.01664 21.2999 6.39998 21.2999 6.84998V14C21.2999 14.45 21.1416 14.8333 20.825 15.15C20.5083 15.4666 20.1333 15.625 19.7 15.625H7.29995ZM8.29995 14.625H18.7C18.7 14.175 18.8583 13.7916 19.1749 13.475C19.4916 13.1583 19.8666 13 20.2999 13V7.84998C19.8499 7.84998 19.471 7.69164 19.163 7.37498C18.8543 7.05831 18.7 6.67498 18.7 6.22498H8.29995C8.29995 6.67498 8.14162 7.05831 7.82495 7.37498C7.50828 7.69164 7.13328 7.84998 6.69995 7.84998V13C7.14995 13 7.52928 13.1583 7.83795 13.475C8.14595 13.7916 8.29995 14.175 8.29995 14.625ZM18.35 18.625H4.29995C3.86662 18.625 3.49162 18.4666 3.17495 18.15C2.85828 17.8333 2.69995 17.45 2.69995 17V8.19998H3.69995V17C3.69995 17.15 3.76262 17.2916 3.88795 17.425C4.01262 17.5583 4.14995 17.625 4.29995 17.625H18.35V18.625ZM7.29995 14.625H6.69995C6.69995 14.625 6.69995 14.5626 6.69995 14.438C6.69995 14.3126 6.69995 14.1666 6.69995 14V6.84998C6.69995 6.68331 6.69995 6.53731 6.69995 6.41198C6.69995 6.28731 6.69995 6.22498 6.69995 6.22498H7.29995C7.13329 6.22498 6.99162 6.28731 6.87495 6.41198C6.75828 6.53731 6.69995 6.68331 6.69995 6.84998V14C6.69995 14.1666 6.75828 14.3126 6.87495 14.438C6.99162 14.5626 7.13329 14.625 7.29995 14.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default ContactPageIcon;

package/src/icons/PendingActionsIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PendingActionsIcon = (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_8578"
+        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_8578)">
+        <path
+          d="M17.375 21C16.275 21 15.3333 20.6083 14.55 19.825C13.7667 19.0417 13.375 18.1 13.375 17C13.375 15.9 13.7667 14.9583 14.55 14.175C15.3333 13.3917 16.275 13 17.375 13C18.475 13 19.4167 13.3917 20.2 14.175C20.9833 14.9583 21.375 15.9 21.375 17C21.375 18.1 20.9833 19.0417 20.2 19.825C19.4167 20.6083 18.475 21 17.375 21ZM19.05 19.2L19.575 18.65L17.775 16.85V14.125H17V17.15L19.05 19.2ZM5.625 20C5.175 20 4.79167 19.8417 4.475 19.525C4.15833 19.2083 4 18.825 4 18.375V5.625C4 5.175 4.15833 4.79167 4.475 4.475C4.79167 4.15833 5.175 4 5.625 4H10.075C10.0583 3.51667 10.2127 3.06233 10.538 2.637C10.8627 2.21233 11.35 2 12 2C12.65 2 13.1377 2.21667 13.463 2.65C13.7877 3.08333 13.9417 3.53333 13.925 4H18.375C18.825 4 19.2083 4.15833 19.525 4.475C19.8417 4.79167 20 5.175 20 5.625V11.625C19.8333 11.5417 19.671 11.4667 19.513 11.4C19.3543 11.3333 19.1833 11.275 19 11.225V5.625C19 5.44167 18.9417 5.29167 18.825 5.175C18.7083 5.05833 18.5583 5 18.375 5H16V7.225H8V5H5.625C5.44167 5 5.29167 5.05833 5.175 5.175C5.05833 5.29167 5 5.44167 5 5.625V18.375C5 18.5583 5.05833 18.7083 5.175 18.825C5.29167 18.9417 5.44167 19 5.625 19H11.75C11.8 19.1833 11.8627 19.354 11.938 19.512C12.0127 19.6707 12.1 19.8333 12.2 20H5.625ZM12 5C12.2833 5 12.521 4.904 12.713 4.712C12.9043 4.52067 13 4.28333 13 4C13 3.71667 12.9043 3.479 12.713 3.287C12.521 3.09567 12.2833 3 12 3C11.7167 3 11.4793 3.09567 11.288 3.287C11.096 3.479 11 3.71667 11 4C11 4.28333 11.096 4.52067 11.288 4.712C11.4793 4.904 11.7167 5 12 5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PendingActionsIcon;

package/src/icons/PermMediaIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PermMediaIcon = (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_8922"
+        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_8922)">
+        <path
+          d="M7.125 16.8C6.65833 16.8 6.271 16.6456 5.963 16.337C5.65433 16.029 5.5 15.65 5.5 15.2V5.94998C5.5 5.49998 5.65433 5.12064 5.963 4.81198C6.271 4.50398 6.65833 4.34998 7.125 4.34998H11.375C11.5917 4.34998 11.8 4.39164 12 4.47498C12.2 4.55831 12.375 4.67498 12.525 4.82498L13.5 5.79998H19.875C20.3417 5.79998 20.7293 5.95398 21.038 6.26198C21.346 6.57064 21.5 6.95831 21.5 7.42498V15.2C21.5 15.65 21.346 16.029 21.038 16.337C20.7293 16.6456 20.3417 16.8 19.875 16.8H7.125ZM7.125 15.8H19.875C20.0417 15.8 20.1873 15.7373 20.312 15.612C20.4373 15.4873 20.5 15.35 20.5 15.2V7.42498C20.5 7.27498 20.4373 7.13331 20.312 6.99998C20.1873 6.86664 20.0417 6.79998 19.875 6.79998H13.1L11.625 5.34998H7.125C6.95833 5.34998 6.81267 5.40831 6.688 5.52498C6.56267 5.64164 6.5 5.78331 6.5 5.94998V15.2C6.5 15.35 6.56267 15.4873 6.688 15.612C6.81267 15.7373 6.95833 15.8 7.125 15.8ZM4.125 19.8C3.65833 19.8 3.271 19.6456 2.963 19.337C2.65433 19.029 2.5 18.65 2.5 18.2V8.29998C2.5 8.16664 2.546 8.04998 2.638 7.94998C2.72933 7.84998 2.85 7.79998 3 7.79998C3.15 7.79998 3.27067 7.84998 3.362 7.94998C3.454 8.04998 3.5 8.16664 3.5 8.29998V18.2C3.5 18.35 3.56267 18.4876 3.688 18.613C3.81267 18.7376 3.95833 18.8 4.125 18.8H18C18.15 18.8 18.271 18.85 18.363 18.95C18.4543 19.05 18.5 19.1666 18.5 19.3C18.5 19.45 18.4543 19.571 18.363 19.663C18.271 19.7543 18.15 19.8 18 19.8H4.125ZM9.975 13.55H16.975C17.1583 13.55 17.2877 13.4706 17.363 13.312C17.4377 13.154 17.425 13 17.325 12.85L15.4 10.325C15.3167 10.2083 15.2083 10.15 15.075 10.15C14.9417 10.15 14.8333 10.2083 14.75 10.325L12.55 13.075L11.3 11.55C11.2167 11.45 11.1043 11.404 10.963 11.412C10.821 11.4206 10.7083 11.475 10.625 11.575L9.65 12.85C9.55 13 9.53767 13.154 9.613 13.312C9.68767 13.4706 9.80833 13.55 9.975 13.55Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PermMediaIcon;

package/src/icons/PersonAddIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PersonAddIcon = (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_8800"
+        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_8800)">
+        <path
+          d="M18.25 13.5V10.5H15.25V9.5H18.25V6.5H19.25V9.5H22.25V10.5H19.25V13.5H18.25ZM8.75 11.375C7.91667 11.375 7.20833 11.0833 6.625 10.5C6.04167 9.91667 5.75 9.20833 5.75 8.375C5.75 7.55833 6.04167 6.854 6.625 6.262C7.20833 5.67067 7.91667 5.375 8.75 5.375C9.58333 5.375 10.2917 5.67067 10.875 6.262C11.4583 6.854 11.75 7.55833 11.75 8.375C11.75 9.20833 11.4583 9.91667 10.875 10.5C10.2917 11.0833 9.58333 11.375 8.75 11.375ZM1.75 18.625V16.975C1.75 16.5583 1.87067 16.1707 2.112 15.812C2.354 15.454 2.675 15.175 3.075 14.975C4.025 14.525 4.97067 14.1873 5.912 13.962C6.854 13.7373 7.8 13.625 8.75 13.625C9.7 13.625 10.646 13.7373 11.588 13.962C12.5293 14.1873 13.475 14.525 14.425 14.975C14.825 15.175 15.1457 15.454 15.387 15.812C15.629 16.1707 15.75 16.5583 15.75 16.975V18.625H1.75ZM2.75 17.625H14.75V16.975C14.75 16.7417 14.6793 16.529 14.538 16.337C14.396 16.1457 14.2 15.9833 13.95 15.85C13.1167 15.45 12.2627 15.146 11.388 14.938C10.5127 14.7293 9.63333 14.625 8.75 14.625C7.86667 14.625 6.98767 14.7293 6.113 14.938C5.23767 15.146 4.38333 15.45 3.55 15.85C3.3 15.9833 3.10433 16.1457 2.963 16.337C2.821 16.529 2.75 16.7417 2.75 16.975V17.625ZM8.75 10.375C9.3 10.375 9.771 10.179 10.163 9.787C10.5543 9.39567 10.75 8.925 10.75 8.375C10.75 7.825 10.5543 7.35433 10.163 6.963C9.771 6.571 9.3 6.375 8.75 6.375C8.2 6.375 7.72933 6.571 7.338 6.963C6.946 7.35433 6.75 7.825 6.75 8.375C6.75 8.925 6.946 9.39567 7.338 9.787C7.72933 10.179 8.2 10.375 8.75 10.375Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PersonAddIcon;

package/src/icons/PersonIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PersonIcon = (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_8946"
+        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_8946)">
+        <path
+          d="M12 11.2C11.25 11.2 10.6127 10.9374 10.088 10.412C9.56272 9.88738 9.30005 9.25005 9.30005 8.50005C9.30005 7.75005 9.56272 7.11272 10.088 6.58805C10.6127 6.06272 11.25 5.80005 12 5.80005C12.75 5.80005 13.3877 6.06272 13.913 6.58805C14.4377 7.11272 14.7 7.75005 14.7 8.50005C14.7 9.25005 14.4377 9.88738 13.913 10.412C13.3877 10.9374 12.75 11.2 12 11.2ZM17.95 18.2H6.05005C5.83338 18.2 5.65438 18.129 5.51305 17.987C5.37105 17.8457 5.30005 17.6667 5.30005 17.45V16.9C5.30005 16.5334 5.41272 16.1877 5.63805 15.863C5.86272 15.5377 6.16672 15.2834 6.55005 15.1C7.46672 14.6667 8.37938 14.3417 9.28805 14.125C10.196 13.9084 11.1 13.8 12 13.8C12.9 13.8 13.8044 13.9084 14.713 14.125C15.621 14.3417 16.5334 14.6667 17.45 15.1C17.8334 15.2834 18.1377 15.5377 18.363 15.863C18.5877 16.1877 18.7 16.5334 18.7 16.9V17.45C18.7 17.6667 18.6294 17.8457 18.488 17.987C18.346 18.129 18.1667 18.2 17.95 18.2ZM6.00005 17.5H18V16.9C18 16.6667 17.921 16.446 17.763 16.238C17.6044 16.0294 17.3834 15.85 17.1 15.7C16.3 15.3167 15.471 15.0207 14.613 14.812C13.7544 14.604 12.8834 14.5 12 14.5C11.1167 14.5 10.2457 14.604 9.38705 14.812C8.52905 15.0207 7.70005 15.3167 6.90005 15.7C6.61672 15.85 6.39605 16.0294 6.23805 16.238C6.07938 16.446 6.00005 16.6667 6.00005 16.9V17.5ZM12 10.5C12.55 10.5 13.021 10.304 13.413 9.91205C13.8044 9.52071 14 9.05005 14 8.50005C14 7.95005 13.8044 7.47938 13.413 7.08805C13.021 6.69605 12.55 6.50005 12 6.50005C11.45 6.50005 10.9794 6.69605 10.588 7.08805C10.196 7.47938 10 7.95005 10 8.50005C10 9.05005 10.196 9.52071 10.588 9.91205C10.9794 10.304 11.45 10.5 12 10.5Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PersonIcon;

package/src/icons/PhotoCameraIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PhotoCameraIcon = (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_8347"
+        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_8347)">
+        <path
+          d="M12 16.725C13.05 16.725 13.9333 16.3667 14.65 15.65C15.3667 14.9333 15.725 14.05 15.725 13C15.725 11.95 15.3667 11.0667 14.65 10.35C13.9333 9.63333 13.05 9.275 12 9.275C10.95 9.275 10.0667 9.63333 9.35 10.35C8.63333 11.0667 8.275 11.95 8.275 13C8.275 14.05 8.63333 14.9333 9.35 15.65C10.0667 16.3667 10.95 16.725 12 16.725ZM12 15.725C11.2167 15.725 10.5667 15.4667 10.05 14.95C9.53333 14.4333 9.275 13.7833 9.275 13C9.275 12.2167 9.53333 11.5667 10.05 11.05C10.5667 10.5333 11.2167 10.275 12 10.275C12.7833 10.275 13.4333 10.5333 13.95 11.05C14.4667 11.5667 14.725 12.2167 14.725 13C14.725 13.7833 14.4667 14.4333 13.95 14.95C13.4333 15.4667 12.7833 15.725 12 15.725ZM4.625 20C4.15833 20 3.771 19.846 3.463 19.538C3.15433 19.2293 3 18.8417 3 18.375V7.625C3 7.15833 3.15433 6.771 3.463 6.463C3.771 6.15433 4.15833 6 4.625 6H7.575L9.425 4H14.575L16.425 6H19.375C19.8417 6 20.2293 6.15433 20.538 6.463C20.846 6.771 21 7.15833 21 7.625V18.375C21 18.8417 20.846 19.2293 20.538 19.538C20.2293 19.846 19.8417 20 19.375 20H4.625ZM19.375 19C19.5583 19 19.7083 18.9417 19.825 18.825C19.9417 18.7083 20 18.5583 20 18.375V7.625C20 7.44167 19.9417 7.29167 19.825 7.175C19.7083 7.05833 19.5583 7 19.375 7H16L14.15 5H9.85L8 7H4.625C4.44167 7 4.29167 7.05833 4.175 7.175C4.05833 7.29167 4 7.44167 4 7.625V18.375C4 18.5583 4.05833 18.7083 4.175 18.825C4.29167 18.9417 4.44167 19 4.625 19H19.375Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PhotoCameraIcon;

package/src/icons/PhotoFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PhotoFilledIcon = (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_8869"
+        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_8869)">
+        <path
+          d="M8.35 16.5H15.8C16 16.5 16.1333 16.4207 16.2 16.262C16.2667 16.104 16.25 15.9583 16.15 15.825L14.15 13.15C14.0667 13.05 13.9583 13 13.825 13C13.6917 13 13.575 13.05 13.475 13.15L11.2 16.05L9.8 14.325C9.71667 14.225 9.60833 14.175 9.475 14.175C9.34167 14.175 9.23333 14.2333 9.15 14.35L8.025 15.825C7.90833 15.9583 7.88767 16.104 7.963 16.262C8.03767 16.4207 8.16667 16.5 8.35 16.5ZM5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H18.375C18.8417 4 19.2293 4.15433 19.538 4.463C19.846 4.771 20 5.15833 20 5.625V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PhotoFilledIcon;

package/src/icons/PhotoIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PhotoIcon = (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_8416"
+        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_8416)">
+        <path
+          d="M7.5 16.5H16.65L13.825 12.725L11.2 16.05L9.45 13.925L7.5 16.5ZM5.625 20C5.15833 20 4.771 19.846 4.463 19.538C4.15433 19.2293 4 18.8417 4 18.375V5.625C4 5.15833 4.15433 4.771 4.463 4.463C4.771 4.15433 5.15833 4 5.625 4H18.375C18.8417 4 19.2293 4.15433 19.538 4.463C19.846 4.771 20 5.15833 20 5.625V18.375C20 18.8417 19.846 19.2293 19.538 19.538C19.2293 19.846 18.8417 20 18.375 20H5.625ZM5.625 19H18.375C18.5417 19 18.6873 18.9373 18.812 18.812C18.9373 18.6873 19 18.5417 19 18.375V5.625C19 5.45833 18.9373 5.31267 18.812 5.188C18.6873 5.06267 18.5417 5 18.375 5H5.625C5.45833 5 5.31267 5.06267 5.188 5.188C5.06267 5.31267 5 5.45833 5 5.625V18.375C5 18.5417 5.06267 18.6873 5.188 18.812C5.31267 18.9373 5.45833 19 5.625 19Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PhotoIcon;

package/src/icons/PhotoLibraryFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PhotoLibraryFilledIcon = (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_9056"
+        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_9056)">
+        <path
+          d="M10 13.7H17C17.1833 13.7 17.3127 13.6207 17.388 13.462C17.4627 13.304 17.4417 13.15 17.325 13L15.4 10.475C15.3167 10.3583 15.2083 10.3 15.075 10.3C14.9417 10.3 14.8333 10.3583 14.75 10.475L12.625 13.125L11.4 11.625C11.3 11.525 11.1833 11.475 11.05 11.475C10.9167 11.475 10.8083 11.5333 10.725 11.65L9.675 13C9.575 13.15 9.56233 13.304 9.637 13.462C9.71233 13.6207 9.83333 13.7 10 13.7ZM8.125 17C7.65833 17 7.271 16.846 6.963 16.538C6.65433 16.2293 6.5 15.8417 6.5 15.375V4.625C6.5 4.15833 6.65433 3.77067 6.963 3.462C7.271 3.154 7.65833 3 8.125 3H18.875C19.3417 3 19.7293 3.154 20.038 3.462C20.346 3.77067 20.5 4.15833 20.5 4.625V15.375C20.5 15.8417 20.346 16.2293 20.038 16.538C19.7293 16.846 19.3417 17 18.875 17H8.125ZM5.125 20C4.65833 20 4.27067 19.846 3.962 19.538C3.654 19.2293 3.5 18.8417 3.5 18.375V7.125C3.5 6.975 3.546 6.854 3.638 6.762C3.72933 6.67067 3.85 6.625 4 6.625C4.15 6.625 4.271 6.67067 4.363 6.762C4.45433 6.854 4.5 6.975 4.5 7.125V18.375C4.5 18.5583 4.55833 18.7083 4.675 18.825C4.79167 18.9417 4.94167 19 5.125 19H16.375C16.525 19 16.646 19.0457 16.738 19.137C16.8293 19.229 16.875 19.35 16.875 19.5C16.875 19.65 16.8293 19.771 16.738 19.863C16.646 19.9543 16.525 20 16.375 20H5.125Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PhotoLibraryFilledIcon;

package/src/icons/PhotoLibraryIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PhotoLibraryIcon = (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_8925"
+        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_8925)">
+        <path
+          d="M10 13.7H17C17.1833 13.7 17.3127 13.6207 17.388 13.462C17.4627 13.304 17.4417 13.15 17.325 13L15.4 10.475C15.3167 10.3583 15.2083 10.3 15.075 10.3C14.9417 10.3 14.8333 10.3583 14.75 10.475L12.625 13.125L11.4 11.625C11.3 11.525 11.1833 11.4793 11.05 11.488C10.9167 11.496 10.8083 11.55 10.725 11.65L9.675 13C9.575 13.15 9.56233 13.304 9.637 13.462C9.71233 13.6207 9.83333 13.7 10 13.7ZM8.125 17C7.65833 17 7.271 16.846 6.963 16.538C6.65433 16.2293 6.5 15.8417 6.5 15.375V4.625C6.5 4.15833 6.65433 3.77067 6.963 3.462C7.271 3.154 7.65833 3 8.125 3H18.875C19.3417 3 19.7293 3.154 20.038 3.462C20.346 3.77067 20.5 4.15833 20.5 4.625V15.375C20.5 15.8417 20.346 16.2293 20.038 16.538C19.7293 16.846 19.3417 17 18.875 17H8.125ZM8.125 16H18.875C19.0583 16 19.2083 15.9417 19.325 15.825C19.4417 15.7083 19.5 15.5583 19.5 15.375V4.625C19.5 4.44167 19.4417 4.29167 19.325 4.175C19.2083 4.05833 19.0583 4 18.875 4H8.125C7.94167 4 7.79167 4.05833 7.675 4.175C7.55833 4.29167 7.5 4.44167 7.5 4.625V15.375C7.5 15.5583 7.55833 15.7083 7.675 15.825C7.79167 15.9417 7.94167 16 8.125 16ZM5.125 20C4.65833 20 4.27067 19.846 3.962 19.538C3.654 19.2293 3.5 18.8417 3.5 18.375V7.125C3.5 6.975 3.546 6.854 3.638 6.762C3.72933 6.67067 3.85 6.625 4 6.625C4.15 6.625 4.271 6.67067 4.363 6.762C4.45433 6.854 4.5 6.975 4.5 7.125V18.375C4.5 18.5583 4.55833 18.7083 4.675 18.825C4.79167 18.9417 4.94167 19 5.125 19H16.375C16.525 19 16.646 19.0457 16.738 19.137C16.8293 19.229 16.875 19.35 16.875 19.5C16.875 19.65 16.8293 19.771 16.738 19.863C16.646 19.9543 16.525 20 16.375 20H5.125Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PhotoLibraryIcon;

package/src/icons/PictureAsPdfFilledIcon.tsx

@@ -0,0 +1,35 @@
+/** @format */
+
+import { Icon, IconProps } from "@chakra-ui/icons";
+
+const PictureAsPdfFilledIcon = (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_8878"
+        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_8878)">
+        <path
+          d="M9.425 10.375H10.65C10.8667 10.375 11.05 10.304 11.2 10.162C11.35 10.0207 11.425 9.84167 11.425 9.625V8.375C11.425 8.15833 11.35 7.979 11.2 7.837C11.05 7.69567 10.8667 7.625 10.65 7.625H9.075C8.95833 7.625 8.85833 7.66233 8.775 7.737C8.69167 7.81233 8.65 7.91667 8.65 8.05V12C8.65 12.1 8.69167 12.1873 8.775 12.262C8.85833 12.3373 8.95 12.375 9.05 12.375C9.13333 12.375 9.21667 12.3373 9.3 12.262C9.38333 12.1873 9.425 12.1 9.425 12V10.375ZM9.425 9.625V8.375H10.65V9.625H9.425ZM14.375 12.375C14.6083 12.375 14.796 12.304 14.938 12.162C15.0793 12.0207 15.15 11.8417 15.15 11.625V8.375C15.15 8.15833 15.0793 7.979 14.938 7.837C14.796 7.69567 14.6083 7.625 14.375 7.625H12.875C12.7583 7.625 12.6583 7.66233 12.575 7.737C12.4917 7.81233 12.45 7.91667 12.45 8.05V11.95C12.45 12.0833 12.4917 12.1873 12.575 12.262C12.6583 12.3373 12.7583 12.375 12.875 12.375H14.375ZM13.225 11.625V8.375H14.375V11.625H13.225ZM17.15 10.375H18.15C18.2667 10.375 18.3627 10.3373 18.438 10.262C18.5127 10.1873 18.55 10.1 18.55 10C18.55 9.9 18.5127 9.81267 18.438 9.738C18.3627 9.66267 18.2667 9.625 18.15 9.625H17.15V8.375H18.15C18.2667 8.375 18.3627 8.33733 18.438 8.262C18.5127 8.18733 18.55 8.1 18.55 8C18.55 7.9 18.5127 7.81233 18.438 7.737C18.3627 7.66233 18.2667 7.625 18.15 7.625H16.8C16.6833 7.625 16.5833 7.66233 16.5 7.737C16.4167 7.81233 16.375 7.91667 16.375 8.05V12C16.375 12.1 16.4167 12.1873 16.5 12.262C16.5833 12.3373 16.675 12.375 16.775 12.375C16.8583 12.375 16.9417 12.3373 17.025 12.262C17.1083 12.1873 17.15 12.1 17.15 12V10.375ZM8.125 17C7.65833 17 7.271 16.846 6.963 16.538C6.65433 16.2293 6.5 15.8417 6.5 15.375V4.625C6.5 4.15833 6.65433 3.77067 6.963 3.462C7.271 3.154 7.65833 3 8.125 3H18.875C19.3417 3 19.7293 3.154 20.038 3.462C20.346 3.77067 20.5 4.15833 20.5 4.625V15.375C20.5 15.8417 20.346 16.2293 20.038 16.538C19.7293 16.846 19.3417 17 18.875 17H8.125ZM5.125 20C4.65833 20 4.27067 19.846 3.962 19.538C3.654 19.2293 3.5 18.8417 3.5 18.375V7.125C3.5 6.975 3.546 6.854 3.638 6.762C3.72933 6.67067 3.85 6.625 4 6.625C4.15 6.625 4.271 6.67067 4.363 6.762C4.45433 6.854 4.5 6.975 4.5 7.125V18.375C4.5 18.5583 4.55833 18.7083 4.675 18.825C4.79167 18.9417 4.94167 19 5.125 19H16.375C16.525 19 16.646 19.0457 16.738 19.137C16.8293 19.229 16.875 19.35 16.875 19.5C16.875 19.65 16.8293 19.771 16.738 19.863C16.646 19.9543 16.525 20 16.375 20H5.125Z"
+          fill="currentColor"
+        />
+      </g>
+    </Icon>
+  );
+};
+
+export default PictureAsPdfFilledIcon;