feat: create steps component

src/lib/components/index.ts

@@ -26,3 +26,5 @@ export { default as Alert } from './alert.svelte';
 export { default as Box } from './box.svelte';
 export { default as Search } from './search.svelte';
 export { default as Bucket } from './bucket.svelte';
+export { default as Steps } from './steps.svelte';
+export { default as Step } from './step.svelte';

src/lib/components/step.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+    export let done = false;
+    export let current = false;
+</script>
+
+<li
+    class="steps-item"
+    class:is-done={done}
+    class:is-current={current}
+    aria-label={` ${done ? 'done' : current ? 'current' : ''} step`}>
+    <span class="text"><slot /></span>
+</li>

src/lib/components/steps.svelte

@@ -0,0 +1,3 @@
+<ol class="steps">
+    <slot />
+</ol>