From 3e4ee5782a530b1e3bfa8358d6fcd2a5feeac99b Mon Sep 17 00:00:00 2001
From: Adam Soltys <adam@coinos.io>
Date: Mon, 14 Jul 2025 21:16:17 -0700
Subject: creation

---
 src/lib/Mnemonic.svelte | 16 ++++++++++++++++
 src/lib/index.ts        |  8 +++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)
 create mode 100644 src/lib/Mnemonic.svelte

(limited to 'src/lib')

diff --git a/src/lib/Mnemonic.svelte b/src/lib/Mnemonic.svelte
new file mode 100644
index 0000000..117c98f
--- /dev/null
+++ b/src/lib/Mnemonic.svelte
@@ -0,0 +1,16 @@
+<script>
+  let { mnemonic } = $props();
+</script>
+
+<div class="card">
+  <div
+    class="card-body text-secondary grid grid-flow-col grid-rows-6 sm:grid-rows-none grid-cols-2 sm:grid-cols-3 sm:grid-flow-row gap-x-8 gap-y-2 justify-center whitespace-nowrap m-auto"
+  >
+    {#each mnemonic.split(" ") as w, i}
+      <div>
+        <span class="select-none text-neutral">{i + 1}.</span>
+        <span>{@html w === "-" ? "&mdash;" : w}</span>
+      </div>
+    {/each}
+  </div>
+</div>
diff --git a/src/lib/index.ts b/src/lib/index.ts
index 856f2b6..02f71ba 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -1 +1,7 @@
-// place files you want to import through the `$lib` alias in this folder.
+import { writable } from 'svelte/store';
+import { browser } from "$app/environment";
+
+export const focus = (el: HTMLElement) =>
+	browser && screen.width > 1280 && setTimeout(() => el.focus(), 1);
+
+export const mnemonic = writable();
-- 
cgit v1.2.3