@moises.ai/design-system 3.4.5 → 3.4.6

package/src/icons/UserGroup3Icon.jsx

@@ -0,0 +1,26 @@
+export const UserGroup3Icon = ({
+  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="M18.25 21V19.1111C18.25 18.1092 17.8549 17.1483 17.1516 16.4398C16.4484 15.7313 15.2446 15.3333 14.5 15.3333H9.5C8.50544 15.3333 7.55161 15.7313 6.84835 16.4398C6.14509 17.1483 5.75 18.1092 5.75 19.1111V21M3.92096 16.2083C3.07997 16.2083 2.27342 16.5449 1.67875 17.144C1.08408 17.743 0.75 18.5556 0.75 19.4028V21M5.34533 6.78595C4.08229 7.20684 3.17096 8.40593 3.17096 9.81944C3.17096 11.5837 4.59064 13.0139 6.34191 13.0139C6.63864 13.0139 6.92584 12.9728 7.19824 12.896M20.079 16.2083C20.92 16.2083 21.7266 16.5448 22.3212 17.1439C22.9159 17.743 23.25 18.5555 23.25 19.4027V20.9999M18.6547 6.78589C19.9177 7.20678 20.829 8.40586 20.829 9.81938C20.829 11.5836 19.4094 13.0138 17.6581 13.0138C17.3614 13.0138 17.0742 12.9728 16.8018 12.896M15.75 7.77778C15.75 9.86419 14.0711 11.5556 12 11.5556C9.92893 11.5556 8.25 9.86419 8.25 7.77778C8.25 5.69137 9.92893 4 12 4C14.0711 4 15.75 5.69137 15.75 7.77778Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+UserGroup3Icon.displayName = 'UserGroup3Icon'

package/src/icons/UserGroupIcon.jsx

@@ -0,0 +1,26 @@
+export const UserGroupIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 12 13"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M7.20012 11.2499V10.5061C7.20012 10.1116 7.04339 9.73326 6.76443 9.45429C6.48546 9.17533 6.1071 9.01861 5.71259 9.01861H2.73753C2.34301 9.01861 1.96465 9.17533 1.68569 9.45429C1.40672 9.73326 1.25 10.1116 1.25 10.5061V11.2499M10.75 8.44388V7.70012C10.75 7.3056 10.5933 6.92724 10.3144 6.64827C10.0354 6.36931 9.65703 6.21259 9.26251 6.21259H7.24265M5.71259 6.04355C5.71259 6.86509 5.0466 7.53108 4.22506 7.53108C3.40352 7.53108 2.73753 6.86509 2.73753 6.04355C2.73753 5.22201 3.40352 4.55602 4.22506 4.55602C5.0466 4.55602 5.71259 5.22201 5.71259 6.04355ZM9.26251 3.23753C9.26251 4.05907 8.59652 4.72506 7.77498 4.72506C6.95345 4.72506 6.28746 4.05907 6.28746 3.23753C6.28746 2.41599 6.95345 1.75 7.77498 1.75C8.59652 1.75 9.26251 2.41599 9.26251 3.23753Z"
+      stroke="currentColor"
+      strokeWidth="0.75"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+UserGroupIcon.displayName = 'UserGroupIcon'

package/src/icons/UserIcon.jsx

@@ -0,0 +1,27 @@
+export const UserIcon = ({ 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"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_24125_23081)">
+      <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"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_24125_23081">
+        <rect width={width} height={height} fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+UserIcon.displayName = 'UserIcon'

package/src/icons/Video2Icon.jsx

@@ -0,0 +1,31 @@
+export const Video2Icon = ({
+  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="M14.4816 11.8466C14.5998 11.9147 14.5998 12.0851 14.4816 12.1532L9.69566 14.9133C9.57749 14.9815 9.42978 14.8963 9.42978 14.76V9.23982C9.42978 9.10352 9.57749 9.01834 9.69566 9.08649L14.4816 11.8466Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+    <path
+      d="M21 3.5H3C1.89543 3.5 1 4.39543 1 5.5V18.5C1 19.6046 1.89543 20.5 3 20.5H21C22.1046 20.5 23 19.6046 23 18.5V5.5C23 4.39543 22.1046 3.5 21 3.5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeMiterlimit="10"
+    />
+  </svg>
+)
+
+Video2Icon.displayName = 'Video2Icon'

package/src/icons/Video3Icon.jsx

@@ -0,0 +1,24 @@
+export const Video3Icon = ({
+  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="M1 9V5.5C1 4.39543 1.89543 3.5 3 3.5H21C22.1046 3.5 23 4.39543 23 5.5V9M1 9V18.5C1 19.6046 1.89543 20.5 3 20.5H21C22.1046 20.5 23 19.6046 23 18.5V9M1 9H23M10.4123 9L13.5877 3.5M16.5877 9L19.7631 3.5M4.23688 9L7.41229 3.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+    />
+  </svg>
+)
+
+Video3Icon.displayName = 'Video3Icon'

package/src/icons/VideoFileIcon.jsx

@@ -0,0 +1,30 @@
+export const VideoFileIcon = ({
+  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="M14.7226 12L10.2776 14.5663V9.43365L14.7226 12Z"
+      fill="currentColor"
+    />
+    <path
+      d="M17.071 2.58579C16.696 2.21071 16.1873 2 15.6568 2H6C4.89543 2 4 2.89543 4 4V20C4 21.1046 4.89543 22 6 22H18C19.1046 22 20 21.1046 20 20V6.34317C20 5.81273 19.7893 5.30403 19.4142 4.92895L17.071 2.58579Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+VideoFileIcon.displayName = 'VideoFileIcon'

package/src/icons/VideoFilesIcon.jsx

@@ -0,0 +1,30 @@
+export const VideoFilesIcon = ({
+  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="M11.0759 9.00002L7.92407 10.8198V7.1803L11.0759 9.00002Z"
+      fill="currentColor"
+    />
+    <path
+      d="M9 23H20C21.1046 23 22 22.1046 22 21V11.3432C22 10.8127 21.7893 10.304 21.4142 9.92895L18.4853 7M6 20H17C18.1046 20 19 19.1046 19 18V8.34317C19 7.81273 18.7893 7.30403 18.4142 6.92895L15.4853 4M16 5.34317V15C16 16.1046 15.1046 17 14 17H5C3.89543 17 3 16.1046 3 15V3C3 1.89543 3.89543 1 5 1H11.6568C12.1873 1 12.696 1.21071 13.071 1.58579L15.4142 3.92895C15.7893 4.30403 16 4.81273 16 5.34317ZM11.0759 9.00002L7.92407 10.8198V7.1803L11.0759 9.00002Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+VideoFilesIcon.displayName = 'VideoFilesIcon'

package/src/icons/VideoIcon.jsx

@@ -0,0 +1,21 @@
+export const VideoIcon = ({ 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="M18.625 9.125L23 7V17L18.625 14.875M3 5H13C14.1046 5 15 5.89543 15 7V17C15 18.1046 14.1046 19 13 19H3C1.89543 19 1 18.1046 1 17V7C1 5.89543 1.89543 5 3 5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+VideoIcon.displayName = 'VideoIcon'

package/src/icons/VocalIcon.jsx

@@ -0,0 +1,18 @@
+export const VocalIcon = ({ width, height, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    className={className}
+    {...props}
+    viewBox="0 0 16 16"
+    fill="none"
+  >
+    <path
+      d="M8.5 12.9167C8.5 12.6405 8.27614 12.4167 8 12.4167C7.72386 12.4167 7.5 12.6405 7.5 12.9167H8.5ZM12.75 8.5C12.75 8.22386 12.5261 8 12.25 8C11.9739 8 11.75 8.22386 11.75 8.5H12.75ZM4.25 8.5C4.25 8.22386 4.02614 8 3.75 8C3.47386 8 3.25 8.22386 3.25 8.5H4.25ZM8 15.5H8.5V12.9167H8H7.5V15.5H8ZM10 2.5H9.5V8.5H10H10.5V2.5H10ZM6 8.5H6.5V2.5H6H5.5V8.5H6ZM8 10.5V10C7.17157 10 6.5 9.32843 6.5 8.5H6H5.5C5.5 9.88071 6.61929 11 8 11V10.5ZM10 8.5H9.5C9.5 9.32843 8.82843 10 8 10V10.5V11C9.38071 11 10.5 9.88071 10.5 8.5H10ZM8 0.5V1C8.82843 1 9.5 1.67157 9.5 2.5H10H10.5C10.5 1.11929 9.38071 0 8 0V0.5ZM8 0.5V0C6.61929 0 5.5 1.11929 5.5 2.5H6H6.5C6.5 1.67157 7.17157 1 8 1V0.5ZM12.25 8.5H11.75V8.58333H12.25H12.75V8.5H12.25ZM3.75 8.58333H4.25V8.5H3.75H3.25V8.58333H3.75ZM8 12.8333V12.3333C5.92893 12.3333 4.25 10.6544 4.25 8.58333H3.75H3.25C3.25 11.2067 5.37665 13.3333 8 13.3333V12.8333ZM12.25 8.58333H11.75C11.75 10.6544 10.0711 12.3333 8 12.3333V12.8333V13.3333C10.6234 13.3333 12.75 11.2067 12.75 8.58333H12.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+VocalIcon.displayName = 'VocalIcon'

package/src/icons/VocalIsolationIcon.jsx

@@ -0,0 +1,29 @@
+export const VocalIsolationIcon = ({
+  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="M17 2H20C21.1046 2 22 2.89543 22 4V7M2 7L2 4C2 2.89543 2.89543 2 4 2L7 2M7 22H4C2.89543 22 2 21.1046 2 20L2 17M22 17V20C22 21.1046 21.1046 22 20 22H17"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+    <path
+      d="M12.75 16.7611C12.75 16.3469 12.4142 16.0111 12 16.0111C11.5858 16.0111 11.25 16.3469 11.25 16.7611H12.75ZM16.75 12.9278C16.75 12.5136 16.4142 12.1778 16 12.1778C15.5858 12.1778 15.25 12.5136 15.25 12.9278H16.75ZM8.75 12.9333C8.75 12.5191 8.41421 12.1833 8 12.1833C7.58579 12.1833 7.25 12.5191 7.25 12.9333H8.75ZM12.75 19V16.7611H11.25V19H12.75ZM12.8971 6.73333V11.9333H14.3971V6.73333H12.8971ZM11.1029 11.9333V6.73333H9.60294V11.9333H11.1029ZM12 12.9167C11.5402 12.9167 11.1029 12.513 11.1029 11.9333H9.60294C9.60294 13.2683 10.6405 14.4167 12 14.4167V12.9167ZM12.8971 11.9333C12.8971 12.513 12.4598 12.9167 12 12.9167V14.4167C13.3595 14.4167 14.3971 13.2683 14.3971 11.9333H12.8971ZM12 5.75C12.4598 5.75 12.8971 6.15371 12.8971 6.73333H14.3971C14.3971 5.39837 13.3595 4.25 12 4.25V5.75ZM12 4.25C10.6405 4.25 9.60294 5.39837 9.60294 6.73333H11.1029C11.1029 6.15371 11.5402 5.75 12 5.75V4.25ZM15.25 12.9278V13H16.75V12.9278H15.25ZM8.75 13.0056V12.9333H7.25V13.0056H8.75ZM12 15.9389C11.2368 15.9389 10.4084 15.6076 9.77025 15.0467C9.13462 14.4881 8.75 13.7597 8.75 13.0056H7.25C7.25 14.2857 7.89889 15.399 8.78 16.1734C9.65857 16.9456 10.8302 17.4389 12 17.4389V15.9389ZM15.25 13C15.25 13.7544 14.8651 14.4843 14.2292 15.0445C13.5907 15.6068 12.7625 15.9389 12 15.9389V17.4389C13.1705 17.4389 14.3423 16.9437 15.2206 16.1701C16.1014 15.3944 16.75 14.2799 16.75 13H15.25Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+VocalIsolationIcon.displayName = 'VocalIsolationIcon'

package/src/icons/VocalsBackgroundIcon.jsx

@@ -0,0 +1,32 @@
+export const VocalsBackgroundIcon = ({
+  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}
+  >
+    <g clipPath="url(#clip0_7704_228)">
+      <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"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_7704_228">
+        <rect width="24" height="24" fill="currentColor" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+VocalsBackgroundIcon.displayName = 'VocalsBackgroundIcon'

package/src/icons/VocalsIcon.jsx

@@ -0,0 +1,26 @@
+export const VocalsIcon = ({ width, height, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_4905_2316)">
+      <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>
+)
+
+VocalsIcon.displayName = 'VocalsIcon'

package/src/icons/Volume0Icon.jsx

@@ -0,0 +1,26 @@
+export const Volume0Icon = ({
+  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="M11 5L6 9H2V15H6L11 19V5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Volume0Icon.displayName = 'Volume0Icon'

package/src/icons/Volume1Icon.jsx

@@ -0,0 +1,26 @@
+export const Volume1Icon = ({
+  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="M15.54 8.45999C16.4774 9.39763 17.0039 10.6692 17.0039 11.995C17.0039 13.3208 16.4774 14.5924 15.54 15.53M11 5L6 9H2V15H6L11 19V5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Volume1Icon.displayName = 'Volume1Icon'

package/src/icons/Volume2Icon.jsx

@@ -0,0 +1,26 @@
+export const Volume2Icon = ({
+  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="M19.07 4.92999C20.9447 6.80527 21.9979 9.34835 21.9979 12C21.9979 14.6516 20.9447 17.1947 19.07 19.07M15.54 8.45999C16.4774 9.39763 17.0039 10.6692 17.0039 11.995C17.0039 13.3208 16.4774 14.5924 15.54 15.53M11 5L6 9H2V15H6L11 19V5Z"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+Volume2Icon.displayName = 'Volume2Icon'

package/src/icons/VolumeBarIcon.jsx

@@ -0,0 +1,25 @@
+export const VolumeBarIcon = ({
+  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="M8.75 14.75L8.75 21.25M4.75 16.75L4.75 21.25M20.75 2.75V21.25M12.75 10.75V21.25M16.75 6.75L16.75 21.25"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+    />
+  </svg>
+)
+
+VolumeBarIcon.displayName = 'VolumeBarIcon'

package/src/icons/WaveIcon.jsx

@@ -0,0 +1,21 @@
+export const WaveIcon = ({ 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="M5 12.0026C6.12118 8.63909 10.8788 8.63909 12 12.0026C13.1212 15.3662 17.8788 15.3662 19 12.0026M9 6.00264C10.1212 2.63909 14.8788 2.63909 16 6.00264C17.1212 9.36618 21.8788 9.36618 23 6.00264M1 18.0026C2.12118 14.6391 6.87882 14.6391 8 18.0026C9.12118 21.3662 13.8788 21.3662 15 18.0026"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+WaveIcon.displayName = 'WaveIcon'

package/src/icons/WaveformIcon.jsx

@@ -0,0 +1,25 @@
+export const WaveformIcon = ({
+  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="M1 11H5L8 17L12 7L16 17L19 11H23"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      strokeLinejoin="round"
+    />
+  </svg>
+)
+
+WaveformIcon.displayName = 'WaveformIcon'

package/src/icons/WidgetIcon.jsx

@@ -0,0 +1,35 @@
+export const WidgetIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M2 10C2 9.63181 2.29848 9.33333 2.66667 9.33333H6C6.36819 9.33333 6.66667 9.63181 6.66667 10V13.3333C6.66667 13.7015 6.36819 14 6 14H2.66667C2.29848 14 2 13.7015 2 13.3333V10Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M9.33333 10C9.33333 9.63181 9.63181 9.33333 10 9.33333H13.3333C13.7015 9.33333 14 9.63181 14 10V13.3333C14 13.7015 13.7015 14 13.3333 14H10C9.63181 14 9.33333 13.7015 9.33333 13.3333V10Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M2 2.66667C2 2.29848 2.29848 2 2.66667 2H6C6.36819 2 6.66667 2.29848 6.66667 2.66667V6C6.66667 6.36819 6.36819 6.66667 6 6.66667H2.66667C2.29848 6.66667 2 6.36819 2 6V2.66667Z"
+      stroke="currentColor"
+    />
+    <path
+      d="M9.33333 2.66667C9.33333 2.29848 9.63181 2 10 2H13.3333C13.7015 2 14 2.29848 14 2.66667V6C14 6.36819 13.7015 6.66667 13.3333 6.66667H10C9.63181 6.66667 9.33333 6.36819 9.33333 6V2.66667Z"
+      stroke="currentColor"
+    />
+  </svg>
+)
+
+WidgetIcon.displayName = 'WidgetIcon'

package/src/icons/WindIcon.jsx

@@ -0,0 +1,18 @@
+export const WindIcon = ({ width = 16, height = 16, className, ...props }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 17 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <path
+      d="M9.40625 0.666016L9.7598 0.312462C9.57282 0.125482 9.27258 0.116419 9.07467 0.29178C8.87675 0.467141 8.84959 0.766287 9.01269 0.974422L9.40625 0.666016ZM15.7608 7.02055L15.4524 7.4141C15.6605 7.57721 15.9597 7.55005 16.135 7.35213C16.3104 7.15422 16.3013 6.85398 16.1143 6.667L15.7608 7.02055ZM5.07264 11.3562L4.71908 11.0026L5.07264 11.3562ZM1.64242 13.0058C1.44716 12.8105 1.13057 12.8105 0.935312 13.0058C0.740049 13.2011 0.74005 13.5176 0.935312 13.7129L1.64242 13.0058ZM2.71591 15.4935C2.91117 15.6888 3.22775 15.6888 3.42301 15.4935C3.61827 15.2982 3.61827 14.9816 3.42301 14.7864L2.71591 15.4935ZM6.05448 6.43988C5.85922 6.63514 5.85922 6.95172 6.05448 7.14698C6.24974 7.34225 6.56633 7.34225 6.76159 7.14698L6.05448 6.43988ZM7.09545 6.81312C7.29071 6.61786 7.29071 6.30128 7.09545 6.10602C6.90019 5.91075 6.5836 5.91075 6.38834 6.10602L7.09545 6.81312ZM4.27389 8.22043C4.07862 8.4157 4.07862 8.73228 4.27389 8.92754C4.46915 9.1228 4.78573 9.1228 4.98099 8.92754L4.27389 8.22043ZM5.31485 8.59368C5.51012 8.39842 5.51012 8.08183 5.31485 7.88657C5.11959 7.69131 4.80301 7.69131 4.60775 7.88657L5.31485 8.59368ZM2.49329 10.0011C2.29803 10.1963 2.29803 10.5129 2.49329 10.7082C2.68855 10.9034 3.00513 10.9034 3.2004 10.7082L2.49329 10.0011ZM3.53426 10.3743C3.72952 10.1791 3.72952 9.86247 3.53426 9.66721C3.339 9.47194 3.02241 9.47194 2.82715 9.66721L3.53426 10.3743ZM11.3041 9.15082C11.2036 8.89359 10.9137 8.76649 10.6564 8.86693C10.3992 8.96737 10.2721 9.25732 10.3725 9.51455L11.3041 9.15082ZM9.40625 0.666016L9.0527 1.01957L15.4072 7.3741L15.7608 7.02055L16.1143 6.667L9.7598 0.312462L9.40625 0.666016ZM15.7608 7.02055L16.0692 6.62699C15.7092 6.34489 15.1766 6.18744 14.6037 6.11336C14.0147 6.03719 13.3176 6.04101 12.5726 6.13278C11.0846 6.31609 9.35453 6.85683 7.85449 7.87949L8.13614 8.29261L8.4178 8.70574C9.76488 7.78735 11.3373 7.29251 12.6949 7.12528C13.3727 7.04178 13.9842 7.04158 14.4755 7.10511C14.983 7.17072 15.3025 7.29666 15.4524 7.4141L15.7608 7.02055ZM8.13614 8.29261L8.54927 8.57427C9.572 7.07413 10.1122 5.34349 10.295 3.85498C10.3865 3.10976 10.3901 2.41245 10.3137 1.82322C10.2395 1.25019 10.0819 0.717549 9.79981 0.357609L9.40625 0.666016L9.01269 0.974422C9.13017 1.12434 9.25622 1.44406 9.32202 1.95175C9.38571 2.44324 9.38575 3.05501 9.30248 3.73309C9.13571 5.09117 8.64134 6.66398 7.72302 8.01096L8.13614 8.29261ZM10.4144 11.3562L10.0609 11.0026L7.38998 13.6735L7.74353 14.0271L8.09708 14.3806L10.768 11.7097L10.4144 11.3562ZM5.07264 11.3562L5.42619 11.7097L8.09708 9.03883L7.74353 8.68527L7.38998 8.33172L4.71908 11.0026L5.07264 11.3562ZM5.07264 14.0271L5.42619 13.6735C4.88391 13.1312 4.88391 12.252 5.42619 11.7097L5.07264 11.3562L4.71908 11.0026C3.78628 11.9354 3.78628 13.4478 4.71909 14.3806L5.07264 14.0271ZM7.74353 14.0271L7.38998 13.6735C6.84769 14.2158 5.96848 14.2158 5.42619 13.6735L5.07264 14.0271L4.71909 14.3806C5.65189 15.3134 7.16427 15.3134 8.09708 14.3806L7.74353 14.0271ZM8.13614 8.29261L7.78259 7.93906L1.82559 13.8961L2.17915 14.2496L2.5327 14.6032L8.4897 8.64617L8.13614 8.29261ZM1.28887 13.3593L0.935312 13.7129L2.71591 15.4935L3.06946 15.1399L3.42301 14.7864L1.64242 13.0058L1.28887 13.3593ZM6.40803 6.79343L6.76159 7.14698L7.09545 6.81312L6.7419 6.45957L6.38834 6.10602L6.05448 6.43988L6.40803 6.79343ZM4.62744 8.57399L4.98099 8.92754L5.31485 8.59368L4.9613 8.24013L4.60775 7.88657L4.27389 8.22043L4.62744 8.57399ZM2.84684 10.3546L3.2004 10.7082L3.53426 10.3743L3.1807 10.0208L2.82715 9.66721L2.49329 10.0011L2.84684 10.3546ZM10.8383 9.33268L10.3725 9.51455C10.5674 10.0136 10.4625 10.6009 10.0609 11.0026L10.4144 11.3562L10.768 11.7097C11.4604 11.0173 11.6381 10.0063 11.3041 9.15082L10.8383 9.33268Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+WindIcon.displayName = 'WindIcon'

package/src/icons/WoodwindBrassIcon.jsx

@@ -0,0 +1,23 @@
+export const WoodwindBrassIcon = ({
+  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="M13.608 1L14.1384 0.46967C13.8579 0.1892 13.4075 0.175605 13.1107 0.438647C12.8138 0.701688 12.773 1.15041 13.0177 1.46261L13.608 1ZM23.1398 10.5318L22.6772 11.1221C22.9894 11.3668 23.4381 11.3261 23.7012 11.0292C23.9642 10.7323 23.9506 10.2819 23.6702 10.0015L23.1398 10.5318ZM7.10761 17.0352L6.57728 16.5049L7.10761 17.0352ZM1.96228 19.5097C1.66939 19.2168 1.19452 19.2168 0.901624 19.5097C0.608731 19.8026 0.608731 20.2774 0.901624 20.5703L1.96228 19.5097ZM3.57251 23.2412C3.86541 23.5341 4.34028 23.5341 4.63317 23.2412C4.92607 22.9483 4.92607 22.4734 4.63317 22.1806L3.57251 23.2412ZM8.58038 9.66079C8.28749 9.95369 8.28748 10.4286 8.58038 10.7215C8.87327 11.0143 9.34814 11.0143 9.64104 10.7215L8.58038 9.66079ZM10.1418 10.2207C10.4347 9.92777 10.4347 9.45289 10.1418 9.16C9.84894 8.86711 9.37406 8.86711 9.08117 9.16L10.1418 10.2207ZM5.90949 12.3316C5.61659 12.6245 5.61659 13.0994 5.90949 13.3923C6.20238 13.6852 6.67725 13.6852 6.97015 13.3923L5.90949 12.3316ZM7.47094 12.8915C7.76383 12.5986 7.76383 12.1237 7.47094 11.8308C7.17804 11.5379 6.70317 11.5379 6.41028 11.8308L7.47094 12.8915ZM3.23859 15.0026C2.9457 15.2955 2.9457 15.7703 3.23859 16.0632C3.53148 16.3561 4.00636 16.3561 4.29925 16.0632L3.23859 15.0026ZM4.80004 15.5624C5.09294 15.2696 5.09294 14.7947 4.80004 14.5018C4.50715 14.2089 4.03228 14.2089 3.73938 14.5018L4.80004 15.5624ZM16.4547 13.7272C16.3041 13.3414 15.8692 13.1507 15.4833 13.3014C15.0975 13.452 14.9068 13.887 15.0575 14.2728L16.4547 13.7272ZM13.0777 1.53033L22.6095 11.0621L23.6702 10.0015L14.1384 0.46967L13.0777 1.53033ZM23.6024 9.94147C23.0625 9.51832 22.2636 9.28214 21.4043 9.17102C20.5207 9.05677 19.475 9.06249 18.3576 9.20015C16.1255 9.47511 13.5304 10.2862 11.2804 11.8202L12.1253 13.0596C14.146 11.682 16.5046 10.9397 18.541 10.6889C19.5577 10.5636 20.475 10.5634 21.2119 10.6586C21.9731 10.7571 22.4524 10.946 22.6772 11.1221L23.6024 9.94147ZM12.3226 12.8624C13.8567 10.6122 14.667 8.01622 14.9412 5.78344C15.0785 4.66562 15.0838 3.61965 14.9692 2.73581C14.8578 1.87626 14.6215 1.0773 14.1984 0.537391L13.0177 1.46261C13.1939 1.68748 13.383 2.16707 13.4817 2.9286C13.5772 3.66584 13.5773 4.5835 13.4524 5.60062C13.2022 7.63773 12.4607 9.99695 11.0832 12.0174L12.3226 12.8624ZM14.59 16.5049L10.5836 20.5112L11.6443 21.5719L15.6506 17.5656L14.59 16.5049ZM7.63794 17.5656L11.6443 13.5592L10.5836 12.4986L6.57728 16.5049L7.63794 17.5656ZM7.63794 20.5112C6.82452 19.6978 6.82452 18.379 7.63794 17.5656L6.57728 16.5049C5.17807 17.9041 5.17807 20.1727 6.57728 21.5719L7.63794 20.5112ZM10.5836 20.5112C9.77019 21.3247 8.45137 21.3247 7.63794 20.5112L6.57728 21.5719C7.9765 22.9711 10.2451 22.9711 11.6443 21.5719L10.5836 20.5112ZM11.1725 11.9096L2.23705 20.8451L3.29771 21.9057L12.2332 12.9702L11.1725 11.9096ZM0.901624 20.5703L3.57251 23.2412L4.63317 22.1806L1.96228 19.5097L0.901624 20.5703ZM9.64104 10.7215L10.1418 10.2207L9.08117 9.16L8.58038 9.66079L9.64104 10.7215ZM6.97015 13.3923L7.47094 12.8915L6.41028 11.8308L5.90949 12.3316L6.97015 13.3923ZM4.29925 16.0632L4.80004 15.5624L3.73938 14.5018L3.23859 15.0026L4.29925 16.0632ZM15.0575 14.2728C15.3498 15.0214 15.1925 15.9024 14.59 16.5049L15.6506 17.5656C16.6893 16.5269 16.9558 15.0105 16.4547 13.7272L15.0575 14.2728Z"
+      fill="currentColor"
+    />
+  </svg>
+)
+
+WoodwindBrassIcon.displayName = 'WoodwindBrassIcon'

package/src/icons/ZoomCloseIcon.jsx

@@ -0,0 +1,38 @@
+export const ZoomCloseIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_24739_59181)">
+      <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"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.7482 5.9191L7.33398 7.33331M7.33398 7.33331L5.91977 8.74752M7.33398 7.33331L8.7482 8.74752M7.33398 7.33331L5.91977 5.9191"
+        stroke="currentColor"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_24739_59181">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+ZoomCloseIcon.displayName = 'ZoomCloseIcon'

package/src/icons/ZoomInIcon.jsx

@@ -0,0 +1,32 @@
+export const ZoomInIcon = ({
+  width = 16,
+  height = 16,
+  className,
+  ...props
+}) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={width}
+    height={height}
+    viewBox="0 0 16 16"
+    fill="none"
+    className={className}
+    {...props}
+  >
+    <g clipPath="url(#clip0_25005_369)">
+      <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"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_25005_369">
+        <rect width="16" height="16" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+)
+
+ZoomInIcon.displayName = 'ZoomInIcon'