Adding a JS library to an Emulsify Component in Drupal files

carousel.js

import Swiper from 'swiper/swiper-bundle';

Drupal.behaviors.carousel = {
  attach(context) {
    // Locate the elements to apply swiper to.
    const carousel = context.getElementsByClassName('swiper');

    if (carousel) {
      // Apply swiper function.
      const swiper = new Swiper('.swiper', {
        // carousel settings go here
      });
      swiper.init();
    }
  },
};

carousel.stories.js

// Import your component JS.
import './carousel';

// Import Swiper library files
import 'swiper/swiper-bundle.min';

// import Swiper styles
import 'swiper/swiper-bundle.min.css';

// ...storybook code

paragraph--carousel.html.twig

{{ attach_library('yourtheme/swiper') }}
{{ attach_library('yourtheme/carousel') }}

// ...CODE...

yourtheme.libraries.yml

carousel:
  js:
    dist/js/03-organisms/carousel/carousel.js: {}
  dependencies:
    - core/drupal
swiper:
  css:
    theme:
      node_modules/swiper/swiper-bundle.min.css: {}
  js:
    node_modules/swiper/swiper-bundle.min.js: {}
  dependencies:
    - core/drupal

Please indent the swiper/js like this:

swiper:
  css:
    theme:
      node_modules/swiper/swiper-bundle.min.css: {}
  js:
    node_modules/swiper/swiper-bundle.min.js: {}
  dependencies:
    - core/drupal

I've updated it. Good catch and thank you.