ADDED Materialize theme

theme/packages/starterkit/src/assets/i18n/de.json

@@ -0,0 +1,7 @@
+{
+  "Starter": "Menüebene",
+  "Menu Level": "Menüebene",
+  "Menu 1": "Menü 1",
+  "Menu 2": "Menü 2",
+  "Disabled": "Behinderte"
+}

theme/packages/starterkit/src/assets/i18n/en.json

@@ -0,0 +1,7 @@
+{
+  "Starter": "Starter",
+  "Menu Level": "Menu Level",
+  "Menu 1": "Menu 1",
+  "Menu 2": "Menu 2",
+  "Disabled": "Disabled"
+}

theme/packages/starterkit/src/assets/i18n/es.json

@@ -0,0 +1,7 @@
+{
+  "Starter": "Analítica",
+  "Menu Level": "Nível do menu",
+  "Menu 1": "Menu 1",
+  "Menu 2": "Menu 2",
+  "Disabled": "Desabilitada"
+}

theme/packages/starterkit/src/assets/i18n/fr.json

@@ -0,0 +1,7 @@
+{
+  "Starter": "Analytique",
+  "Menu Level": "Niveau menu",
+  "Menu 1": "Menu 1",
+  "Menu 2": "Menu 2",
+  "Disabled": "Désactivé"
+}

theme/packages/starterkit/src/assets/images/backgrounds/errorimg.svg

@@ -0,0 +1,44 @@
+<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1928_12651)">
+<path d="M46.6595 263.061H132.417V302.279H46.6595V263.061Z" fill="white" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68.098 262.016L68.1161 286.854L74.3762 276.658L80.6362 286.854L86.2362 277.737L91.351 286.07V262.082L68.098 262.016Z" fill="#FEBA91"/>
+<path d="M78.3365 135.682L76.1996 127.746" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M119.924 200.748C120.451 195.082 122.094 184.575 108.492 178.053C94.8894 171.531 86.5919 165.048 82.9661 150.535" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M85.479 148.43L82.0888 135.831C81.7372 134.524 80.3928 133.75 79.0859 134.102L77.3426 134.571C76.0357 134.922 75.2614 136.267 75.613 137.574L79.0032 150.173C79.3548 151.48 80.6993 152.254 82.0061 151.902L83.7495 151.433C85.0563 151.082 85.8306 149.737 85.479 148.43Z" fill="#49BEFF"/>
+<path d="M54.4356 174.313L46.2195 174.307" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M68.6013 170.738H55.5538C54.2005 170.738 53.1034 171.835 53.1034 173.189V174.994C53.1034 176.347 54.2005 177.444 55.5538 177.444H68.6013C69.9546 177.444 71.0517 176.347 71.0517 174.994V173.189C71.0517 171.835 69.9546 170.738 68.6013 170.738Z" fill="#49BEFF"/>
+<path d="M69.1439 173.776C69.1439 173.776 99.3411 172.076 113.45 197.439" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M247.717 230.643C255.821 230.643 261.581 232.535 261.967 250.773C262.353 269.011 261.545 285.497 277.459 285.286C292.164 285.09 288.897 279.141 295.693 279.403" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M311.252 272.082H294.259C293.175 272.082 292.297 272.96 292.297 274.044V284.629C292.297 285.713 293.175 286.591 294.259 286.591H311.252C312.335 286.591 313.214 285.713 313.214 284.629V274.044C313.214 272.96 312.335 272.082 311.252 272.082Z" fill="#49BEFF"/>
+<path d="M306.022 272.061L306.001 286.615" stroke="#2E186A" stroke-width="1.80839" stroke-linejoin="round"/>
+<path d="M309.769 275.961H320.969M309.769 281.386H320.969" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M254.122 66.3633V73.7898M257.835 70.0765H250.411" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M201.31 93.5551V100.979M205.021 97.2683H197.597M158.693 57.4746V64.8981M162.403 61.1878H154.979M113.983 117.872V125.295M117.696 121.582H110.27M62.7392 89.1094V96.5359M66.4495 92.8227H59.026M54.6346 199.183V206.607M58.3448 202.897H50.9214M39.7304 137.74V145.167M43.4437 141.453H36.0172M287.719 159.049V166.476M291.432 162.762H284.008M301.447 97.4763V104.903M305.157 101.19H297.734M328.899 206.504V213.928M332.612 210.215H325.185" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M290.784 206.212L257.244 175.49H205.03L205.542 176.129H114.245L80.7749 206.851V214.781H114.23V303.283H257.784V214.127H290.784V206.212Z" fill="#5D87FF"/>
+<path d="M245.128 256.461H237.807V287.05H229.44V255.937H222.643L234.148 223.777L245.128 256.461Z" fill="white"/>
+<path d="M205.623 183.318V300.451M205.361 183.282L174.727 214.353M201.964 179.529L174.468 207.418M114.55 214.694H174.513V207.556H81.6188M257.569 214.067H225.401V206.929H288.071M205.711 183.107L225.003 213.973M213.176 187.754L225.449 207.068" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M187.069 233.648H130.578C128.081 233.648 126.057 235.673 126.057 238.169V264.424C126.057 266.921 128.081 268.945 130.578 268.945H187.069C189.566 268.945 191.59 266.921 191.59 264.424V238.169C191.59 235.673 189.566 233.648 187.069 233.648Z" fill="#2E186A"/>
+<path d="M132.637 257.178C132.511 257.18 132.387 257.157 132.271 257.109C132.155 257.062 132.05 256.992 131.962 256.903C131.871 256.816 131.801 256.711 131.753 256.595C131.706 256.479 131.684 256.354 131.687 256.228C131.684 256.031 131.743 255.838 131.856 255.677L143.288 239.148C143.374 239.022 143.491 238.921 143.628 238.854C143.765 238.786 143.917 238.756 144.069 238.765C144.194 238.764 144.318 238.787 144.434 238.834C144.55 238.881 144.655 238.951 144.744 239.04C144.832 239.128 144.902 239.234 144.949 239.349C144.996 239.465 145.02 239.59 145.018 239.715V255.279H147.881C148.006 255.279 148.13 255.304 148.245 255.351C148.36 255.399 148.465 255.469 148.553 255.557C148.641 255.645 148.711 255.75 148.759 255.865C148.806 255.98 148.831 256.104 148.831 256.228C148.831 256.353 148.806 256.476 148.759 256.592C148.711 256.707 148.641 256.812 148.553 256.9C148.465 256.988 148.36 257.058 148.245 257.105C148.13 257.153 148.006 257.178 147.881 257.178H145.018V262.32C145.018 262.571 144.918 262.813 144.74 262.991C144.562 263.169 144.321 263.269 144.069 263.269C143.817 263.269 143.575 263.169 143.397 262.991C143.219 262.813 143.119 262.571 143.119 262.32V257.178H132.637ZM143.119 255.279V242.789L134.472 255.279H143.119Z" fill="white"/>
+<path d="M151.278 250.972C151.239 248.843 151.507 246.719 152.074 244.667C152.604 242.893 153.35 241.486 154.31 240.447C154.885 239.911 155.547 239.479 156.269 239.169C157.003 238.863 157.789 238.705 158.584 238.705C159.379 238.705 160.166 238.863 160.899 239.169C161.616 239.482 162.276 239.914 162.849 240.447C163.819 241.49 164.567 242.897 165.091 244.667C166.144 248.81 166.144 253.152 165.091 257.295C164.567 259.072 163.819 260.478 162.849 261.515C162.277 262.05 161.618 262.482 160.899 262.793C160.166 263.101 159.379 263.26 158.584 263.26C157.789 263.26 157.002 263.101 156.269 262.793C155.549 262.487 154.888 262.056 154.316 261.521C153.356 260.48 152.61 259.074 152.08 257.301C151.51 255.241 151.24 253.109 151.278 250.972ZM158.578 240.595C158.033 240.587 157.492 240.692 156.989 240.902C156.486 241.113 156.032 241.425 155.654 241.819C154.011 243.657 153.19 246.708 153.192 250.972C153.194 255.236 154.015 258.302 155.654 260.171C156.033 260.562 156.487 260.871 156.99 261.078C157.494 261.286 158.034 261.387 158.578 261.376C159.122 261.384 159.661 261.281 160.164 261.074C160.666 260.867 161.121 260.559 161.502 260.171C163.157 258.314 163.984 255.248 163.982 250.972C163.98 246.696 163.153 243.645 161.502 241.819C161.122 241.429 160.667 241.12 160.164 240.91C159.662 240.701 159.122 240.596 158.578 240.601V240.595Z" fill="white"/>
+<path d="M169.368 257.178C169.243 257.179 169.119 257.155 169.004 257.108C168.888 257.061 168.783 256.991 168.695 256.902C168.607 256.814 168.537 256.709 168.49 256.593C168.443 256.477 168.42 256.353 168.422 256.228C168.419 256.032 168.477 255.839 168.588 255.677L180.023 239.148C180.108 239.022 180.225 238.92 180.362 238.853C180.499 238.786 180.651 238.756 180.803 238.765C180.928 238.762 181.052 238.785 181.168 238.832C181.284 238.879 181.388 238.95 181.475 239.04C181.565 239.127 181.636 239.233 181.684 239.349C181.731 239.465 181.755 239.589 181.753 239.715V255.279H184.613C184.738 255.277 184.863 255.3 184.979 255.348C185.095 255.396 185.2 255.467 185.288 255.556C185.464 255.736 185.562 255.978 185.562 256.23C185.562 256.482 185.464 256.723 185.288 256.904C185.2 256.992 185.094 257.062 184.978 257.109C184.862 257.157 184.738 257.18 184.613 257.178H181.744V262.32C181.746 262.445 181.722 262.57 181.675 262.686C181.627 262.802 181.556 262.907 181.466 262.995C181.287 263.17 181.045 263.269 180.794 263.269C180.543 263.269 180.302 263.17 180.122 262.995C180.032 262.907 179.961 262.802 179.914 262.686C179.866 262.57 179.843 262.445 179.845 262.32V257.178H169.368ZM179.854 255.279V242.789L171.195 255.279H179.854Z" fill="white"/>
+<path d="M240.396 123.902C234.368 122.248 230.025 123.269 230.025 123.269C226.191 114.731 214.051 106.798 214.051 106.798C205.512 111.244 209.433 129.373 209.433 129.373L204.553 131.202C198.453 123.794 189.911 115.689 187.449 115.514C181.762 115.111 181.566 140.615 181.566 140.615C167.728 148.846 153.575 157.448 142.562 164.859C142.969 159.564 145.491 152.722 151.64 144.364C162.882 129.068 165.366 108.838 154.994 96.6047C140.44 79.4249 127.106 85.2721 119.176 92.8583C111.156 100.526 109.935 114.035 122.492 105.059C135.123 96.0169 141.317 100.701 147.242 111.858C153.168 123.016 134.867 140.19 126.328 154.127C121.539 161.945 119.179 169.67 119.282 176.129H177.211C177.093 176.261 176.978 176.391 176.876 176.521L179.748 176.129H198.191C205.554 183.215 222.815 196.419 226.67 188.809C228.614 184.978 229.464 180.776 228.656 176.789C230.365 180.053 235.712 189.276 240.36 186.693C244.386 184.456 247.593 178.193 246.813 171.623C249.808 168.859 252.114 165.917 253.558 162.831C265.322 141.661 245.746 125.376 240.396 123.902Z" fill="#49BEFF"/>
+<path d="M246.409 136.519C253.6 125.536 270.596 123.969 270.596 123.969M249.417 145.407C251.117 142.007 263.667 134.949 273.079 137.694" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M208.243 154.688C203.098 153.006 192.811 151.852 184.938 159.411M207.803 150.158C202.835 145.845 189.631 144.666 180.481 151.595" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M190.198 117.693C190.198 117.693 183.66 133.249 190.852 138.49" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M215.428 108.936C215.428 108.936 212.028 120.69 215.166 128.674" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M216.733 147.931C217.961 147.509 218.416 145.596 217.75 143.658C217.084 141.72 215.549 140.491 214.321 140.914C213.093 141.336 212.638 143.249 213.304 145.186C213.97 147.124 215.505 148.353 216.733 147.931Z" fill="#2E186A"/>
+<path d="M234.379 142.31C235.607 141.888 236.062 139.975 235.396 138.037C234.73 136.099 233.195 134.87 231.967 135.292C230.739 135.714 230.284 137.628 230.95 139.565C231.616 141.503 233.151 142.732 234.379 142.31Z" fill="#2E186A"/>
+<path d="M232.795 145.946L230.624 149.521C230.465 149.769 230.215 149.946 229.927 150.013C229.64 150.08 229.337 150.032 229.084 149.879L225.724 147.875C225.544 147.774 225.4 147.621 225.308 147.437C225.217 147.252 225.183 147.045 225.211 146.841C225.239 146.637 225.327 146.446 225.465 146.293C225.603 146.14 225.783 146.032 225.983 145.982L231.514 144.412C232.469 144.138 233.283 145.123 232.795 145.946Z" fill="#2E186A"/>
+<path d="M227.002 153.281C230.465 157.672 230.353 152.202 229.805 149.32C230.92 151.825 233.87 155.457 234.326 151.43" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M222.683 190.966C222.333 190.008 216.866 179.133 211.461 175.037M219.219 171.812C219.479 171.9 225.85 182.361 226.103 189.505" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M176.864 176.526C181.831 170.381 204.593 158.485 217.251 164.238C229.91 169.992 230.977 180.318 226.664 188.814" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M232.487 170.498C232.487 170.498 238.37 181.674 238.5 187.099M239.808 168.023C239.808 168.023 244.121 181.029 241.574 186.062" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M222.086 166.15C223.674 163.597 237.635 155.254 243.82 163.934C244.944 165.511 246.171 168.582 246.671 170.246" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M0.904175 302.523H359.096" stroke="#2E186A" stroke-width="1.80839" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1928_12651">
+<rect width="360" height="360" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme/packages/starterkit/src/assets/images/backgrounds/maintenance.svg

@@ -0,0 +1,54 @@
+<svg width="360" height="199" viewBox="0 0 360 199" fill="none" xmlns="http://www.w3.org/2000/svg">
+<mask id="mask0_1968_12144" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="-78" width="360" height="360">
+<path d="M360 -78H0V282H360V-78Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_1968_12144)">
+<path d="M263.066 164.022C265.813 164.411 275.401 164.23 280.366 146.041C285.331 127.853 307.094 135.002 307.094 135.002" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M307.577 139.39C310.101 139.39 312.147 137.343 312.147 134.819C312.147 132.294 310.101 130.248 307.577 130.248C305.052 130.248 303.006 132.294 303.006 134.819C303.006 137.343 305.052 139.39 307.577 139.39Z" fill="#FEBA91"/>
+<path d="M260.459 99.9435C268.081 101.207 286.48 94.0115 282.132 76.7165C277.785 59.4215 294.73 54.7715 294.73 54.7715" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M306.416 57.6909L310.64 52.3029M301.593 53.0179L305.817 47.6299M295.561 48.1389L299.787 42.7539M288.895 43.9759L293.122 38.5879" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M307.901 57.1488L305.081 61.0938C304.781 61.5118 304.328 61.7948 303.821 61.8788C303.313 61.9628 302.793 61.8428 302.374 61.5428L285.987 49.8238C285.569 49.5248 285.286 49.0718 285.202 48.5638C285.118 48.0568 285.238 47.5358 285.538 47.1178L288.358 43.1738L307.901 57.1488Z" fill="#FEBA91"/>
+<path d="M316.421 87.9154L325.292 82.1484M243.365 158.256C250.662 157.602 264.345 157.223 269.42 138.48C274.496 119.737 280.765 107.723 298.285 99.7304" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M302.478 101.8L318.267 91.5354C319.256 90.8924 319.537 89.5684 318.893 88.5794L316.518 84.9254C315.875 83.9364 314.551 83.6554 313.562 84.2984L297.773 94.5634C296.783 95.2074 296.503 96.5304 297.146 97.5204L299.522 101.173C300.165 102.163 301.488 102.443 302.478 101.8Z" fill="#49BEFF"/>
+<path d="M27.002 136.25C40.8483 137.301 42.8564 142.742 46.4783 148.23C50.1003 153.718 55.3544 158.712 65.2135 152.78C71.9474 148.724 75.8953 148.54 78.5894 149.839" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.0298 141.362C26.5541 141.362 28.6005 139.316 28.6005 136.791C28.6005 134.267 26.5541 132.221 24.0298 132.221C21.5054 132.221 19.459 134.267 19.459 136.791C19.459 139.316 21.5054 141.362 24.0298 141.362Z" fill="#49BEFF"/>
+<path d="M46.0536 50.4507L31.7096 48.9787C30.2656 48.8307 28.9748 49.8817 28.8266 51.3257L26.9007 70.0907C26.7525 71.5347 27.8029 72.8257 29.247 72.9737L43.591 74.4457C45.035 74.5937 46.3258 73.5438 46.474 72.0998L48.3999 53.3337C48.5482 51.8897 47.4977 50.5997 46.0536 50.4507Z" fill="#FEBA91"/>
+<path d="M35.9447 55.1831L23.1077 53.6641M35.1851 61.6021L22.3481 60.0801M34.4229 68.0201L21.5859 66.4981M77.4181 87.8171C69.7669 76.0611 63.0277 62.1771 47.2915 62.6531" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M41.4292 49.8164L38.5801 73.8064" stroke="#2E186A" stroke-width="1.57703" stroke-linejoin="round"/>
+<path d="M18.4208 111.183C18.8955 110.795 19.2752 110.303 19.5308 109.746C19.7864 109.188 19.9111 108.58 19.8953 107.967C19.8796 107.354 19.7239 106.752 19.4401 106.209C19.1563 105.665 18.7519 105.193 18.2578 104.83" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.2626 101.65L17.0536 103.745C14.9325 104.037 13.4498 105.993 13.7418 108.114L13.8616 108.984C14.1537 111.105 16.1099 112.588 18.2311 112.296L33.44 110.201C35.5611 109.909 37.0438 107.953 36.7518 105.832L36.632 104.962C36.34 102.841 34.3837 101.358 32.2626 101.65Z" fill="#FEBA91"/>
+<path d="M16.4911 108.211L6.01172 109.654M78.7498 112.587C65.0979 104.226 53.3569 100.867 36.9925 105.672" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M262.077 11.5234L194.422 11.555L200.236 15.8944L199.894 191.568L215.665 191.489V182.216C215.664 181.639 215.777 181.067 215.997 180.534C216.218 180 216.541 179.515 216.949 179.106C217.357 178.698 217.841 178.374 218.374 178.152C218.908 177.931 219.479 177.817 220.057 177.816H249.991C250.568 177.817 251.14 177.931 251.673 178.153C252.206 178.374 252.69 178.699 253.097 179.107C253.505 179.516 253.828 180.001 254.048 180.534C254.268 181.068 254.381 181.639 254.381 182.216V191.679H268.5V17.984C268.503 17.138 268.339 16.2998 268.017 15.5173C267.696 14.7348 267.223 14.0232 266.627 13.4233C266.03 12.8234 265.321 12.3468 264.541 12.0209C263.76 11.6949 262.923 11.5259 262.077 11.5234Z" fill="#5D87FF"/>
+<path d="M190.524 191.568V181.72C190.524 181.144 190.41 180.573 190.189 180.042C189.968 179.51 189.645 179.026 189.237 178.619C188.829 178.213 188.346 177.89 187.813 177.67C187.281 177.45 186.711 177.337 186.135 177.338H100.783C100.207 177.337 99.6365 177.45 99.1042 177.67C98.5719 177.89 98.0881 178.213 97.6804 178.619C97.2728 179.026 96.9493 179.51 96.7285 180.042C96.5077 180.573 96.3939 181.144 96.3935 181.72V191.518H77.5795L77.5664 18.2417C77.5671 17.4722 77.7194 16.7105 78.0147 15.9999C78.3099 15.2893 78.7423 14.6439 79.2872 14.1005C79.832 13.5572 80.4786 13.1265 81.1899 12.8332C81.9013 12.5398 82.6635 12.3895 83.433 12.3909L194.088 12.3594C194.933 12.3587 195.769 12.5245 196.55 12.8473C197.33 13.1701 198.039 13.6436 198.637 14.2407C199.234 14.8378 199.708 15.5468 200.031 16.3271C200.354 17.1074 200.52 17.9438 200.52 18.7884V191.687L190.524 191.568Z" fill="white" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M183.478 24.7461H96.0396C91.6006 24.7461 88.002 28.3451 88.002 32.7841V159.706C88.002 164.145 91.6006 167.744 96.0396 167.744H183.478C187.917 167.744 191.516 164.145 191.516 159.706V32.7841C191.516 28.3451 187.917 24.7461 183.478 24.7461Z" fill="#2E186A"/>
+<path d="M200.113 86.9531H268.496V106.219H200.113V86.9531Z" fill="#2E186A"/>
+<path d="M239.104 98.3616C240.086 98.3616 240.881 97.5666 240.881 96.5846C240.881 95.6036 240.086 94.8086 239.104 94.8086C238.123 94.8086 237.328 95.6036 237.328 96.5846C237.328 97.5666 238.123 98.3616 239.104 98.3616Z" fill="white"/>
+<path d="M229.675 98.3616C230.656 98.3616 231.452 97.5666 231.452 96.5846C231.452 95.6036 230.656 94.8086 229.675 94.8086C228.693 94.8086 227.898 95.6036 227.898 96.5846C227.898 97.5666 228.693 98.3616 229.675 98.3616Z" fill="white"/>
+<path d="M259.795 94.3105H249.102C248.551 94.3105 248.104 94.7575 248.104 95.3085V97.8635C248.104 98.4155 248.551 98.8625 249.102 98.8625H259.795C260.346 98.8625 260.792 98.4155 260.792 97.8635V95.3085C260.792 94.7575 260.346 94.3105 259.795 94.3105Z" fill="#5D87FF"/>
+<path d="M219.539 94.3105H208.846C208.295 94.3105 207.848 94.7575 207.848 95.3085V97.8635C207.848 98.4155 208.295 98.8625 208.846 98.8625H219.539C220.09 98.8625 220.538 98.4155 220.538 97.8635V95.3085C220.538 94.7575 220.09 94.3105 219.539 94.3105Z" fill="#5D87FF"/>
+<path d="M200.578 23.541H268.408V40.678H200.578V23.541Z" fill="#2E186A"/>
+<path d="M200.73 114.354H268.466V143.108H200.73V114.354Z" fill="#2E186A"/>
+<path d="M201.283 50.8906H268.409M201.283 63.8406H268.409M201.283 76.7906H268.409" stroke="white" stroke-width="1.57703" stroke-linejoin="round"/>
+<path d="M185.786 24.7476H144.92C130.09 23.5096 85.9698 27.3386 83.6463 38.8956C81.3228 50.4526 105.987 55.2496 105.987 55.2496C95.8367 81.1286 104.824 90.9956 114.925 96.8806C118.342 102.987 123.274 107.597 129.193 109.76L129.125 109.928C126.015 112.649 123.56 118.36 125.445 122.842C122.087 121.56 118.466 121.125 114.9 121.574C111.333 122.023 107.933 123.343 104.997 125.418L88.1618 119.399C87.5029 119.32 86.8348 119.407 86.2176 119.651C85.6004 119.894 85.0533 120.288 84.6255 120.795C84.1977 121.302 83.9026 121.908 83.7665 122.557C83.6305 123.207 83.6578 123.88 83.846 124.516C86.3877 133.058 91.2791 138.349 95.5056 141.501C95.2951 142.878 95.1757 144.268 95.1481 145.661C95.1323 146.468 95.1271 147.252 95.1297 148.027C90.757 150.744 86.837 154.129 83.5122 158.06C81.9352 159.899 82.5055 162.478 84.0195 164.176C87.5547 168.118 95.5844 171.12 104.648 168.523H185.786C186.556 168.523 187.318 168.371 188.029 168.076C188.74 167.781 189.386 167.349 189.93 166.804C190.473 166.259 190.904 165.612 191.198 164.901C191.491 164.189 191.641 163.426 191.639 162.657V31.4206C191.639 28.1876 189.019 24.7476 185.786 24.7476Z" fill="#49BEFF"/>
+<path d="M173.108 150.378C151.632 147.895 156.878 129.141 156.039 123.716C155.209 118.333 140.795 115.445 140.056 125.383C139.557 132.064 136.043 153.703 152.381 160.382" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M145.287 119.439C144.627 122.88 143.184 131.753 145 135.473M150.79 119.534C150.168 122.725 148.751 131.262 150.588 134.873" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M150.817 119.068C143.005 112.284 132.681 107.211 127.104 110.744M123.855 121.289C125.621 125.965 128.978 127.397 132.999 128.386C135.706 129.053 137.667 129.679 139.491 130.538M139.949 126.06L134.553 123.778M142.835 120.13L138.274 117.622" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M83.6113 159.766C83.6113 159.766 91.5911 167.125 102.707 160.791" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M85.9863 121.498C85.9863 121.498 87.5449 130.637 97.814 134.056" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M186.923 103.065C176.788 101.152 167.165 94.3181 165.081 70.2861C164.963 70.1841 144.075 86.1221 134.237 70.8881C127.952 59.2711 152.184 44.8091 163.814 36.9531" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M141.962 25.4336C137.494 27.7826 133.025 31.2976 128.649 35.3216C108.148 54.2136 106.526 81.4916 114.456 97.5196" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M142.377 64.025C143.569 64.025 144.535 63.059 144.535 61.867C144.535 60.675 143.569 59.709 142.377 59.709C141.185 59.709 140.219 60.675 140.219 61.867C140.219 63.059 141.185 64.025 142.377 64.025Z" fill="#2E186A"/>
+<path d="M144.824 70.773C146.016 70.773 146.982 69.807 146.982 68.615C146.982 67.423 146.016 66.457 144.824 66.457C143.632 66.457 142.666 67.423 142.666 68.615C142.666 69.807 143.632 70.773 144.824 70.773Z" fill="#2E186A"/>
+<path d="M152.554 72.8414C153.746 72.8414 154.712 71.8754 154.712 70.6834C154.712 69.4924 153.746 68.5254 152.554 68.5254C151.363 68.5254 150.396 69.4924 150.396 70.6834C150.396 71.8754 151.363 72.8414 152.554 72.8414Z" fill="#2E186A"/>
+<path d="M151.178 66.8543C154.029 66.8543 156.34 64.5423 156.34 61.6913C156.34 58.8403 154.029 56.5293 151.178 56.5293C148.327 56.5293 146.016 58.8403 146.016 61.6913C146.016 64.5423 148.327 66.8543 151.178 66.8543Z" fill="#2E186A"/>
+<path d="M94.8278 40.984C96.0196 40.984 96.9857 40.018 96.9857 38.826C96.9857 37.634 96.0196 36.668 94.8278 36.668C93.636 36.668 92.6699 37.634 92.6699 38.826C92.6699 40.018 93.636 40.984 94.8278 40.984Z" fill="#2E186A"/>
+<path d="M97.3616 35.306C97.9424 35.325 98.5213 35.23 99.0652 35.025C99.6091 34.821 100.108 34.511 100.532 34.114C100.956 33.717 101.298 33.24 101.538 32.711C101.778 32.182 101.911 31.61 101.93 31.029C101.935 30.241 101.762 29.461 101.425 28.748C98.4235 29.169 95.6768 30.278 93.1588 31.143C93.1168 33.553 94.9409 35.224 97.3616 35.306ZM86.3802 35.143C86.366 35.556 86.471 35.965 86.6826 36.321C86.8942 36.676 87.2035 36.963 87.5737 37.148C87.9439 37.333 88.3594 37.407 88.7706 37.362C89.1819 37.317 89.5716 37.155 89.8934 36.895C90.2151 36.635 90.4553 36.288 90.5854 35.895C90.7154 35.503 90.7298 35.081 90.6269 34.68C90.524 34.279 90.3081 33.917 90.0048 33.635C89.7016 33.354 89.3239 33.166 88.9166 33.093C88.0234 33.596 87.1833 34.187 86.4091 34.859C86.3927 34.953 86.3831 35.048 86.3802 35.143Z" fill="#2E186A"/>
+<path d="M107.737 138.46C109.506 138.174 110.793 137.033 110.612 135.912C110.431 134.791 108.85 134.113 107.081 134.399C105.312 134.685 104.025 135.827 104.206 136.948C104.387 138.069 105.968 138.745 107.737 138.46Z" fill="#2E186A"/>
+<path d="M111.662 153.458C113.427 153.177 114.713 152.043 114.535 150.925C114.357 149.807 112.782 149.128 111.017 149.409C109.253 149.69 107.967 150.824 108.145 151.943C108.323 153.061 109.898 153.739 111.662 153.458Z" fill="#2E186A"/>
+<path d="M115.442 135.708L119.33 138.157C119.462 138.241 119.576 138.35 119.665 138.478C119.754 138.607 119.817 138.752 119.849 138.905C119.881 139.058 119.881 139.216 119.851 139.369C119.82 139.523 119.759 139.668 119.671 139.798L117.332 143.246C117.207 143.431 117.031 143.576 116.825 143.663C116.619 143.751 116.393 143.778 116.172 143.74C115.952 143.702 115.747 143.602 115.582 143.451C115.417 143.3 115.299 143.105 115.243 142.888L113.692 136.99C113.631 136.764 113.641 136.524 113.718 136.303C113.796 136.082 113.939 135.889 114.129 135.751C114.318 135.612 114.544 135.534 114.779 135.526C115.013 135.518 115.245 135.582 115.442 135.708Z" fill="#2E186A"/>
+<path d="M123.384 141.793C128.378 138.361 122.332 138.213 119.102 138.639C121.925 137.588 126.057 134.655 121.623 133.984" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M111.985 102.421C109.018 108.971 108.269 119.137 115.373 130.545M123.009 101.756C118.611 107.638 115.846 117.455 120.275 129.948" stroke="white" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M128.924 178.978C124.588 175.133 118.915 163.734 120.55 151.906M139.254 175.091C134.194 172.268 126.209 162.364 125.263 150.463" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M359.212 191.643H0.789062" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+</svg>

theme/packages/starterkit/src/assets/images/backgrounds/maintenance2.svg

@@ -0,0 +1,57 @@
+<svg width="360" height="360" viewBox="0 0 360 360" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1928_12776)">
+<path d="M263.065 242.022C265.812 242.411 275.4 242.23 280.365 224.041C285.33 205.853 307.093 213.002 307.093 213.002" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M307.577 217.39C310.101 217.39 312.147 215.343 312.147 212.819C312.147 210.294 310.101 208.248 307.577 208.248C305.052 208.248 303.006 210.294 303.006 212.819C303.006 215.343 305.052 217.39 307.577 217.39Z" fill="#FEBA91"/>
+<path d="M260.458 177.943C268.08 179.207 286.479 172.011 282.131 154.716C277.784 137.421 294.729 132.771 294.729 132.771" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M306.415 135.691L310.639 130.303ZM301.592 131.018L305.816 125.63ZM295.56 126.139L299.786 120.754ZM288.894 121.976L293.121 116.588Z" fill="white"/>
+<path d="M306.415 135.691L310.639 130.303M301.592 131.018L305.816 125.63M295.56 126.139L299.786 120.754M288.894 121.976L293.121 116.588" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M307.9 135.148L305.08 139.093C304.78 139.511 304.327 139.794 303.82 139.878C303.312 139.962 302.792 139.842 302.373 139.542L285.986 127.823C285.568 127.524 285.285 127.071 285.201 126.563C285.117 126.056 285.237 125.535 285.537 125.117L288.357 121.173L307.9 135.148Z" fill="#FEBA91"/>
+<path d="M316.421 165.915L325.292 160.148M243.365 236.256C250.662 235.602 264.345 235.223 269.42 216.48C274.496 197.737 280.765 185.723 298.285 177.73" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M302.477 179.801L318.266 169.536C319.255 168.893 319.536 167.569 318.892 166.58L316.517 162.926C315.874 161.937 314.55 161.656 313.561 162.299L297.772 172.564C296.782 173.208 296.502 174.531 297.145 175.521L299.521 179.174C300.164 180.164 301.487 180.444 302.477 179.801Z" fill="#49BEFF"/>
+<path d="M27.0015 214.25C40.8478 215.301 42.8559 220.742 46.4778 226.23C50.0998 231.718 55.3539 236.712 65.213 230.78C71.9469 226.724 75.8948 226.54 78.5889 227.839" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M24.0288 219.362C26.5531 219.362 28.5995 217.316 28.5995 214.791C28.5995 212.267 26.5531 210.221 24.0288 210.221C21.5044 210.221 19.458 212.267 19.458 214.791C19.458 217.316 21.5044 219.362 24.0288 219.362Z" fill="#49BEFF"/>
+<path d="M46.0537 128.451L31.7097 126.979C30.2657 126.831 28.9749 127.882 28.8267 129.326L26.9008 148.091C26.7526 149.535 27.803 150.826 29.2471 150.974L43.5911 152.446C45.0351 152.594 46.3259 151.544 46.4741 150.1L48.4 131.334C48.5483 129.89 47.4978 128.6 46.0537 128.451Z" fill="#FEBA91"/>
+<path d="M35.9432 133.183L23.1062 131.664M35.1836 139.602L22.3466 138.08M34.4214 146.02L21.5844 144.498M77.4166 165.817C69.7654 154.061 63.0262 140.177 47.29 140.653" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M41.4286 127.816L38.5795 151.806" stroke="#2E186A" stroke-width="1.57703" stroke-linejoin="round"/>
+<path d="M18.4198 189.183C18.8945 188.795 19.2742 188.303 19.5298 187.746C19.7854 187.188 19.9101 186.58 19.8943 185.967C19.8786 185.354 19.7229 184.752 19.4391 184.209C19.1553 183.665 18.7509 183.193 18.2568 182.83" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M32.262 179.65L17.053 181.745C14.9319 182.037 13.4492 183.993 13.7412 186.114L13.861 186.984C14.1531 189.105 16.1093 190.588 18.2305 190.296L33.4394 188.201C35.5605 187.909 37.0432 185.953 36.7512 183.832L36.6314 182.962C36.3394 180.841 34.3831 179.358 32.262 179.65Z" fill="#FEBA91"/>
+<path d="M16.4905 186.211L6.01111 187.654M78.7492 190.587C65.0973 182.226 53.3563 178.867 36.9919 183.672" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M262.077 89.5234L194.422 89.555L200.236 93.8944L199.894 269.568L215.665 269.489V260.216C215.664 259.639 215.777 259.067 215.997 258.534C216.218 258 216.541 257.515 216.949 257.106C217.357 256.698 217.841 256.374 218.374 256.152C218.908 255.931 219.479 255.817 220.057 255.816H249.991C250.568 255.817 251.14 255.931 251.673 256.153C252.206 256.374 252.69 256.699 253.097 257.107C253.505 257.516 253.828 258.001 254.048 258.534C254.268 259.068 254.381 259.639 254.381 260.216V269.679H268.5V95.984C268.503 95.138 268.339 94.2998 268.017 93.5173C267.696 92.7348 267.223 92.0232 266.627 91.4233C266.03 90.8234 265.321 90.3468 264.541 90.0209C263.76 89.6949 262.923 89.5259 262.077 89.5234Z" fill="#5D87FF"/>
+<path d="M190.524 269.568V259.72C190.524 259.144 190.41 258.573 190.189 258.042C189.968 257.51 189.645 257.026 189.237 256.619C188.829 256.213 188.346 255.89 187.813 255.67C187.281 255.45 186.711 255.337 186.135 255.338H100.783C100.207 255.337 99.6364 255.45 99.1041 255.67C98.5718 255.89 98.088 256.213 97.6803 256.619C97.2727 257.026 96.9492 257.51 96.7284 258.042C96.5076 258.573 96.3938 259.144 96.3934 259.72V269.518H77.5794L77.5663 96.2417C77.567 95.4722 77.7193 94.7105 78.0146 93.9999C78.3098 93.2893 78.7422 92.6439 79.2871 92.1005C79.8319 91.5572 80.4785 91.1265 81.1898 90.8332C81.9012 90.5398 82.6634 90.3895 83.4329 90.3909L194.088 90.3594C194.933 90.3587 195.769 90.5245 196.55 90.8473C197.33 91.1701 198.039 91.6436 198.637 92.2407C199.234 92.8378 199.708 93.5468 200.031 94.3271C200.354 95.1074 200.52 95.9438 200.52 96.7884V269.687L190.524 269.568Z" fill="white" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M183.477 102.746H96.0387C91.5997 102.746 88.0011 106.345 88.0011 110.784V237.706C88.0011 242.145 91.5997 245.744 96.0387 245.744H183.477C187.916 245.744 191.515 242.145 191.515 237.706V110.784C191.515 106.345 187.916 102.746 183.477 102.746Z" fill="#2E186A"/>
+<path d="M200.112 164.953H268.495V184.219H200.112V164.953Z" fill="#2E186A"/>
+<path d="M239.104 176.362C240.086 176.362 240.881 175.567 240.881 174.585C240.881 173.604 240.086 172.809 239.104 172.809C238.123 172.809 237.328 173.604 237.328 174.585C237.328 175.567 238.123 176.362 239.104 176.362Z" fill="white"/>
+<path d="M229.674 176.362C230.655 176.362 231.451 175.567 231.451 174.585C231.451 173.604 230.655 172.809 229.674 172.809C228.692 172.809 227.897 173.604 227.897 174.585C227.897 175.567 228.692 176.362 229.674 176.362Z" fill="white"/>
+<path d="M259.793 172.311H249.1C248.549 172.311 248.102 172.758 248.102 173.309V175.864C248.102 176.416 248.549 176.863 249.1 176.863H259.793C260.344 176.863 260.791 176.416 260.791 175.864V173.309C260.791 172.758 260.344 172.311 259.793 172.311Z" fill="#5D87FF"/>
+<path d="M219.539 172.311H208.846C208.295 172.311 207.848 172.758 207.848 173.309V175.864C207.848 176.416 208.295 176.863 208.846 176.863H219.539C220.09 176.863 220.538 176.416 220.538 175.864V173.309C220.538 172.758 220.09 172.311 219.539 172.311Z" fill="#5D87FF"/>
+<path d="M200.578 101.541H268.408V118.678H200.578V101.541Z" fill="#2E186A"/>
+<path d="M200.73 192.354H268.466V221.108H200.73V192.354Z" fill="#2E186A"/>
+<path d="M201.282 128.891H268.408M201.282 141.841H268.408M201.282 154.791H268.408" stroke="white" stroke-width="1.57703" stroke-linejoin="round"/>
+<path d="M185.785 102.748H144.919C130.089 101.51 85.9693 105.339 83.6458 116.896C81.3223 128.453 105.987 133.25 105.987 133.25C95.8362 159.129 104.823 168.996 114.924 174.881C118.341 180.987 123.274 185.597 129.193 187.76L129.125 187.928C126.015 190.649 123.56 196.36 125.445 200.842C122.087 199.56 118.465 199.125 114.899 199.574C111.332 200.023 107.932 201.343 104.996 203.418L88.1613 197.399C87.5024 197.32 86.8343 197.407 86.2171 197.651C85.5999 197.894 85.0528 198.288 84.625 198.795C84.1972 199.302 83.9021 199.908 83.766 200.557C83.63 201.207 83.6573 201.88 83.8455 202.516C86.3872 211.058 91.2786 216.349 95.5051 219.501C95.2946 220.878 95.1752 222.268 95.1476 223.661C95.1318 224.468 95.1266 225.252 95.1292 226.027C90.7565 228.744 86.8365 232.129 83.5117 236.06C81.9347 237.899 82.505 240.478 84.019 242.176C87.5542 246.118 95.5839 249.12 104.647 246.523H185.785C186.555 246.523 187.317 246.371 188.028 246.076C188.739 245.781 189.385 245.349 189.929 244.804C190.472 244.259 190.903 243.612 191.197 242.901C191.49 242.189 191.64 241.426 191.638 240.657V109.421C191.638 106.188 189.018 102.748 185.785 102.748Z" fill="#49BEFF"/>
+<path d="M173.108 228.378C151.632 225.895 156.878 207.141 156.039 201.716C155.209 196.333 140.795 193.445 140.056 203.383C139.557 210.064 136.043 231.703 152.381 238.382" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M145.287 197.439C144.627 200.88 143.184 209.753 145 213.473M150.79 197.534C150.168 200.725 148.751 209.262 150.588 212.873" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M150.817 197.068C143.005 190.284 132.681 185.211 127.104 188.744M123.855 199.289C125.621 203.965 128.978 205.397 132.999 206.386C135.706 207.053 137.667 207.679 139.491 208.538M139.949 204.06L134.553 201.778M142.835 198.13L138.274 195.622" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M83.6116 237.766C83.6116 237.766 91.5914 245.125 102.707 238.791" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M85.985 199.498C85.985 199.498 87.5436 208.637 97.8127 212.056" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M186.923 181.065C176.788 179.152 167.165 172.318 165.081 148.286C164.963 148.184 144.075 164.122 134.237 148.888C127.952 137.271 152.184 122.809 163.814 114.953" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M141.962 103.434C137.494 105.783 133.025 109.298 128.649 113.322C108.148 132.214 106.526 159.492 114.456 175.52" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M142.377 142.025C143.569 142.025 144.535 141.059 144.535 139.867C144.535 138.675 143.569 137.709 142.377 137.709C141.185 137.709 140.219 138.675 140.219 139.867C140.219 141.059 141.185 142.025 142.377 142.025Z" fill="#2E186A"/>
+<path d="M144.824 148.773C146.016 148.773 146.982 147.807 146.982 146.615C146.982 145.423 146.016 144.457 144.824 144.457C143.632 144.457 142.666 145.423 142.666 146.615C142.666 147.807 143.632 148.773 144.824 148.773Z" fill="#2E186A"/>
+<path d="M152.554 150.841C153.746 150.841 154.712 149.875 154.712 148.683C154.712 147.492 153.746 146.525 152.554 146.525C151.363 146.525 150.396 147.492 150.396 148.683C150.396 149.875 151.363 150.841 152.554 150.841Z" fill="#2E186A"/>
+<path d="M151.177 144.854C154.028 144.854 156.339 142.542 156.339 139.691C156.339 136.84 154.028 134.529 151.177 134.529C148.326 134.529 146.015 136.84 146.015 139.691C146.015 142.542 148.326 144.854 151.177 144.854Z" fill="#2E186A"/>
+<path d="M94.827 118.984C96.0188 118.984 96.9849 118.018 96.9849 116.826C96.9849 115.634 96.0188 114.668 94.827 114.668C93.6352 114.668 92.6691 115.634 92.6691 116.826C92.6691 118.018 93.6352 118.984 94.827 118.984Z" fill="#2E186A"/>
+<path d="M97.3607 113.306C97.9415 113.325 98.5204 113.23 99.0643 113.025C99.6082 112.821 100.107 112.511 100.531 112.114C100.955 111.717 101.297 111.24 101.537 110.711C101.777 110.182 101.91 109.61 101.929 109.029C101.934 108.241 101.761 107.461 101.424 106.748C98.4226 107.169 95.6759 108.278 93.1579 109.143C93.1159 111.553 94.94 113.224 97.3607 113.306ZM86.3793 113.143C86.3651 113.556 86.4701 113.965 86.6817 114.321C86.8933 114.676 87.2026 114.963 87.5728 115.148C87.943 115.333 88.3585 115.407 88.7697 115.362C89.181 115.317 89.5707 115.155 89.8925 114.895C90.2142 114.635 90.4544 114.288 90.5845 113.895C90.7145 113.503 90.7289 113.081 90.626 112.68C90.5231 112.279 90.3072 111.917 90.0039 111.635C89.7007 111.354 89.323 111.166 88.9157 111.093C88.0225 111.596 87.1824 112.187 86.4082 112.859C86.3918 112.953 86.3822 113.048 86.3793 113.143Z" fill="#2E186A"/>
+<path d="M107.737 216.46C109.506 216.174 110.793 215.033 110.612 213.912C110.431 212.791 108.85 212.114 107.081 212.4C105.312 212.686 104.025 213.827 104.206 214.948C104.387 216.069 105.968 216.745 107.737 216.46Z" fill="#2E186A"/>
+<path d="M111.662 231.458C113.427 231.177 114.713 230.043 114.535 228.925C114.357 227.807 112.782 227.128 111.017 227.409C109.253 227.69 107.967 228.824 108.145 229.943C108.323 231.061 109.898 231.739 111.662 231.458Z" fill="#2E186A"/>
+<path d="M115.441 213.708L119.329 216.157C119.461 216.241 119.575 216.35 119.664 216.478C119.753 216.607 119.816 216.752 119.848 216.905C119.88 217.058 119.88 217.216 119.85 217.369C119.819 217.523 119.758 217.668 119.67 217.798L117.331 221.246C117.206 221.431 117.03 221.576 116.824 221.663C116.618 221.751 116.392 221.778 116.171 221.74C115.951 221.702 115.746 221.602 115.581 221.451C115.416 221.3 115.298 221.105 115.242 220.888L113.691 214.99C113.63 214.764 113.64 214.524 113.717 214.303C113.795 214.082 113.938 213.889 114.128 213.751C114.317 213.612 114.543 213.534 114.778 213.526C115.012 213.518 115.244 213.582 115.441 213.708Z" fill="#2E186A"/>
+<path d="M123.382 219.793C128.376 216.361 122.33 216.213 119.1 216.639C121.923 215.588 126.055 212.655 121.621 211.984" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M111.985 180.421C109.018 186.971 108.269 197.137 115.373 208.545M123.009 179.756C118.611 185.638 115.846 195.455 120.275 207.948" stroke="white" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M128.922 256.978C124.586 253.133 118.913 241.734 120.548 229.906M139.252 253.091C134.192 250.268 126.207 240.364 125.261 228.463" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M359.211 269.643H0.788452" stroke="#2E186A" stroke-width="1.57703" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_1928_12776">
+<rect width="360" height="360" fill="white"/>
+</clipPath>
+</defs>
+</svg>

theme/packages/starterkit/src/assets/images/flag/icon-flag-de.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="28px" height="20px" viewBox="0 0 28 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ic_flag_cn</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="ic_flag_cn">
+            <rect id="Mask" fill="#F1361D" x="0" y="0" width="28" height="20" rx="3"></rect>
+            <path d="M11.9592954,10.1560699 L11.9708698,11.1384189 L12.5105968,11.9592954 L11.5282478,11.9708698 L10.7073712,12.5105968 L10.6957968,11.5282478 L10.1560699,10.7073712 L11.1384189,10.6957968 L11.9592954,10.1560699 Z M6.66666667,2.66666667 L7.5836117,5.40460011 L10.4708927,5.43059869 L8.15031489,7.1487332 L9.01780768,9.90273464 L6.66666667,8.22666673 L4.31552566,9.90273464 L5.18301844,7.1487332 L2.8624406,5.43059869 L5.74972164,5.40460011 L6.66666667,2.66666667 Z M12.5685648,7.57446394 L13.4490988,8.01012816 L14.4255361,7.90189808 L13.9898718,8.78243212 L14.0981019,9.75886939 L13.2175679,9.32320517 L12.2411306,9.43143525 L12.6767948,8.55090121 L12.5685648,7.57446394 Z M14,4.17863279 L13.9772839,5.1607873 L14.4880339,6 L13.5058794,5.97728388 L12.6666667,6.48803387 L12.6893828,5.50587936 L12.1786328,4.66666667 L13.1607873,4.68938278 L14,4.17863279 Z M10.8992425,1.40597523 L11.6255808,2.06747064 L12.5940248,2.23257579 L11.9325294,2.9589141 L11.7674242,3.9273581 L11.0410859,3.2658627 L10.0726419,3.10075754 L10.7341373,2.37441924 L10.8992425,1.40597523 Z" id="Combined-Shape" fill="#FFDC42"></path>
+        </g>
+    </g>
+</svg>

theme/packages/starterkit/src/assets/images/flag/icon-flag-en.svg

@@ -0,0 +1 @@
+<svg height="20" viewBox="0 0 28 20" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="a" height="20" rx="3" width="28"/><mask id="b" fill="#fff"><use fill="#fff" fill-rule="evenodd" xlink:href="#a"/></mask></defs><g fill="none" fill-rule="evenodd"><use fill="#0a17a7" xlink:href="#a"/><path d="m29.2824692-1.91644623 1.4911811 2.21076686-9.4483006 6.37223314 6.6746503.0001129v6.66666663l-6.6746503-.0007795 9.4483006 6.3731256-1.4911811 2.2107668-11.9501195-8.0608924.0009836 7.4777795h-6.6666666l-.000317-7.4777795-11.9488189 8.0608924-1.49118107-2.2107668 9.448-6.3731256-6.67434973.0007795v-6.66666663l6.67434973-.0001129-9.448-6.37223314 1.49118107-2.21076686 11.9488189 8.06.000317-7.4768871h6.6666666l-.0009836 7.4768871z" fill="#fff" mask="url(#b)"/><g stroke="#db1f35" stroke-linecap="round" stroke-width=".667"><path d="m18.668 6.332 12.665-8.332" mask="url(#b)"/><path d="m20.013 21.35 11.354-7.652" mask="url(#b)" transform="matrix(1 0 0 -1 0 35.048)"/><path d="m8.006 6.31-11.843-7.981" mask="url(#b)"/><path d="m9.29 22.31-13.127-8.705" mask="url(#b)" transform="matrix(1 0 0 -1 0 35.915)"/></g><path d="m0 12h12v8h4v-8h12v-4h-12v-8h-4v8h-12z" fill="#e6273e" mask="url(#b)"/></g></svg>

theme/packages/starterkit/src/assets/images/flag/icon-flag-fr.svg

@@ -0,0 +1 @@
+<svg height="20" viewBox="0 0 28 20" width="28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><rect id="a" height="20" rx="3" width="28"/><mask id="b" fill="#fff"><use fill="#fff" fill-rule="evenodd" xlink:href="#a"/></mask></defs><g fill="none" fill-rule="evenodd"><use fill="#fff" xlink:href="#a"/><path d="m19 0h9v20h-9z" fill="#f44653" mask="url(#b)"/><path d="m0 0h9v20h-9z" fill="#1035bb" mask="url(#b)"/></g></svg>

theme/packages/starterkit/src/assets/images/svgs/facebook-icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="800" width="1200" viewBox="-204.79995 -341.33325 1774.9329 2047.9995"><path d="M1365.333 682.667C1365.333 305.64 1059.693 0 682.667 0 305.64 0 0 305.64 0 682.667c0 340.738 249.641 623.16 576 674.373V880H402.667V682.667H576v-150.4c0-171.094 101.917-265.6 257.853-265.6 74.69 0 152.814 13.333 152.814 13.333v168h-86.083c-84.804 0-111.25 52.623-111.25 106.61v128.057h189.333L948.4 880H789.333v477.04c326.359-51.213 576-333.635 576-674.373" fill="#1877f2"/><path d="M948.4 880l30.267-197.333H789.333V554.609C789.333 500.623 815.78 448 900.584 448h86.083V280s-78.124-13.333-152.814-13.333c-155.936 0-257.853 94.506-257.853 265.6v150.4H402.667V880H576v477.04a687.805 687.805 0 00106.667 8.293c36.288 0 71.91-2.84 106.666-8.293V880H948.4" fill="#fff"/></svg>

theme/packages/starterkit/src/assets/images/svgs/google-icon.svg

@@ -0,0 +1,6 @@
+<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M27.9851 14.2618C27.9851 13.1146 27.8899 12.2775 27.6837 11.4094H14.2788V16.5871H22.1472C21.9886 17.8738 21.132 19.8116 19.2283 21.1137L19.2016 21.287L23.44 24.4956L23.7336 24.5242C26.4304 22.0904 27.9851 18.5093 27.9851 14.2618Z" fill="#4285F4"/>
+<path d="M14.279 27.904C18.1338 27.904 21.37 26.6637 23.7338 24.5245L19.2285 21.114C18.0228 21.9356 16.4047 22.5092 14.279 22.5092C10.5034 22.5092 7.29894 20.0754 6.15663 16.7114L5.9892 16.7253L1.58205 20.0583L1.52441 20.2149C3.87224 24.7725 8.69486 27.904 14.279 27.904Z" fill="#34A853"/>
+<path d="M6.15656 16.7113C5.85516 15.8432 5.68072 14.913 5.68072 13.9519C5.68072 12.9907 5.85516 12.0606 6.14071 11.1925L6.13272 11.0076L1.67035 7.62109L1.52435 7.68896C0.556704 9.58024 0.00146484 11.7041 0.00146484 13.9519C0.00146484 16.1997 0.556704 18.3234 1.52435 20.2147L6.15656 16.7113Z" fill="#FBBC05"/>
+<path d="M14.279 5.3947C16.9599 5.3947 18.7683 6.52635 19.7995 7.47204L23.8289 3.6275C21.3542 1.37969 18.1338 0 14.279 0C8.69485 0 3.87223 3.1314 1.52441 7.68899L6.14077 11.1925C7.29893 7.82856 10.5034 5.3947 14.279 5.3947Z" fill="#EB4335"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-account.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 14C10.8133 14 9.65328 13.6481 8.66658 12.9888C7.67989 12.3295 6.91085 11.3925 6.45673 10.2961C6.0026 9.19975 5.88378 7.99335 6.11529 6.82946C6.3468 5.66558 6.91825 4.59648 7.75736 3.75736C8.59648 2.91825 9.66558 2.3468 10.8295 2.11529C11.9933 1.88378 13.1997 2.0026 14.2961 2.45673C15.3925 2.91085 16.3295 3.67989 16.9888 4.66658C17.6481 5.65328 18 6.81331 18 8C17.9981 9.59073 17.3654 11.1158 16.2406 12.2406C15.1158 13.3654 13.5907 13.9981 12 14Z" fill="#B2B1FF"/>
+<path d="M15.7 12.7129C14.6455 13.5455 13.3411 13.9983 11.9975 13.9983C10.6539 13.9983 9.34955 13.5455 8.29501 12.7129C6.61287 13.3837 5.14464 14.499 4.04731 15.9396C2.94998 17.3802 2.26479 19.092 2.06501 20.8919C2.03641 21.1555 2.11368 21.4197 2.27983 21.6263C2.44598 21.833 2.6874 21.9652 2.95101 21.9939L20.94 21.9999C21.0805 22 21.2195 21.9705 21.3478 21.9133C21.4762 21.8562 21.591 21.7726 21.6849 21.668C21.7788 21.5635 21.8496 21.4404 21.8927 21.3066C21.9358 21.1729 21.9502 21.0316 21.935 20.8919C21.7346 19.0918 21.0489 17.3799 19.951 15.9393C18.8532 14.4987 17.3845 13.3835 15.702 12.7129H15.7Z" fill="#5D87FF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-briefcase.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#f5bc00" d="M44,41H4V10h40V41z"/><polygon fill="#eb7900" points="44,26 24,26 4,26 4,10 44,10"/><path fill="#eb7900" d="M17,26h-6v3h6V26z"/><path fill="#eb7900" d="M37,26h-6v3h6V26z"/><rect width="14" height="3" x="17" y="7" fill="#f5bc00"/><path fill="#eb0000" d="M17,23h-6v3h6V23z"/><path fill="#eb0000" d="M37,23h-6v3h6V23z"/></svg>

theme/packages/starterkit/src/assets/images/svgs/icon-connect.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#3dd9eb" d="M11,18c-3.313,0-6,2.686-6,6c0,3.313,2.687,6,6,6c3.314,0,6-2.687,6-6C17,20.687,14.314,18,11,18"/><path fill="#3dd9eb" d="M37,5c-3.313,0-6,2.687-6,6c0,3.313,2.687,6,6,6c3.314,0,6-2.687,6-6C43,7.687,40.314,5,37,5"/><path fill="#3dd9eb" d="M37,31c-3.313,0-6,2.686-6,6c0,3.313,2.687,6,6,6c3.314,0,6-2.687,6-6C43,33.687,40.314,31,37,31"/><path fill="#6c19ff" d="M31.819,14.028L25.073,22h-8.415C16.88,22.626,17,23.299,17,24c0,0.701-0.12,1.374-0.341,2h8.414 l6.746,7.973c0.688-1.175,1.765-2.095,3.053-2.584L28.62,24l6.251-7.389C33.583,16.123,32.507,15.202,31.819,14.028"/><path fill="#00b3d7" d="M16.658,22H11v4h5.659C16.88,25.375,17,24.701,17,24C17,23.299,16.88,22.626,16.658,22"/><path fill="#00b3d7" d="M35.474,9.708l-3.655,4.32c0.688,1.175,1.764,2.095,3.053,2.584l3.655-4.319L35.474,9.708"/><path fill="#00b3d7" d="M34.872,31.389c-1.288,0.489-2.365,1.409-3.053,2.584l3.655,4.319l3.053-2.584L34.872,31.389"/></svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-application.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 14H3C2.86867 14 2.73862 13.9742 2.61728 13.9239C2.49594 13.8737 2.38568 13.8 2.29282 13.7072C2.19995 13.6143 2.12629 13.5041 2.07605 13.3827C2.02581 13.2614 1.99997 13.1313 2 13V3C1.99997 2.86867 2.02581 2.73862 2.07605 2.61728C2.12629 2.49594 2.19995 2.38568 2.29282 2.29282C2.38568 2.19995 2.49594 2.12629 2.61728 2.07605C2.73862 2.02581 2.86867 1.99997 3 2H10C10.1313 1.99997 10.2614 2.02581 10.3827 2.07605C10.5041 2.12629 10.6143 2.19995 10.7072 2.29282C10.8 2.38568 10.8737 2.49594 10.9239 2.61728C10.9742 2.73862 11 2.86867 11 3V13C11 13.1313 10.9742 13.2614 10.9239 13.3827C10.8737 13.5041 10.8 13.6143 10.7072 13.7072C10.6143 13.8 10.5041 13.8737 10.3827 13.9239C10.2614 13.9742 10.1313 14 10 14Z" fill="#80EAD2"/>
+<path d="M10 22H3C2.86867 22 2.73862 21.9742 2.61728 21.9239C2.49594 21.8737 2.38568 21.8 2.29282 21.7072C2.19995 21.6143 2.12629 21.5041 2.07605 21.3827C2.02581 21.2614 1.99997 21.1313 2 21V17C1.99997 16.8687 2.02581 16.7386 2.07605 16.6173C2.12629 16.4959 2.19995 16.3857 2.29282 16.2928C2.38568 16.2 2.49594 16.1263 2.61728 16.0761C2.73862 16.0258 2.86867 16 3 16H10C10.1313 16 10.2614 16.0258 10.3827 16.0761C10.5041 16.1263 10.6143 16.2 10.7072 16.2928C10.8 16.3857 10.8737 16.4959 10.9239 16.6173C10.9742 16.7386 11 16.8687 11 17V21C11 21.1313 10.9742 21.2614 10.9239 21.3827C10.8737 21.5041 10.8 21.6143 10.7072 21.7072C10.6143 21.8 10.5041 21.8737 10.3827 21.9239C10.2614 21.9742 10.1313 22 10 22Z" fill="#13DEB9"/>
+<path d="M21 22H14C13.8687 22 13.7386 21.9742 13.6173 21.9239C13.4959 21.8737 13.3857 21.8 13.2928 21.7072C13.2 21.6143 13.1263 21.5041 13.0761 21.3827C13.0258 21.2614 13 21.1313 13 21V13C13 12.8687 13.0258 12.7386 13.0761 12.6173C13.1263 12.4959 13.2 12.3857 13.2928 12.2928C13.3857 12.2 13.4959 12.1263 13.6173 12.0761C13.7386 12.0258 13.8687 12 14 12H21C21.1313 12 21.2614 12.0258 21.3827 12.0761C21.5041 12.1263 21.6143 12.2 21.7072 12.2928C21.8 12.3857 21.8737 12.4959 21.9239 12.6173C21.9742 12.7386 22 12.8687 22 13V21C22 21.1313 21.9742 21.2614 21.9239 21.3827C21.8737 21.5041 21.8 21.6143 21.7072 21.7072C21.6143 21.8 21.5041 21.8737 21.3827 21.9239C21.2614 21.9742 21.1313 22 21 22Z" fill="#A8ECDD"/>
+<path d="M21 10H14C13.8687 10 13.7386 9.97419 13.6173 9.92395C13.4959 9.87371 13.3857 9.80005 13.2928 9.70718C13.2 9.61432 13.1263 9.50407 13.0761 9.38272C13.0258 9.26138 13 9.13133 13 9V3C13 2.86867 13.0258 2.73862 13.0761 2.61728C13.1263 2.49594 13.2 2.38568 13.2928 2.29282C13.3857 2.19995 13.4959 2.12629 13.6173 2.07605C13.7386 2.02581 13.8687 1.99997 14 2H21C21.1313 1.99997 21.2614 2.02581 21.3827 2.07605C21.5041 2.12629 21.6143 2.19995 21.7072 2.29282C21.8 2.38568 21.8737 2.49594 21.9239 2.61728C21.9742 2.73862 22 2.86867 22 3V9C22 9.13133 21.9742 9.26138 21.9239 9.38272C21.8737 9.50407 21.8 9.61432 21.7072 9.70718C21.6143 9.80005 21.5041 9.87371 21.3827 9.92395C21.2614 9.97419 21.1313 10 21 10Z" fill="#31D9B3"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-cart.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.5 22C9.32843 22 10 21.3284 10 20.5C10 19.6716 9.32843 19 8.5 19C7.67157 19 7 19.6716 7 20.5C7 21.3284 7.67157 22 8.5 22Z" fill="#465670"/>
+<path d="M16.5 22C17.3284 22 18 21.3284 18 20.5C18 19.6716 17.3284 19 16.5 19C15.6716 19 15 19.6716 15 20.5C15 21.3284 15.6716 22 16.5 22Z" fill="#465670"/>
+<path d="M19 18H7C6.2319 18.0003 5.49296 17.7059 4.93542 17.1776C4.37788 16.6493 4.04422 15.9272 4.0032 15.1602C3.96218 14.3932 4.21691 13.6397 4.71492 13.0549C5.21292 12.4701 5.91625 12.0987 6.68 12.017L4.882 5.725C4.8215 5.51644 4.69508 5.33309 4.52166 5.2024C4.34824 5.0717 4.13715 5.00069 3.92 5H3C2.73478 5 2.48043 4.89464 2.29289 4.70711C2.10536 4.51957 2 4.26522 2 4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H3.921C4.57254 3.00187 5.2059 3.21496 5.72607 3.6073C6.24624 3.99963 6.62516 4.55006 6.806 5.176L8.961 12.726C9.00338 12.8747 9.01068 13.0313 8.98233 13.1833C8.95398 13.3353 8.89075 13.4787 8.79761 13.6022C8.70448 13.7257 8.58398 13.8259 8.44558 13.8949C8.30718 13.9639 8.15466 13.9999 8 14H7C6.73478 14 6.48043 14.1054 6.29289 14.2929C6.10536 14.4804 6 14.7348 6 15C6 15.2652 6.10536 15.5196 6.29289 15.7071C6.48043 15.8946 6.73478 16 7 16H19C19.2652 16 19.5196 16.1054 19.7071 16.2929C19.8946 16.4804 20 16.7348 20 17C20 17.2652 19.8946 17.5196 19.7071 17.7071C19.5196 17.8946 19.2652 18 19 18Z" fill="#C1C6EF"/>
+<path d="M6.806 5.176L8.961 12.726C9.00338 12.8747 9.01068 13.0313 8.98233 13.1833C8.95398 13.3353 8.89075 13.4787 8.79761 13.6022C8.70448 13.7257 8.58398 13.8259 8.44558 13.8949C8.30718 13.9639 8.15466 13.9999 8 14H15.491C16.1425 13.998 16.7758 13.7848 17.2959 13.3925C17.8161 13.0002 18.195 12.4499 18.376 11.824L19.961 6.274C20.0034 6.12526 20.0107 5.96872 19.9823 5.81669C19.954 5.66465 19.8907 5.52126 19.7976 5.3978C19.7045 5.27433 19.584 5.17414 19.4456 5.10512C19.3072 5.0361 19.1547 5.00011 19 5H6.74C6.76 5.06 6.788 5.115 6.806 5.176Z" fill="#465670"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-chat.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M2.617 17.924C2.43424 17.8484 2.27804 17.7202 2.1682 17.5557C2.05836 17.3912 1.99982 17.1978 2 17V5C2 4.20435 2.31607 3.44129 2.87868 2.87868C3.44129 2.31607 4.20435 2 5 2H15C15.7956 2 16.5587 2.31607 17.1213 2.87868C17.6839 3.44129 18 4.20435 18 5V11.873C18 12.6686 17.6839 13.4317 17.1213 13.9943C16.5587 14.5569 15.7956 14.873 15 14.873H6.538L3.707 17.707C3.56716 17.8469 3.38895 17.9422 3.19492 17.9809C3.0009 18.0195 2.79978 17.9997 2.617 17.924Z" fill="#B2B1FF"/>
+<path d="M21 22C20.7348 21.9999 20.4805 21.8946 20.293 21.707L17.919 19.333H11C10.2046 19.3322 9.44199 19.0159 8.87956 18.4534C8.31712 17.891 8.00079 17.1284 8 16.333V11C8.00079 10.2046 8.31712 9.44199 8.87956 8.87956C9.44199 8.31712 10.2046 8.00079 11 8H19C19.7954 8.00079 20.558 8.31712 21.1204 8.87956C21.6829 9.44199 21.9992 10.2046 22 11V21C22 21.2652 21.8946 21.5196 21.7071 21.7071C21.5196 21.8946 21.2652 22 21 22Z" fill="#6563FF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-date.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M22 10H2V19C2 19.7956 2.31607 20.5587 2.87868 21.1213C3.44129 21.6839 4.20435 22 5 22H19C19.7956 22 20.5587 21.6839 21.1213 21.1213C21.6839 20.5587 22 19.7956 22 19V10ZM7 8C6.73478 8 6.48043 7.89464 6.29289 7.70711C6.10536 7.51957 6 7.26522 6 7V3C6 2.73478 6.10536 2.48043 6.29289 2.29289C6.48043 2.10536 6.73478 2 7 2C7.26522 2 7.51957 2.10536 7.70711 2.29289C7.89464 2.48043 8 2.73478 8 3V7C8 7.26522 7.89464 7.51957 7.70711 7.70711C7.51957 7.89464 7.26522 8 7 8ZM17 8C16.7348 8 16.4804 7.89464 16.2929 7.70711C16.1054 7.51957 16 7.26522 16 7V3C16 2.73478 16.1054 2.48043 16.2929 2.29289C16.4804 2.10536 16.7348 2 17 2C17.2652 2 17.5196 2.10536 17.7071 2.29289C17.8946 2.48043 18 2.73478 18 3V7C18 7.26522 17.8946 7.51957 17.7071 7.70711C17.5196 7.89464 17.2652 8 17 8Z" fill="#FFDFA7"/>
+<path d="M19 4H18V7C18 7.26522 17.8946 7.51957 17.7071 7.70711C17.5196 7.89464 17.2652 8 17 8C16.7348 8 16.4804 7.89464 16.2929 7.70711C16.1054 7.51957 16 7.26522 16 7V4H8V7C8 7.26522 7.89464 7.51957 7.70711 7.70711C7.51957 7.89464 7.26522 8 7 8C6.73478 8 6.48043 7.89464 6.29289 7.70711C6.10536 7.51957 6 7.26522 6 7V4H5C4.20435 4 3.44129 4.31607 2.87868 4.87868C2.31607 5.44129 2 6.20435 2 7V10H22V7C22 6.20435 21.6839 5.44129 21.1213 4.87868C20.5587 4.31607 19.7956 4 19 4Z" fill="#FFAE1F"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-invoice.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 20V2.99998C17.9999 2.8248 17.9537 2.65273 17.8662 2.50099C17.7786 2.34926 17.6528 2.22318 17.5012 2.13539C17.3496 2.04759 17.1776 2.00116 17.0024 2.00074C16.8272 2.00031 16.655 2.04592 16.503 2.13298L13.5 3.85298L10.497 2.13298C10.3457 2.04632 10.1744 2.00073 10 2.00073C9.82564 2.00073 9.6543 2.04632 9.503 2.13298L6.5 3.85298L3.497 2.13298C3.34499 2.04592 3.17277 2.00031 2.99759 2.00074C2.82241 2.00116 2.65042 2.04759 2.49883 2.13539C2.34724 2.22318 2.22137 2.34926 2.13382 2.50099C2.04628 2.65273 2.00013 2.8248 2 2.99998V20C2 20.5304 2.21071 21.0391 2.58579 21.4142C2.96086 21.7893 3.46957 22 4 22H20C19.4696 22 18.9609 21.7893 18.5858 21.4142C18.2107 21.0391 18 20.5304 18 20Z" fill="#BBD7FF"/>
+<path d="M21.999 14V20C21.999 20.5304 21.7883 21.0391 21.4132 21.4142C21.0381 21.7893 20.5294 22 19.999 22C19.4686 22 18.9599 21.7893 18.5848 21.4142C18.2097 21.0391 17.999 20.5304 17.999 20V12H19.999C20.5294 12 21.0381 12.2107 21.4132 12.5858C21.7883 12.9609 21.999 13.4696 21.999 14ZM10.5 16.5H8C7.73478 16.5 7.48043 16.3946 7.29289 16.2071C7.10536 16.0196 7 15.7652 7 15.5C7 15.2348 7.10536 14.9804 7.29289 14.7929C7.48043 14.6054 7.73478 14.5 8 14.5H10.5C10.6326 14.5 10.7598 14.4473 10.8536 14.3536C10.9473 14.2598 11 14.1326 11 14C11 13.8674 10.9473 13.7402 10.8536 13.6464C10.7598 13.5527 10.6326 13.5 10.5 13.5H9.5C8.83696 13.5 8.20107 13.2366 7.73223 12.7678C7.26339 12.2989 7 11.663 7 11C7 10.337 7.26339 9.70107 7.73223 9.23223C8.20107 8.76339 8.83696 8.5 9.5 8.5H12C12.2652 8.5 12.5196 8.60536 12.7071 8.79289C12.8946 8.98043 13 9.23478 13 9.5C13 9.76522 12.8946 10.0196 12.7071 10.2071C12.5196 10.3946 12.2652 10.5 12 10.5H9.5C9.36739 10.5 9.24021 10.5527 9.14645 10.6464C9.05268 10.7402 9 10.8674 9 11C9 11.1326 9.05268 11.2598 9.14645 11.3536C9.24021 11.4473 9.36739 11.5 9.5 11.5H10.5C11.163 11.5 11.7989 11.7634 12.2678 12.2322C12.7366 12.7011 13 13.337 13 14C13 14.663 12.7366 15.2989 12.2678 15.7678C11.7989 16.2366 11.163 16.5 10.5 16.5Z" fill="#539BFF"/>
+<path d="M10 10.5C9.73496 10.5 9.48075 10.3948 9.29325 10.2075C9.10574 10.0201 9.00027 9.76604 9 9.501V8C9 7.73478 9.10536 7.48043 9.29289 7.29289C9.48043 7.10536 9.73478 7 10 7C10.2652 7 10.5196 7.10536 10.7071 7.29289C10.8946 7.48043 11 7.73478 11 8V9.5C11 9.76504 10.8948 10.0192 10.7075 10.2068C10.5201 10.3943 10.266 10.4997 10.001 10.5H10ZM10 18C9.73496 18 9.48075 17.8948 9.29325 17.7075C9.10574 17.5201 9.00027 17.266 9 17.001V15.5C9 15.2348 9.10536 14.9804 9.29289 14.7929C9.48043 14.6054 9.73478 14.5 10 14.5C10.2652 14.5 10.5196 14.6054 10.7071 14.7929C10.8946 14.9804 11 15.2348 11 15.5V17C11 17.265 10.8948 17.5192 10.7075 17.7068C10.5201 17.8943 10.266 17.9997 10.001 18H10Z" fill="#539BFF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-lifebuoy.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.34 2.99998L13.91 9.68998C13.3734 9.24416 12.6977 9.00011 12 9.00011C11.3023 9.00011 10.6266 9.24416 10.09 9.68998L7.66 2.99998C9.01215 2.34195 10.4962 2 12 2C13.5038 2 14.9878 2.34195 16.34 2.99998ZM16.34 21C14.9878 21.658 13.5038 22 12 22C10.4962 22 9.01215 21.658 7.66 21L10.09 14.31C11.197 15.23 12.803 15.23 13.91 14.31L16.34 21ZM22 12C22.0024 13.504 21.6603 14.9886 21 16.34L14.31 13.91C14.756 13.3734 15.0002 12.6977 15.0002 12C15.0002 11.3023 14.756 10.6265 14.31 10.09L21 7.65998C21.6603 9.01134 22.0023 10.4959 22 12ZM9 12C9 12.698 9.245 13.373 9.69 13.91L3 16.34C2.34197 14.9878 2.00002 13.5037 2.00002 12C2.00002 10.4962 2.34197 9.01213 3 7.65998L9.69 10.09C9.2448 10.627 9.00079 11.3024 9 12Z" fill="#B2B1FF"/>
+<path d="M9.69 10.09C9.662 10.124 9.642 10.163 9.615 10.198C9.782 9.978 9.977 9.783 10.197 9.616C10.162 9.642 10.124 9.662 10.09 9.69L7.66 3C5.62618 3.98385 3.98441 5.62597 3.001 7.66L9.69 10.09ZM13.91 9.69C13.876 9.662 13.838 9.642 13.803 9.616C14.023 9.782 14.217 9.977 14.383 10.197C14.357 10.162 14.338 10.124 14.31 10.09L20.995 7.662C20.0109 5.62987 18.3701 3.98909 16.338 3.005L13.91 9.69ZM14.31 13.91C14.341 13.872 14.363 13.83 14.393 13.79C14.221 14.02 14.019 14.221 13.79 14.393C13.83 14.363 13.872 14.342 13.91 14.31L16.34 21C18.3738 20.0162 20.0156 18.374 20.999 16.34L14.31 13.91ZM10.09 14.31C10.124 14.338 10.162 14.358 10.197 14.384C9.97762 14.2179 9.78212 14.0224 9.616 13.803C9.642 13.837 9.662 13.876 9.69 13.91L3.001 16.34C3.98484 18.3738 5.62697 20.0156 7.661 20.999L10.09 14.31Z" fill="#5D87FF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-message-box.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.10001 4H19.1C19.7 4 20.1 4.4 20.1 5V19C20.1 19.6 19.7 20 19.1 20H5.10001C4.50001 20 4.10001 19.6 4.10001 19V5C4.10001 4.4 4.50001 4 5.10001 4Z" fill="#BDEFFF"/>
+<path d="M22.1 14V5C22.1 3.3 20.8 2 19.1 2H5.10001C3.40001 2 2.10001 3.3 2.10001 5V19C2.10001 20.7 3.40001 22 5.10001 22H19.1C20.8 22 22.1 20.7 22.1 19V14ZM5.10001 4H19.1C19.7 4 20.1 4.4 20.1 5V13H17.6C16.9 13 16.3 13.3 15.9 13.9L14.5 16H9.60001L8.20001 13.9C7.80001 13.3 7.20001 13 6.50001 13H4.10001V5C4.10001 4.4 4.50001 4 5.10001 4Z" fill="#49BEFF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-dd-mobile.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 22H8C7.20459 21.9992 6.44199 21.6829 5.87956 21.1204C5.31712 20.558 5.00079 19.7954 5 19V5C5.00079 4.20459 5.31712 3.44199 5.87956 2.87956C6.44199 2.31712 7.20459 2.00079 8 2H16C16.7954 2.00079 17.558 2.31712 18.1204 2.87956C18.6829 3.44199 18.9992 4.20459 19 5V19C18.9992 19.7954 18.6829 20.558 18.1204 21.1204C17.558 21.6829 16.7954 21.9992 16 22Z" fill="#FFC6B7"/>
+<path d="M16 22H8C7.20435 22 6.44129 21.6839 5.87868 21.1213C5.31607 20.5587 5 19.7956 5 19V16H19V19C19 19.7956 18.6839 20.5587 18.1213 21.1213C17.5587 21.6839 16.7956 22 16 22Z" fill="#FA896B"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-favorites.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><polygon fill="#f55376" points="37,6 11,6 11,30 24,36 37,42"/><polygon fill="#f55376" points="11,6 37,6 37,30 24,36 11,42"/><polygon fill="#eb0000" points="11,6 11,30 24,36 31.5,32.538 37,25 37,6"/><g><polygon fill="#fadb00" points="37,29.768 48,21 26,21"/><polygon fill="#fadb00" points="37,29.732 43.957,34 44,34 37,14 30,34 30.044,34"/><polygon fill="#f5bc00" points="39.45,21 34.55,21 32.685,26.329 36.974,29.748 37,29.732 37.026,29.748 41.315,26.329"/></g></svg>

theme/packages/starterkit/src/assets/images/svgs/icon-inbox.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M5.10001 4H19.1C19.7 4 20.1 4.4 20.1 5V19C20.1 19.6 19.7 20 19.1 20H5.10001C4.50001 20 4.10001 19.6 4.10001 19V5C4.10001 4.4 4.50001 4 5.10001 4Z" fill="#B2B1FF"/>
+<path d="M22.1 14V5C22.1 3.3 20.8 2 19.1 2H5.10001C3.40001 2 2.10001 3.3 2.10001 5V19C2.10001 20.7 3.40001 22 5.10001 22H19.1C20.8 22 22.1 20.7 22.1 19V14ZM5.10001 4H19.1C19.7 4 20.1 4.4 20.1 5V13H17.6C16.9 13 16.3 13.3 15.9 13.9L14.5 16H9.60001L8.20001 13.9C7.80001 13.3 7.20001 13 6.50001 13H4.10001V5C4.10001 4.4 4.50001 4 5.10001 4Z" fill="#5D87FF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-mailbox.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#3dd9eb" d="M43,36H13V11h22c4.418,0,8,3.582,8,8V36z"/><path fill="#7debf5" d="M21,36H5V19c0-4.418,3.582-8,8-8l0,0c4.418,0,8,3.582,8,8V36z"/><path fill="#6c19ff" d="M21,36h5v8h-5V36z"/><polygon fill="#eb0000" points="27,16 27,20 35,20 35,24 39,24 39,16"/><rect width="8" height="3" x="9" y="20" fill="#3dd9eb"/></svg>

theme/packages/starterkit/src/assets/images/svgs/icon-master-card-2.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2729 19.228C13.9423 19.2282 12.6414 18.8338 11.5349 18.0947C10.4284 17.3555 9.56588 16.3049 9.05647 15.0756C8.54706 13.8463 8.41362 12.4935 8.67303 11.1884C8.93244 9.88325 9.57304 8.68434 10.5138 7.74327C11.4546 6.8022 12.6533 6.16124 13.9584 5.90145C15.2635 5.64165 16.6163 5.77469 17.8457 6.28373C19.0752 6.79277 20.1261 7.65496 20.8655 8.76127C21.605 9.86757 21.9998 11.1683 21.9999 12.499V12.5C21.9981 14.2836 21.2888 15.9937 20.0277 17.255C18.7665 18.5163 17.0566 19.2259 15.2729 19.228Z" fill="#B1AFFF"/>
+<path d="M8.72703 19.228C7.39635 19.228 6.09556 18.8334 4.98915 18.0941C3.88274 17.3548 3.02039 16.3041 2.51116 15.0747C2.00194 13.8453 1.8687 12.4925 2.1283 11.1874C2.3879 9.8823 3.02868 8.68349 3.96961 7.74256C4.91054 6.80163 6.10935 6.16085 7.41446 5.90125C8.71956 5.64165 10.0723 5.77489 11.3017 6.28411C12.5311 6.79334 13.5819 7.65568 14.3212 8.7621C15.0604 9.86851 15.455 11.1693 15.455 12.5C15.4532 14.2838 14.7437 15.994 13.4824 17.2553C12.2211 18.5167 10.5108 19.2261 8.72703 19.228Z" fill="#5D87FF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-master-card.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2729 19.228C13.9423 19.2282 12.6414 18.8338 11.5349 18.0947C10.4284 17.3555 9.56588 16.3049 9.05647 15.0756C8.54706 13.8463 8.41362 12.4935 8.67303 11.1884C8.93244 9.88325 9.57304 8.68434 10.5138 7.74327C11.4546 6.8022 12.6533 6.16124 13.9584 5.90145C15.2635 5.64165 16.6163 5.77469 17.8457 6.28373C19.0752 6.79277 20.1261 7.65496 20.8655 8.76127C21.605 9.86757 21.9998 11.1683 21.9999 12.499V12.5C21.9981 14.2836 21.2888 15.9937 20.0277 17.255C18.7665 18.5163 17.0566 19.2259 15.2729 19.228Z" fill="#FFD995"/>
+<path d="M8.72703 19.228C7.39635 19.228 6.09556 18.8334 4.98915 18.0941C3.88274 17.3548 3.02039 16.3041 2.51116 15.0747C2.00194 13.8453 1.8687 12.4925 2.1283 11.1874C2.3879 9.8823 3.02868 8.68349 3.96961 7.74256C4.91054 6.80163 6.10935 6.16085 7.41446 5.90125C8.71956 5.64165 10.0723 5.77489 11.3017 6.28411C12.5311 6.79334 13.5819 7.65568 14.3212 8.7621C15.0604 9.86851 15.455 11.1693 15.455 12.5C15.4532 14.2838 14.7437 15.994 13.4824 17.2553C12.2211 18.5167 10.5108 19.2261 8.72703 19.228Z" fill="#FFAE1F"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-office-bag-2.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 6.5V5.5H14V6.5H16V5.5C15.9995 4.96973 15.7886 4.46133 15.4136 4.08637C15.0387 3.71141 14.5303 3.50053 14 3.5H10C9.46973 3.50053 8.96133 3.71141 8.58637 4.08637C8.21141 4.46133 8.00053 4.96973 8 5.5V6.5H10Z" fill="#FA896B"/>
+<path d="M9 15.5C8.73478 15.5 8.48043 15.3946 8.29289 15.2071C8.10536 15.0196 8 14.7652 8 14.5V12.5C8 12.2348 8.10536 11.9804 8.29289 11.7929C8.48043 11.6054 8.73478 11.5 9 11.5C9.26522 11.5 9.51957 11.6054 9.70711 11.7929C9.89464 11.9804 10 12.2348 10 12.5V14.5C10 14.7652 9.89464 15.0196 9.70711 15.2071C9.51957 15.3946 9.26522 15.5 9 15.5ZM15 15.5C14.7348 15.5 14.4804 15.3946 14.2929 15.2071C14.1054 15.0196 14 14.7652 14 14.5V12.5C14 12.2348 14.1054 11.9804 14.2929 11.7929C14.4804 11.6054 14.7348 11.5 15 11.5C15.2652 11.5 15.5196 11.6054 15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5V14.5C16 14.7652 15.8946 15.0196 15.7071 15.2071C15.5196 15.3946 15.2652 15.5 15 15.5Z" fill="#FFE9E3"/>
+<path d="M20 6.5H4C3.46957 6.5 2.96086 6.71071 2.58579 7.08579C2.21071 7.46086 2 7.96957 2 8.5V11.5C2 12.0304 2.21071 12.5391 2.58579 12.9142C2.96086 13.2893 3.46957 13.5 4 13.5H8V12.5C8 12.2348 8.10536 11.9804 8.29289 11.7929C8.48043 11.6054 8.73478 11.5 9 11.5C9.26522 11.5 9.51957 11.6054 9.70711 11.7929C9.89464 11.9804 10 12.2348 10 12.5V13.5H14V12.5C14 12.2348 14.1054 11.9804 14.2929 11.7929C14.4804 11.6054 14.7348 11.5 15 11.5C15.2652 11.5 15.5196 11.6054 15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5V13.5H20C20.5304 13.5 21.0391 13.2893 21.4142 12.9142C21.7893 12.5391 22 12.0304 22 11.5V8.5C22 7.96957 21.7893 7.46086 21.4142 7.08579C21.0391 6.71071 20.5304 6.5 20 6.5Z" fill="#FFB9A7"/>
+<path d="M20 13.5H16V14.5C16 14.7652 15.8946 15.0196 15.7071 15.2071C15.5196 15.3946 15.2652 15.5 15 15.5C14.7348 15.5 14.4804 15.3946 14.2929 15.2071C14.1054 15.0196 14 14.7652 14 14.5V13.5H10V14.5C10 14.7652 9.89464 15.0196 9.70711 15.2071C9.51957 15.3946 9.26522 15.5 9 15.5C8.73478 15.5 8.48043 15.3946 8.29289 15.2071C8.10536 15.0196 8 14.7652 8 14.5V13.5H4C3.46957 13.5 2.96086 13.2893 2.58579 12.9142C2.21071 12.5391 2 12.0304 2 11.5V19.5C2 20.0304 2.21071 20.5391 2.58579 20.9142C2.96086 21.2893 3.46957 21.5 4 21.5H20C20.5304 21.5 21.0391 21.2893 21.4142 20.9142C21.7893 20.5391 22 20.0304 22 19.5V11.5C22 12.0304 21.7893 12.5391 21.4142 12.9142C21.0391 13.2893 20.5304 13.5 20 13.5Z" fill="#FA896B"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-office-bag.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 6.5V5.5H14V6.5H16V5.5C15.9995 4.96973 15.7886 4.46133 15.4136 4.08637C15.0387 3.71141 14.5303 3.50053 14 3.5H10C9.46973 3.50053 8.96133 3.71141 8.58637 4.08637C8.21141 4.46133 8.00053 4.96973 8 5.5V6.5H10Z" fill="#13DEB9"/>
+<path d="M9 15.5C8.73478 15.5 8.48043 15.3946 8.29289 15.2071C8.10536 15.0196 8 14.7652 8 14.5V12.5C8 12.2348 8.10536 11.9804 8.29289 11.7929C8.48043 11.6054 8.73478 11.5 9 11.5C9.26522 11.5 9.51957 11.6054 9.70711 11.7929C9.89464 11.9804 10 12.2348 10 12.5V14.5C10 14.7652 9.89464 15.0196 9.70711 15.2071C9.51957 15.3946 9.26522 15.5 9 15.5ZM15 15.5C14.7348 15.5 14.4804 15.3946 14.2929 15.2071C14.1054 15.0196 14 14.7652 14 14.5V12.5C14 12.2348 14.1054 11.9804 14.2929 11.7929C14.4804 11.6054 14.7348 11.5 15 11.5C15.2652 11.5 15.5196 11.6054 15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5V14.5C16 14.7652 15.8946 15.0196 15.7071 15.2071C15.5196 15.3946 15.2652 15.5 15 15.5Z" fill="#B3FFEE"/>
+<path d="M20 6.5H4C3.46957 6.5 2.96086 6.71071 2.58579 7.08579C2.21071 7.46086 2 7.96957 2 8.5V11.5C2 12.0304 2.21071 12.5391 2.58579 12.9142C2.96086 13.2893 3.46957 13.5 4 13.5H8V12.5C8 12.2348 8.10536 11.9804 8.29289 11.7929C8.48043 11.6054 8.73478 11.5 9 11.5C9.26522 11.5 9.51957 11.6054 9.70711 11.7929C9.89464 11.9804 10 12.2348 10 12.5V13.5H14V12.5C14 12.2348 14.1054 11.9804 14.2929 11.7929C14.4804 11.6054 14.7348 11.5 15 11.5C15.2652 11.5 15.5196 11.6054 15.7071 11.7929C15.8946 11.9804 16 12.2348 16 12.5V13.5H20C20.5304 13.5 21.0391 13.2893 21.4142 12.9142C21.7893 12.5391 22 12.0304 22 11.5V8.5C22 7.96957 21.7893 7.46086 21.4142 7.08579C21.0391 6.71071 20.5304 6.5 20 6.5Z" fill="#54EBC9"/>
+<path d="M20 13.5H16V14.5C16 14.7652 15.8946 15.0196 15.7071 15.2071C15.5196 15.3946 15.2652 15.5 15 15.5C14.7348 15.5 14.4804 15.3946 14.2929 15.2071C14.1054 15.0196 14 14.7652 14 14.5V13.5H10V14.5C10 14.7652 9.89464 15.0196 9.70711 15.2071C9.51957 15.3946 9.26522 15.5 9 15.5C8.73478 15.5 8.48043 15.3946 8.29289 15.2071C8.10536 15.0196 8 14.7652 8 14.5V13.5H4C3.46957 13.5 2.96086 13.2893 2.58579 12.9142C2.21071 12.5391 2 12.0304 2 11.5V19.5C2 20.0304 2.21071 20.5391 2.58579 20.9142C2.96086 21.2893 3.46957 21.5 4 21.5H20C20.5304 21.5 21.0391 21.2893 21.4142 20.9142C21.7893 20.5391 22 20.0304 22 19.5V11.5C22 12.0304 21.7893 12.5391 21.4142 12.9142C21.0391 13.2893 20.5304 13.5 20 13.5Z" fill="#13DEB9"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-paypal.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.88198 20.44C8.80489 20.9257 8.38611 21.2833 7.89434 21.2833H4.06259C3.21585 21.2851 2.52796 20.6001 2.52613 19.7534C2.52595 19.6679 2.53292 19.5825 2.54698 19.4981L5.13682 3.0918C5.28407 2.17638 6.07291 1.50247 7.0001 1.5H13.214C15.7745 1.5 17.6222 2.12012 18.7061 3.34277C19.7528 4.54862 20.1548 6.18467 19.7862 7.73828C19.7647 7.87305 19.7432 8.00879 19.711 8.15628C18.8878 12.3741 16.0558 14.6133 11.5255 14.6133H9.80674L8.88198 20.44ZM4.52256 19.8116L4.52061 19.8184L4.52256 19.8116ZM7.11338 3.39657L7.11238 3.39857L7.11338 3.39657Z" fill="#B2B1FF"/>
+<path d="M20.4365 7.60468C20.2704 7.41871 20.0878 7.24891 19.8915 7.09668C19.8696 7.31128 19.8366 7.52564 19.7861 7.73846C19.7647 7.87323 19.7431 8.00897 19.7109 8.15643C18.8877 12.3742 16.0557 14.6135 11.5254 14.6135H9.80664L8.8819 20.4402C8.80481 20.9259 8.38599 21.2835 7.89423 21.2835H6.72656L6.64453 21.8039C6.63257 21.8796 6.62652 21.9561 6.62646 22.0328C6.62616 22.8429 7.28265 23.4999 8.09277 23.5002H11.3272C12.1928 23.5075 12.9353 22.8843 13.0782 22.0305L13.7188 17.9992L13.7296 17.9446H14.0284C18.0606 17.9446 20.5792 15.9514 21.3135 12.1818C21.7679 10.6036 21.4421 8.90327 20.4365 7.60468Z" fill="#615DFF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-pie.svg

@@ -0,0 +1,5 @@
+<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 12.5V2.5C17.523 2.5 22 6.977 22 12.5H12Z" fill="#FFD4C9"/>
+<path d="M12 12.5L17 21.16C18.5195 20.2816 19.7813 19.0191 20.6589 17.4991C21.5364 15.9791 21.9989 14.2551 22 12.5H12Z" fill="#FFAA94"/>
+<path d="M16.9999 21.16L11.9999 12.5V2.5C6.47693 2.502 2.00093 6.98 2.00293 12.503C2.00493 18.026 6.48293 22.502 12.0069 22.5C13.7598 22.4993 15.4816 22.0379 16.9999 21.162L17.0029 21.157L16.9989 21.16H16.9999Z" fill="#FA896B"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-speech-bubble.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><circle cx="20" cy="28" r="16" fill="#3ddab4"/><circle cx="31.584" cy="17.478" r="13.449" fill="#f5bc00"/><polygon fill="#3ddab4" points="4.07,44 19.909,44 10.922,35.549"/><path fill="#00b569" d="M20,12c-0.239,0-0.471,0.025-0.708,0.036c-0.739,1.665-1.157,3.504-1.157,5.443 c0,7.428,6.021,13.449,13.449,13.449c1.484,0,2.907-0.25,4.242-0.693C35.929,29.502,36,28.76,36,28C36,19.163,28.837,12,20,12z"/><polygon fill="#f5bc00" points="44.975,4.029 31.661,4.029 39.215,11.133"/></svg>

theme/packages/starterkit/src/assets/images/svgs/icon-tasks.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 14H3C2.86867 14 2.73862 13.9742 2.61728 13.9239C2.49594 13.8737 2.38568 13.8 2.29282 13.7072C2.19995 13.6143 2.12629 13.5041 2.07605 13.3827C2.02581 13.2614 1.99997 13.1313 2 13V3C1.99997 2.86867 2.02581 2.73862 2.07605 2.61728C2.12629 2.49594 2.19995 2.38568 2.29282 2.29282C2.38568 2.19995 2.49594 2.12629 2.61728 2.07605C2.73862 2.02581 2.86867 1.99997 3 2H10C10.1313 1.99997 10.2614 2.02581 10.3827 2.07605C10.5041 2.12629 10.6143 2.19995 10.7072 2.29282C10.8 2.38568 10.8737 2.49594 10.9239 2.61728C10.9742 2.73862 11 2.86867 11 3V13C11 13.1313 10.9742 13.2614 10.9239 13.3827C10.8737 13.5041 10.8 13.6143 10.7072 13.7072C10.6143 13.8 10.5041 13.8737 10.3827 13.9239C10.2614 13.9742 10.1313 14 10 14Z" fill="#B2B1FF"/>
+<path d="M10 22H3C2.86867 22 2.73862 21.9742 2.61728 21.9239C2.49594 21.8737 2.38568 21.8 2.29282 21.7072C2.19995 21.6143 2.12629 21.5041 2.07605 21.3827C2.02581 21.2614 1.99997 21.1313 2 21V17C1.99997 16.8687 2.02581 16.7386 2.07605 16.6173C2.12629 16.4959 2.19995 16.3857 2.29282 16.2928C2.38568 16.2 2.49594 16.1263 2.61728 16.0761C2.73862 16.0258 2.86867 16 3 16H10C10.1313 16 10.2614 16.0258 10.3827 16.0761C10.5041 16.1263 10.6143 16.2 10.7072 16.2928C10.8 16.3857 10.8737 16.4959 10.9239 16.6173C10.9742 16.7386 11 16.8687 11 17V21C11 21.1313 10.9742 21.2614 10.9239 21.3827C10.8737 21.5041 10.8 21.6143 10.7072 21.7072C10.6143 21.8 10.5041 21.8737 10.3827 21.9239C10.2614 21.9742 10.1313 22 10 22Z" fill="#5D87FF"/>
+<path d="M21 22H14C13.8687 22 13.7386 21.9742 13.6173 21.9239C13.4959 21.8737 13.3857 21.8 13.2928 21.7072C13.2 21.6143 13.1263 21.5041 13.0761 21.3827C13.0258 21.2614 13 21.1313 13 21V13C13 12.8687 13.0258 12.7386 13.0761 12.6173C13.1263 12.4959 13.2 12.3857 13.2928 12.2928C13.3857 12.2 13.4959 12.1263 13.6173 12.0761C13.7386 12.0258 13.8687 12 14 12H21C21.1313 12 21.2614 12.0258 21.3827 12.0761C21.5041 12.1263 21.6143 12.2 21.7072 12.2928C21.8 12.3857 21.8737 12.4959 21.9239 12.6173C21.9742 12.7386 22 12.8687 22 13V21C22 21.1313 21.9742 21.2614 21.9239 21.3827C21.8737 21.5041 21.8 21.6143 21.7072 21.7072C21.6143 21.8 21.5041 21.8737 21.3827 21.9239C21.2614 21.9742 21.1313 22 21 22Z" fill="#D8D8FF"/>
+<path d="M21 10H14C13.8687 10 13.7386 9.97419 13.6173 9.92395C13.4959 9.87371 13.3857 9.80005 13.2928 9.70718C13.2 9.61432 13.1263 9.50407 13.0761 9.38272C13.0258 9.26138 13 9.13133 13 9V3C13 2.86867 13.0258 2.73862 13.0761 2.61728C13.1263 2.49594 13.2 2.38568 13.2928 2.29282C13.3857 2.19995 13.4959 2.12629 13.6173 2.07605C13.7386 2.02581 13.8687 1.99997 14 2H21C21.1313 1.99997 21.2614 2.02581 21.3827 2.07605C21.5041 2.12629 21.6143 2.19995 21.7072 2.29282C21.8 2.38568 21.8737 2.49594 21.9239 2.61728C21.9742 2.73862 22 2.86867 22 3V9C22 9.13133 21.9742 9.26138 21.9239 9.38272C21.8737 9.50407 21.8 9.61432 21.7072 9.70718C21.6143 9.80005 21.5041 9.87371 21.3827 9.92395C21.2614 9.97419 21.1313 10 21 10Z" fill="#8C8AFF"/>
+</svg>

theme/packages/starterkit/src/assets/images/svgs/icon-user-male.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 48 48" width="48px" height="48px"><path fill="#ddbaff" d="M24,44L24,44c-8.216,0-15.137-6.14-16.116-14.297l-0.797-4.639C5.871,14.924,13.788,6,24,6h0 c10.212,0,18.129,8.924,16.912,19.063l-0.797,4.639C39.137,37.86,32.216,44,24,44z"/><path fill="#6c19ff" d="M37.701,10.916c-0.825-1.117-1.787-2.133-2.858-3.017C31.912,5.474,28.145,4.003,24,4.003 c-4.145,0-7.912,1.471-10.844,3.895c-0.554,0.458-1.084,0.951-1.58,1.485c-3.115,3.323-4.903,7.879-4.573,12.777 c3.362-1.449,5.88-4.482,6.615-8.158h20.764c0.735,3.677,3.253,6.709,6.615,8.158C41.278,17.982,40.019,14.053,37.701,10.916z"/><path fill="#ddbaff" d="M40,31H8c-1.657,0-3-1.343-3-3s1.343-3,3-3h32c1.657,0,3,1.343,3,3S41.657,31,40,31z"/><path fill="#2100c4" d="M37.701,13.913c-0.825-1.117-1.787-2.133-2.858-3.017C31.912,8.471,28.145,7,24,7 c-4.145,0-7.912,1.471-10.844,3.895c-0.554,0.458-1.084,0.951-1.58,1.485c-3.115,3.323-4.903,7.879-4.573,12.777 c3.362-1.449,5.88-4.482,6.615-8.158h20.764c0.735,3.677,3.253,6.709,6.615,8.158C41.278,20.979,40.019,17.05,37.701,13.913z"/></svg>

theme/packages/starterkit/src/assets/images/svgs/mastercard.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 36 24" width="36" xmlns="http://www.w3.org/2000/svg"><g fill="none" transform="translate(.5 1)"><path d="m12.069 2.27h10.21v16.68h-10.21z" fill="#f26122"/><path d="m13.1686965 10.6101654c-.0168648-3.24646572 1.4577071-6.32094812 4-8.34000002-4.3497486-3.42070515-10.59805198-2.92397993-14.35270599 1.1410059-3.75465401 4.06498583-3.75465401 10.33300232 0 14.39798822 3.75465401 4.0649858 10.00295739 4.561711 14.35270599 1.1410059-2.5422929-2.0190519-4.0168648-5.0935343-4-8.34z" fill="#ea1d25"/><path d="m34.3286965 10.6101654c-.0026131 4.0593442-2.321149 7.7613981-5.9721329 9.5358273s-7.9944021 1.3101783-11.1878671-1.1958273c4.600057-3.6220434 5.3966531-10.28570388 1.78-14.89000002-.5184495-.66672993-1.116185-1.26782352-1.78-1.79 3.193465-2.50600559 7.5368832-2.97025656 11.1878671-1.19582732s5.9695198 5.47648307 5.9721329 9.53582734z" fill="#f69e1e"/></g></svg>

theme/packages/starterkit/src/assets/images/svgs/paypal.svg

@@ -0,0 +1 @@
+<svg height="24" viewBox="0 0 36 24" width="36" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><rect fill="#fff" height="24" rx="4" width="36"/><g fill-rule="nonzero" transform="translate(9 2)"><path d="m5.34 19.32.35-2.2h-.78-3.68l2.56-16.26c.00682838-.05037788.03170014-.0965683.07-.13.04019855-.031064.08921759-.0485708.14-.05h6.21c2.07 0 3.49.43 4.24 1.28.3318632.35652804.5630785.79480195.67 1.27.116633.57750337.116633 1.17249663 0 1.75v.5l.35.2c.2664475.13280166.5069202.31230947.71.53.3056688.36899583.5029846.81555265.57 1.29.0749064.62021554.0478831 1.24850659-.08 1.86-.1318852.7427933-.3924656 1.4568512-.77 2.11-.3051005.5236492-.7174473.97689-1.21 1.33-.4957517.3380558-1.0476808.5852387-1.63.73-.6537145.1649061-1.3258296.2455599-2 .24h-.49c-.3434298.0000497-.67600294.1203421-.94.34-.26537373.2236061-.43968093.5366476-.49.88v.2l-.61 3.88v.15c.00724224.0261749.00724224.0538251 0 .08h-.06z" fill="#253d80"/><path d="m15.8 5.08-.06.37c-.82 4.2-3.63 5.66-7.21 5.66h-1.82c-.43789688-.0005314-.81111762.3175544-.88.75l-.93 5.92-.27 1.68c-.02026919.134528.01874852.2712389.10697006.3748033s.21699048.1638205.35302994.1651967h3.24c.38417983-.0003517.71089555-.2803937.77-.66v-.16l.61-3.87v-.21c.05456567-.3780521.3780318-.6589569.76-.66h.53c3.13 0 5.59-1.27 6.3-5 .3841623-1.27485443.1471618-2.65612343-.64-3.73-.2497932-.25618442-.5404174-.46908355-.86-.63z" fill="#189bd7"/><path d="m14.94 4.74-.38-.1-.42-.08c-.5295561-.07918829-1.0645892-.11597181-1.6-.11h-4.88c-.11399123-.00312873-.22709543.02086307-.33.07-.2318804.10856003-.39351455.32657819-.43.58l-1 6.57v.19c.06888238-.4324456.44210312-.7505314.88-.75h1.82c3.58 0 6.39-1.46 7.21-5.66l.06-.37c-.2153888-.11130922-.439458-.20495007-.67-.28z" fill="#242e65"/><path d="m6.9 5.1c.03648545-.25342181.1981196-.47143997.43-.58.10290457-.04913693.21600877-.07312873.33-.07h4.88c.5354108-.00597181 1.0704439.03081171 1.6.11l.42.08.38.1.19.06c.230542.07504993.4546112.16869078.67.28.3250509-1.24937312.0271356-2.57881993-.8-3.57-1-1.06-2.64-1.51000066-4.78-1.51000066h-6.22c-.43789688-.00053077-.81111762.31755508-.88.75000066l-2.59 16.41c-.02318657.1547524.02189578.3119533.12357341.4308969.10167762.1189437.24995117.1879327.40642659.1891031h3.84l1-6.11z" fill="#253d80"/></g></g></svg>

theme/packages/starterkit/src/assets/scss/_container.scss

@@ -0,0 +1,153 @@
+@use "variables" as *;
+
+*,
+:after,
+:before {
+  box-sizing: border-box;
+}
+
+body {
+  font-family: $font-family;
+  line-height: 1.334rem;
+  overflow-x: hidden;
+  color: var(--mat-sys-on-background);
+}
+
+.mainWrapper {
+  display: flex;
+  min-height: 100vh;
+  width: 100%;
+  flex: 1;
+  height: 100%;
+}
+
+.container {
+  max-width: 1200px;
+  padding-left: 24px;
+  padding-right: 24px;
+  margin: 0 auto;
+
+  &.full-width {
+    display: flex;
+    align-items: center;
+    width: 100%;
+  }
+}
+
+.pageWrapper {
+  padding: 24px;
+  min-height: calc(100vh - 70px);
+
+  margin: 0 auto;
+
+  &.maxWidth {
+    max-width: $boxedWidth;
+  }
+}
+
+.w-100 {
+  width: 100%;
+}
+
+.h-100 {
+  height: 100%;
+}
+
+.shadow-none {
+  box-shadow: none !important;
+}
+
+.rounded {
+  border-radius: $border-radius !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-pill {
+  border-radius: 25px !important;
+}
+
+.overflow-hidden {
+  overflow: hidden;
+}
+
+.text-decoration-none {
+  text-decoration: none;
+}
+
+.position-relative {
+  position: relative;
+}
+
+.table-responsive {
+  overflow-x: auto;
+
+  td,
+  mat-cell {
+    white-space: nowrap;
+    padding: 16px;
+  }
+}
+
+.op-5 {
+  opacity: 0.5;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+.avatar-group {
+  img {
+    border: 2px solid $white;
+    margin-right: -5px;
+
+    &:last-child {
+      margin-right: 0;
+    }
+  }
+}
+
+a {
+  color: var(--mat-sys-on-background);
+
+  &:hover {
+    color: $primary;
+  }
+}
+
+.filter-sidebar {
+  width: 290px;
+  position: fixed;
+  right: -290px;
+  top: 0;
+  z-index: 10;
+  height: 100%;
+  transition: all 0.3s ease-in-out;
+  box-shadow: var(--mat-sys-level3);
+  background-color: var(--mat-sys-background);
+  &.open {
+    right: 0;
+  }
+}
+
+pre {
+  margin: 0;
+  white-space: nowrap;
+}
+
+td.hljs-ln-line.hljs-ln-numbers {
+  padding-right: 10px;
+}
+
+@media (min-width: 768px) {
+  html .flex-sm-row {
+    flex-direction: row !important;
+  }
+}
+
+.mat-drawer[style*="visibility: hidden"] {
+  display: none;
+}

theme/packages/starterkit/src/assets/scss/_variables.scss

@@ -0,0 +1,43 @@
+@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
+
+// font
+$font-family: "Plus Jakarta Sans", sans-serif;
+
+// light color variable
+
+// Sidenav
+$sidenav-desktop: 270px !default;
+$sidenav-mini: 80px !default;
+$header-height: 70px !default;
+
+//BorderColor
+$borderColor: var(--mat-sys-outline-variant);
+$borderformColor: var(--mat-sys-outline-variant);
+
+// custom
+$primary: var(--mat-sys-primary);
+$secondary: var(--mat-sys-secondary);
+$accent: var(--mat-sys-secondary);
+$error: var(--mat-sys-error);
+$warning: #ffae1f;
+$success: #13deb9;
+$white: #ffffff;
+
+$light: var(--mat-sys-surface-bright);
+$light-primary: var(--mat-sys-primary-fixed-dim);
+$light-secondary: var(--mat-sys-secondary-fixed-dim);
+$light-accent: var(--mat-sys-secondary-fixed-dim);
+$light-error: var(--mat-sys-error-fixed-dim);
+$light-warning: #ffad1f40;
+$light-success: #13deb940;
+
+// layout
+$boxedWidth: 1200px;
+$border-radius: 7px;
+
+$card-spacer: 24px;
+
+$text-color: var(--mat-sys-on-background);
+
+$dark-text-secondary: rgba(255, 255, 255, 0.67);
+$dark-body-bg: #141a21;

theme/packages/starterkit/src/assets/scss/dark/_dark.scss

@@ -0,0 +1,68 @@
+@use "sass:meta";
+@use "../variables" as *;
+
+.dark-theme {
+  //   typography
+  color: $dark-text-secondary;
+
+  .mat-mdc-menu-panel {
+    color: var(--mat-sys-on-background) !important;
+  }
+
+  .bg-white,
+  .mdc-menu-surface {
+    background-color: var(--mat-sys-surface) !important;
+  }
+
+  .topbar {
+    background-color: var(--mat-sys-surface);
+  }
+
+  .hljs {
+    background: var(--mat-sys-surface);
+  }
+
+  // -------------------------------------------------------
+  //   border
+  // -------------------------------------------------------
+
+  .b-1 {
+    border: 1px solid var(--mat-sys-outline-variant) !important;
+  }
+
+  .b-b-1 {
+    border-bottom: 1px solid var(--mat-sys-outline-variant) !important;
+  }
+
+  .b-t-1 {
+    border-top: 1px solid var(--mat-sys-outline-variant) !important;
+  }
+
+  .b-r-1 {
+    border-right: 1px solid var(--mat-sys-outline-variant) !important;
+  }
+
+  .b-l-1 {
+    border-left: 1px solid var(--mat-sys-outline-variant);
+  }
+
+  // fill
+  .customizer-button-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked i-tabler.fill-icon {
+    fill: var(--mat-sys-primary-fixed-dim);
+  }
+
+}
+
+// horizontal + dark
+
+html.dark-theme {
+  .logodark {
+    display: none;
+  }
+}
+
+html.light-theme {
+  .logolight {
+    display: none;
+  }
+}

theme/packages/starterkit/src/assets/scss/grid/_grid.scss

@@ -0,0 +1,35 @@
+@use 'variables';
+@use 'mixins';
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: variables.$grid-gutter * -.5;
+  margin-left: variables.$grid-gutter * -.5;
+}
+
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0;
+
+  > .col,
+  > [class*='col-'] {
+    padding-right: 0;
+    padding-left: 0;
+  }
+}
+
+@include mixins.make-grid-columns();
+
+
+@each $breakpoint, $infix in variables.$breakpoint-infixs {
+  @if ($breakpoint== 'xsmall') {
+    @include mixins.loop-grid-columns(variables.$grid-columns, $infix);
+  }
+
+  @else {
+    @include mixins.bp-gt($breakpoint) {
+      @include mixins.loop-grid-columns(variables.$grid-columns, $infix);
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/grid/_mixins.scss

@@ -0,0 +1,79 @@
+@use 'sass:map';
+@use 'sass:math';
+@use 'variables';
+
+@function bp($name, $breakpoints: variables.$breakpoints) {
+  $min: map.get($breakpoints, $name);
+
+  @return $min;
+}
+
+// Media of at least the minimum breakpoint width.
+@mixin bp-gt($name, $breakpoints: variables.$breakpoints) {
+  $min: bp($name, $breakpoints);
+
+  @if $min {
+    @media (min-width: $min) {
+      @content;
+    }
+  }
+  @else {
+    @content;
+  }
+}
+
+// Media of at most the maximum breakpoint width.
+@mixin bp-lt($name, $breakpoints: variables.$breakpoints) {
+  $max: bp($name, $breakpoints) - 1px;
+
+  @if $max {
+    @media (max-width: $max) {
+      @content;
+    }
+  }
+  @else {
+    @content;
+  }
+}
+
+@mixin make-grid-columns($i: 1, $list: '.col') {
+  @each $breakpoint, $infix in variables.$breakpoint-infixs {
+    $infix: if($infix == '', '', '-#{$infix}');
+
+    @if ($infix != '') {
+      $list: '#{$list}, .col#{$infix}';
+    }
+
+    @for $i from 1 through variables.$grid-columns {
+      $list: '#{$list}, .col#{$infix}-#{$i}';
+    }
+  }
+
+  #{$list} {
+    position: relative;
+    width: 100%;
+    padding-right: variables.$grid-gutter * .5;
+    padding-left: variables.$grid-gutter * .5;
+  }
+}
+
+@mixin loop-grid-columns($columns: $grid-columns, $breakpoint-infix: '') {
+  $infix: if($breakpoint-infix == '', '', '-#{$breakpoint-infix}');
+
+  .col#{$infix} {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%;
+  }
+
+  @for $i from 1 through $columns {
+    .col#{$infix}-#{$i} {
+      flex: 0 0 math.percentage(math.div($i, $columns));
+      max-width: math.percentage(math.div($i, $columns));
+    }
+
+    .offset#{$infix}-#{$i} {
+      margin-left: math.percentage(math.div($i, $columns));
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/grid/_variables.scss

@@ -0,0 +1,18 @@
+$grid-columns: 12 !default;
+$grid-gutter: 30px !default;
+
+$breakpoints: (
+  xsmall: 0,
+  small:  600px,
+  medium: 960px,
+  large:  1280px,
+  xlarge: 2100px
+) !default;
+
+$breakpoint-infixs: (
+  xsmall: '',
+  small: 'sm',
+  medium: 'md',
+  large: 'lg',
+  xlarge: 'xl'
+) !default;

theme/packages/starterkit/src/assets/scss/helpers/_border-color.scss

@@ -0,0 +1,18 @@
+@use "../variables" as *;
+@use "sass:meta"; // Import meta module for working with keyword arguments
+
+// Mixin to dynamically generate classes based on provided colors
+@mixin syntax-colors2($args2...) {
+  @each $name2, $color2 in meta.keywords($args2) {
+    html .border-#{$name2} {
+      border: 1px solid #{$color2} !important;
+    }
+  }
+}
+
+// Including the mixin with variables and CSS variables
+@include syntax-colors2($primary: var(--mat-sys-primary),
+  $secondary: var(--mat-sys-secondary),
+  $success: $success,
+  $warning: $warning,
+  $error: var(--mat-sys-error));

theme/packages/starterkit/src/assets/scss/helpers/_border.scss

@@ -0,0 +1,32 @@
+@use 'variables';
+
+$utilities: (
+  'border': (
+    property: border,
+    class: b,
+    values: variables.$borders
+  ),
+  'border-top': (
+    property: border-top,
+    class: b-t,
+    values: variables.$borders
+  ),
+  'border-bottom': (
+    property: border-bottom,
+    class: b-b,
+    values: variables.$borders
+  ),
+  'border-left': (
+    property: border-left,
+    class: b-l,
+    values: variables.$borders
+  ),
+  'border-right': (
+    property: border-right,
+    class: b-r,
+    values: variables.$borders
+  ),
+  
+);
+
+

theme/packages/starterkit/src/assets/scss/helpers/_color.scss

@@ -0,0 +1,37 @@
+@use "sass:meta";
+@use "../variables" as *;
+
+@mixin syntax-colors($args...) {
+  @each $name, $color in meta.keywords($args) {
+    html .bg-#{$name} {
+      background-color: $color !important;
+    }
+
+    html .text-#{$name} {
+      color: $color !important;
+    }
+  }
+}
+
+@include syntax-colors($primary: var(--mat-sys-primary),
+  $secondary: var(--mat-sys-secondary),
+  $success: $success,
+  $warning: $warning,
+  $error: var(--mat-sys-error),
+  $white: $white,
+  $light: $light,
+  $light-error: var(--mat-sys-error-fixed-dim),
+  $light-secondary: var(--mat-sys-secondary-fixed-dim),
+  $light-success: $light-success,
+  $light-warning: $light-warning,
+  $light-primary: var(--mat-sys-primary-fixed-dim));
+
+.fill-warning svg {
+  fill: $warning;
+  color: $warning;
+}
+
+.fill-light svg {
+  fill: $light;
+  color: $light;
+}

theme/packages/starterkit/src/assets/scss/helpers/_custom-flex.scss

@@ -0,0 +1,54 @@
+@media (min-width: 1200px) {
+  body {
+    .d-lg-flex {
+      display: flex !important;
+    }
+
+    .d-lg-none {
+      display: none !important;
+    }
+    .align-items-lg-center {
+      align-items: center !important;
+    }
+  }
+}
+
+@media (min-width: 960px) {
+  .d-md-none {
+    display: none !important;
+  }
+}
+
+@media (min-width: 768px) {
+  body {
+    .d-sm-flex {
+      display: flex !important;
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .p-xs-6 {
+    padding: 0 6px !important;
+  }
+}
+
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
+.flex-1-auto {
+  flex: 1 1 0%;
+}
+
+.hstack {
+  display: flex;
+  flex-direction: row;
+  gap: 20px;
+}
+
+@media (max-width: 767px) {
+  .hstack {
+    flex-direction: column;
+  }
+}

theme/packages/starterkit/src/assets/scss/helpers/_display.scss

@@ -0,0 +1,8 @@
+@use "variables";
+
+$utilities: (
+  "display": (property: display,
+    class: d,
+    values: inline inline-block block grid table table-row table-cell flex inline-flex none,
+  ),
+);

theme/packages/starterkit/src/assets/scss/helpers/_flexbox.scss

@@ -0,0 +1,71 @@
+@use "variables";
+
+$utilities: (
+  "flex": (property: flex,
+    class: flex,
+    values: (fill: 1 1 auto,
+    ),
+  ),
+  "flex-direction": (property: flex-direction,
+    class: flex,
+    values: (row: row,
+      row-reverse: row-reverse,
+      col: column,
+      col-reverse: column-reverse,
+    ),
+  ),
+  "flex-grow": (property: flex-grow,
+    class: flex,
+    values: (grow-0: 0,
+      grow-1: 1,
+    ),
+  ),
+  "flex-shrink": (property: flex-shrink,
+    class: flex,
+    values: (shrink-0: 0,
+      shrink-1: 1,
+    ),
+  ),
+  "flex-wrap": (property: flex-wrap,
+    class: flex,
+    values: wrap nowrap wrap-reverse,
+  ),
+  "justify-content": (property: justify-content,
+    class: justify-content,
+    values: (start: flex-start,
+      end: flex-end,
+      center: center,
+      between: space-between,
+      around: space-around,
+    ),
+  ),
+  "align-content": (property: align-content,
+    class: align-content,
+    values: (start: flex-start,
+      end: flex-end,
+      center: center,
+      between: space-between,
+      around: space-around,
+      stretch: stretch,
+    ),
+  ),
+  "align-items": (property: align-items,
+    class: align-items,
+    values: (start: flex-start,
+      end: flex-end,
+      center: center,
+      baseline: baseline,
+      stretch: stretch,
+    ),
+  ),
+  "align-self": (property: align-self,
+    class: align-self,
+    values: (auto: auto,
+      start: flex-start,
+      end: flex-end,
+      center: center,
+      baseline: baseline,
+      stretch: stretch,
+    ),
+  ),
+);

theme/packages/starterkit/src/assets/scss/helpers/_functions.scss

@@ -0,0 +1,25 @@
+@use "sass:map";
+
+// It makes the value negative.
+@function negativify-map($map) {
+  $result: ();
+
+  @each $key, $value in $map {
+    @if $key !=0 {
+      $result: map.merge($result, ("-" + $key: (-$value)));
+    }
+  }
+
+  @return $result;
+}
+
+// It allows to combine multiple maps together.
+@function map-collect($maps...) {
+  $collection: ();
+
+  @each $map in $maps {
+    $collection: map.merge($collection, $map);
+  }
+
+  @return $collection;
+}

theme/packages/starterkit/src/assets/scss/helpers/_icon-size.scss

@@ -0,0 +1,15 @@
+@use "sass:meta";
+
+$columns: 48;
+
+@mixin icon_size {
+  @for $i from 1 through $columns {
+    .icon-#{$i} {
+      height: #{$i}px !important;
+      width: #{$i}px !important;
+      line-height: #{$i + 8}px !important;
+    }
+  }
+}
+
+@include icon_size;

theme/packages/starterkit/src/assets/scss/helpers/_index.scss

@@ -0,0 +1,108 @@
+@use "sass:map";
+@use "sass:meta";
+@use "sass:list";
+@use "variables";
+
+@use "functions";
+@use "flexbox";
+@use "display";
+@use "border";
+@use "text";
+@use "spacing";
+@use "rounded";
+
+$utilities: functions.map-collect(variables.$utilities,
+    display.$utilities,
+    flexbox.$utilities,
+    spacing.$utilities,
+    border.$utilities,
+    rounded.$utilities,
+    text.$utilities);
+
+@each $key, $utility in $utilities {
+  $values: map.get($utility, values);
+
+  // If the values are a list or string, convert it into a map
+  @if meta.type-of($values)=="string" or meta.type-of(list.nth($values, 1)) !="list"
+
+    {
+    $values: list.zip($values, $values);
+  }
+
+  $properties: map.get($utility, property);
+  $property-class-prefix: map.get($utility, class);
+
+  // Utility class maybe empty, (e.g. with position class)
+  $property-class-prefix-hyphen: if($property-class-prefix =="",
+      $property-class-prefix,
+      $property-class-prefix + "-"
+    );
+
+  @each $class-modifier, $value in $values {
+    .#{$property-class-prefix-hyphen + $class-modifier} {
+      @each $property in $properties {
+        #{$property}: $value !important;
+      }
+    }
+  }
+}
+
+$ltrutilities: functions.map-collect(spacing.$ltr);
+
+@each $key, $utility in $ltrutilities {
+  $values: map.get($utility, values);
+
+  // If the values are a list or string, convert it into a map
+  @if meta.type-of($values)=="string" or meta.type-of(list.nth($values, 1)) !="list"
+
+    {
+    $values: list.zip($values, $values);
+  }
+
+  $properties: map.get($utility, property);
+  $property-class-prefix: map.get($utility, class);
+
+  // Utility class maybe empty, (e.g. with position class)
+  $property-class-prefix-hyphen: if($property-class-prefix =="",
+      $property-class-prefix,
+      $property-class-prefix + "-"
+    );
+
+  @each $class-modifier, $value in $values {
+    [dir="ltr"] .#{$property-class-prefix-hyphen + $class-modifier} {
+      @each $property in $properties {
+        #{$property}: $value !important;
+      }
+    }
+  }
+}
+
+$rtlutilities: functions.map-collect(spacing.$rtl);
+
+@each $key, $utility in $rtlutilities {
+  $values: map.get($utility, values);
+
+  // If the values are a list or string, convert it into a map
+  @if meta.type-of($values)=="string" or meta.type-of(list.nth($values, 1)) !="list"
+
+    {
+    $values: list.zip($values, $values);
+  }
+
+  $properties: map.get($utility, property);
+  $property-class-prefix: map.get($utility, class);
+
+  // Utility class maybe empty, (e.g. with position class)
+  $property-class-prefix-hyphen: if($property-class-prefix =="",
+      $property-class-prefix,
+      $property-class-prefix + "-"
+    );
+
+  @each $class-modifier, $value in $values {
+    [dir="rtl"] .#{$property-class-prefix-hyphen + $class-modifier} {
+      @each $property in $properties {
+        #{$property}: $value !important;
+      }
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/helpers/_rounded.scss

@@ -0,0 +1,40 @@
+@use "variables";
+
+$utilities: (
+  "border-radius": (property: border-radius,
+    class: rounded,
+    values: variables.$radius,
+  ),
+  "border-top-left-radius": (property: border-top-left-radius,
+    class: r-t-l,
+    values: variables.$radius,
+  ),
+  "border-top-right-radius": (property: border-top-right-radius,
+    class: r-t-r,
+    values: variables.$radius,
+  ),
+  "border-bottom-right-radius": (property: border-bottom-right-radius,
+    class: r-b-r,
+    values: variables.$radius,
+  ),
+  "border-bottom-left-radius": (property: border-bottom-left-radius,
+    class: r-b-l,
+    values: variables.$radius,
+  ),
+  "border-top-radius": (property: border-top-left-radius border-top-right-radius,
+    class: r-t,
+    values: variables.$radius,
+  ),
+  "border-bottom-radius": (property: border-bottom-left-radius border-bottom-right-radius,
+    class: r-b,
+    values: variables.$radius,
+  ),
+  "border-left-radius": (property: border-top-left-radius border-bottom-left-radius,
+    class: r-l,
+    values: variables.$radius,
+  ),
+  "border-right-radius": (property: border-top-right-radius border-bottom-right-radius,
+    class: r-r,
+    values: variables.$radius,
+  ),
+);

theme/packages/starterkit/src/assets/scss/helpers/_spacing.scss

@@ -0,0 +1,136 @@
+@use "sass:map";
+@use "variables";
+
+$utilities: (
+  "margin": (property: margin,
+    class: m,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "margin-x": (property: margin-left margin-right,
+    class: m-x,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "margin-y": (property: margin-top margin-bottom,
+    class: m-y,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "margin-top": (property: margin-top,
+    class: m-t,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+
+  "margin-bottom": (property: margin-bottom,
+    class: m-b,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+
+  "negative-margin": (property: margin,
+    class: m,
+    values: variables.$negative-spacers,
+  ),
+  "negative-margin-x": (property: margin-left margin-right,
+    class: m-x,
+    values: variables.$negative-spacers,
+  ),
+  "negative-margin-y": (property: margin-top margin-bottom,
+    class: m-y,
+    values: variables.$negative-spacers,
+  ),
+  "negative-margin-top": (property: margin-top,
+    class: m-t,
+    values: variables.$negative-spacers,
+  ),
+  "negative-margin-right": (property: margin-right,
+    class: m-r,
+    values: variables.$negative-spacers,
+  ),
+  "negative-margin-bottom": (property: margin-bottom,
+    class: m-b,
+    values: variables.$negative-spacers,
+  ),
+  "negative-margin-left": (property: margin-left,
+    class: m-l,
+    values: variables.$negative-spacers,
+  ),
+  "padding": (property: padding,
+    class: p,
+    values: variables.$spacers,
+  ),
+  "padding-x": (property: padding-left padding-right,
+    class: p-x,
+    values: variables.$spacers,
+  ),
+  "padding-y": (property: padding-top padding-bottom,
+    class: p-y,
+    values: variables.$spacers,
+  ),
+  "padding-top": (property: padding-top,
+    class: p-t,
+    values: variables.$spacers,
+  ),
+
+  "padding-bottom": (property: padding-bottom,
+    class: p-b,
+    values: variables.$spacers,
+  ),
+  "gap": (property: gap,
+    class: gap,
+    values: variables.$spacers,
+  ),
+);
+
+$ltr: (
+  "margin-right": (property: margin-right,
+    class: m-r,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "margin-left": (property: margin-left,
+    class: m-l,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "padding-left": (property: padding-left,
+    class: p-l,
+    values: variables.$spacers,
+  ),
+  "padding-right": (property: padding-right,
+    class: p-r,
+    values: variables.$spacers,
+  ),
+);
+
+$rtl: (
+  "margin-right": (property: margin-left,
+    class: m-r,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "margin-left": (property: margin-right,
+    class: m-l,
+    values: map.merge(variables.$spacers,
+      (auto: auto,
+      )),
+  ),
+  "padding-left": (property: padding-right,
+    class: p-l,
+    values: variables.$spacers,
+  ),
+  "padding-right": (property: padding-left,
+    class: p-r,
+    values: variables.$spacers,
+  ),
+);

theme/packages/starterkit/src/assets/scss/helpers/_text.scss

@@ -0,0 +1,80 @@
+@use "sass:map";
+@use "variables";
+
+$utilities: (
+  "font-size": (
+    property: font-size,
+    class: f-s,
+    values: variables.$font-sizes,
+  ),
+  "font-weight": (
+    property: font-weight,
+    class: f-w,
+    values: variables.$font-wieghts,
+  ),
+  "font-style": (
+    property: font-style,
+    class: font,
+    values: italic normal,
+  ),
+  "text-align": (
+    property: text-align,
+    class: text,
+    values: center right left,
+  ),
+  "text-decoration": (
+    property: text-decoration,
+    class: text,
+    values: none underline line-through,
+  ),
+  "text-transform": (
+    property: text-transform,
+    class: text,
+    values: capitalize uppercase lowercase,
+  ),
+  "white-space": (
+    property: white-space,
+    class: text,
+    values: (
+      wrap: normal,
+      nowrap: nowrap,
+    ),
+  ),
+  "word-wrap": (
+    property: word-wrap word-break,
+    class: text,
+    values: (
+      break: break-word,
+    ),
+  ),
+  "text-overflow": (
+    property: text-overflow,
+    class: text,
+    values: ellipsis,
+  ),
+  "text-color": (
+    property: color,
+    class: text,
+    values: (
+      reset: inherit,
+      current: currentColor,
+    ),
+  ),
+);
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 0px;
+}
+
+.lh-lg {
+  line-height: 36px !important;
+}
+
+.lh-sm {
+  line-height: 20px !important;
+}

theme/packages/starterkit/src/assets/scss/helpers/_variables.scss

@@ -0,0 +1,94 @@
+@use "functions" as *;
+
+// Utility Map
+
+$utilities: () !default;
+
+// Spacing
+
+$spacer: 16px !default;
+$spacers: (
+  0: 0,
+  2: $spacer * 0.125,
+  4: $spacer * 0.25,
+  5: 5px,
+  6: 7px,
+  8: $spacer * 0.5,
+  10: 10px,
+  12: $spacer * 0.75,
+  14: 14px,
+  15: 15px,
+  16: $spacer,
+  20: 20px,
+  24: $spacer * 1.5,
+  30: 30px,
+  32: $spacer * 2,
+  48: $spacer * 3,
+) !default;
+$negative-spacers: negativify-map($spacers) !default;
+
+// Border
+
+$border-color: var(--mat-sys-outline-variant) !default;
+$borders: (
+  0: 0,
+  1: 1px solid $border-color,
+  2: 2px solid $border-color,
+  4: 4px solid $border-color,
+  8: 8px solid $border-color,
+) !default;
+
+// Border radius
+
+$radius-base: 7px !default;
+$radius: (
+  0: 0,
+  7: $radius-base,
+  8: $radius-base * 2,
+  12: $radius-base * 3,
+  16: $radius-base * 4,
+  full: 9999px,
+) !default;
+
+// Text
+
+$font-wieghts: (
+  100: 100,
+  200: 200,
+  300: 300,
+  400: 400,
+  500: 500,
+  600: 600,
+  700: 700,
+  800: 800,
+  900: 900,
+) !default;
+
+$font-sizes: (
+  0: 0,
+  10: 10px,
+  12: 12px,
+  14: 14px,
+  15: 15px,
+  16: 16px,
+  18: 18px,
+  20: 20px,
+  21: 21px,
+  24: 24px,
+  30: 30px,
+) !default;
+
+// Sizing
+
+$sizes: (
+  0: 0,
+  20: 20%,
+  25: 25%,
+  40: 40%,
+  50: 50%,
+  60: 60%,
+  75: 75%,
+  80: 80%,
+  full: 100%,
+  auto: auto,
+) !default;

theme/packages/starterkit/src/assets/scss/horizontal/_horizontal.scss

@@ -0,0 +1,208 @@
+@use "../variables" as *;
+
+.sidebarNav-horizontal {
+  .childBox {
+    background: var(--mat-sys-surface);
+  }
+
+  // header
+  .horizontal-topbar {
+    box-shadow: var(--mat-sys-level2);
+
+    .branding {
+      padding-left: 0;
+    }
+
+    .container {
+      max-width: $boxedWidth;
+      display: flex;
+      align-items: center;
+      width: 100%;
+    }
+  }
+
+  // sidebar
+  .horizontal-navbar {
+    position: relative;
+    gap: 3px !important;
+
+    .parentBox {
+      position: relative;
+      z-index: 5;
+      margin: 5px 0;
+
+      &.mega-menu {
+        position: static;
+
+        &:hover {
+          >.childBox>.ddmenu {
+            display: inline-block;
+          }
+        }
+
+        >.childBox {
+          width: 100%;
+          left: 0;
+
+          >.ddmenu {
+            width: 24%;
+          }
+        }
+      }
+
+      &.two-column {
+        &:hover {
+          >.childBox>.ddmenu {
+            display: inline-block;
+          }
+        }
+
+        >.childBox {
+          width: 600px;
+
+          >.ddmenu {
+            width: 49%;
+            border-radius: $border-radius;
+          }
+        }
+      }
+
+      .menuLink {
+        padding: 10px;
+        border-radius: $border-radius;
+        display: flex;
+        align-items: center;
+        height: 40px;
+        gap: 10px;
+        font-size: 14px;
+      }
+
+      &:hover>.menuLink {
+        background-color: var(--mat-sys-surface-bright);
+      }
+
+      &:hover>.activeMenu,
+      .activeMenu {
+        color: $white !important;
+        background-color: $primary;
+      }
+
+      .down-icon .mat-icon {
+        width: 18px;
+        height: 18px;
+        font-size: 18px;
+      }
+
+      .childBox {
+        border-radius: $border-radius;
+        box-shadow: var(--mat-sys-level1);
+        position: absolute;
+        width: 250px;
+        background-color: var(--mat-sys-surface);
+
+        .ddmenu {
+          display: none;
+          padding: 10px;
+          margin: 6px;
+          position: relative;
+          border-radius: $border-radius;
+        }
+      }
+
+      &:hover>.childBox>.ddmenu:hover {
+        background-color: var(--mat-sys-surface-bright);
+
+        &:hover>.childBox>.ddmenu:hover {
+          background-color: var(--mat-sys-surface-bright);
+        }
+      }
+
+      &:hover>.childBox>.ddmenu:hover>.childBox {
+        left: 230px;
+        top: 0px;
+        z-index: 9;
+
+        >.ddmenu:hover>.childBox {
+          left: 235px;
+          top: 0;
+        }
+      }
+
+      &:hover>.childBox>.ddmenu {
+        display: block;
+        padding: 0;
+
+        &:hover>.childBox>.ddmenu {
+          display: block;
+          padding: 0;
+
+          &:hover>.childBox>.ddmenu {
+            display: block;
+            padding: 0;
+          }
+        }
+      }
+    }
+  }
+}
+
+.sidebarNav-horizontal {   
+
+  .topbar,
+  .mainWrapper {
+    width: 100%;
+  }
+
+  .horizontal-navbar {
+    .parentBox {
+
+      &.pactive>a,
+      &.pactive>a:hover,
+      &.pactive:hover>a {
+        background-color: var(--mat-sys-primary);
+        color: $white !important;
+        border-radius: $border-radius;
+      }
+    }
+  }
+}
+
+.ltr {
+  .sidebarNav-horizontal {
+    .horizontal-navbar {
+      .parentBox {
+        &:last-child:hover>.childBox>.ddmenu {
+          &:hover>.childBox {
+            right: 250px;
+            left: unset;
+
+            >.ddmenu:hover>.childBox {
+              right: 250px;
+              left: unset;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.rtl {
+  .sidebarNav-horizontal {
+    .horizontal-navbar {
+      .parentBox {
+        &:last-child:hover>.childBox>.ddmenu {
+          &:hover>.childBox {
+            left: 250px;
+            right: unset;
+
+            >.ddmenu:hover>.childBox {
+              left: 250px;
+              right: unset;
+            }
+          }
+        }
+      }
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/layouts/_breacrumb.scss

@@ -0,0 +1,33 @@
+@use "../variables" as *;
+
+.breadcrumb-icon {
+  position: absolute;
+  top: -20px;
+  right: 19px;
+}
+
+.breadcrumb {
+  list-style: none;
+  margin: 0;
+  padding: 0px;
+  display: flex;
+}
+
+.breadcrumb-item {
+  padding: 0 10px 0 0;
+
+  &:first-child {
+    &::marker {
+      display: none;
+    }
+  }
+
+  a {
+    text-decoration: none;
+    font-size: 14px;
+
+    &:hover {
+      color: $primary;
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/layouts/_customizer.scss

@@ -0,0 +1,117 @@
+@use "../variables" as *;
+
+html .customizerNav {
+  border-radius: 0px !important;
+}
+
+.customizer-button-group {
+  &.two-row {
+    display: inline-block;
+
+    &.theme-colors {
+      .mat-button-toggle-appearance-standard {
+        margin-left: 16px;
+
+        &:first-child {
+          margin-left: 0;
+        }
+      }
+    }
+
+    .mat-button-toggle-appearance-standard {
+      width: 80px;
+      height: 65px;
+      float: left;
+      display: flex;
+      align-items: center;
+      margin-bottom: 16px;
+
+      .mat-button-toggle-button {
+        display: flex;
+        justify-content: center;
+      }
+
+      &:nth-child(4) {
+        margin-left: 0;
+      }
+
+      &.mat-button-toggle-checked {
+        .theme-circle {
+          .theme-icon {
+            display: flex;
+            color: $white;
+          }
+        }
+      }
+
+      .theme-circle {
+        width: 25px;
+        height: 25px;
+        border-radius: var(--mat-sys-corner-full);
+        color: $white;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .theme-icon {
+          display: none;
+        }
+
+        &.orange_theme {
+          background-color: rgb(250, 137, 107);
+        }
+
+        &.blue_theme {
+          background-color: rgb(93, 135, 255);
+        }
+
+        &.aqua_theme {
+          background-color: rgb(0, 116, 186);
+        }
+
+        &.purple_theme {
+          background-color: rgb(118, 62, 189);
+        }
+
+        &.green_theme {
+          background-color: rgb(10, 126, 164);
+        }
+
+        &.cyan_theme {
+          background-color: rgb(1, 192, 200);
+        }
+      }
+    }
+  }
+
+  .mat-button-toggle-appearance-standard {
+    padding: 9px;
+    border: 1px solid var(--mat-sys-outline-variant) !important;
+    box-shadow: none;
+    border-radius: $border-radius;
+    transition: all 0.1s ease-in 0s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+
+    &.mat-button-toggle-checked {
+      background-color: var(--mat-sys-primary-fixed-dim);
+
+      i-tabler.fill-icon {
+        color: var(--mat-sys-primary);
+        fill: var(--mat-sys-on-primary);
+      }
+    }
+  }
+
+  &.mat-button-toggle-group {
+    overflow: unset;
+    border-radius: 0;
+  }
+
+  .mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
+  &.mat-button-toggle-group-appearance-standard {
+    border: 0 !important;
+  }
+}

theme/packages/starterkit/src/assets/scss/layouts/_header.scss

@@ -0,0 +1,64 @@
+@use "../variables" as *;
+
+html .topbar {
+  position: sticky;
+  top: 0;
+  z-index: 9;
+  height: $header-height;
+
+  .notification-badge{
+    .mat-badge-content{
+      left: 80%;
+      bottom: 85%;
+      width: 16px;
+      height: 16px;
+    }
+  }
+}
+
+.topbar-dd {
+  min-width: 360px !important;
+}
+
+.apps-dd {
+  min-width: 830px !important;
+  overflow: unset !important;
+
+  .mat-mdc-menu-content {
+    padding: 0;
+  }
+}
+
+.text-hover-primary:hover {
+  .hover-text {
+    color: $primary;
+  }
+}
+
+.upgrade-bg {
+  position: absolute;
+  top: 0px;
+  right: 0px;
+  height: 100%;
+}
+
+.object-cover {
+  object-fit: cover;
+}
+
+.profile-dd {
+  margin-top: -5px;
+  margin-left: -5px;
+}
+
+.dark-theme {
+  .topbar {
+    .mat-mdc-icon-button {
+      color: $dark-text-secondary !important;
+    }
+
+    .mdc-button {
+      --mat-button-text-label-text-color: $dark-text-secondary !important;
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/layouts/_layouts.scss

@@ -0,0 +1,4 @@
+@use "sidebar";
+@use "header";
+@use "customizer";
+@use "breacrumb";

theme/packages/starterkit/src/assets/scss/layouts/_sidebar.scss

@@ -0,0 +1,210 @@
+@use "../variables" as *;
+
+.mat-drawer.sidebarNav {
+  width: $sidenav-desktop;
+  flex-shrink: 0;
+  transition: swift-ease-out(width);
+  position: absolute;
+  overflow-x: hidden;
+  border-right: 1px solid $borderColor;
+  border-radius: 0px !important;
+}
+
+.branding {
+  padding: 20px;
+}
+
+.sidebarNav-mini {
+  .sidebarNav {
+    width: $sidenav-mini;
+
+    .profile-bar {
+      display: none;
+    }
+
+    .sidebar-list {
+      .menu-list-item {
+        padding: 8px 17px;
+
+        .mdc-list-item__content {
+          display: none;
+        }
+
+        .mdc-list-item__start {
+          margin-left: 6px !important;
+          margin-right: 8px !important;
+        }
+      }
+    }
+
+    &:hover {
+      width: $sidenav-desktop;
+
+      .profile-bar {
+        display: block;
+      }
+
+      .sidebar-list {
+        .menu-list-item {
+          padding: 8px 10px;
+
+          .mdc-list-item__content {
+            display: inline;
+          }
+
+          .mdc-list-item__start {
+            margin-left: 0 !important;
+          }
+        }
+
+        &.mdc-list {
+          padding: 0 24px;
+          max-width: $sidenav-desktop;
+
+          .mdc-list-group__subheader {
+            text-align: left;
+          }
+        }
+      }
+    }
+  }
+
+  .hideMenu {
+    overflow: hidden;
+    width: $sidenav-mini;
+  }
+
+  .branding {
+    width: $sidenav-mini - 15px;
+    overflow: hidden;
+  }
+
+  .sidebar-list {
+    &.mdc-list {
+      padding: 0 12px;
+
+      .mdc-list-group__subheader {
+        text-align: center;
+      }
+    }
+  }
+
+  .contentWrapper {
+    transition: swift-ease-out(width);
+  }
+}
+
+@media (min-width: 1024px) {
+  .sidebarNav-mini {
+    .contentWrapper {
+      margin-left: $sidenav-mini !important;
+    }
+  }
+}
+
+.customizerBtn {
+  position: fixed;
+  right: 30px;
+  bottom: 30px;
+  z-index: 9;
+}
+
+.sidebar-list {
+  &.mdc-list {
+    padding: 0 24px;
+
+    .mdc-list-group__subheader {
+      margin: 12px 0;
+      text-transform: uppercase;
+      font-size: 0.75rem;
+      font-weight: 700;
+      margin-top: 24px;
+    }
+
+    .menu-list-item {
+      height: 45px;
+      padding: 8px 10px !important;
+      margin-bottom: 2px;
+
+      &.twoline {
+        height: 60px;
+        align-items: center;
+      }
+
+      &:before,
+      &:focus {
+        z-index: -1;
+      }
+
+      &.disabled {
+        opacity: 0.38;
+      }
+
+      .item-chip {
+        height: 24px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 12px;
+      }
+
+      &.activeMenu {
+        background-color: var(--mat-sys-primary);
+
+        .mdc-list-item__primary-text {
+          color: $white !important;
+        }
+
+        .mat-mdc-list-item-icon {
+          color: $white !important;
+        }
+      }
+
+      .mdc-list-item__start {
+        margin-right: 14px;
+        margin-left: 0 !important;
+        width: 20px;
+        height: 20px;
+        line-height: 0px;
+        fill: transparent !important;
+      }
+
+      .mdc-list-item__primary-text {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+
+        .arrow-icon {
+          display: flex;
+
+          .mat-icon {
+            font-size: 18px;
+            width: 18px;
+            height: 18px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+          }
+        }
+      }
+    }
+  }
+}
+
+.sidebar-list .top-parent .menu-list-item.activemenu {
+  background-color: color-mix(in srgb, var(--mat-sys-primary) 10%, transparent);
+ 
+  .mdc-list-item__primary-text {
+    color: var(--mat-sys-primary) !important;
+  }
+ 
+  .mat-mdc-list-item-icon {
+    color: var(--mat-sys-primary) !important;
+  }
+}
+
+.flex-layout {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}

theme/packages/starterkit/src/assets/scss/layouts/_transitions.scss

@@ -0,0 +1,17 @@
+$swift-ease-out-duration: 400ms;
+$swift-ease-out-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
+
+@function swift-ease-out($property) {
+  // The Material default animation curves.
+  $transition: $property $swift-ease-out-duration
+    $swift-ease-out-timing-function;
+
+  @return $transition;
+}
+
+@function fast-out-slow($property) {
+  // The Material default animation curves.
+  $transition: $property 225ms cubic-bezier(0.4, 0, 0.2, 1);
+
+  @return $transition;
+}

theme/packages/starterkit/src/assets/scss/override-component/_badge.scss

@@ -0,0 +1,7 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+@include mat.badge-overrides(
+  (
+    background-color: var(--mat-sys-primary),
+  )
+);

theme/packages/starterkit/src/assets/scss/override-component/_button-toggle.scss

@@ -0,0 +1,9 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+@use "../variables" as *;
+
+@include mat.button-toggle-overrides(
+  (
+    shape: $border-radius,
+  )
+);

theme/packages/starterkit/src/assets/scss/override-component/_button.scss

@@ -0,0 +1,136 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+@use "../variables" as *;
+
+@include mat.button-overrides(
+  (
+    protected-hover-container-elevation-shadow: var(--mat-sys-level1),
+    filled-horizontal-padding: 15px,
+    outlined-horizontal-padding: 15px,
+    protected-horizontal-padding: 15px,
+    text-horizontal-padding: 15px,
+    filled-container-shape: var(--mat-sys-corner-small),
+    outlined-container-shape: var(--mat-sys-corner-small),
+    protected-container-shape: var(--mat-sys-corner-small),
+    text-container-shape: var(--mat-sys-corner-small),
+  )
+);
+
+@include mat.icon-button-overrides(
+  (
+    icon-color: $text-color,
+  )
+);
+
+// styles
+html {
+  .mat-mdc-button-base.bg-light-primary:hover,
+  .mat-mdc-button-base.bg-light-secondary:hover,
+  .mat-mdc-button-base.bg-light-error:hover,
+  .mat-mdc-button-base.bg-light-warning:hover,
+  .mat-mdc-button-base.bg-light-success:hover {
+    color: $white !important;
+  }
+
+  .mat-mdc-button-base.bg-light-primary {
+    &:hover {
+      background-color: var(--mat-sys-primary) !important;
+    }
+  }
+
+  .mat-mdc-button-base.bg-light-secondary {
+    &:hover {
+      background-color: var(--mat-sys-secondary) !important;
+    }
+  }
+
+  .mat-mdc-button-base.bg-light-error {
+    &:hover {
+      background-color: var(--mat-sys-error) !important;
+    }
+  }
+
+  .mat-mdc-button-base.bg-light-warning {
+    &:hover {
+      background-color: $warning !important;
+    }
+  }
+
+  .mat-mdc-button-base.bg-light-success {
+    &:hover {
+      background-color: $success !important;
+    }
+  }
+
+  .mat-mdc-outlined-button:not(:disabled) {
+    border-color: inherit !important;
+  }
+
+  .mat-mdc-button-base.text-secondary:hover {
+    .mat-mdc-button-persistent-ripple::before {
+      background-color: $secondary;
+    }
+  }
+
+  .mat-mdc-button-base.text-error:hover {
+    .mat-mdc-button-persistent-ripple::before {
+      background-color: $error;
+    }
+  }
+
+  .mat-mdc-button-base.text-warning:hover {
+    .mat-mdc-button-persistent-ripple::before {
+      background-color: $warning;
+    }
+  }
+
+  .mat-mdc-button-base.text-success:hover {
+    .mat-mdc-button-persistent-ripple::before {
+      background-color: $success;
+    }
+  }
+
+  .mat-mdc-outlined-button:not(:disabled).mat-secondary {
+    color: var(--mat-sys-secondary);
+    border-color: var(--mat-sys-secondary);
+
+    &:hover {
+      .mat-mdc-button-persistent-ripple::before {
+        background-color: $secondary;
+      }
+    }
+  }
+
+  .mat-mdc-outlined-button:not(:disabled).mat-success {
+    color: $success;
+    border-color: $success;
+
+    &:hover {
+      .mat-mdc-button-persistent-ripple::before {
+        background-color: $success;
+      }
+    }
+  }
+
+  .mat-mdc-outlined-button:not(:disabled).mat-error {
+    color: $error;
+    border-color: $error;
+
+    &:hover {
+      .mat-mdc-button-persistent-ripple::before {
+        background-color: $error;
+      }
+    }
+  }
+
+  .mat-mdc-outlined-button:not(:disabled).mat-warning {
+    color: $warning;
+    border-color: $warning;
+
+    &:hover {
+      .mat-mdc-button-persistent-ripple::before {
+        background-color: $warning;
+      }
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/override-component/_card.scss

@@ -0,0 +1,60 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+@use "../variables" as *;
+
+@include mat.card-overrides(
+  (
+    elevated-container-color: $white,
+    title-text-size: 1.125rem,
+    subtitle-text-size: 14px,
+    title-text-line-height: 1.6rem,
+    title-text-weight: 600,
+    subtitle-text-weight: 400,
+    elevated-container-shape: var(--mat-sys-corner-small),
+    outlined-container-shape: var(--mat-sys-corner-small),
+    elevated-container-elevation: var(--mat-sys-level2),
+  )
+);
+
+// styles
+html {
+  .mat-mdc-card {
+    margin-bottom: $card-spacer;
+
+    .mat-mdc-card-header {
+      padding: $card-spacer $card-spacer 0 !important;
+    }
+
+    .mat-mdc-card-header + .mat-mdc-card-content {
+      padding: 0 $card-spacer $card-spacer;
+    }
+
+    > .mat-mdc-card-content {
+      padding: $card-spacer !important;
+    }
+
+    .mdc-card__actions {
+      padding: $card-spacer !important;
+    }
+  }
+
+  .card-hover {
+    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+
+    &:hover {
+      scale: 1.01;
+      transition: all 0.1s ease-in 0s;
+    }
+  }
+
+  .cardBorder {
+    .mdc-card {
+      box-shadow: none !important;
+      border: 1px solid $borderColor !important;
+
+      &.shadow-none {
+        border: 0 !important;
+      }
+    }
+  }
+}

theme/packages/starterkit/src/assets/scss/override-component/_checkbox.scss

@@ -0,0 +1,23 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+
+@include mat.checkbox-overrides(
+  (
+    unselected-focus-icon-color:
+      var(--mat-checkbox-unselected-hover-state-layer-color),
+  )
+);
+
+//   styles
+html {
+  .mdc-checkbox__background {
+    border-radius: 4px;
+    width: 21px;
+    height: 21px;
+    border: 1px solid var(--mat-sys-outline);
+  }
+
+  .mdc-checkbox .mdc-checkbox__native-control:focus ~ .mdc-checkbox__ripple {
+    background-color: var(--mat-checkbox-unselected-hover-state-layer-color);
+  }
+}

theme/packages/starterkit/src/assets/scss/override-component/_chip.scss

@@ -0,0 +1,8 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+
+@include mat.chips-overrides(
+  (
+    focus-state-layer-color: var(--mat-option-focus-state-layer-color),
+  )
+);

theme/packages/starterkit/src/assets/scss/override-component/_dialog.scss

@@ -0,0 +1,15 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+
+@include mat.dialog-overrides(
+  (
+    container-shape: var(--mat-sys-corner-small),
+    subhead-size: 18px,
+    subhead-weight: 600,
+    content-padding: 20px 24px,
+    actions-padding: 20px 24px,
+    container-min-width: 300px,
+    subhead-tracking: unset,
+    supporting-text-tracking: unset,
+  )
+);

theme/packages/starterkit/src/assets/scss/override-component/_drawer.scss

@@ -0,0 +1,8 @@
+@use "sass:map";
+@use "@angular/material" as mat;
+
+@include mat.sidenav-overrides(
+  (
+    container-shape: 0,
+  )
+);