@canmingir/link 1.1.0

package/minimal/src/assets/icons/email-inbox-icon.jsx

@@ -0,0 +1,140 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function EmailInboxIcon({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const WARNING_LIGHT = theme.palette.warning.light;
+
+  const WARNING_DARK = theme.palette.warning.dark;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      fill="none"
+      viewBox="0 0 96 97"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <g filter="url(#filter0_di_1870_133886)">
+        <path
+          fill={WARNING_LIGHT}
+          fillRule="evenodd"
+          d="M16 20.01v19.82c0 2.618 1.272 5.067 3.463 6.502C26.233 50.768 41.16 60.01 48 60.01s21.767-9.242 28.537-13.678C78.727 44.897 80 42.448 80 39.83V20.01c0-6.628-5.373-12-12-12H28c-6.627 0-12 5.372-12 12zm15 0a3 3 0 000 6h18a3 3 0 000-6H31zm0 14a3 3 0 000 6h30a3 3 0 000-6H31z"
+          clipRule="evenodd"
+        />
+      </g>
+      <g style={{ mixBlendMode: 'overlay' }} filter="url(#filter1_i_1870_133886)">
+        <path
+          fill="#fff"
+          fillOpacity="0.04"
+          fillRule="evenodd"
+          d="M16 20.01v19.82c0 2.618 1.272 5.067 3.463 6.502C26.233 50.768 41.16 60.01 48 60.01s21.767-9.242 28.537-13.678C78.727 44.897 80 42.448 80 39.83V20.01c0-6.628-5.373-12-12-12H28c-6.627 0-12 5.372-12 12zm15 0a3 3 0 000 6h18a3 3 0 000-6H31zm0 14a3 3 0 000 6h30a3 3 0 000-6H31z"
+          clipRule="evenodd"
+        />
+      </g>
+      <path
+        fill={WARNING_DARK}
+        d="M28 23.01a3 3 0 013-3h18a3 3 0 010 6H31a3 3 0 01-3-3zM28 37.01a3 3 0 013-3h30a3 3 0 010 6H31a3 3 0 01-3-3z"
+      />
+      <path
+        fill={PRIMARY_MAIN}
+        d="M16 25.014a266.095 266.095 0 00-5.284 4.026c-2.408 1.883-3.918 4.66-4.121 7.71C6.317 40.9 6 47.868 6 58.01c0 9.591.568 16.343 1.098 20.558.438 3.476 2.765 6.232 6.196 6.94 5.5 1.136 16.005 2.502 34.706 2.502 18.701 0 29.206-1.366 34.706-2.502 3.431-.708 5.758-3.464 6.196-6.94C89.432 74.353 90 67.601 90 58.01c0-10.142-.317-17.11-.595-21.26-.203-3.05-1.713-5.827-4.12-7.71A266.095 266.095 0 0080 25.014V39.83c0 2.619-1.272 5.067-3.463 6.502C69.767 50.768 54.84 60.01 48 60.01s-21.767-9.242-28.537-13.678C17.273 44.897 16 42.45 16 39.83V25.014z"
+      />
+      <g style={{ mixBlendMode: 'overlay' }} filter="url(#filter2_i_1870_133886)">
+        <path
+          fill="#fff"
+          fillOpacity="0.04"
+          d="M16 25.014a266.095 266.095 0 00-5.284 4.026c-2.408 1.883-3.918 4.66-4.121 7.71C6.317 40.9 6 47.868 6 58.01c0 9.591.568 16.343 1.098 20.558.438 3.476 2.765 6.232 6.196 6.94 5.5 1.136 16.005 2.502 34.706 2.502 18.701 0 29.206-1.366 34.706-2.502 3.431-.708 5.758-3.464 6.196-6.94C89.432 74.353 90 67.601 90 58.01c0-10.142-.317-17.11-.595-21.26-.203-3.05-1.713-5.827-4.12-7.71A266.095 266.095 0 0080 25.014V39.83c0 2.619-1.272 5.067-3.463 6.502C69.767 50.768 54.84 60.01 48 60.01s-21.767-9.242-28.537-13.678C17.273 44.897 16 42.45 16 39.83V25.014z"
+        />
+      </g>
+      <defs>
+        <filter
+          id="filter0_di_1870_133886"
+          width="80"
+          height="68"
+          x="12"
+          y="4.01"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx="4" dy="4" />
+          <feGaussianBlur stdDeviation="4" />
+          <feColorMatrix values="0 0 0 0 0.717647 0 0 0 0 0.431373 0 0 0 0 0 0 0 0 0.16 0" />
+          <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_1870_133886" />
+          <feBlend in="SourceGraphic" in2="effect1_dropShadow_1870_133886" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx="-1" dy="-1" />
+          <feGaussianBlur stdDeviation="1" />
+          <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0.717647 0 0 0 0 0.431373 0 0 0 0 0 0 0 0 0.48 0" />
+          <feBlend in2="shape" result="effect2_innerShadow_1870_133886" />
+        </filter>
+        <filter
+          id="filter1_i_1870_133886"
+          width="66"
+          height="54"
+          x="14"
+          y="6.01"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1870_133886" />
+        </filter>
+        <filter
+          id="filter2_i_1870_133886"
+          width="86"
+          height="64.996"
+          x="4"
+          y="23.014"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1870_133886" />
+        </filter>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(EmailInboxIcon);

package/minimal/src/assets/icons/index.js

@@ -0,0 +1,6 @@
+export { default as SentIcon } from './sent-icon';
+export { default as PasswordIcon } from './password-icon';
+export { default as PlanFreeIcon } from './plan-free-icon';
+export { default as EmailInboxIcon } from './email-inbox-icon';
+export { default as PlanStarterIcon } from './plan-starter-icon';
+export { default as PlanPremiumIcon } from './plan-premium-icon';

package/minimal/src/assets/icons/password-icon.jsx

@@ -0,0 +1,107 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PasswordIcon({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const WARNING_LIGHT = theme.palette.warning.light;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      fill="none"
+      viewBox="0 0 96 97"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <path
+        fill={WARNING_LIGHT}
+        d="M36.324 29.4v7.76a4.803 4.803 0 11-9.606 0V29.4c0-11.677 9.405-21.198 21.037-21.388l.353-.002c11.678 0 21.199 9.405 21.388 21.037l.003.353v7.76a4.803 4.803 0 11-9.606 0V29.4c0-6.433-5.181-11.678-11.59-11.783l-.194-.001c-6.499 0-11.785 5.286-11.785 11.784z"
+      />
+      <g style={{ mixBlendMode: 'overlay' }} filter="url(#filter0_i_1870_135517)">
+        <path
+          fill="#fff"
+          fillOpacity="0.04"
+          d="M36.324 29.4v12.563h-9.606V29.4c0-11.677 9.405-21.198 21.037-21.388l.353-.002c11.678 0 21.199 9.405 21.388 21.037l.003.353v12.563h-9.606V29.4c0-6.433-5.181-11.678-11.59-11.783l-.194-.001c-6.499 0-11.785 5.286-11.785 11.784z"
+        />
+      </g>
+      <path
+        fill={PRIMARY_MAIN}
+        fillRule="evenodd"
+        d="M79.217 68.137c0 10.978-8.9 19.877-19.877 19.877H36.877C25.9 88.014 17 79.115 17 68.138v-20.25a8.277 8.277 0 018.277-8.277H70.94a8.277 8.277 0 018.277 8.277v20.25zM44.51 66.872a3.598 3.598 0 003.598 3.598H49.5a2.206 2.206 0 002.206-2.206c0-.91.57-1.705 1.358-2.158a9.932 9.932 0 002.254-1.767 9.865 9.865 0 002.715-7.369c-.268-5.176-4.538-9.312-9.724-9.417h-.064l-.134.001h-.004c-4.643 0-9.152 3.578-9.848 8.557-.071.545.367 1.003.916 1.003h6.204a.01.01 0 00.009-.01c.026-.187.07-.367.132-.54l.02-.056.031-.079.028-.064a2.71 2.71 0 01.935-1.128l.07-.047.06-.038.044-.026.048-.028a2.81 2.81 0 01.215-.108l.087-.038c.045-.018.09-.035.136-.05l.06-.02a2.787 2.787 0 01.351-.089l.057-.01.058-.008.067-.009.128-.011.061-.004.063-.002h.068l.002.002.056-.002c1.406.029 2.61 1.19 2.682 2.595a2.735 2.735 0 01-.748 2.04l-.049.049-.06.057a2.723 2.723 0 01-1.806.746l-.076.001h-.676a2.922 2.922 0 00-2.922 2.922v3.713zm3.598 6.113a3.545 3.545 0 00-.001 7.088h.064a3.544 3.544 0 00-.063-7.088z"
+        clipRule="evenodd"
+      />
+      <g style={{ mixBlendMode: 'overlay' }} filter="url(#filter1_i_1870_135517)">
+        <path
+          fill="#fff"
+          fillOpacity="0.04"
+          fillRule="evenodd"
+          d="M79.217 68.137c0 10.978-8.9 19.877-19.877 19.877H36.877C25.9 88.014 17 79.115 17 68.138v-20.25a8.277 8.277 0 018.277-8.277H70.94a8.277 8.277 0 018.277 8.277v20.25zM44.51 66.872a3.598 3.598 0 003.598 3.598H49.5a2.206 2.206 0 002.206-2.206c0-.91.57-1.705 1.358-2.158a9.932 9.932 0 002.254-1.767 9.865 9.865 0 002.715-7.369c-.268-5.176-4.538-9.312-9.724-9.417h-.064l-.134.001h-.004c-4.643 0-9.152 3.578-9.848 8.557-.071.545.367 1.003.916 1.003h6.204a.01.01 0 00.009-.01c.026-.187.07-.367.132-.54l.02-.056.031-.079.028-.064a2.71 2.71 0 01.935-1.128l.07-.047.06-.038.044-.026.048-.028a2.81 2.81 0 01.215-.108l.087-.038c.045-.018.09-.035.136-.05l.06-.02a2.787 2.787 0 01.351-.089l.057-.01.058-.008.067-.009.128-.011.061-.004.063-.002h.068l.002.002.056-.002c1.406.029 2.61 1.19 2.682 2.595a2.735 2.735 0 01-.748 2.04l-.049.049-.06.057a2.723 2.723 0 01-1.806.746l-.076.001h-.676a2.922 2.922 0 00-2.922 2.922v3.713zm3.598 6.113a3.545 3.545 0 00-.001 7.088h.064a3.544 3.544 0 00-.063-7.088z"
+          clipRule="evenodd"
+        />
+      </g>
+      <path
+        fill="#fff"
+        fillRule="evenodd"
+        d="M48.109 70.456a3.598 3.598 0 01-3.598-3.599v-3.712a2.922 2.922 0 012.922-2.922h.676l.075-.001a2.723 2.723 0 001.808-.746l.06-.058.048-.05a2.735 2.735 0 00.748-2.038c-.072-1.406-1.276-2.567-2.681-2.595l-.057.001h-.001l-.001-.002h-.069l-.062.003-.061.003a2.816 2.816 0 00-.128.012l-.067.008-.058.01-.057.009a2.79 2.79 0 00-.352.088l-.059.02a2.838 2.838 0 00-.136.051l-.087.037.02-.009a2.81 2.81 0 00-.235.117l-.048.028-.044.026-.06.038-.07.047a2.708 2.708 0 00-.935 1.13l-.028.063-.03.079-.021.056a2.764 2.764 0 00-.132.54.01.01 0 01-.01.01h-6.203c-.55 0-.987-.459-.916-1.003.696-4.98 5.205-8.558 9.848-8.558h.202c5.186.105 9.456 4.24 9.724 9.417a9.865 9.865 0 01-2.715 7.368 9.932 9.932 0 01-2.254 1.768c-.788.452-1.358 1.249-1.358 2.157a2.206 2.206 0 01-2.206 2.207h-1.392zm0 2.514a3.544 3.544 0 01.063 7.088h-.064a3.545 3.545 0 010-7.088z"
+        clipRule="evenodd"
+      />
+      <defs>
+        <filter
+          id="filter0_i_1870_135517"
+          width="44.781"
+          height="35.953"
+          x="24.718"
+          y="6.01"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1870_135517" />
+        </filter>
+        <filter
+          id="filter1_i_1870_135517"
+          width="64.217"
+          height="50.404"
+          x="15"
+          y="37.61"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1870_135517" />
+        </filter>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(PasswordIcon);

package/minimal/src/assets/icons/plan-free-icon.jsx

@@ -0,0 +1,49 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PlanFreeIcon({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 80 80"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <g transform="translate(9.167 20)">
+        <path fill={PRIMARY_DARK} d="M53.333 17.5H61.666V25H53.333z" />
+
+        <path
+          fill={PRIMARY_DARKER}
+          d="M.935 20.489l25.028-12.46a5.044 5.044 0 014.52.012L60.74 23.307a1.69 1.69 0 01.015 3.007l-25.338 13.12a5.044 5.044 0 01-4.694-.028L.893 23.49a1.69 1.69 0 01.042-3.001z"
+        />
+
+        <path
+          fill={PRIMARY_DARK}
+          d="M32.5 34.268v4.193a1.134 1.134 0 01-1.566 1.049l-.1-.047v-7.551a2.498 2.498 0 011.666 2.356zM.833 15.962l30 15.95v7.55l-30-15.952v-.02l-.115-.066A1.571 1.571 0 010 22.104v-7.937l.833 1.795z"
+        />
+
+        <path
+          fill={PRIMARY_MAIN}
+          fillRule="nonzero"
+          d="M.935 12.989L25.963.529a5.044 5.044 0 014.52.012L60.74 15.807a1.69 1.69 0 01.015 3.007l-25.338 13.12a5.044 5.044 0 01-4.694-.028L.893 15.99a1.69 1.69 0 01.042-3.001z"
+        />
+      </g>
+    </Box>
+  );
+}
+
+export default memo(PlanFreeIcon);

package/minimal/src/assets/icons/plan-premium-icon.jsx

@@ -0,0 +1,86 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PlanPremiumIcon({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 80 80"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <g transform="translate(0 -9)">
+        <g transform="translate(0 18.271)">
+          <g transform="translate(9.167 19.932)">
+            <path fill={PRIMARY_DARK} d="M53.333 17.441H61.666V24.915999999999997H53.333z" />
+            <path
+              fill={PRIMARY_DARKER}
+              d="M.935 20.42L25.963 8.001a5.059 5.059 0 014.52.012L60.74 23.228a1.68 1.68 0 01.015 2.996L35.417 39.301a5.059 5.059 0 01-4.694-.029L.893 23.41a1.68 1.68 0 01.042-2.99z"
+            />
+            <path
+              fill={PRIMARY_DARK}
+              d="M32.5 34.151v4.18a1.132 1.132 0 01-1.566 1.045l-.1-.047v-7.525A2.49 2.49 0 0132.5 34.15zM.833 15.908l30 15.896v7.525l-30-15.899v-.019l-.115-.066A1.565 1.565 0 010 22.029v-7.91l.833 1.789z"
+            />
+            <path
+              fill={PRIMARY_MAIN}
+              fillRule="nonzero"
+              d="M.935 12.945L25.963.527a5.059 5.059 0 014.52.012L60.74 15.753a1.68 1.68 0 01.015 2.997L35.417 31.827a5.059 5.059 0 01-4.694-.03L.893 15.937a1.68 1.68 0 01.042-2.991z"
+            />
+          </g>
+        </g>
+
+        <g transform="translate(0 9.136)">
+          <g transform="translate(9.167 19.932)">
+            <path fill={PRIMARY_DARK} d="M53.333 17.441H61.666V24.915999999999997H53.333z" />
+            <path
+              fill={PRIMARY_DARKER}
+              d="M.935 20.42L25.963 8.001a5.059 5.059 0 014.52.012L60.74 23.228a1.68 1.68 0 01.015 2.996L35.417 39.301a5.059 5.059 0 01-4.694-.029L.893 23.41a1.68 1.68 0 01.042-2.99z"
+            />
+            <path
+              fill={PRIMARY_DARK}
+              d="M32.5 34.151v4.18a1.132 1.132 0 01-1.566 1.045l-.1-.047v-7.525A2.49 2.49 0 0132.5 34.15zM.833 15.908l30 15.896v7.525l-30-15.899v-.019l-.115-.066A1.565 1.565 0 010 22.029v-7.91l.833 1.789z"
+            />
+            <path
+              fill={PRIMARY_MAIN}
+              fillRule="nonzero"
+              d="M.935 12.945L25.963.527a5.059 5.059 0 014.52.012L60.74 15.753a1.68 1.68 0 01.015 2.997L35.417 31.827a5.059 5.059 0 01-4.694-.03L.893 15.937a1.68 1.68 0 01.042-2.991z"
+            />
+          </g>
+        </g>
+
+        <g transform="translate(9.167 19.932)">
+          <path fill={PRIMARY_DARK} d="M53.333 17.441H61.666V24.915999999999997H53.333z" />
+          <path
+            fill={PRIMARY_DARKER}
+            d="M.935 20.42L25.963 8.001a5.059 5.059 0 014.52.012L60.74 23.228a1.68 1.68 0 01.015 2.996L35.417 39.301a5.059 5.059 0 01-4.694-.029L.893 23.41a1.68 1.68 0 01.042-2.99z"
+          />
+          <path
+            fill={PRIMARY_DARK}
+            d="M32.5 34.151v4.18a1.132 1.132 0 01-1.566 1.045l-.1-.047v-7.525A2.49 2.49 0 0132.5 34.15zM.833 15.908l30 15.896v7.525l-30-15.899v-.019l-.115-.066A1.565 1.565 0 010 22.029v-7.91l.833 1.789z"
+          />
+          <path
+            fill={PRIMARY_MAIN}
+            fillRule="nonzero"
+            d="M.935 12.945L25.963.527a5.059 5.059 0 014.52.012L60.74 15.753a1.68 1.68 0 01.015 2.997L35.417 31.827a5.059 5.059 0 01-4.694-.03L.893 15.937a1.68 1.68 0 01.042-2.991z"
+          />
+        </g>
+      </g>
+    </Box>
+  );
+}
+
+export default memo(PlanPremiumIcon);

package/minimal/src/assets/icons/plan-starter-icon.jsx

@@ -0,0 +1,73 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function PlanStarterIcon({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  const PRIMARY_DARKER = theme.palette.primary.darker;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      viewBox="0 0 80 80"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <g transform="translate(0 -5)">
+        <g transform="translate(0 9.15)">
+          <g transform="translate(9.167 19.963)">
+            <path fill={PRIMARY_DARK} d="M53.333 17.467H61.666V24.953H53.333z" />
+
+            <path
+              fill={PRIMARY_DARKER}
+              d="M.935 20.45L25.963 8.015a5.052 5.052 0 014.52.012L60.74 23.263a1.685 1.685 0 01.015 3.001L35.417 39.361a5.052 5.052 0 01-4.694-.029L.893 23.446a1.685 1.685 0 01.042-2.995z"
+            />
+
+            <path
+              fill={PRIMARY_DARK}
+              d="M32.5 34.204v4.185a1.133 1.133 0 01-1.566 1.047l-.1-.047v-7.537a2.494 2.494 0 011.666 2.352zM.833 15.932l30 15.92v7.537l-30-15.923v-.02l-.115-.066A1.568 1.568 0 010 22.063V14.14l.833 1.792z"
+            />
+
+            <path
+              fill={PRIMARY_MAIN}
+              fillRule="nonzero"
+              d="M.935 12.965L25.963.528a5.052 5.052 0 014.52.012L60.74 15.777a1.685 1.685 0 01.015 3.001L35.417 31.875a5.052 5.052 0 01-4.694-.029L.893 15.96a1.685 1.685 0 01.042-2.995z"
+            />
+          </g>
+        </g>
+
+        <g transform="translate(9.167 19.963)">
+          <path fill={PRIMARY_DARK} d="M53.333 17.467H61.666V24.953H53.333z" />
+
+          <path
+            fill={PRIMARY_DARKER}
+            d="M.935 20.45L25.963 8.015a5.052 5.052 0 014.52.012L60.74 23.263a1.685 1.685 0 01.015 3.001L35.417 39.361a5.052 5.052 0 01-4.694-.029L.893 23.446a1.685 1.685 0 01.042-2.995z"
+          />
+
+          <path
+            fill={PRIMARY_DARK}
+            d="M32.5 34.204v4.185a1.133 1.133 0 01-1.566 1.047l-.1-.047v-7.537a2.494 2.494 0 011.666 2.352zM.833 15.932l30 15.92v7.537l-30-15.923v-.02l-.115-.066A1.568 1.568 0 010 22.063V14.14l.833 1.792z"
+          />
+
+          <path
+            fill={PRIMARY_MAIN}
+            fillRule="nonzero"
+            d="M.935 12.965L25.963.528a5.052 5.052 0 014.52.012L60.74 15.777a1.685 1.685 0 01.015 3.001L35.417 31.875a5.052 5.052 0 01-4.694-.029L.893 15.96a1.685 1.685 0 01.042-2.995z"
+          />
+        </g>
+      </g>
+    </Box>
+  );
+}
+
+export default memo(PlanStarterIcon);

package/minimal/src/assets/icons/sent-icon.jsx

@@ -0,0 +1,73 @@
+import { memo } from 'react';
+
+import Box from '@mui/material/Box';
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function SentIcon({ ...other }) {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  const PRIMARY_DARK = theme.palette.primary.dark;
+
+  return (
+    <Box
+      component="svg"
+      width="100%"
+      height="100%"
+      fill="none"
+      viewBox="0 0 96 97"
+      xmlns="http://www.w3.org/2000/svg"
+      {...other}
+    >
+      <path
+        fill={PRIMARY_DARK}
+        d="M80.476 16.01c-2-2-48.544 35.833-52.269 43.652 0 0-.155 29.249 5.21 30.093 2.904 0 8.228-15.41 9.35-18.755.143-.428.339-.805.612-1.163 11.697-15.343 39.074-51.85 37.097-53.827z"
+      />
+
+      <path
+        fill={PRIMARY_MAIN}
+        d="M11.167 39.109c-2.51 1.716-2.606 4.943-.319 6.946 3.06 2.68 8.372 7.018 17.359 13.62v-.013c3.724-7.82 50.269-45.652 52.269-43.652 1.977 1.977-25.4 38.484-37.097 53.826-.273.36-.47.736-.613 1.163-1.082 3.227-6.071 17.672-9.03 18.699 6.326-1.22 12.623-6.279 18.458-13.265 7.403 4.887 12.643 8.034 15.829 9.86 2.228 1.279 4.962.804 6.134-1.482 6.764-13.202 14.387-52.323 15.821-72.819.231-3.305-2.447-5.951-5.707-5.355-20.295 3.714-59.214 22.977-73.104 32.472zM33.417 89.755z"
+      />
+
+      <g
+        style={{ mixBlendMode: 'overlay' }}
+        fill="#fff"
+        fillOpacity="0.04"
+        filter="url(#filter0_i_1870_134242)"
+      >
+        <path d="M11.167 39.109c-2.51 1.716-2.606 4.943-.319 6.946 3.06 2.68 8.372 7.018 17.359 13.62v-.013c3.724-7.82 50.269-45.652 52.269-43.652 1.977 1.977-25.4 38.484-37.097 53.826-.273.36-.47.736-.613 1.163-1.082 3.227-6.071 17.672-9.03 18.699 6.326-1.22 12.623-6.279 18.458-13.265 7.403 4.887 12.643 8.034 15.829 9.86 2.228 1.279 4.962.804 6.134-1.482 6.764-13.202 14.387-52.323 15.821-72.819.231-3.305-2.447-5.951-5.707-5.355-20.295 3.714-59.214 22.977-73.104 32.472zM33.417 89.755z" />
+      </g>
+
+      <defs>
+        <filter
+          id="filter0_i_1870_134242"
+          width="82.787"
+          height="85.202"
+          x="7.205"
+          y="4.553"
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse"
+        >
+          <feFlood floodOpacity="0" result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+
+          <feOffset dx="-2" dy="-2" />
+          <feGaussianBlur stdDeviation="2" />
+          <feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic" />
+          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" />
+          <feBlend in2="shape" result="effect1_innerShadow_1870_134242" />
+        </filter>
+      </defs>
+    </Box>
+  );
+}
+
+export default memo(SentIcon);

package/minimal/src/assets/illustrations/avatar-shape.jsx

@@ -0,0 +1,36 @@
+import { memo } from 'react';
+import PropTypes from 'prop-types';
+
+import Box from '@mui/material/Box';
+
+// ----------------------------------------------------------------------
+
+function AvatarShape({ sx, ...other }) {
+  return (
+    <Box
+      component="svg"
+      width={144}
+      height={62}
+      fill="none"
+      viewBox="0 0 144 62"
+      xmlns="http://www.w3.org/2000/svg"
+      sx={{
+        color: 'background.paper',
+        ...sx,
+      }}
+      {...other}
+    >
+      <path
+        d="m111.34 23.88c-10.62-10.46-18.5-23.88-38.74-23.88h-1.2c-20.24 0-28.12 13.42-38.74 23.88-7.72 9.64-19.44 11.74-32.66 12.12v26h144v-26c-13.22-.38-24.94-2.48-32.66-12.12z"
+        fill="currentColor"
+        fillRule="evenodd"
+      />
+    </Box>
+  );
+}
+
+AvatarShape.propTypes = {
+  sx: PropTypes.object,
+};
+
+export default memo(AvatarShape);

package/minimal/src/assets/illustrations/background-shape.jsx

@@ -0,0 +1,31 @@
+import { memo } from 'react';
+
+import { useTheme } from '@mui/material/styles';
+
+// ----------------------------------------------------------------------
+
+function BackgroundShape() {
+  const theme = useTheme();
+
+  const PRIMARY_MAIN = theme.palette.primary.main;
+
+  return (
+    <>
+      <defs>
+        <linearGradient id="BG" x1="19.496%" x2="77.479%" y1="71.822%" y2="16.69%">
+          <stop offset="0%" stopColor={PRIMARY_MAIN} />
+          <stop offset="100%" stopColor={PRIMARY_MAIN} stopOpacity="0" />
+        </linearGradient>
+      </defs>
+
+      <path
+        fill="url(#BG)"
+        fillRule="nonzero"
+        d="M0 198.78c0 41.458 14.945 79.236 39.539 107.786 28.214 32.765 69.128 53.365 114.734 53.434a148.44 148.44 0 0056.495-11.036c9.051-3.699 19.182-3.274 27.948 1.107a75.779 75.779 0 0033.957 8.01c5.023 0 9.942-.494 14.7-1.433 13.58-2.67 25.94-8.99 36.09-17.94 6.378-5.627 14.547-8.456 22.897-8.446h.142c27.589 0 53.215-8.732 74.492-23.696 19.021-13.36 34.554-31.696 44.904-53.224C474.92 234.58 480 213.388 480 190.958c0-76.93-59.774-139.305-133.498-139.305-7.516 0-14.88.663-22.063 1.899C305.418 21.42 271.355 0 232.499 0a103.651 103.651 0 00-45.88 10.661c-13.24 6.487-25.011 15.705-34.64 26.939-32.698.544-62.931 11.69-87.676 30.291C25.351 97.155 0 144.882 0 198.781z"
+        opacity="0.2"
+      />
+    </>
+  );
+}
+
+export default memo(BackgroundShape);