@moises.ai/design-system 4.19.8 → 4.20.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "4.19.8",
+  "version": "4.20.1",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/Button/Button.jsx

@@ -13,6 +13,7 @@ export const Button = ({
   highContrast = false,
   onClick,
   style,
+  rightSlot,
   ...props
 }) => {
   const resolvedColor = color === 'neutral' ? 'gray' : color
@@ -29,6 +30,7 @@ export const Button = ({
         [styles.disabled]: disabled,
         [styles.loading]: loading,
         [styles.highContrast]: highContrast,
+        [styles.hasRightSlot]: rightSlot,
       })}
       disabled={disabled}
       loading={loading}
@@ -37,7 +39,14 @@ export const Button = ({
       style={style}
       {...props}
     >
-      {children}
+      {rightSlot ? (
+        <>
+          <span className={styles.label}>{children}</span>
+          <span className={styles.rightSlot}>{rightSlot}</span>
+        </>
+      ) : (
+        children
+      )}
     </ButtonPrimitive>
   )
 }

package/src/components/Button/Button.module.css

@@ -308,3 +308,32 @@
   border-radius: 12px;
 }
 
+.hasRightSlot {
+  position: relative;
+}
+
+.label {
+  min-width: 0;
+}
+
+.rightSlot {
+  position: absolute;
+  top: 50%;
+  right: 12px;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  flex-shrink: 0;
+  line-height: 1;
+}
+
+.hasRightSlot.size1 .rightSlot {
+  right: 8px;
+}
+
+.hasRightSlot.size3 .rightSlot,
+.hasRightSlot.size4 .rightSlot {
+  right: 16px;
+}
+

package/src/components/Button/Button.stories.jsx

@@ -1,6 +1,7 @@
 import { Button } from './Button'
 import { PlusIcon } from '@radix-ui/react-icons'
 import { Flex } from '@radix-ui/themes'
+import { HiFi1Icon, LockIcon } from '../../icons'
 
 export default {
   title: 'Components/Button',
@@ -110,6 +111,15 @@ const MyComponent = () => (
         defaultValue: { summary: 'undefined' },
       },
     },
+    rightSlot: {
+      control: false,
+      description:
+        'Optional content rendered on the right side while keeping the label centered',
+      table: {
+        type: { summary: 'ReactNode' },
+        defaultValue: { summary: 'undefined' },
+      },
+    },
   },
 }
 
@@ -267,3 +277,20 @@ export const WithIcons = {
     </Flex>
   ),
 }
+
+export const WithRightSlot = {
+  render: () => (
+    <Flex gap="4" direction="column" width="500px">
+      <Button variant="solid" color="cyan" rightSlot={<HiFi1Icon height={14} />}>
+        Change Stems
+      </Button>
+      <Button
+        variant="solid"
+        color="cyan"
+        rightSlot={<LockIcon width={16} height={16} />}
+      >
+        Export mixdown + click track
+      </Button>
+    </Flex>
+  ),
+}

package/src/icons/BitcrusherIcon.jsx

@@ -0,0 +1,7 @@
+export const BitcrusherIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Bitcrusher Icon">
+  <path d="M2 6H2.71041C5.17826 6 7.27701 7.80056 7.65226 10.2397L8.64893 16.718C8.8509 18.0309 9.98053 19 11.3088 19C12.7951 19 14 17.7951 14 16.3088V7C14 6.44772 14.4477 6 15 6H19C19.5523 6 20 6.44772 20 7V18C20 18.5523 20.4477 19 21 19H22" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+BitcrusherIcon.displayName = 'BitcrusherIcon'

package/src/icons/ChorusIcon.jsx

@@ -0,0 +1,7 @@
+export const ChorusIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Chorus Icon">
+  <path d="M2 18.5C4 17.6333 5.63636 15.9432 7 11.4966C8.36364 7.05 10 5.5 12 5.5C14 5.5 15.6364 7.04987 17 11.4964C18.3636 15.943 20 17.6333 22 18.4999M7 18.5C9 17.6333 10.6364 15.9432 12 11.4966C12.2247 10.7639 12.4568 10.11 12.6966 9.52857M22 11.4964C20.6364 7.04988 19 5.5 17 5.5C16.1835 5.5 15.4276 5.75835 14.7261 6.36667" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+ChorusIcon.displayName = 'ChorusIcon'

package/src/icons/Delay2Icon.jsx

@@ -0,0 +1,7 @@
+export const Delay2Icon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Delay 2 Icon">
+  <path d="M21 15.5V17.625C21 18.9367 19.9367 20 18.625 20C17.3133 20 16.25 18.9367 16.25 17.625V12.375C16.25 11.0633 15.1867 10 13.875 10C12.5633 10 11.5 11.0633 11.5 12.375V17.0312C11.5 18.6708 10.1708 20 8.53125 20C6.89165 20 5.5625 18.6708 5.5625 17.0312V7.5625C5.5625 5.59499 3.96751 4 2 4" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+Delay2Icon.displayName = 'Delay2Icon'

package/src/icons/GateAudioIcon.jsx

@@ -0,0 +1,7 @@
+export const GateAudioIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Gate Audio Icon">
+  <path d="M22.5 17C19.3093 15.7237 16.7875 13.1863 15.5309 9.98775L14.2774 6.79702C13.4644 4.72749 10.5356 4.72749 9.7226 6.79702L8.4691 9.98775C7.21254 13.1863 4.69069 15.7237 1.5 17M1.25 11H2.75M6.25 11H7.75M16.25 11H17.75M21.25 11H22.75M11.25 11H12.75" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+GateAudioIcon.displayName = 'GateAudioIcon'

package/src/icons/ImportIcon.jsx

@@ -0,0 +1,7 @@
+export const ImportIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Import Icon">
+  <path d="M5 16V19C5 20.1046 5.89543 21 7 21H17C18.1046 21 19 20.1046 19 19V7.82843C19 7.29799 18.7893 6.78929 18.4142 6.41421L15.5858 3.58579C15.2107 3.21071 14.702 3 14.1716 3H7C5.89543 3 5 3.89543 5 5V10C5 11.1046 5.89543 12 7 12H13.5M10.5 8L14 12L10.5 16" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
+)
+
+ImportIcon.displayName = 'ImportIcon'

package/src/icons/LimiterIcon.jsx

@@ -0,0 +1,7 @@
+export const LimiterIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Limiter Icon">
+  <path d="M1.5 5H3M6.25 5H7.75M16.25 5H17.75M21.25 5H22.75M11.25 5H12.75M2 19.5L4.73619 9.67204C5.26219 7.78276 7.9104 7.70051 8.55263 9.5535L10.1103 14.0477C10.7319 15.8411 13.2681 15.8411 13.8897 14.0477L15.4474 9.5535C16.0896 7.70051 18.7378 7.78276 19.2638 9.67204L22 19.5" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+LimiterIcon.displayName = 'LimiterIcon'

package/src/icons/MidiIcon.jsx

@@ -0,0 +1,10 @@
+export const MidiIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Midi Icon">
+  <path d="M7 8.00024C8.04934 8.00024 8.90039 8.85129 8.90039 9.90063V16H7.09961V9.90063C7.09961 9.84541 7.05523 9.80005 7 9.80005H5.90039V16H4.09961V9.80005H2.90039V16H1.09961V8.00024H7Z" fill="currentColor"/>
+  <path d="M11.9004 16H10.0996V8.00024H11.9004V16Z" fill="currentColor"/>
+  <path d="M18 8.00024C19.0493 8.00024 19.9004 8.85129 19.9004 9.90063V14.0996C19.9003 15.1489 19.0493 16 18 16H13.0996V10.9006H14.9004V14.2002H18C18.0552 14.2002 18.0995 14.1547 18.0996 14.0996V9.90063C18.0996 9.84541 18.0552 9.80005 18 9.80005H13.0996V8.00024H18Z" fill="currentColor"/>
+  <path d="M22.9004 16H21.0996V8.00024H22.9004V16Z" fill="currentColor"/>
+</svg>
+)
+
+MidiIcon.displayName = 'MidiIcon'

package/src/icons/MoisesPlayIcon.jsx

@@ -0,0 +1,7 @@
+export const MoisesPlayIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Moises Play Icon">
+  <path d="M19.5 12L5.5 12M13 16.5L5.5 16.5M13 7.5L5.5 7.5M8 3L5.5 3M8 21L5.5 21" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+MoisesPlayIcon.displayName = 'MoisesPlayIcon'

package/src/icons/PluginIcon.jsx

@@ -0,0 +1,7 @@
+export const PluginIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Plugin Icon">
+  <path d="M12 19L15.2361 17.382C16.93 16.535 18 14.8037 18 12.9098V9C18 8.44772 17.5523 8 17 8H7C6.44772 8 6 8.44772 6 9V12.9098C6 14.8037 7.07001 16.535 8.76393 17.382L12 19ZM12 19V22M8.5 8V2.5M15.5 8V2.5" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+PluginIcon.displayName = 'PluginIcon'

package/src/icons/SaturatorIcon.jsx

@@ -0,0 +1,7 @@
+export const SaturatorIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Saturator Icon">
+  <path d="M6 20.9999V10.9249C6 8.61816 7.5699 6.60746 9.80774 6.04801C9.92977 6.0175 10.0324 5.93519 10.0886 5.82269L10.8165 4.36694C11.3041 3.39168 12.6959 3.39168 13.1835 4.36694L13.9114 5.82269C13.9676 5.93519 14.0702 6.0175 14.1923 6.04801C16.4301 6.60746 18 8.61816 18 10.9249V20.9999M14 20.9999V14.9999C14 14.4477 13.5523 13.9999 13 13.9999H11C10.4477 13.9999 10 14.4477 10 14.9999V20.9999" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+SaturatorIcon.displayName = 'SaturatorIcon'

package/src/icons/StereoIcon.jsx

@@ -0,0 +1,8 @@
+export const StereoIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Stereo Icon">
+  <path d="M16 12C16 15.866 12.866 19 9 19C5.13401 19 2 15.866 2 12C2 8.13401 5.13401 5 9 5C12.866 5 16 8.13401 16 12Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+  <path d="M22 12C22 15.866 18.866 19 15 19C11.134 19 8 15.866 8 12C8 8.13401 11.134 5 15 5C18.866 5 22 8.13401 22 12Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+StereoIcon.displayName = 'StereoIcon'

package/src/icons/TremoloIcon.jsx

@@ -0,0 +1,7 @@
+export const TremoloIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Tremolo Icon">
+  <path d="M2 6H4.5V18H9.5V6H14.5V18H19.5V6H22" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
+</svg>
+)
+
+TremoloIcon.displayName = 'TremoloIcon'

package/src/icons/TunerIcon.jsx

@@ -1,18 +1,7 @@
 export const TunerIcon = ({ width = 16, height = 16, className, ...props }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    width={width}
-    height={height}
-    viewBox="0 0 24 24"
-    fill="none"
-    className={className}
-    {...props}
-  >
-    <path
-      d="M16.25 2.5C16.25 2.08579 15.9142 1.75 15.5 1.75C15.0858 1.75 14.75 2.08579 14.75 2.5H16.25ZM9.25 2.5C9.25 2.08579 8.91421 1.75 8.5 1.75C8.08579 1.75 7.75 2.08579 7.75 2.5H9.25ZM14.75 2.5V10H16.25V2.5H14.75ZM9.25 10V2.5H7.75V10H9.25ZM12 12.75C10.4812 12.75 9.25 11.5188 9.25 10H7.75C7.75 12.3472 9.65279 14.25 12 14.25V12.75ZM14.75 10C14.75 11.5188 13.5188 12.75 12 12.75V14.25C14.3472 14.25 16.25 12.3472 16.25 10H14.75ZM11.25 13.75V19.75H12.75V13.75H11.25ZM12 20.25V21.75C12.8284 21.75 13.5 21.0784 13.5 20.25H12ZM12 20.25H10.5C10.5 21.0784 11.1716 21.75 12 21.75V20.25ZM12 20.25V18.75C11.1716 18.75 10.5 19.4216 10.5 20.25H12ZM12 20.25H13.5C13.5 19.4216 12.8284 18.75 12 18.75V20.25ZM12.4661 20.25C12.4661 20.5074 12.2574 20.7161 12 20.7161V22.2161C13.0859 22.2161 13.9661 21.3359 13.9661 20.25H12.4661ZM12 20.7161C11.7426 20.7161 11.5338 20.5074 11.5338 20.25H10.0338C10.0338 21.3359 10.9141 22.2161 12 22.2161V20.7161ZM11.5338 20.25C11.5338 19.9926 11.7426 19.7838 12 19.7838V18.2838C10.9141 18.2838 10.0338 19.1641 10.0338 20.25H11.5338ZM12 19.7838C12.2574 19.7838 12.4661 19.9926 12.4661 20.25H13.9661C13.9661 19.1641 13.0859 18.2838 12 18.2838V19.7838Z"
-      fill="currentColor"
-    />
-  </svg>
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Tuner Icon">
+  <path d="M16 3V11C16 13.2091 14.2091 15 12 15C9.79086 15 8 13.2091 8 11L8 3M12.1318 18.5V22" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
 )
 
 TunerIcon.displayName = 'TunerIcon'

package/src/icons/VocoderIcon.jsx

@@ -0,0 +1,9 @@
+export const VocoderIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Vocoder Icon">
+  <path d="M2 9.99992V13.9999M22 13.9999V9.99992M11.9999 5.50007L12 2.5M8 5.99992H16C17.6569 5.99992 19 7.34306 19 8.99992V14.9999C19 16.6568 17.6569 17.9999 16 17.9999H8C6.34315 17.9999 5 16.6568 5 14.9999V8.99992C5 7.34306 6.34315 5.99992 8 5.99992Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+  <path d="M9.75 12C9.75 12.6904 9.19036 13.25 8.5 13.25C7.80964 13.25 7.25 12.6904 7.25 12C7.25 11.3096 7.80964 10.75 8.5 10.75C9.19036 10.75 9.75 11.3096 9.75 12Z" fill="currentColor"/>
+  <path d="M16.75 12C16.75 12.6904 16.1904 13.25 15.5 13.25C14.8096 13.25 14.25 12.6904 14.25 12C14.25 11.3096 14.8096 10.75 15.5 10.75C16.1904 10.75 16.75 11.3096 16.75 12Z" fill="currentColor"/>
+</svg>
+)
+
+VocoderIcon.displayName = 'VocoderIcon'

package/src/icons/VoiceTunerIcon.jsx

@@ -0,0 +1,7 @@
+export const VoiceTunerIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Voice Tuner Icon">
+  <path d="M2 20C4 19.2 5.63636 17.6398 7 13.5353C8.36364 9.43077 10 8 12 8C14 8 15.6364 9.43065 17 13.5352C18.3636 17.6397 20 19.2 22 19.9999M5 13H19C20.1046 13 21 12.1046 21 11V6C21 4.89543 20.1046 4 19 4H5C3.89543 4 3 4.89543 3 6V11C3 12.1046 3.89543 13 5 13Z" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+</svg>
+)
+
+VoiceTunerIcon.displayName = 'VoiceTunerIcon'

package/src/icons/WavefolderIcon.jsx

@@ -0,0 +1,15 @@
+export const WavefolderIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg xmlns="http://www.w3.org/2000/svg" width={width} height={height} viewBox="0 0 24 24" fill="none" className={className} {...props} aria-label="Wavefolder Icon">
+  <path d="M22 19L19.8252 12.9107C18.8771 10.256 15.1229 10.256 14.1748 12.9107L13.8835 13.7263C13.2514 15.4961 10.7486 15.4961 10.1165 13.7263L9.82523 12.9107C8.87714 10.256 5.12287 10.256 4.17477 12.9107L2 19" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round"/>
+  <path d="M6.58631 5.96979C6.86106 5.55594 7.41929 5.44243 7.83338 5.71686C8.24749 5.99154 8.36085 6.5507 8.08631 6.9649C7.98094 7.12381 7.8757 7.2899 7.77186 7.46295L7.75624 7.49029L7.73768 7.51569L7.2328 8.23736C6.94777 8.64425 6.38696 8.74278 5.97987 8.45807C5.57275 8.17309 5.47337 7.61232 5.75819 7.20514L6.25233 6.49811C6.36201 6.31651 6.47342 6.14004 6.58631 5.96979Z" fill="currentColor"/>
+  <path d="M16.1674 5.71783C16.5816 5.44337 17.1398 5.55666 17.4144 5.97076C17.5286 6.14299 17.6414 6.32112 17.7523 6.50494L18.2426 7.20514C18.5275 7.61227 18.4279 8.17396 18.0209 8.45904C17.6137 8.74377 17.0529 8.64439 16.768 8.23736L16.2631 7.51666L16.2445 7.49029L16.2289 7.46393C16.125 7.29081 16.0198 7.12388 15.9144 6.9649C15.6401 6.55067 15.7532 5.99242 16.1674 5.71783Z" fill="currentColor"/>
+  <path d="M10.1488 2.73053C10.6076 2.53976 11.1346 2.75618 11.3256 3.2149C11.5166 3.6737 11.2989 4.20054 10.8402 4.39166C10.5481 4.51326 10.2478 4.68442 9.94276 4.91022C9.54337 5.20565 8.97971 5.1219 8.68397 4.72272C8.3882 4.32324 8.47297 3.75872 8.87245 3.46295C9.2821 3.15973 9.70862 2.91378 10.1488 2.73053Z" fill="currentColor"/>
+  <path d="M12.6762 3.2149C12.8675 2.75644 13.3943 2.53949 13.8529 2.73053C14.2932 2.91394 14.7196 3.1605 15.1293 3.46393C15.5284 3.75972 15.6123 4.32337 15.3168 4.72272C15.021 5.12212 14.4574 5.20593 14.058 4.91022C13.753 4.68434 13.4526 4.51334 13.1605 4.39166C12.7019 4.20045 12.4851 3.67366 12.6762 3.2149Z" fill="currentColor"/>
+  <path d="M6.58631 5.96979C6.86106 5.55594 7.41929 5.44243 7.83338 5.71686C8.24749 5.99154 8.36085 6.5507 8.08631 6.9649C7.98094 7.12381 7.8757 7.2899 7.77186 7.46295L7.75624 7.49029L7.73768 7.51569L7.2328 8.23736C6.94777 8.64425 6.38696 8.74278 5.97987 8.45807C5.57275 8.17309 5.47337 7.61232 5.75819 7.20514L6.25233 6.49811C6.36201 6.31651 6.47342 6.14004 6.58631 5.96979Z" stroke="currentColor"/>
+  <path d="M16.1674 5.71783C16.5816 5.44337 17.1398 5.55666 17.4144 5.97076C17.5286 6.14299 17.6414 6.32112 17.7523 6.50494L18.2426 7.20514C18.5275 7.61227 18.4279 8.17396 18.0209 8.45904C17.6137 8.74377 17.0529 8.64439 16.768 8.23736L16.2631 7.51666L16.2445 7.49029L16.2289 7.46393C16.125 7.29081 16.0198 7.12388 15.9144 6.9649C15.6401 6.55067 15.7532 5.99242 16.1674 5.71783Z" stroke="currentColor"/>
+  <path d="M10.1488 2.73053C10.6076 2.53976 11.1346 2.75618 11.3256 3.2149C11.5166 3.6737 11.2989 4.20054 10.8402 4.39166C10.5481 4.51326 10.2478 4.68442 9.94276 4.91022C9.54337 5.20565 8.97971 5.1219 8.68397 4.72272C8.3882 4.32324 8.47297 3.75872 8.87245 3.46295C9.2821 3.15973 9.70862 2.91378 10.1488 2.73053Z" stroke="currentColor"/>
+  <path d="M12.6762 3.2149C12.8675 2.75644 13.3943 2.53949 13.8529 2.73053C14.2932 2.91394 14.7196 3.1605 15.1293 3.46393C15.5284 3.75972 15.6123 4.32337 15.3168 4.72272C15.021 5.12212 14.4574 5.20593 14.058 4.91022C13.753 4.68434 13.4526 4.51334 13.1605 4.39166C12.7019 4.20045 12.4851 3.67366 12.6762 3.2149Z" stroke="currentColor"/>
+</svg>
+)
+
+WavefolderIcon.displayName = 'WavefolderIcon'

package/src/icons.jsx

@@ -464,3 +464,19 @@ export { DownloadIcon } from './icons/DownloadIcon'
 export { MoreMenuIcon } from './icons/MoreMenuIcon'
 export { ZoomOutIcon } from './icons/ZoomOutIcon'
 export { AutomationPenIcon } from './icons/AutomationPenIcon'
+export { BitcrusherIcon } from './icons/BitcrusherIcon'
+export { ChorusIcon } from './icons/ChorusIcon'
+export { Delay2Icon } from './icons/Delay2Icon'
+export { GateAudioIcon } from './icons/GateAudioIcon'
+export { ImportIcon } from './icons/ImportIcon'
+export { LimiterIcon } from './icons/LimiterIcon'
+export { MidiIcon } from './icons/MidiIcon'
+export { MoisesPlayIcon } from './icons/MoisesPlayIcon'
+export { PluginIcon } from './icons/PluginIcon'
+export { SaturatorIcon } from './icons/SaturatorIcon'
+export { StereoIcon } from './icons/StereoIcon'
+export { TremoloIcon } from './icons/TremoloIcon'
+export { VocoderIcon } from './icons/VocoderIcon'
+export { VoiceTunerIcon } from './icons/VoiceTunerIcon'
+export { WavefolderIcon } from './icons/WavefolderIcon'
+