@moises.ai/design-system 3.11.8 → 3.11.9

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'