chore: lift components folder

src/ContentSwitcher/ContentSwitcher.svelte

@@ -0,0 +1,58 @@
+<script>
+  export let selectedIndex = 0;
+
+  import { afterUpdate, createEventDispatcher, setContext } from "svelte";
+  import { writable } from "svelte/store";
+
+  const dispatch = createEventDispatcher();
+  const currentId = writable(null);
+
+  $: currentIndex = -1;
+  $: switches = [];
+  $: if (switches[currentIndex]) {
+    dispatch("change", currentIndex);
+    currentId.set(switches[currentIndex].id);
+  }
+
+  setContext("ContentSwitcher", {
+    currentId,
+    add: ({ id, text, selected }) => {
+      if (selected) {
+        selectedIndex = switches.length;
+      }
+
+      switches = [...switches, { id, text, selected }];
+    },
+    update: id => {
+      selectedIndex = switches.map(({ id }) => id).indexOf(id);
+    },
+    change: direction => {
+      let index = currentIndex + direction;
+
+      if (index < 0) {
+        index = switches.length - 1;
+      } else if (index >= switches.length) {
+        index = 0;
+      }
+
+      selectedIndex = index;
+    }
+  });
+
+  afterUpdate(() => {
+    if (selectedIndex !== currentIndex) {
+      currentIndex = selectedIndex;
+    }
+  });
+</script>
+
+<div
+  role="tablist"
+  class:bx--content-switcher={true}
+  {...$$restProps}
+  on:click
+  on:mouseover
+  on:mouseenter
+  on:mouseleave>
+  <slot />
+</div>