@rango-dev/ui 0.37.1-next.0 → 0.38.0

package/src/icons/CustomTokensZeroState.tsx

@@ -0,0 +1,262 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgCustomTokensZeroState(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 200 173" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <path
+        fill="#F3F8FC"
+        d="M44.167 61.576C5.142 56.15 5.23 102.127 11.919 116.708c12.94 28.225 62.797 48.735 69.176 24.965 9.46-35.247 62.915-2.897 85.22-4.754 22.304-1.858 24.25-31.86 6.499-46.34-17.752-14.48-5.966-32.553-8.561-48.994-2.595-16.44-24.489-29.104-48.396-14.093-22.582 14.178-17.514 41.617-71.69 34.084Z"
+      />
+      <g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.877}>
+        <path d="M36.509 80.67c-2.554-2.055-5.828-1.903-10.124-.734M41.066 73.016c-2.62-3.294-3.184-5.288-3.688-9.6M37.608 75.705c-3.2-2.95-7.364-5.582-11.294-7.717" />
+      </g>
+      <path
+        stroke="#002D5E"
+        strokeDasharray="3.51 2.63"
+        strokeWidth={0.877}
+        d="M141.301 100.922c.348-3.058.581-6.172 1.492-9.117.782-2.524 2.02-4.717 3.768-6.66 1.456-1.62 3.195-3.075 5.223-3.867 1.97-.77 4.154-1.006 6.255-1.001 2.518.006 5.171.328 7.493 1.421 1.803.849 3.288 2.637 4.303 4.351 1.759 2.97 1.247 6.634-.92 9.22-.764.91-1.753 1.771-2.862 2.203-1.564.609-3.035.013-4.129-1.244-2.476-2.843-1.619-7.39-.322-10.552 1.524-3.715 4.277-6.931 7.534-9.149 2.361-1.607 5.028-2.739 7.68-3.736 2.619-.984 5.281-1.656 7.97-2.393"
+      />
+      <circle cx={186.116} cy={70.399} r={2.746} fill="#002D5E" />
+      <g stroke="#fff" strokeWidth={0.407} filter="url(#a)">
+        <rect
+          width={99.809}
+          height={28.4}
+          x={46.977}
+          y={112.419}
+          fill="#D6E8F9"
+          fillOpacity={0.5}
+          rx={4.404}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={120.126}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={129.868}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <path
+          fill="#F5FAFF"
+          d="M67.263 126.82a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
+        />
+      </g>
+      <g stroke="#fff" strokeWidth={0.407} filter="url(#b)">
+        <rect
+          width={99.809}
+          height={28.4}
+          x={46.978}
+          y={44.592}
+          fill="#D6E8F9"
+          fillOpacity={0.5}
+          rx={4.404}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={52.3}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <rect
+          width={70.596}
+          height={4.056}
+          x={70.917}
+          y={62.041}
+          fill="#F5FAFF"
+          rx={2.028}
+        />
+        <path
+          fill="#F5FAFF"
+          d="M67.263 59a7.911 7.911 0 1 1-15.822 0 7.911 7.911 0 0 1 15.822 0Z"
+        />
+      </g>
+      <g filter="url(#c)">
+        <rect
+          width={108.517}
+          height={31.193}
+          x={38.475}
+          y={76.075}
+          fill="#fff"
+          rx={4.99}
+        />
+      </g>
+      <rect
+        width={75.27}
+        height={4.731}
+        x={66.133}
+        y={84.572}
+        fill="#E6F2FF"
+        rx={2.366}
+      />
+      <rect
+        width={75.27}
+        height={4.731}
+        x={66.133}
+        y={94.894}
+        fill="#E6F2FF"
+        rx={2.366}
+      />
+      <g filter="url(#d)">
+        <circle
+          cx={52.386}
+          cy={91.607}
+          r={9.749}
+          stroke="#002D5E"
+          strokeDasharray="1.78 1.34"
+          strokeWidth={0.446}
+        />
+      </g>
+      <g filter="url(#e)">
+        <circle cx={54.492} cy={91.848} r={9.99} fill="#E5F2FF" />
+        <circle
+          cx={54.492}
+          cy={91.848}
+          r={9.896}
+          stroke="#fff"
+          strokeWidth={0.188}
+        />
+      </g>
+      <g stroke="#002D5E" strokeLinecap="round" strokeWidth={0.754}>
+        <path d="m53.224 90.58 2.534 2.534M53.224 93.114l2.534-2.534" />
+      </g>
+      <circle
+        cx={54.491}
+        cy={91.847}
+        r={4.15}
+        stroke="#002D5E"
+        strokeWidth={0.754}
+      />
+      <defs>
+        <filter
+          id="a"
+          width={100.984}
+          height={29.575}
+          x={46.39}
+          y={111.831}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_19281_419764"
+            stdDeviation={0.192}
+          />
+        </filter>
+        <filter
+          id="b"
+          width={100.984}
+          height={29.575}
+          x={46.39}
+          y={44.005}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+          <feGaussianBlur
+            result="effect1_foregroundBlur_19281_419764"
+            stdDeviation={0.192}
+          />
+        </filter>
+        <filter
+          id="c"
+          width={116.833}
+          height={39.509}
+          x={33.07}
+          y={74.827}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dx={-1.247} dy={2.911} />
+          <feGaussianBlur stdDeviation={2.079} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0.507031 0 0 0 0 0.626875 0 0 0 0 0.7375 0 0 0 0.49 0" />
+          <feBlend
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_dropShadow_19281_419764"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="d"
+          width={21.73}
+          height={21.73}
+          x={41.521}
+          y={80.742}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.446} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect1_backgroundBlur_19281_419764"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="e"
+          width={22.994}
+          height={24.285}
+          x={42.995}
+          y={81.104}
+          colorInterpolationFilters="sRGB"
+          filterUnits="userSpaceOnUse">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.377} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419764"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            result="hardAlpha"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+          />
+          <feOffset dy={2.044} />
+          <feGaussianBlur stdDeviation={0.754} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix values="0 0 0 0 0.814115 0 0 0 0 0.882372 0 0 0 0 0.9625 0 0 0 0.33 0" />
+          <feBlend
+            in2="effect1_backgroundBlur_19281_419764"
+            result="effect2_dropShadow_19281_419764"
+          />
+          <feBlend
+            in="SourceGraphic"
+            in2="effect2_dropShadow_19281_419764"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+}
+export default SvgCustomTokensZeroState;

package/src/icons/CustomTokensZeroStateDark.tsx

@@ -0,0 +1,415 @@
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
+
+import React, { createElement } from 'react';
+
+import { SvgIcon } from '../components/SvgIcon';
+
+function SvgCustomTokensZeroStateDark(props: SvgIconPropsWithChildren) {
+  return createElement(
+    SvgIcon,
+    props,
+    <svg viewBox="0 0 200 173" fill="none" xmlns="http://www.w3.org/2000/svg">
+      <g id="Custom Tokens">
+        <path
+          id="Vector 10"
+          d="M44.167 61.5761C5.14181 56.15 5.22992 102.127 11.9196 116.708C24.8586 144.933 74.7156 165.443 81.0951 141.673C90.5545 106.426 144.01 138.776 166.315 136.919C188.62 135.061 190.565 105.059 172.814 90.5792C155.062 76.099 166.849 58.0255 164.253 41.585C161.658 25.1445 139.764 12.4813 115.857 27.4918C93.2754 41.6699 98.3432 69.1088 44.167 61.5761Z"
+          fill="#111112"
+        />
+        <g id="Group 1000007805">
+          <path
+            id="Vector 5"
+            d="M33.3549 82.5155C30.8013 80.4597 27.5271 80.6121 23.2312 81.7805"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeLinecap="round"
+          />
+          <path
+            id="Vector 6"
+            d="M37.9128 74.8615C35.292 71.5671 34.7292 69.5732 34.2246 65.261"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeLinecap="round"
+          />
+          <path
+            id="Vector 7"
+            d="M34.4533 77.5497C31.2532 74.6003 27.0895 71.9673 23.1592 69.833"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeLinecap="round"
+          />
+        </g>
+        <g id="Group 1000007806">
+          <path
+            id="Vector 2"
+            d="M138.142 102.767C138.49 99.7086 138.723 96.5943 139.635 93.6495C140.416 91.126 141.655 88.9323 143.402 86.9893C144.858 85.3701 146.598 83.9147 148.625 83.1229C150.596 82.3531 152.779 82.1166 154.881 82.1214C157.399 82.1272 160.052 82.4497 162.373 83.5426C164.176 84.3912 165.662 86.1799 166.677 87.8937C168.435 90.8633 167.923 94.5274 165.757 97.113C164.993 98.0243 164.003 98.885 162.895 99.3162C161.33 99.9252 159.86 99.3294 158.765 98.0726C156.289 95.2291 157.146 90.6821 158.443 87.5208C159.967 83.8057 162.721 80.5889 165.978 78.3715C168.338 76.7645 171.005 75.6328 173.657 74.6358C176.276 73.6511 178.939 72.9793 181.628 72.2427"
+            stroke="#D1D1D1"
+            strokeWidth={0.876984}
+            strokeDasharray="3.51 2.63"
+          />
+          <circle
+            id="Ellipse 1940"
+            cx={182.957}
+            cy={72.2431}
+            r={2.74629}
+            fill="#D1D1D1"
+          />
+        </g>
+        <g id="Group 1000007807">
+          <g id="Group 1000007810" filter="url(#filter0_f_19281_419835)">
+            <g id="Group 1000007748">
+              <g id="Rectangle 6610">
+                <rect
+                  x={43.6162}
+                  y={113.849}
+                  width={100.216}
+                  height={28.8071}
+                  rx={4.60784}
+                  fill="#444444"
+                  fillOpacity={0.5}
+                />
+                <rect
+                  x={43.8197}
+                  y={114.053}
+                  width={99.8093}
+                  height={28.4001}
+                  rx={4.40431}
+                  stroke="#787878"
+                  strokeOpacity={0.25}
+                  strokeWidth={0.407059}
+                />
+              </g>
+              <rect
+                id="Rectangle 6611"
+                x={67.5557}
+                y={121.557}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+              <rect
+                id="Rectangle 6612"
+                x={67.5557}
+                y={131.298}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+            </g>
+            <g id="Ellipse 1952">
+              <ellipse
+                cx={56.1948}
+                cy={128.461}
+                rx={8.11468}
+                ry={8.11468}
+                fill="#3F3F3F"
+              />
+              <path
+                d="M64.2094 128.461C64.2094 132.887 60.6211 136.475 56.1948 136.475C51.7684 136.475 48.1801 132.887 48.1801 128.461C48.1801 124.034 51.7684 120.446 56.1948 120.446C60.6211 120.446 64.2094 124.034 64.2094 128.461Z"
+                stroke="#787878"
+                strokeOpacity={0.25}
+                strokeWidth={0.2}
+              />
+            </g>
+          </g>
+          <g id="Group 1000007822" filter="url(#filter1_f_19281_419835)">
+            <g id="Group 1000007748_2">
+              <g id="Rectangle 6610_2">
+                <rect
+                  x={43.6162}
+                  y={46.2336}
+                  width={100.216}
+                  height={28.8071}
+                  rx={4.60784}
+                  fill="#444444"
+                  fillOpacity={0.5}
+                />
+                <rect
+                  x={43.8197}
+                  y={46.4372}
+                  width={99.8093}
+                  height={28.4001}
+                  rx={4.40431}
+                  stroke="#787878"
+                  strokeOpacity={0.25}
+                  strokeWidth={0.407059}
+                />
+              </g>
+              <rect
+                id="Rectangle 6611_2"
+                x={67.5557}
+                y={53.9412}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+              <rect
+                id="Rectangle 6612_2"
+                x={67.5557}
+                y={63.6826}
+                width={71.0035}
+                height={4.46308}
+                rx={2.23154}
+                fill="#343434"
+              />
+            </g>
+            <g id="Ellipse 1952_2">
+              <ellipse
+                cx={56.1948}
+                cy={60.8449}
+                rx={8.11468}
+                ry={8.11468}
+                fill="#3F3F3F"
+              />
+              <path
+                d="M64.2094 60.8449C64.2094 65.2713 60.6211 68.8596 56.1948 68.8596C51.7684 68.8596 48.1801 65.2713 48.1801 60.8449C48.1801 56.4185 51.7684 52.8302 56.1948 52.8302C60.6211 52.8302 64.2094 56.4185 64.2094 60.8449Z"
+                stroke="#787878"
+                strokeOpacity={0.25}
+                strokeWidth={0.2}
+              />
+            </g>
+          </g>
+          <g id="Group 1000007811">
+            <g id="Rectangle 6610_3" filter="url(#filter2_d_19281_419835)">
+              <rect
+                x={35.3213}
+                y={78.5015}
+                width={106.238}
+                height={30.538}
+                rx={4.88471}
+                fill="#414141"
+              />
+              <rect
+                x={35.5248}
+                y={78.705}
+                width={105.831}
+                height={30.131}
+                rx={4.68118}
+                stroke="#313134"
+                strokeWidth={0.407059}
+              />
+            </g>
+            <g id="Group 1000007823">
+              <g id="Group 1000007726">
+                <g id="Ellipse 1938" filter="url(#filter3_bd_19281_419835)">
+                  <circle
+                    cx={52.4858}
+                    cy={93.5847}
+                    r={9.88228}
+                    fill="#363636"
+                  />
+                  <circle
+                    cx={52.4858}
+                    cy={93.5847}
+                    r={9.78911}
+                    stroke="#787878"
+                    strokeWidth={0.186346}
+                  />
+                </g>
+                <g id="Group 1000007725">
+                  <path
+                    id="Line 351"
+                    d="M51.2324 92.3315L53.7389 94.838"
+                    stroke="white"
+                    strokeWidth={0.745383}
+                    strokeLinecap="round"
+                  />
+                  <path
+                    id="Line 352"
+                    d="M51.2324 94.8362L53.7389 92.3297"
+                    stroke="white"
+                    strokeWidth={0.745383}
+                    strokeLinecap="round"
+                  />
+                </g>
+                <circle
+                  id="Ellipse 1939"
+                  cx={52.4894}
+                  cy={93.5833}
+                  r={4.10556}
+                  fill="#B6B6B6"
+                  fillOpacity={0.38}
+                  stroke="#B8B8B8"
+                  strokeWidth={0.745383}
+                />
+              </g>
+              <g id="Group 1000007808">
+                <g id="Group 1000007740">
+                  <g id="Ellipse 1941" filter="url(#filter4_b_19281_419835)">
+                    <circle
+                      cx={51.3139}
+                      cy={94.4919}
+                      r={9.74949}
+                      stroke="#A5A5A5"
+                      strokeWidth={0.446247}
+                      strokeDasharray="1.78 1.34"
+                    />
+                  </g>
+                </g>
+              </g>
+            </g>
+            <rect
+              id="Rectangle 6611_3"
+              x={66.5283}
+              y={86.8232}
+              width={69.6961}
+              height={4.16096}
+              rx={2.08048}
+              fill="#5A5A5A"
+            />
+            <rect
+              id="Rectangle 6612_3"
+              x={66.5283}
+              y={97.2258}
+              width={69.6961}
+              height={4.16096}
+              rx={2.08048}
+              fill="#5A5A5A"
+            />
+          </g>
+        </g>
+      </g>
+      <defs>
+        <filter
+          id="filter0_f_19281_419835"
+          x={43.2322}
+          y={113.465}
+          width={100.985}
+          height={29.5751}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation={0.191993}
+            result="effect1_foregroundBlur_19281_419835"
+          />
+        </filter>
+        <filter
+          id="filter1_f_19281_419835"
+          x={43.2322}
+          y={45.8497}
+          width={100.985}
+          height={29.5751}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="BackgroundImageFix"
+            result="shape"
+          />
+          <feGaussianBlur
+            stdDeviation={0.191993}
+            result="effect1_foregroundBlur_19281_419835"
+          />
+        </filter>
+        <filter
+          id="filter2_d_19281_419835"
+          x={22.044}
+          y={70.5351}
+          width={132.793}
+          height={57.0927}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={5.31093} />
+          <feGaussianBlur stdDeviation={6.63866} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 1 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="BackgroundImageFix"
+            result="effect1_dropShadow_19281_419835"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_dropShadow_19281_419835"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="filter3_bd_19281_419835"
+          x={38.8766}
+          y={81.4662}
+          width={27.2185}
+          height={27.2185}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.372692} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419835"
+          />
+          <feColorMatrix
+            in="SourceAlpha"
+            type="matrix"
+            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
+            result="hardAlpha"
+          />
+          <feOffset dy={1.49077} />
+          <feGaussianBlur stdDeviation={1.86346} />
+          <feComposite in2="hardAlpha" operator="out" />
+          <feColorMatrix
+            type="matrix"
+            values="0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 0 0.0352941 0 0 0 1 0"
+          />
+          <feBlend
+            mode="normal"
+            in2="effect1_backgroundBlur_19281_419835"
+            result="effect2_dropShadow_19281_419835"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect2_dropShadow_19281_419835"
+            result="shape"
+          />
+        </filter>
+        <filter
+          id="filter4_b_19281_419835"
+          x={40.4493}
+          y={83.6268}
+          width={21.7293}
+          height={21.7303}
+          filterUnits="userSpaceOnUse"
+          colorInterpolationFilters="sRGB">
+          <feFlood floodOpacity={0} result="BackgroundImageFix" />
+          <feGaussianBlur in="BackgroundImageFix" stdDeviation={0.446247} />
+          <feComposite
+            in2="SourceAlpha"
+            operator="in"
+            result="effect1_backgroundBlur_19281_419835"
+          />
+          <feBlend
+            mode="normal"
+            in="SourceGraphic"
+            in2="effect1_backgroundBlur_19281_419835"
+            result="shape"
+          />
+        </filter>
+      </defs>
+    </svg>
+  );
+}
+export default SvgCustomTokensZeroStateDark;

package/src/icons/DarkMode.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon/index.js';
+import { SvgIcon } from '../components/SvgIcon';
 
 function SvgDarkMode(props: SvgIconPropsWithChildren) {
   return createElement(

package/src/icons/Delete.tsx

@@ -1,8 +1,8 @@
-import type { SvgIconPropsWithChildren } from '../components/SvgIcon/index.js';
+import type { SvgIconPropsWithChildren } from '../components/SvgIcon';
 
 import React, { createElement } from 'react';
 
-import { SvgIcon } from '../components/SvgIcon/index.js';
+import { SvgIcon } from '../components/SvgIcon';
 
 function SvgDelete(props: SvgIconPropsWithChildren) {
   return createElement(