chore: refactor component imports

package.json

@@ -4,6 +4,7 @@
   "license": "Apache-2.0",
   "description": "Svelte implementation of the Carbon Design System",
   "type": "module",
+  "module": "src/carbon-components-svelte",
   "scripts": {
     "test:types": "svelte-check --workspace tests",
     "lint": "prettier --write \"**/*.{svelte,md,js,json,ts}\"",

src/carbon-components-svelte/Breadcrumb/BreadcrumbItem.svelte

@@ -12,7 +12,7 @@
   /** Set to `true` if the breadcrumb item represents the current page */
   export let isCurrentPage = false;
 
-  import Link from "../../Link/Link.svelte";
+  import Link from "../Link/Link.svelte";
 
   import { setContext } from "svelte";
 
@@ -43,3 +43,9 @@
     />
   {/if}
 </li>
+
+<style>
+  .bx--breadcrumb-item {
+    color: red;
+  }
+</style>

src/carbon-components-svelte/CodeSnippet/CodeSnippet.svelte

@@ -95,9 +95,9 @@
   export let ref = null;
 
   import { createEventDispatcher, tick, onMount } from "svelte";
-  import ChevronDown from "../../icons/ChevronDown.svelte";
+  import ChevronDown from "../icons/ChevronDown.svelte";
   import Button from "../Button/Button.svelte";
-  import CopyButton from "../../CopyButton/CopyButton.svelte";
+  import CopyButton from "../CopyButton/CopyButton.svelte";
   import CodeSnippetSkeleton from "./CodeSnippetSkeleton.svelte";
 
   const dispatch = createEventDispatcher();

src/carbon-components-svelte/DataTable/DataTable.svelte

@@ -129,7 +129,7 @@
   import { createEventDispatcher, setContext } from "svelte";
   import { writable } from "svelte/store";
   import ChevronRight from "../icons/ChevronRight.svelte";
-  import InlineCheckbox from "../carbon-components-svelte/Checkbox/InlineCheckbox.svelte";
+  import InlineCheckbox from "../Checkbox/InlineCheckbox.svelte";
   import RadioButton from "../RadioButton/RadioButton.svelte";
   import Table from "./Table.svelte";
   import TableBody from "./TableBody.svelte";

src/carbon-components-svelte/ImageLoader/ImageLoader.svelte

@@ -57,7 +57,7 @@
 
   import { onMount, createEventDispatcher } from "svelte";
   import { fade } from "svelte/transition";
-  import AspectRatio from "../carbon-components-svelte/AspectRatio/AspectRatio.svelte";
+  import AspectRatio from "../AspectRatio/AspectRatio.svelte";
 
   const dispatch = createEventDispatcher();
 

src/carbon-components-svelte/MultiSelect/MultiSelect.svelte

@@ -171,7 +171,7 @@
   import { afterUpdate, createEventDispatcher, setContext } from "svelte";
   import WarningFilled from "../icons/WarningFilled.svelte";
   import WarningAltFilled from "../icons/WarningAltFilled.svelte";
-  import Checkbox from "../carbon-components-svelte/Checkbox/Checkbox.svelte";
+  import Checkbox from "../Checkbox/Checkbox.svelte";
   import {
     ListBox,
     ListBoxField,