polpo 0.1.7 → 0.1.8

package/src/components/loaders/icons/clock-2.tsx

@@ -1,58 +0,0 @@
-export const Clock2 = () => {
-  return (
-    <svg
-      width='1em'
-      height='1em'
-      version='1.1'
-      id='L2'
-      xmlns='http://www.w3.org/2000/svg'
-      x='0px'
-      y='0px'
-      viewBox='0 0 100 100'
-      enableBackground='new 0 0 100 100'
-      xmlSpace='preserve'
-    >
-      <circle fill='none' stroke='currentColor' strokeWidth='4' strokeMiterlimit='10' cx='50' cy='50' r='48' />
-      <line
-        fill='none'
-        strokeLinecap='round'
-        stroke='currentColor'
-        strokeWidth='4'
-        strokeMiterlimit='10'
-        x1='50'
-        y1='50'
-        x2='85'
-        y2='50.5'
-      >
-        <animateTransform
-          attributeName='transform'
-          dur='2s'
-          type='rotate'
-          from='0 50 50'
-          to='360 50 50'
-          repeatCount='indefinite'
-        />
-      </line>
-      <line
-        fill='none'
-        strokeLinecap='round'
-        stroke='currentColor'
-        strokeWidth='4'
-        strokeMiterlimit='10'
-        x1='50'
-        y1='50'
-        x2='49.5'
-        y2='74'
-      >
-        <animateTransform
-          attributeName='transform'
-          dur='15s'
-          type='rotate'
-          from='0 50 50'
-          to='360 50 50'
-          repeatCount='indefinite'
-        />
-      </line>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-1.tsx

@@ -1,194 +0,0 @@
-export const Dots1 = () => {
-  return (
-    <svg fill='currentColor' width='1em' height='1em' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
-      <circle cx='4' cy='12' r='0'>
-        <animate
-          begin='0;spinner_z0Or.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='0;3'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_OLMs.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='4;12'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_UHR2.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='12;20'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_lo66'
-          begin='spinner_Aguh.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='3;0'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_z0Or'
-          begin='spinner_lo66.end'
-          attributeName='cx'
-          dur='0.001s'
-          values='20;4'
-          fill='freeze'
-        />
-      </circle>
-      <circle cx='4' cy='12' r='3'>
-        <animate
-          begin='0;spinner_z0Or.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='4;12'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_OLMs.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='12;20'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_JsnR'
-          begin='spinner_UHR2.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='3;0'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_Aguh'
-          begin='spinner_JsnR.end'
-          attributeName='cx'
-          dur='0.001s'
-          values='20;4'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_Aguh.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='0;3'
-          fill='freeze'
-        />
-      </circle>
-      <circle cx='12' cy='12' r='3'>
-        <animate
-          begin='0;spinner_z0Or.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='12;20'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_hSjk'
-          begin='spinner_OLMs.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='3;0'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_UHR2'
-          begin='spinner_hSjk.end'
-          attributeName='cx'
-          dur='0.001s'
-          values='20;4'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_UHR2.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='0;3'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_Aguh.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='4;12'
-          fill='freeze'
-        />
-      </circle>
-      <circle cx='20' cy='12' r='3'>
-        <animate
-          id='spinner_4v5M'
-          begin='0;spinner_z0Or.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='3;0'
-          fill='freeze'
-        />
-        <animate
-          id='spinner_OLMs'
-          begin='spinner_4v5M.end'
-          attributeName='cx'
-          dur='0.001s'
-          values='20;4'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_OLMs.end'
-          attributeName='r'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='0;3'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_UHR2.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='4;12'
-          fill='freeze'
-        />
-        <animate
-          begin='spinner_Aguh.end'
-          attributeName='cx'
-          calcMode='spline'
-          dur='0.5s'
-          keySplines='.36,.6,.31,1'
-          values='12;20'
-          fill='freeze'
-        />
-      </circle>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-2.tsx

@@ -1,15 +0,0 @@
-export const Dots2 = () => {
-  return (
-    <svg fill='currentColor' width='1em' height='1em' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
-      <circle cx='4' cy='12' r='3'>
-        <animate id='spinner_jObz' begin='0;spinner_vwSQ.end-0.25s' attributeName='r' dur='0.75s' values='3;.2;3' />
-      </circle>
-      <circle cx='12' cy='12' r='3'>
-        <animate begin='spinner_jObz.end-0.6s' attributeName='r' dur='0.75s' values='3;.2;3' />
-      </circle>
-      <circle cx='20' cy='12' r='3'>
-        <animate id='spinner_vwSQ' begin='spinner_jObz.end-0.45s' attributeName='r' dur='0.75s' values='3;.2;3' />
-      </circle>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-3.tsx

@@ -1,38 +0,0 @@
-export const Dots3 = () => {
-  return (
-    <svg fill='currentColor' width='1em' height='1em' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
-      <circle cx='4' cy='12' r='3'>
-        <animate
-          id='spinner_qFRN'
-          begin='0;spinner_OcgL.end+0.25s'
-          attributeName='cy'
-          calcMode='spline'
-          dur='0.6s'
-          values='12;6;12'
-          keySplines='.33,.66,.66,1;.33,0,.66,.33'
-        />
-      </circle>
-      <circle cx='12' cy='12' r='3'>
-        <animate
-          begin='spinner_qFRN.begin+0.1s'
-          attributeName='cy'
-          calcMode='spline'
-          dur='0.6s'
-          values='12;6;12'
-          keySplines='.33,.66,.66,1;.33,0,.66,.33'
-        />
-      </circle>
-      <circle cx='20' cy='12' r='3'>
-        <animate
-          id='spinner_OcgL'
-          begin='spinner_qFRN.begin+0.2s'
-          attributeName='cy'
-          calcMode='spline'
-          dur='0.6s'
-          values='12;6;12'
-          keySplines='.33,.66,.66,1;.33,0,.66,.33'
-        />
-      </circle>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-4.tsx

@@ -1,90 +0,0 @@
-export const Dots4 = () => {
-  return (
-    <svg fill='currentColor' width='1em' height='1em' viewBox='0 0 58 58' xmlns='http://www.w3.org/2000/svg'>
-      <g fill='none' fillRule='evenodd'>
-        <g transform='translate(2 1)' stroke='currentColor' strokeWidth='1.5'>
-          <circle cx='42.601' cy='11.462' r='5' fillOpacity='1' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='1;0;0;0;0;0;0;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='49.063' cy='27.063' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;1;0;0;0;0;0;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='42.601' cy='42.663' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;0;1;0;0;0;0;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='27' cy='49.125' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;0;0;1;0;0;0;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='11.399' cy='42.663' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;0;0;0;1;0;0;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='4.938' cy='27.063' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;0;0;0;0;1;0;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='11.399' cy='11.462' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;0;0;0;0;0;1;0'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-          <circle cx='27' cy='5' r='5' fillOpacity='0' fill='currentColor'>
-            <animate
-              attributeName='fill-opacity'
-              begin='0s'
-              dur='1.3s'
-              values='0;0;0;0;0;0;0;1'
-              calcMode='linear'
-              repeatCount='indefinite'
-            />
-          </circle>
-        </g>
-      </g>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-5.tsx

@@ -1,30 +0,0 @@
-export const Dots5 = () => {
-  return (
-    <svg
-      fill='currentColor'
-      width='1em'
-      height='1em'
-      xmlns='http://www.w3.org/2000/svg'
-      xmlSpace='preserve'
-      id='cog9_1_'
-      x={0}
-      y={0}
-      viewBox='-13 -13 45 45'
-    >
-      <style>
-        {
-          '@keyframes moveBox5631-1{9.0909090909%,90.9090909091%{transform:translate(-12px,0)}18.1818181818%,27.2727272727%,81.8181818182%,to{transform:translate(0,0)}36.3636363636%,72.7272727273%{transform:translate(12px,0)}45.4545454545%,54.5454545455%,63.6363636364%{transform:translate(12px,12px)}}@keyframes moveBox5631-2{27.2727272727%,9.0909090909%,to{transform:translate(0,0)}18.1818181818%,36.3636363636%{transform:translate(12px,0)}45.4545454545%,54.5454545455%,63.6363636364%,72.7272727273%{transform:translate(12px,12px)}81.8181818182%,90.9090909091%{transform:translate(0,12px)}}@keyframes moveBox5631-3{18.1818181818%,36.3636363636%,45.4545454545%,54.5454545455%,63.6363636364%,72.7272727273%,9.0909090909%{transform:translate(-12px,0)}27.2727272727%,to{transform:translate(0,0)}81.8181818182%{transform:translate(-12px,-12px)}90.9090909091%{transform:translate(0,-12px)}}@keyframes moveBox5631-4{18.1818181818%,9.0909090909%,90.9090909091%{transform:translate(-12px,0)}27.2727272727%,81.8181818182%{transform:translate(-12px,-12px)}36.3636363636%,54.5454545455%,63.6363636364%,72.7272727273%{transform:translate(0,-12px)}45.4545454545%,to{transform:translate(0,0)}}@keyframes moveBox5631-5{18.1818181818%,27.2727272727%,9.0909090909%,to{transform:translate(0,0)}36.3636363636%,45.4545454545%,54.5454545455%,63.6363636364%,72.7272727273%{transform:translate(12px,0)}81.8181818182%{transform:translate(12px,-12px)}90.9090909091%{transform:translate(0,-12px)}}@keyframes moveBox5631-6{36.3636363636%,45.4545454545%,54.5454545455%,63.6363636364%,9.0909090909%,to{transform:translate(0,0)}18.1818181818%,27.2727272727%,90.9090909091%{transform:translate(-12px,0)}72.7272727273%{transform:translate(0,12px)}81.8181818182%{transform:translate(-12px,12px)}}@keyframes moveBox5631-7{18.1818181818%,27.2727272727%,9.0909090909%,90.9090909091%{transform:translate(12px,0)}36.3636363636%,81.8181818182%,to{transform:translate(0,0)}45.4545454545%,63.6363636364%,72.7272727273%{transform:translate(0,-12px)}54.5454545455%{transform:translate(12px,-12px)}}@keyframes moveBox5631-8{9.0909090909%,to{transform:translate(0,0)}18.1818181818%{transform:translate(-12px,0)}27.2727272727%{transform:translate(-12px,-12px)}36.3636363636%,45.4545454545%,54.5454545455%,63.6363636364%,72.7272727273%{transform:translate(0,-12px)}81.8181818182%{transform:translate(12px,-12px)}90.9090909091%{transform:translate(12px,0)}}@keyframes moveBox5631-9{18.1818181818%,36.3636363636%,63.6363636364%,72.7272727273%,9.0909090909%,90.9090909091%{transform:translate(-12px,0)}27.2727272727%,45.4545454545%,54.5454545455%,to{transform:translate(0,0)}81.8181818182%{transform:translate(-24px,0)}}.box5631{transform-origin:50% 50%;fill:currentColor}.box5631:nth-child(1){animation:moveBox5631-1 4s infinite}.box5631:nth-child(2){animation:moveBox5631-2 4s infinite}.box5631:nth-child(3){animation:moveBox5631-3 4s infinite}.box5631:nth-child(4){animation:moveBox5631-4 4s infinite}.box5631:nth-child(5){animation:moveBox5631-5 4s infinite}.box5631:nth-child(6){animation:moveBox5631-6 4s infinite}.box5631:nth-child(7){animation:moveBox5631-7 4s infinite}.box5631:nth-child(8){animation:moveBox5631-8 4s infinite}.box5631:nth-child(9){animation:moveBox5631-9 4s infinite}'
-        }
-      </style>
-      <circle cx={13} cy={1} r={5} className='box5631' />
-      <circle cx={13} cy={1} r={5} className='box5631' />
-      <circle cx={25} cy={25} r={5} className='box5631' />
-      <circle cx={13} cy={13} r={5} className='box5631' />
-      <circle cx={13} cy={13} r={5} className='box5631' />
-      <circle cx={25} cy={13} r={5} className='box5631' />
-      <circle cx={1} cy={25} r={5} className='box5631' />
-      <circle cx={13} cy={25} r={5} className='box5631' />
-      <circle cx={25} cy={25} r={5} className='box5631' />
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-6.tsx

@@ -1,72 +0,0 @@
-export const Dots6 = () => {
-  return (
-    <svg viewBox='0 0 240 240' fill='currentColor' width='1em' height='1em'>
-      <style>
-        {
-          '@keyframes ringA{0%,4%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-330}12%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-335}32%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-595}40%,54%{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-660}62%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-665}82%{stroke-dasharray:60 600;stroke-width:30;stroke-dashoffset:-925}90%,to{stroke-dasharray:0 660;stroke-width:20;stroke-dashoffset:-990}}@keyframes ringB{0%,12%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-110}20%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-115}40%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-195}48%,62%{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-220}70%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-225}90%{stroke-dasharray:20 200;stroke-width:30;stroke-dashoffset:-305}98%,to{stroke-dasharray:0 220;stroke-width:20;stroke-dashoffset:-330}}@keyframes ringC{0%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}8%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}28%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}36%,58%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}66%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}86%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}94%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}@keyframes ringD{0%,8%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:0}16%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-5}36%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-175}44%,50%{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-220}58%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-225}78%{stroke-dasharray:40 400;stroke-width:30;stroke-dashoffset:-395}86%,to{stroke-dasharray:0 440;stroke-width:20;stroke-dashoffset:-440}}.pl1123__ring{animation:ringA 2s linear infinite}'
-        }
-      </style>
-      <circle
-        cx={120}
-        cy={120}
-        r={105}
-        fill='none'
-        stroke='#000'
-        strokeDasharray='0 660'
-        strokeDashoffset={-330}
-        strokeLinecap='round'
-        strokeWidth={20}
-        className='pl1123__ring'
-        style={{
-          stroke: 'currentColor',
-        }}
-      />
-      <circle
-        cx={120}
-        cy={120}
-        r={35}
-        fill='none'
-        stroke='#000'
-        strokeDasharray='0 220'
-        strokeDashoffset={-110}
-        strokeLinecap='round'
-        strokeWidth={20}
-        className='pl1123__ring'
-        style={{
-          animationName: 'ringB',
-          stroke: 'currentColor',
-        }}
-      />
-      <circle
-        cx={85}
-        cy={120}
-        r={70}
-        fill='none'
-        stroke='#000'
-        strokeDasharray='0 440'
-        strokeLinecap='round'
-        strokeWidth={20}
-        className='pl1123__ring'
-        style={{
-          animationName: 'ringC',
-          stroke: 'currentColor',
-        }}
-      />
-      <circle
-        cx={155}
-        cy={120}
-        r={70}
-        fill='none'
-        stroke='#000'
-        strokeDasharray='0 440'
-        strokeLinecap='round'
-        strokeWidth={20}
-        className='pl1123__ring'
-        style={{
-          animationName: 'ringD',
-          stroke: 'currentColor',
-        }}
-      />
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-7.tsx

@@ -1,51 +0,0 @@
-export const Dots7 = () => {
-  return (
-    <svg fill='currentColor' width='1em' height='1em' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
-      <defs>
-        <filter id='spinner-gF00'>
-          <feGaussianBlur in='SourceGraphic' stdDeviation='1.5' result='y' />
-          <feColorMatrix in='y' mode='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7' result='z' />
-          <feBlend in='SourceGraphic' in2='z' />
-        </filter>
-      </defs>
-      <g filter='url(#spinner-gF00)'>
-        <circle cx='4' cy='12' r='3'>
-          <animate
-            attributeName='cx'
-            calcMode='spline'
-            dur='0.75s'
-            values='4;9;4'
-            keySplines='.56,.52,.17,.98;.56,.52,.17,.98'
-            repeatCount='indefinite'
-          />
-          <animate
-            attributeName='r'
-            calcMode='spline'
-            dur='0.75s'
-            values='3;8;3'
-            keySplines='.56,.52,.17,.98;.56,.52,.17,.98'
-            repeatCount='indefinite'
-          />
-        </circle>
-        <circle cx='15' cy='12' r='8'>
-          <animate
-            attributeName='cx'
-            calcMode='spline'
-            dur='0.75s'
-            values='15;20;15'
-            keySplines='.56,.52,.17,.98;.56,.52,.17,.98'
-            repeatCount='indefinite'
-          />
-          <animate
-            attributeName='r'
-            calcMode='spline'
-            dur='0.75s'
-            values='8;3;8'
-            keySplines='.56,.52,.17,.98;.56,.52,.17,.98'
-            repeatCount='indefinite'
-          />
-        </circle>
-      </g>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-8.tsx

@@ -1,42 +0,0 @@
-export const Dots8 = () => {
-  return (
-    <svg fill='currentColor' width='1em' height='1em' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
-      <defs>
-        <filter id='spinner-gF01'>
-          <feGaussianBlur in='SourceGraphic' stdDeviation='1' result='y' />
-          <feColorMatrix in='y' mode='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7' result='z' />
-          <feBlend in='SourceGraphic' in2='z' />
-        </filter>
-      </defs>
-      <g filter='url(#spinner-gF01)'>
-        <circle cx='5' cy='12' r='4'>
-          <animate
-            attributeName='cx'
-            calcMode='spline'
-            dur='2s'
-            values='5;8;5'
-            keySplines='.36,.62,.43,.99;.79,0,.58,.57'
-            repeatCount='indefinite'
-          />
-        </circle>
-        <circle cx='19' cy='12' r='4'>
-          <animate
-            attributeName='cx'
-            calcMode='spline'
-            dur='2s'
-            values='19;16;19'
-            keySplines='.36,.62,.43,.99;.79,0,.58,.57'
-            repeatCount='indefinite'
-          />
-        </circle>
-        <animateTransform
-          attributeName='transform'
-          type='rotate'
-          dur='0.75s'
-          values='0 12 12;360 12 12'
-          repeatCount='indefinite'
-        />
-      </g>
-    </svg>
-  );
-};

package/src/components/loaders/icons/dots-9.tsx

@@ -1,27 +0,0 @@
-export const Dots9 = () => {
-  return (
-    <svg
-      fill='currentColor'
-      width='1em'
-      height='1em'
-      version='1.1'
-      id='L4'
-      xmlns='http://www.w3.org/2000/svg'
-      x='0px'
-      y='0px'
-      viewBox='0 40 60 16'
-      enableBackground='new 0 0 0 0'
-      xmlSpace='preserve'
-    >
-      <circle fill='currentColor' stroke='none' cx='6' cy='50' r='6'>
-        <animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.1' />
-      </circle>
-      <circle fill='currentColor' stroke='none' cx='26' cy='50' r='6'>
-        <animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.2' />
-      </circle>
-      <circle fill='currentColor' stroke='none' cx='46' cy='50' r='6'>
-        <animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.3' />
-      </circle>
-    </svg>
-  );
-};