@moises.ai/design-system 3.11.7 → 3.11.9

package/src/icons/RefreshBackIcon.jsx

@@ -13,7 +13,7 @@ export const RefreshBackIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_28160_53772)">
+    <g>
       <path
         d="M2.625 8.68286C2.625 11.6968 5.06828 14.1401 8.08221 14.1401C11.0961 14.1401 13.5394 11.6968 13.5394 8.68286C13.5394 5.66892 11.0961 3.22565 8.08221 3.22565H6.03576M7.66746 0.75L5.14219 3.27653L7.66746 5.80307"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const RefreshBackIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_28160_53772">
-        <rect width="16" height="16" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 RefreshBackIcon.displayName = 'RefreshBackIcon'

package/src/icons/RocketIcon.jsx

@@ -13,18 +13,13 @@ export const RocketIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2034_941)">
+    <g>
       <path
         d="M6.15643 12.7449L5.4648 12.4548C5.347 12.7356 5.41074 13.0598 5.6261 13.2752L6.15643 12.7449ZM7.18241 10.2987L6.49078 10.0086L7.18241 10.2987ZM20.2489 1.7145L20.2406 2.46445L20.2489 1.7145ZM22.0158 1.7342L22.7658 1.72584C22.7612 1.31817 22.4319 0.988797 22.0242 0.984251L22.0158 1.7342ZM22.0355 3.50109L21.2856 3.50945V3.50945L22.0355 3.50109ZM13.4513 16.5676L13.7414 17.2592L13.4513 16.5676ZM11.0052 17.5936L10.4748 18.1239C10.6902 18.3393 11.0144 18.403 11.2952 18.2852L11.0052 17.5936ZM10.0128 5.15485L9.88949 5.89464L10.0128 5.15485ZM3.63105 7.39106L3.10072 6.86073C2.96007 7.00138 2.88105 7.19215 2.88105 7.39106C2.88105 7.58997 2.96007 7.78074 3.10072 7.92139L3.63105 7.39106ZM18.5952 13.7372L17.8554 13.8605V13.8605L18.5952 13.7372ZM16.359 20.119L15.8286 20.6493C16.1215 20.9422 16.5964 20.9422 16.8893 20.6493L16.359 20.119ZM6.34336 18.4673C6.63625 18.1744 6.63625 17.6996 6.34336 17.4067C6.05047 17.1138 5.57559 17.1138 5.2827 17.4067L6.34336 18.4673ZM1.45427 21.2351C1.16138 21.528 1.16138 22.0029 1.45427 22.2958C1.74717 22.5887 2.22204 22.5887 2.51493 22.2958L1.45427 21.2351ZM3.22204 15.346C3.51493 15.0531 3.51493 14.5782 3.22204 14.2854C2.92914 13.9925 2.45427 13.9925 2.16138 14.2854L3.22204 15.346ZM0.332951 16.1138C0.040058 16.4067 0.040058 16.8815 0.332951 17.1744C0.625844 17.4673 1.10072 17.4673 1.39361 17.1744L0.332951 16.1138ZM9.46468 21.5887C9.75757 21.2958 9.75757 20.8209 9.46468 20.528C9.17179 20.2351 8.69691 20.2351 8.40402 20.528L9.46468 21.5887ZM6.57559 22.3564C6.2827 22.6493 6.2827 23.1242 6.57559 23.4171C6.86848 23.71 7.34336 23.71 7.63625 23.4171L6.57559 22.3564ZM6.84806 13.035L7.87404 10.5888L6.49078 10.0086L5.4648 12.4548L6.84806 13.035ZM20.2406 2.46445L22.0075 2.48416L22.0242 0.984251L20.2573 0.964546L20.2406 2.46445ZM21.2659 1.74257L21.2856 3.50945L22.7855 3.49272L22.7658 1.72584L21.2659 1.74257ZM13.1612 15.876L10.7151 16.902L11.2952 18.2852L13.7414 17.2592L13.1612 15.876ZM11.5355 17.0633L6.68676 12.2145L5.6261 13.2752L10.4748 18.1239L11.5355 17.0633ZM21.2856 3.50945C21.3457 8.90063 18.1332 13.7907 13.1612 15.876L13.7414 17.2592C19.2762 14.9378 22.8524 9.49423 22.7855 3.49272L21.2856 3.50945ZM7.87404 10.5888C9.95938 5.61687 14.8494 2.40433 20.2406 2.46445L20.2573 0.964546C14.2558 0.897615 8.8122 4.47385 6.49078 10.0086L7.87404 10.5888ZM10.8254 4.52994L10.1361 4.41505L9.88949 5.89464L10.5788 6.00953L10.8254 4.52994ZM3.38192 6.57953L3.10072 6.86073L4.16138 7.92139L4.44258 7.64019L3.38192 6.57953ZM3.10072 7.92139L6.63625 11.4569L7.69691 10.3963L4.16138 6.86073L3.10072 7.92139ZM10.1361 4.41505C7.66727 4.00358 5.15171 4.80973 3.38192 6.57953L4.44258 7.64019C5.86983 6.21293 7.89851 5.56281 9.88949 5.89464L10.1361 4.41505ZM17.7405 13.1712L17.8554 13.8605L19.335 13.6139L19.2201 12.9246L17.7405 13.1712ZM16.1098 19.3075L15.8286 19.5886L16.8893 20.6493L17.1705 20.3681L16.1098 19.3075ZM16.8893 19.5886L13.3538 16.0531L12.2931 17.1138L15.8286 20.6493L16.8893 19.5886ZM17.8554 13.8605C18.1872 15.8515 17.5371 17.8802 16.1098 19.3075L17.1705 20.3681C18.9403 18.5983 19.7464 16.0828 19.335 13.6139L17.8554 13.8605ZM12.9039 3.91086L19.7085 11.0187L20.792 9.98135L13.9874 2.87355L12.9039 3.91086ZM5.2827 17.4067L1.45427 21.2351L2.51493 22.2958L6.34336 18.4673L5.2827 17.4067ZM2.16138 14.2854L0.332951 16.1138L1.39361 17.1744L3.22204 15.346L2.16138 14.2854ZM8.40402 20.528L6.57559 22.3564L7.63625 23.4171L9.46468 21.5887L8.40402 20.528Z"
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_941">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 RocketIcon.displayName = 'RocketIcon'

package/src/icons/SearchIcon.jsx

@@ -13,7 +13,7 @@ export const SearchIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_27839_47379)">
+    <g>
       <path
         d="M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const SearchIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_27839_47379">
-        <rect width="16" height="16" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 SearchIcon.displayName = 'SearchIcon'

package/src/icons/Share2Icon.jsx

@@ -0,0 +1,30 @@
+export const Share2Icon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_6624_4145)">
+      <path
+        d="M10.1875 2.89583L8.00001 0.708328M8.00001 0.708328L5.81251 2.89583M8.00001 0.708328V10.1875M10.9167 5.08333C12.5275 5.08333 13.8333 6.38916 13.8333 7.99999V12.2917C13.8333 13.9485 12.4902 15.2917 10.8333 15.2917H5.16656C3.50968 15.2917 2.16653 13.9485 2.16656 12.2916L2.16663 7.99999C2.16666 6.38915 3.47251 5.08333 5.08335 5.08333"
+        stroke="#B0B4BA"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_6624_4145">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+Share2Icon.displayName = 'Share2Icon'

package/src/icons/SoundtrackGradientIcon.jsx

@@ -13,7 +13,7 @@ export const SoundtrackGradientIcon = ({
     {...props}
     className={className}
   >
-    <g clipPath="url(#clip0_29160_241085)">
+    <g>
       <path
         d="M36.7709 53.333H13.3334C9.65146 53.333 6.66669 50.3482 6.66669 46.6663V9.99967C6.66669 6.31778 9.65146 3.33301 13.3334 3.33301H66.6667C70.3486 3.33301 73.3334 6.31778 73.3334 9.99967V21.2497M50.5563 63.5639V71.3347C50.5563 73.213 49.2913 74.8557 47.4754 75.3355L43.0289 76.5106C40.4039 77.2043 37.8334 75.2249 37.8334 72.5098V70.1129C37.8334 68.2346 39.0983 66.5919 40.9143 66.112L50.5563 63.5639ZM50.5563 63.5639V43.0034C50.5563 42.0669 51.1852 41.2472 52.0898 41.0048L74.6037 34.9712C75.9178 34.6191 77.2084 35.6093 77.2084 36.9698V56.3867M77.2084 56.3867V64.192C77.2084 66.0704 75.9433 67.7131 74.1273 68.1929L69.6787 69.3684C67.0538 70.0619 64.4834 68.0825 64.4834 65.3675V62.9849C64.4834 61.1138 65.7388 59.4756 67.5455 58.989L77.2084 56.3867ZM31.4326 19.1324L31.4326 37.5329C31.4326 37.9872 31.925 38.2712 32.3189 38.044L48.272 28.8438C48.6659 28.6166 48.6659 28.0487 48.272 27.8215L32.3189 18.6213C31.925 18.3941 31.4326 18.6781 31.4326 19.1324Z"
         stroke="url(#paint0_linear_29160_241085)"
@@ -34,10 +34,7 @@ export const SoundtrackGradientIcon = ({
         <stop stopColor="#0AFFA7" />
         <stop offset="1" stopColor="#00DAE8" />
       </linearGradient>
-      <clipPath id="clip0_29160_241085">
-        <rect width="80" height="80" fill="white" />
-      </clipPath>
-    </defs>
+</defs>
   </svg>
 )
 

package/src/icons/SparkleIcon.jsx

@@ -8,7 +8,7 @@ export const SparkleIcon = ({ width, height, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_4905_5382)">
+    <g>
       <path
         d="M6.77621 3.7676C6.79482 6.77134 9.22902 9.20069 12.2295 9.20178C9.21815 9.20287 6.7772 11.6498 6.77611 14.6686C6.77502 11.6533 4.33961 9.20844 1.33301 9.20179C4.32875 9.19517 6.75763 6.76791 6.77621 3.7676Z"
         stroke="currentColor"
@@ -24,12 +24,7 @@ export const SparkleIcon = ({ width, height, className, ...props }) => (
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_4905_5382">
-        <rect width="16" height="16" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 SparkleIcon.displayName = 'SparkleIcon'

package/src/icons/SparklesGradientIcon.jsx

@@ -13,7 +13,7 @@ export const SparklesGradientIcon = ({
     {...props}
     className={className}
   >
-    <g clipPath="url(#clip0_29457_74553)">
+    <g>
       <path
         d="M33.8827 18.8397C33.9758 33.8584 46.1467 46.0051 61.1491 46.0106C46.0924 46.0161 33.8876 58.2509 33.8822 73.3447C33.8767 58.2681 21.6997 46.0439 6.66669 46.0107C21.6454 45.9775 33.7898 33.8412 33.8827 18.8397Z"
         stroke="url(#paint0_linear_29457_74553)"
@@ -52,10 +52,7 @@ export const SparklesGradientIcon = ({
         <stop stopColor="#0AFFA7" />
         <stop offset="1" stopColor="#00DAE8" />
       </linearGradient>
-      <clipPath id="clip0_29457_74553">
-        <rect width="80" height="80" fill="white" />
-      </clipPath>
-    </defs>
+</defs>
   </svg>
 )
 

package/src/icons/SpatialAudioIcon.jsx

@@ -13,7 +13,7 @@ export const SpatialAudioIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2359_59)">
+    <g>
       <path
         fillRule="evenodd"
         clipRule="evenodd"
@@ -44,12 +44,7 @@ export const SpatialAudioIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2359_59">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 SpatialAudioIcon.displayName = 'SpatialAudioIcon'

package/src/icons/SpeakerLoudIcon.jsx

@@ -14,7 +14,7 @@ export const SpeakerLoudIcon = ({
       className={className}
       {...props}
     >
-      <g clipPath="url(#clip0_4338_1189)">
+      <g>
         <path
           d="M12.7135 3.28666C13.9633 4.53684 14.6654 6.23223 14.6654 7.99999C14.6654 9.76775 13.9633 11.4631 12.7135 12.7133M10.3602 5.63999C10.9851 6.26509 11.3361 7.11278 11.3361 7.99666C11.3361 8.88054 10.9851 9.72823 10.3602 10.3533M7.3335 3.33333L4.00016 6H1.3335V10H4.00016L7.3335 12.6667V3.33333Z"
           stroke="currentColor"
@@ -22,12 +22,7 @@ export const SpeakerLoudIcon = ({
           strokeLinejoin="round"
         />
       </g>
-      <defs>
-        <clipPath id="clip0_4338_1189">
-          <rect width="16" height="16" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+</svg>
   )
 }
 

package/src/icons/SpeedChangerIcon.jsx

@@ -13,18 +13,13 @@ export const SpeedChangerIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_2034_865)">
+    <g>
       <path
         d="M19.7782 4.22182L19.2478 4.75215L19.7782 4.22182ZM23 12V12.75C23.4142 12.75 23.75 12.4142 23.75 12L23 12ZM1.00006 12L0.250061 12C0.250062 12.4142 0.585848 12.75 1.00006 12.75L1.00006 12ZM20 11.25C19.5858 11.25 19.25 11.5858 19.25 12C19.25 12.4142 19.5858 12.75 20 12.75V11.25ZM4 12.75C4.41421 12.75 4.75 12.4142 4.75 12C4.75 11.5858 4.41421 11.25 4 11.25V12.75ZM11.2501 4.18999C11.2501 4.6042 11.5858 4.93999 12.0001 4.93999C12.4143 4.93999 12.7501 4.6042 12.7501 4.18999H11.2501ZM6.02541 7.08598C6.31831 7.37887 6.79318 7.37887 7.08607 7.08598C7.37897 6.79309 7.37897 6.31821 7.08607 6.02532L6.02541 7.08598ZM17.9272 7.13342C18.2201 6.84053 18.2201 6.36565 17.9272 6.07276C17.6344 5.77987 17.1595 5.77987 16.8666 6.07276L17.9272 7.13342ZM19.75 16C19.75 15.5858 19.4142 15.25 19 15.25C18.5858 15.25 18.25 15.5858 18.25 16H19.75ZM18.25 22C18.25 22.4142 18.5858 22.75 19 22.75C19.4142 22.75 19.75 22.4142 19.75 22H18.25ZM16 18.25C15.5858 18.25 15.25 18.5858 15.25 19C15.25 19.4142 15.5858 19.75 16 19.75V18.25ZM22 19.75C22.4142 19.75 22.75 19.4142 22.75 19C22.75 18.5858 22.4142 18.25 22 18.25V19.75ZM2 18.25C1.58579 18.25 1.25 18.5858 1.25 19C1.25 19.4142 1.58579 19.75 2 19.75V18.25ZM7 19.75C7.41421 19.75 7.75 19.4142 7.75 19C7.75 18.5858 7.41421 18.25 7 18.25V19.75ZM4.75221 4.75215C8.75507 0.749285 15.245 0.749285 19.2478 4.75215L20.3085 3.69149C15.7199 -0.897162 8.28019 -0.897162 3.69155 3.69149L4.75221 4.75215ZM19.2478 4.75215C21.2494 6.75373 22.25 9.37563 22.25 12L23.75 12C23.75 8.99407 22.6027 5.98567 20.3085 3.69149L19.2478 4.75215ZM1.75006 12C1.75005 9.37563 2.75062 6.75373 4.75221 4.75215L3.69155 3.69149C1.39736 5.98567 0.250052 8.99407 0.250061 12L1.75006 12ZM23 11.25H20V12.75H23V11.25ZM1.00006 12.75H4V11.25H1.00006V12.75ZM11.2501 1V4.18999H12.7501V1H11.2501ZM3.76975 4.83032L6.02541 7.08598L7.08607 6.02532L4.83041 3.76966L3.76975 4.83032ZM13.5303 11.5303L17.9272 7.13342L16.8666 6.07276L12.4697 10.4697L13.5303 11.5303ZM12 14.4C13.3255 14.4 14.4 13.3255 14.4 12H12.9C12.9 12.497 12.4971 12.9 12 12.9V14.4ZM14.4 12C14.4 10.6745 13.3255 9.59998 12 9.59998V11.1C12.4971 11.1 12.9 11.5029 12.9 12H14.4ZM12 9.59998C10.6746 9.59998 9.60004 10.6745 9.60004 12H11.1C11.1 11.5029 11.503 11.1 12 11.1V9.59998ZM9.60004 12C9.60004 13.3255 10.6746 14.4 12 14.4V12.9C11.503 12.9 11.1 12.497 11.1 12H9.60004ZM18.25 16V22H19.75V16H18.25ZM16 19.75H22V18.25H16V19.75ZM2 19.75H7V18.25H2V19.75Z"
         fill="currentColor"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_2034_865">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 SpeedChangerIcon.displayName = 'SpeedChangerIcon'

package/src/icons/SpliterGradientIcon.jsx

@@ -13,7 +13,7 @@ export const SpliterGradientIcon = ({
     {...props}
     className={className}
   >
-    <g clipPath="url(#clip0_29160_243214)">
+    <g>
       <path
         d="M9.16675 32.5003L40.0483 32.5003C43.5536 32.5003 46.9179 31.12 49.4131 28.658L69.1667 9.16699M69.1667 9.16699L52.5001 9.167M69.1667 9.16699V25.8337M9.16675 45.8337L40.0483 45.8337C43.5536 45.8337 46.9179 47.2141 49.4131 49.676L69.1667 69.167M69.1667 69.167L52.5001 69.167M69.1667 69.167V52.5003"
         stroke="url(#paint0_linear_29160_243214)"
@@ -34,10 +34,7 @@ export const SpliterGradientIcon = ({
         <stop stopColor="#0AFFA7" />
         <stop offset="1" stopColor="#00DAE8" />
       </linearGradient>
-      <clipPath id="clip0_29160_243214">
-        <rect width="80" height="80" fill="white" />
-      </clipPath>
-    </defs>
+</defs>
   </svg>
 )
 

package/src/icons/StringsIcon.jsx

@@ -20,17 +20,7 @@ export const StringsIcon = ({
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_23974_1518">
-        <rect
-          width={width}
-          height={height}
-          fill="currentColor"
-          transform="translate(0.666016)"
-        />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 StringsIcon.displayName = 'StringsIcon'

package/src/icons/TargetIcon.jsx

@@ -13,7 +13,7 @@ export const TargetIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_7852_171)">
+    <g>
       <path
         d="M12 22.5V17.25M12 1.5V6.75M1.5 12L6.75 12M22.5 12H17.25M6.34315 6.34315C9.46734 3.21895 14.5327 3.21895 17.6569 6.34315C20.781 9.46734 20.781 14.5327 17.6569 17.6569C14.5327 20.781 9.46734 20.781 6.34315 17.6569C3.21895 14.5327 3.21895 9.46734 6.34315 6.34315Z"
         stroke="currentColor"
@@ -22,12 +22,7 @@ export const TargetIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_7852_171">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 TargetIcon.displayName = 'TargetIcon'

package/src/icons/TrimIcon.jsx

@@ -8,7 +8,7 @@ export const TrimIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_32377)">
+    <g>
       <path
         d="M13.3333 2.66667L5.41333 10.5867M9.64665 9.65332L13.3333 13.3333M5.41333 5.41333L8 8M6 4C6 5.10457 5.10457 6 4 6C2.89543 6 2 5.10457 2 4C2 2.89543 2.89543 2 4 2C5.10457 2 6 2.89543 6 4ZM6 12C6 13.1046 5.10457 14 4 14C2.89543 14 2 13.1046 2 12C2 10.8954 2.89543 10 4 10C5.10457 10 6 10.8954 6 12Z"
         stroke="currentColor"
@@ -16,12 +16,7 @@ export const TrimIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_32377">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 TrimIcon.displayName = 'TrimIcon'

package/src/icons/UndoIcon.jsx

@@ -8,19 +8,14 @@ export const UndoIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_19372_32391)">
+    <g>
       <path
         d="M13.3327 10C12.6428 7.68681 10.4953 6 7.95304 6C5.51551 6 3.44093 7.83332 2.66602 10M2.66602 10H6.66602M2.66602 10V6"
         stroke="currentColor"
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_19372_32391">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 UndoIcon.displayName = 'UndoIcon'

package/src/icons/UnlockIcon.jsx

@@ -7,16 +7,11 @@ export const UnlockIcon = ({ width = 16, height = 16, className, ...props }) =>
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_35277_49197)">
+    <g>
       <path d="M4.66667 7.33398V4.66732C4.66667 3.78326 5.01786 2.93542 5.64298 2.3103C6.2681 1.68517 7.11595 1.33398 8 1.33398C8.88406 1.33398 9.7319 1.68517 10.357 2.3103C10.8226 2.77588 11.1362 3.36502 11.266 4.00065M3.33333 7.33398H12.6667C13.403 7.33398 14 7.93094 14 8.66732V13.334C14 14.0704 13.403 14.6673 12.6667 14.6673H3.33333C2.59695 14.6673 2 14.0704 2 13.334V8.66732C2 7.93094 2.59695 7.33398 3.33333 7.33398Z"
         stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" />
     </g>
-    <defs>
-      <clipPath id="clip0_35277_49197">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 UnlockIcon.displayName = 'UnlockIcon'

package/src/icons/UploadIcon.jsx

@@ -9,7 +9,7 @@ export const UploadIcon = ({ width, height, className, ...props }) => {
       className={className}
       {...props}
     >
-      <g clipPath="url(#clip0_4414_913)">
+      <g>
         <path
           d="M14 10V12.6667C14 13.0203 13.8595 13.3594 13.6095 13.6095C13.3594 13.8595 13.0203 14 12.6667 14H3.33333C2.97971 14 2.64057 13.8595 2.39052 13.6095C2.14048 13.3594 2 13.0203 2 12.6667L2 10M11.3333 5.33333L8 2M8 2L4.66667 5.33333M8 2V10"
           stroke="currentColor"
@@ -17,12 +17,7 @@ export const UploadIcon = ({ width, height, className, ...props }) => {
           strokeLinejoin="round"
         />
       </g>
-      <defs>
-        <clipPath id="clip0_4414_913">
-          <rect width="16" height="16" fill="white" />
-        </clipPath>
-      </defs>
-    </svg>
+</svg>
   )
 }
 

package/src/icons/UserIcon.jsx

@@ -8,7 +8,7 @@ export const UserIcon = ({ width = 16, height = 16, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_24125_23081)">
+    <g>
       <path
         d="M11.334 14.6663V13.4071C11.334 12.7391 11.0706 12.0985 10.6018 11.6262C10.1329 11.1539 9.49703 10.8886 8.83398 10.8886H3.83398C3.17094 10.8886 2.53506 11.1539 2.06622 11.6262C1.59738 12.0985 1.33398 12.7391 1.33398 13.4071V14.6663M13.1561 1.33301C14.1237 2.39398 14.6673 3.83279 14.6673 5.33301C14.6673 6.83323 14.1237 8.27203 13.1561 9.33301M11.334 3.33018C11.8178 3.86067 12.0896 4.58007 12.0896 5.33018C12.0896 6.08029 11.8178 6.79969 11.334 7.33018M8.83398 5.85153C8.83398 7.24247 7.7147 8.37004 6.33398 8.37004C4.95327 8.37004 3.83398 7.24247 3.83398 5.85153C3.83398 4.46059 4.95327 3.33301 6.33398 3.33301C7.7147 3.33301 8.83398 4.46059 8.83398 5.85153Z"
         stroke="currentColor"
@@ -16,12 +16,7 @@ export const UserIcon = ({ width = 16, height = 16, className, ...props }) => (
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_24125_23081">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 UserIcon.displayName = 'UserIcon'

package/src/icons/VocalsBackgroundIcon.jsx

@@ -13,7 +13,7 @@ export const VocalsBackgroundIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_7704_228)">
+    <g>
       <path
         d="M8.375 23.5V19.625M14.75 13V13.125C14.75 16.6458 11.8958 19.5 8.375 19.5C4.85418 19.5 2 16.6458 2 13.125V13M15.375 23.5V19.625M21.75 13V13.125C21.75 16.6458 18.8958 19.5 15.375 19.5M14 1.33295C14.4119 1.12017 14.8794 1 15.375 1C17.0319 1 18.375 2.34315 18.375 4V13C18.375 13.896 17.9822 14.7003 17.3594 15.25M8.375 16C6.71815 16 5.375 14.6569 5.375 13V4C5.375 2.34315 6.71815 1 8.375 1C10.0319 1 11.375 2.34315 11.375 4V13C11.375 14.6569 10.0319 16 8.375 16Z"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const VocalsBackgroundIcon = ({
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_7704_228">
-        <rect width="24" height="24" fill="currentColor" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 VocalsBackgroundIcon.displayName = 'VocalsBackgroundIcon'

package/src/icons/VocalsIcon.jsx

@@ -8,18 +8,13 @@ export const VocalsIcon = ({ width, height, className, ...props }) => (
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_4905_2316)">
+    <g>
       <path
         d="M5.58301 15.667V13.0837M9.83301 8.66699V8.75033C9.83301 11.0975 7.93022 13.0003 5.58301 13.0003C3.2358 13.0003 1.33301 11.0975 1.33301 8.75033V8.66699M10.2497 15.667V13.0837M14.4997 8.66699V8.75033C14.4997 11.0975 12.5969 13.0003 10.2497 13.0003M9.33301 0.888962C9.60761 0.747104 9.91929 0.666992 10.2497 0.666992C11.3542 0.666992 12.2497 1.56242 12.2497 2.66699V8.66699C12.2497 9.26434 11.9878 9.80052 11.5726 10.167M5.58301 10.667C4.47844 10.667 3.58301 9.77156 3.58301 8.66699V2.66699C3.58301 1.56242 4.47844 0.666992 5.58301 0.666992C6.68758 0.666992 7.58301 1.56242 7.58301 2.66699V8.66699C7.58301 9.77156 6.68758 10.667 5.58301 10.667Z"
         stroke="currentColor"
         strokeLinecap="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_4905_2316">
-        <rect width={width} height={height} fill="currentColor" />
-      </clipPath>
-    </defs>
   </svg>
 )
 

package/src/icons/ZoomCloseIcon.jsx

@@ -13,7 +13,7 @@ export const ZoomCloseIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_24739_59181)">
+    <g>
       <path
         d="M14 14L11.1 11.1M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
         stroke="currentColor"
@@ -27,12 +27,7 @@ export const ZoomCloseIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_24739_59181">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 ZoomCloseIcon.displayName = 'ZoomCloseIcon'

package/src/icons/ZoomInIcon.jsx

@@ -13,7 +13,7 @@ export const ZoomInIcon = ({
     className={className}
     {...props}
   >
-    <g clipPath="url(#clip0_25005_369)">
+    <g>
       <path
         d="M14 14L11.1 11.1M7.33333 5.33333V7.33333M7.33333 7.33333V9.33333M7.33333 7.33333H9.33333M7.33333 7.33333H5.33333M12.6667 7.33333C12.6667 10.2789 10.2789 12.6667 7.33333 12.6667C4.38781 12.6667 2 10.2789 2 7.33333C2 4.38781 4.38781 2 7.33333 2C10.2789 2 12.6667 4.38781 12.6667 7.33333Z"
         stroke="currentColor"
@@ -21,12 +21,7 @@ export const ZoomInIcon = ({
         strokeLinejoin="round"
       />
     </g>
-    <defs>
-      <clipPath id="clip0_25005_369">
-        <rect width="16" height="16" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
+</svg>
 )
 
 ZoomInIcon.displayName = 'ZoomInIcon'

package/src/icons.jsx

@@ -349,3 +349,4 @@ export { EyeOffIcon } from './icons/EyeOffIcon'
 export { Play1Icon } from './icons/Play1Icon'
 export { ChevronRightFilledIcon } from './icons/ChevronRightFilledIcon'
 export { ChevronDownFilledIcon } from './icons/ChevronDownFilledIcon'
+export { Share2Icon } from './icons/Share2Icon'