From bdc5d45944898d706743310e0fcf3a65602fd91e Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 25 Nov 2024 08:50:08 -0500
Subject: [PATCH 1/9] Upgrade to Svelte 5

---
 package.json                                  |  18 +-
 pnpm-lock.yaml                                | 223 ++++++++----------
 src/lib/Address.svelte                        |  55 +++--
 src/lib/Card.svelte                           |  50 ++--
 src/lib/CardCvc.svelte                        |  35 +--
 src/lib/CardExpiry.svelte                     |  35 +--
 src/lib/CardNumber.svelte                     |  45 ++--
 src/lib/Container.svelte                      |  41 ----
 src/lib/Elements.svelte                       | 110 ++++-----
 src/lib/EmbeddedCheckout.svelte               |  44 ++--
 src/lib/ExpressCheckout.svelte                |  45 ++--
 src/lib/Iban.svelte                           |  50 ++--
 src/lib/Ideal.svelte                          |  40 ++--
 src/lib/LinkAuthenticationElement.svelte      |  13 +-
 src/lib/PaymentElement.svelte                 |  13 +-
 src/lib/PaymentMethodMessaging.svelte         |  45 ++--
 src/lib/PaymentRequestButton.svelte           |  35 +--
 src/lib/util.js                               |   1 -
 src/routes/+layout.svelte                     |   9 +-
 src/routes/+page.md                           |  14 +-
 .../examples/afterpay-clearpay/+page.svelte   |  20 +-
 .../examples/afterpay-clearpay/Address.svelte |   5 +-
 src/routes/examples/alipay/+page.svelte       |  10 +-
 src/routes/examples/credit-card/+page.svelte  |  14 +-
 .../examples/embedded-checkout/+page.svelte   |   4 +-
 .../examples/express-checkout/+page.svelte    |   6 +-
 src/routes/examples/ideal/+page.svelte        |  16 +-
 src/routes/examples/klarna/+page.svelte       |  12 +-
 src/routes/examples/konbini/+page.svelte      |  14 +-
 .../examples/konbini/next-steps/+page.svelte  |   2 +-
 .../examples/payment-element/+page.svelte     |  14 +-
 .../payment-method-messaging/+page.svelte     |   2 +-
 .../examples/payment-request/+page.svelte     |   4 +-
 src/routes/examples/sepa/+page.svelte         |  16 +-
 src/routes/examples/sofort/+page.svelte       |  12 +-
 src/routes/examples/wechat-pay/+page.svelte   |  10 +-
 36 files changed, 534 insertions(+), 548 deletions(-)
 delete mode 100644 src/lib/Container.svelte

diff --git a/package.json b/package.json
index 1b6f81f..02e8534 100644
--- a/package.json
+++ b/package.json
@@ -16,27 +16,27 @@
   "devDependencies": {
     "@stripe/stripe-js": "^3.3.0",
     "@sveltejs/adapter-vercel": "^5.3.0",
-    "@sveltejs/kit": "^2.5.7",
-    "@sveltejs/package": "^2.3.1",
-    "@sveltejs/vite-plugin-svelte": "^3.1.0",
+    "@sveltejs/kit": "^2.5.27",
+    "@sveltejs/package": "^2.3.7",
+    "@sveltejs/vite-plugin-svelte": "^4.0.0",
     "@vitejs/plugin-basic-ssl": "^1.1.0",
     "dotenv-cli": "^7.4.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.10.0",
     "eslint-plugin-jsdoc": "^48.2.3",
-    "eslint-plugin-svelte": "^2.38.0",
+    "eslint-plugin-svelte": "^2.45.1",
     "mdsvex": "^0.11.0",
     "prettier": "~3.2.5",
-    "prettier-plugin-svelte": "^3.2.3",
+    "prettier-plugin-svelte": "^3.2.6",
     "prismjs": "^1.29.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "semantic-release": "23.0.8",
     "stripe": "^8.222.0",
-    "svelte": "^4.2.15",
-    "svelte-eslint-parser": "^0.35.0",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.11"
+    "svelte": "^5.0.0",
+    "svelte-eslint-parser": "^0.42.0",
+    "typescript": "^5.5.0",
+    "vite": "^5.4.4"
   },
   "peerDependencies": {
     "@stripe/stripe-js": "^3 || ^4",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index a8594d6..91205cf 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -13,16 +13,16 @@ importers:
         version: 3.5.0
       '@sveltejs/adapter-vercel':
         specifier: ^5.3.0
-        version: 5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))
+        version: 5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))
       '@sveltejs/kit':
-        specifier: ^2.5.7
-        version: 2.7.3(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))
+        specifier: ^2.5.27
+        version: 2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       '@sveltejs/package':
-        specifier: ^2.3.1
-        version: 2.3.7(svelte@4.2.19)(typescript@5.6.3)
+        specifier: ^2.3.7
+        version: 2.3.7(svelte@5.2.7)(typescript@5.6.3)
       '@sveltejs/vite-plugin-svelte':
-        specifier: ^3.1.0
-        version: 3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))
+        specifier: ^4.0.0
+        version: 4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       '@vitejs/plugin-basic-ssl':
         specifier: ^1.1.0
         version: 1.1.0(vite@5.4.10(@types/node@22.8.5))
@@ -39,17 +39,17 @@ importers:
         specifier: ^48.2.3
         version: 48.11.0(eslint@8.57.1)
       eslint-plugin-svelte:
-        specifier: ^2.38.0
-        version: 2.46.0(eslint@8.57.1)(svelte@4.2.19)
+        specifier: ^2.45.1
+        version: 2.46.0(eslint@8.57.1)(svelte@5.2.7)
       mdsvex:
         specifier: ^0.11.0
-        version: 0.11.2(svelte@4.2.19)
+        version: 0.11.2(svelte@5.2.7)
       prettier:
         specifier: ~3.2.5
         version: 3.2.5
       prettier-plugin-svelte:
-        specifier: ^3.2.3
-        version: 3.2.7(prettier@3.2.5)(svelte@4.2.19)
+        specifier: ^3.2.6
+        version: 3.2.7(prettier@3.2.5)(svelte@5.2.7)
       prismjs:
         specifier: ^1.29.0
         version: 1.29.0
@@ -66,16 +66,16 @@ importers:
         specifier: ^8.222.0
         version: 8.222.0
       svelte:
-        specifier: ^4.2.15
-        version: 4.2.19
+        specifier: ^5.0.0
+        version: 5.2.7
       svelte-eslint-parser:
-        specifier: ^0.35.0
-        version: 0.35.0(svelte@4.2.19)
+        specifier: ^0.42.0
+        version: 0.42.0(svelte@5.2.7)
       typescript:
-        specifier: ^5.4.5
+        specifier: ^5.5.0
         version: 5.6.3
       vite:
-        specifier: ^5.2.11
+        specifier: ^5.4.4
         version: 5.4.10(@types/node@22.8.5)
 
 packages:
@@ -532,19 +532,19 @@ packages:
     peerDependencies:
       svelte: ^3.44.0 || ^4.0.0 || ^5.0.0-next.1
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0':
-    resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
-    engines: {node: ^18.0.0 || >=20}
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1':
+    resolution: {integrity: sha512-2CKypmj1sM4GE7HjllT7UKmo4Q6L5xFRd7VMGEWhYnZ+wc6AUVU01IBd7yUi6WnFndEwWoMNOd6e8UjoN0nbvQ==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22}
     peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0
-      svelte: ^4.0.0 || ^5.0.0-next.0
+      '@sveltejs/vite-plugin-svelte': ^4.0.0-next.0||^4.0.0
+      svelte: ^5.0.0-next.96 || ^5.0.0
       vite: ^5.0.0
 
-  '@sveltejs/vite-plugin-svelte@3.1.2':
-    resolution: {integrity: sha512-Txsm1tJvtiYeLUVRNqxZGKR/mI+CzuIQuc2gn+YCs9rMTowpNZ2Nqt53JdL8KF9bLhAf2ruR/dr9eZCwdTriRA==}
-    engines: {node: ^18.0.0 || >=20}
+  '@sveltejs/vite-plugin-svelte@4.0.2':
+    resolution: {integrity: sha512-Y9r/fWy539XlAC7+5wfNJ4zH6TygUYoQ0Eegzp0zDDqhJ54+92gOyOX1l4MO1cJSx0O+Gp13YePT5XEa3+kX0w==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22}
     peerDependencies:
-      svelte: ^4.0.0 || ^5.0.0-next.0
+      svelte: ^5.0.0-next.96 || ^5.0.0
       vite: ^5.0.0
 
   '@types/cookie@0.6.0':
@@ -599,6 +599,11 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
+  acorn-typescript@1.4.13:
+    resolution: {integrity: sha512-xsc9Xv0xlVfwp2o7sQ+GCQ1PgbkdcpWdTzrwXxO3xDMTAywVS3oXVOcOHuRjAPkS4P9b+yc/qNF15460v+jp4Q==}
+    peerDependencies:
+      acorn: '>=8.9.0'
+
   acorn@8.14.0:
     resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
     engines: {node: '>=0.4.0'}
@@ -748,9 +753,6 @@ packages:
     resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
     engines: {node: '>=12'}
 
-  code-red@1.0.4:
-    resolution: {integrity: sha512-7qJWqItLA8/VPVlKJlFXU+NBlo/qyfs39aJcuMT/2ere32ZqvF5OSxgdM5xOfJJ7O429gg2HM47y8v9P+9wrNw==}
-
   color-convert@1.9.3:
     resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
 
@@ -830,10 +832,6 @@ packages:
     resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
     engines: {node: '>=12'}
 
-  css-tree@2.3.1:
-    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
-    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
-
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -1024,6 +1022,9 @@ packages:
     resolution: {integrity: sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==}
     engines: {node: '>=0.10'}
 
+  esrap@1.2.2:
+    resolution: {integrity: sha512-F2pSJklxx1BlQIQgooczXCPHmcWpn6EsP5oo73LQfonG9fIlIENQ8vMmfGXeojP9MrkzUNAfyU5vdFlR9shHAw==}
+
   esrecurse@4.3.0:
     resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
     engines: {node: '>=4.0'}
@@ -1035,9 +1036,6 @@ packages:
   estree-walker@2.0.2:
     resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
 
-  estree-walker@3.0.3:
-    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
-
   esutils@2.0.3:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
@@ -1353,8 +1351,8 @@ packages:
     resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
     engines: {node: '>=12'}
 
-  is-reference@3.0.2:
-    resolution: {integrity: sha512-v3rht/LgVcsdZa3O2Nqs+NMowLOxeOm7Ay9+/ARQ2F+qEoANRcqrjAZKGN0v8ymUetZGgkp26LTnGT7H0Qo9Pg==}
+  is-reference@3.0.3:
+    resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}
 
   is-stream@3.0.0:
     resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
@@ -1503,9 +1501,6 @@ packages:
     engines: {node: '>= 18'}
     hasBin: true
 
-  mdn-data@2.0.30:
-    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
-
   mdsvex@0.11.2:
     resolution: {integrity: sha512-Y4ab+vLvTJS88196Scb/RFNaHMHVSWw6CwfsgWIQP8f42D57iDII0/qABSu530V4pkv8s6T2nx3ds0MC1VwFLA==}
     peerDependencies:
@@ -1828,9 +1823,6 @@ packages:
     resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
     engines: {node: '>=12'}
 
-  periscopic@3.1.0:
-    resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -2158,11 +2150,11 @@ packages:
     resolution: {integrity: sha512-2rn0BZ+/f7puLOHZm1HOJfwBggfaHXUpPUSSG/SWM4TWp5KCfmNYwnC3hruy2rZlMnmWZ+QAGpZfchu3f3695A==}
     engines: {node: '>=14.18'}
 
-  svelte-eslint-parser@0.35.0:
-    resolution: {integrity: sha512-CtbPseajW0gjwEvHiuzYJkPDjAcHz2FaHt540j6RVYrZgnE6xWkzUBodQ4I3nV+G5AS0Svt8K6aIA/CIU9xT2Q==}
+  svelte-eslint-parser@0.42.0:
+    resolution: {integrity: sha512-e7LyqFPTuF43ZYhKOf0Gq1lzP+G64iWVJXAIcwVxohGx5FFyqdUkw7DEXNjZ+Fm+TAA98zPmDqWvgD1OpyMi5A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
-      svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.112
+      svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191
     peerDependenciesMeta:
       svelte:
         optional: true
@@ -2176,21 +2168,15 @@ packages:
       svelte:
         optional: true
 
-  svelte-hmr@0.16.0:
-    resolution: {integrity: sha512-Gyc7cOS3VJzLlfj7wKS0ZnzDVdv3Pn2IuVeJPk9m2skfhcu5bq3wtIZyQGggr7/Iim5rH5cncyQft/kRLupcnA==}
-    engines: {node: ^12.20 || ^14.13.1 || >= 16}
-    peerDependencies:
-      svelte: ^3.19.0 || ^4.0.0
-
   svelte2tsx@0.7.22:
     resolution: {integrity: sha512-hf55ujq17ufVpDQlJzaQfRr9EjlLIwGmFlpKq4uYrQAQFw/99q1OcVYyBT6568iJySgBUY9PdccURrORmfetmQ==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
 
-  svelte@4.2.19:
-    resolution: {integrity: sha512-IY1rnGr6izd10B0A8LqsBfmlT5OILVuZ7XsI0vdGPEvuonFV7NYEUK4dAkm9Zg2q0Um92kYjTpS1CAP3Nh/KWw==}
-    engines: {node: '>=16'}
+  svelte@5.2.7:
+    resolution: {integrity: sha512-cEhPGuLHiH2+Z8B1FwQgiZJgA39uUmJR4516TKrM5zrp0/cuwJkfhUfcTxhAkznanAF5fXUKzvYR4o+Ksx3ZCQ==}
+    engines: {node: '>=18'}
 
   synckit@0.9.2:
     resolution: {integrity: sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==}
@@ -2383,10 +2369,10 @@ packages:
       terser:
         optional: true
 
-  vitefu@0.2.5:
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+  vitefu@1.0.3:
+    resolution: {integrity: sha512-iKKfOMBHob2WxEJbqbJjHAkmYgvFDPhuqrO82om83S8RLk+17FtyMBfcyeH8GqD0ihShtkMW/zzJgiA51hCNCQ==}
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0-beta.0
     peerDependenciesMeta:
       vite:
         optional: true
@@ -2458,6 +2444,9 @@ packages:
     resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
     engines: {node: '>=18'}
 
+  zimmerframe@1.1.2:
+    resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
+
 snapshots:
 
   '@ampproject/remapping@2.3.0':
@@ -2843,18 +2832,18 @@ snapshots:
 
   '@stripe/stripe-js@3.5.0': {}
 
-  '@sveltejs/adapter-vercel@5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))':
+  '@sveltejs/adapter-vercel@5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))':
     dependencies:
-      '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))
+      '@sveltejs/kit': 2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       '@vercel/nft': 0.27.5
       esbuild: 0.21.5
     transitivePeerDependencies:
       - encoding
       - supports-color
 
-  '@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))':
+  '@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))
+      '@sveltejs/vite-plugin-svelte': 4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
@@ -2866,41 +2855,40 @@ snapshots:
       sade: 1.8.1
       set-cookie-parser: 2.7.1
       sirv: 3.0.0
-      svelte: 4.2.19
+      svelte: 5.2.7
       tiny-glob: 0.2.9
       vite: 5.4.10(@types/node@22.8.5)
 
-  '@sveltejs/package@2.3.7(svelte@4.2.19)(typescript@5.6.3)':
+  '@sveltejs/package@2.3.7(svelte@5.2.7)(typescript@5.6.3)':
     dependencies:
       chokidar: 4.0.1
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.6.3
-      svelte: 4.2.19
-      svelte2tsx: 0.7.22(svelte@4.2.19)(typescript@5.6.3)
+      svelte: 5.2.7
+      svelte2tsx: 0.7.22(svelte@5.2.7)(typescript@5.6.3)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))':
+  '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))
+      '@sveltejs/vite-plugin-svelte': 4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       debug: 4.3.7
-      svelte: 4.2.19
+      svelte: 5.2.7
       vite: 5.4.10(@types/node@22.8.5)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))':
+  '@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5)))(svelte@4.2.19)(vite@5.4.10(@types/node@22.8.5))
+      '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.12
-      svelte: 4.2.19
-      svelte-hmr: 0.16.0(svelte@4.2.19)
+      svelte: 5.2.7
       vite: 5.4.10(@types/node@22.8.5)
-      vitefu: 0.2.5(vite@5.4.10(@types/node@22.8.5))
+      vitefu: 1.0.3(vite@5.4.10(@types/node@22.8.5))
     transitivePeerDependencies:
       - supports-color
 
@@ -2961,6 +2949,10 @@ snapshots:
     dependencies:
       acorn: 8.14.0
 
+  acorn-typescript@1.4.13(acorn@8.14.0):
+    dependencies:
+      acorn: 8.14.0
+
   acorn@8.14.0: {}
 
   agent-base@6.0.2:
@@ -3109,14 +3101,6 @@ snapshots:
       strip-ansi: 6.0.1
       wrap-ansi: 7.0.0
 
-  code-red@1.0.4:
-    dependencies:
-      '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.6
-      acorn: 8.14.0
-      estree-walker: 3.0.3
-      periscopic: 3.1.0
-
   color-convert@1.9.3:
     dependencies:
       color-name: 1.1.3
@@ -3194,11 +3178,6 @@ snapshots:
     dependencies:
       type-fest: 1.4.0
 
-  css-tree@2.3.1:
-    dependencies:
-      mdn-data: 2.0.30
-      source-map-js: 1.2.1
-
   cssesc@3.0.0: {}
 
   debug@4.3.7:
@@ -3343,7 +3322,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-svelte@2.46.0(eslint@8.57.1)(svelte@4.2.19):
+  eslint-plugin-svelte@2.46.0(eslint@8.57.1)(svelte@5.2.7):
     dependencies:
       '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -3356,9 +3335,9 @@ snapshots:
       postcss-safe-parser: 6.0.0(postcss@8.4.47)
       postcss-selector-parser: 6.1.2
       semver: 7.6.3
-      svelte-eslint-parser: 0.43.0(svelte@4.2.19)
+      svelte-eslint-parser: 0.43.0(svelte@5.2.7)
     optionalDependencies:
-      svelte: 4.2.19
+      svelte: 5.2.7
     transitivePeerDependencies:
       - ts-node
 
@@ -3432,6 +3411,11 @@ snapshots:
     dependencies:
       estraverse: 5.3.0
 
+  esrap@1.2.2:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.0
+      '@types/estree': 1.0.6
+
   esrecurse@4.3.0:
     dependencies:
       estraverse: 5.3.0
@@ -3440,10 +3424,6 @@ snapshots:
 
   estree-walker@2.0.2: {}
 
-  estree-walker@3.0.3:
-    dependencies:
-      '@types/estree': 1.0.6
-
   esutils@2.0.3: {}
 
   execa@8.0.1:
@@ -3773,7 +3753,7 @@ snapshots:
 
   is-plain-obj@4.1.0: {}
 
-  is-reference@3.0.2:
+  is-reference@3.0.3:
     dependencies:
       '@types/estree': 1.0.6
 
@@ -3905,14 +3885,12 @@ snapshots:
 
   marked@12.0.2: {}
 
-  mdn-data@2.0.30: {}
-
-  mdsvex@0.11.2(svelte@4.2.19):
+  mdsvex@0.11.2(svelte@5.2.7):
     dependencies:
       '@types/unist': 2.0.11
       prism-svelte: 0.4.7
       prismjs: 1.29.0
-      svelte: 4.2.19
+      svelte: 5.2.7
       vfile-message: 2.0.4
 
   meow@12.1.1: {}
@@ -4124,12 +4102,6 @@ snapshots:
 
   path-type@5.0.0: {}
 
-  periscopic@3.1.0:
-    dependencies:
-      '@types/estree': 1.0.6
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
@@ -4169,10 +4141,10 @@ snapshots:
 
   prelude-ls@1.2.1: {}
 
-  prettier-plugin-svelte@3.2.7(prettier@3.2.5)(svelte@4.2.19):
+  prettier-plugin-svelte@3.2.7(prettier@3.2.5)(svelte@5.2.7):
     dependencies:
       prettier: 3.2.5
-      svelte: 4.2.19
+      svelte: 5.2.7
 
   prettier@3.2.5: {}
 
@@ -4492,7 +4464,7 @@ snapshots:
       has-flag: 4.0.0
       supports-color: 7.2.0
 
-  svelte-eslint-parser@0.35.0(svelte@4.2.19):
+  svelte-eslint-parser@0.42.0(svelte@5.2.7):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -4500,9 +4472,9 @@ snapshots:
       postcss: 8.4.47
       postcss-scss: 4.0.9(postcss@8.4.47)
     optionalDependencies:
-      svelte: 4.2.19
+      svelte: 5.2.7
 
-  svelte-eslint-parser@0.43.0(svelte@4.2.19):
+  svelte-eslint-parser@0.43.0(svelte@5.2.7):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
@@ -4510,35 +4482,30 @@ snapshots:
       postcss: 8.4.47
       postcss-scss: 4.0.9(postcss@8.4.47)
     optionalDependencies:
-      svelte: 4.2.19
+      svelte: 5.2.7
 
-  svelte-hmr@0.16.0(svelte@4.2.19):
-    dependencies:
-      svelte: 4.2.19
-
-  svelte2tsx@0.7.22(svelte@4.2.19)(typescript@5.6.3):
+  svelte2tsx@0.7.22(svelte@5.2.7)(typescript@5.6.3):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
-      svelte: 4.2.19
+      svelte: 5.2.7
       typescript: 5.6.3
 
-  svelte@4.2.19:
+  svelte@5.2.7:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@jridgewell/trace-mapping': 0.3.25
       '@types/estree': 1.0.6
       acorn: 8.14.0
+      acorn-typescript: 1.4.13(acorn@8.14.0)
       aria-query: 5.3.2
       axobject-query: 4.1.0
-      code-red: 1.0.4
-      css-tree: 2.3.1
-      estree-walker: 3.0.3
-      is-reference: 3.0.2
+      esm-env: 1.1.4
+      esrap: 1.2.2
+      is-reference: 3.0.3
       locate-character: 3.0.0
       magic-string: 0.30.12
-      periscopic: 3.1.0
+      zimmerframe: 1.1.2
 
   synckit@0.9.2:
     dependencies:
@@ -4708,7 +4675,7 @@ snapshots:
       '@types/node': 22.8.5
       fsevents: 2.3.3
 
-  vitefu@0.2.5(vite@5.4.10(@types/node@22.8.5)):
+  vitefu@1.0.3(vite@5.4.10(@types/node@22.8.5)):
     optionalDependencies:
       vite: 5.4.10(@types/node@22.8.5)
 
@@ -4774,3 +4741,5 @@ snapshots:
   yocto-queue@0.1.0: {}
 
   yoctocolors@2.1.1: {}
+
+  zimmerframe@1.1.2: {}
diff --git a/src/lib/Address.svelte b/src/lib/Address.svelte
index 45cbee4..58b3006 100644
--- a/src/lib/Address.svelte
+++ b/src/lib/Address.svelte
@@ -4,38 +4,37 @@
 
   /** @typedef {import('@stripe/stripe-js').StripeAddressElementOptions} StripeAddressElementOptions */
 
-  /** @type {StripeAddressElementOptions["mode"]} */
-  export let mode
-
-  /** @type {StripeAddressElementOptions["allowedCountries"]} */
-  export let allowedCountries = undefined
-
-  /** @type {StripeAddressElementOptions["autocomplete"]} */
-  export let autocomplete = { mode: 'automatic' }
-
-  /** @type {StripeAddressElementOptions["blockPoBox"]} */
-  export let blockPoBox = undefined
-
-  /** @type {StripeAddressElementOptions["contacts"]} */
-  export let contacts = undefined
-
-  /** @type {StripeAddressElementOptions["defaultValues"]} */
-  export let defaultValues = undefined
-
-  /** @type {StripeAddressElementOptions["fields"]} */
-  export let fields = undefined
-
-  /** @type {StripeAddressElementOptions["validation"]} */
-  export let validation = undefined
-
-  /** @type {StripeAddressElementOptions["display"]} */
-  export let display = undefined
+  /**
+   * @typedef {object} Props
+   * @property {StripeAddressElementOptions["mode"]} mode
+   * @property {StripeAddressElementOptions["allowedCountries"]} [allowedCountries]
+   * @property {StripeAddressElementOptions["autocomplete"]} [autocomplete]
+   * @property {StripeAddressElementOptions["blockPoBox"]} [blockPoBox]
+   * @property {StripeAddressElementOptions["contacts"]} [contacts]
+   * @property {StripeAddressElementOptions["defaultValues"]} [defaultValues]
+   * @property {StripeAddressElementOptions["fields"]} [fields]
+   * @property {StripeAddressElementOptions["validation"]} [validation]
+   * @property {StripeAddressElementOptions["display"]} [display]
+   */
+
+  /** @type {Props} */
+  let {
+    mode,
+    allowedCountries = undefined,
+    autocomplete = { mode: 'automatic' },
+    blockPoBox = undefined,
+    contacts = undefined,
+    defaultValues = undefined,
+    fields = undefined,
+    validation = undefined,
+    display = undefined
+  } = $props();
 
   /** @type {import('@stripe/stripe-js').StripeElementBase} */
   let element
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -76,4 +75,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/Card.svelte b/src/lib/Card.svelte
index a1f8982..6777f2b 100644
--- a/src/lib/Card.svelte
+++ b/src/lib/Card.svelte
@@ -2,32 +2,32 @@
   import { mount } from './util'
   import { onMount, getContext, createEventDispatcher } from 'svelte'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripeElementStyle} */
-  export let style = {}
-
-  /** @type {import('@stripe/stripe-js').StripeCardElementOptions["value"]?} */
-  export let value = {}
-
-  /** @type {boolean?} */
-  export let hidePostalCode = false
-
-  /** @type {boolean?} */
-  export let hideIcon = false
-
-  /** @type {boolean?} */
-  export let disabled = false
-
-  /** @type {'default' | 'solid'} */
-  export let iconStyle = 'default'
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
+   * @property {import('@stripe/stripe-js').StripeCardElementOptions["value"]?} [value]
+   * @property {boolean?} [hidePostalCode]
+   * @property {boolean?} [hideIcon]
+   * @property {boolean?} [disabled]
+   * @property {'default' | 'solid'} [iconStyle]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    value = {},
+    hidePostalCode = false,
+    hideIcon = false,
+    disabled = false,
+    iconStyle = 'default',
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -59,4 +59,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/CardCvc.svelte b/src/lib/CardCvc.svelte
index 1bf6c6b..85f2fab 100644
--- a/src/lib/CardCvc.svelte
+++ b/src/lib/CardCvc.svelte
@@ -2,23 +2,26 @@
   import { onMount, getContext, createEventDispatcher } from 'svelte'
   import { mount } from './util'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripeElementStyle} */
-  export let style = {}
-
-  /** @type {string} */
-  export let placeholder = 'CVC'
-
-  /** @type {boolean?} */
-  export let disabled = false
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
+   * @property {string} [placeholder]
+   * @property {boolean?} [disabled]
+   * @property {import('@stripe/stripe-js').StripeElementBase} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    placeholder = 'CVC',
+    disabled = false,
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -50,4 +53,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/CardExpiry.svelte b/src/lib/CardExpiry.svelte
index 24888ff..ea93767 100644
--- a/src/lib/CardExpiry.svelte
+++ b/src/lib/CardExpiry.svelte
@@ -2,23 +2,26 @@
   import { onMount, getContext, createEventDispatcher } from 'svelte'
   import { mount } from './util'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripeElementStyle} */
-  export let style = {}
-
-  /** @type {string} */
-  export let placeholder = 'MM / YY'
-
-  /** @type {boolean?} */
-  export let disabled = false
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
+   * @property {string} [placeholder]
+   * @property {boolean?} [disabled]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    placeholder = 'MM / YY',
+    disabled = false,
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -50,4 +53,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/CardNumber.svelte b/src/lib/CardNumber.svelte
index 6fdc806..4a0aa50 100644
--- a/src/lib/CardNumber.svelte
+++ b/src/lib/CardNumber.svelte
@@ -2,29 +2,30 @@
   import { onMount, getContext, createEventDispatcher } from 'svelte'
   import { mount } from './util'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripeElementStyle} */
-  export let style = {}
-
-  /** @type {string} */
-  export let placeholder = 'Card number'
-
-  /** @type {boolean?} */
-  export let disabled = false
-
-  /** @type {boolean?} */
-  export let showIcon = true
-
-  /** @type {'default' | 'solid'} */
-  export let iconStyle = 'default'
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
+   * @property {string} [placeholder]
+   * @property {boolean?} [disabled]
+   * @property {boolean?} [showIcon]
+   * @property {'default' | 'solid'} [iconStyle]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    placeholder = 'Card number',
+    disabled = false,
+    showIcon = true,
+    iconStyle = 'default',
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -56,4 +57,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/Container.svelte b/src/lib/Container.svelte
deleted file mode 100644
index 6d633e6..0000000
--- a/src/lib/Container.svelte
+++ /dev/null
@@ -1,41 +0,0 @@
-<script>
-  import { setContext } from 'svelte'
-  import { isServer, register } from './util'
-
-  /** @type {import('@stripe/stripe-js').Stripe?} */
-  export let stripe
-
-  /** @typedef { import('@stripe/stripe-js').Appearance } Appearance */
-
-  /** @type {Appearance["theme"]} */
-  export let theme = 'stripe'
-
-  /** @type {Appearance["variables"]} */
-  export let variables = {}
-
-  /** @type {Appearance["rules"]} */
-  export let rules = {}
-
-  /** @type {Appearance["labels"]} */
-  export let labels = 'above'
-
-  /** @typedef { import('@stripe/stripe-js').StripeElementsOptions } StripeElementsOptions */
-
-  /** @type {StripeElementsOptions["loader"]} */
-  export let loader = 'auto'
-
-  /** @type {string?} */
-  export let clientSecret = undefined
-
-  /** @type {import('@stripe/stripe-js').StripeElements?} */
-  export let elements = isServer
-    ? null
-    : stripe.elements({ appearance: { theme, variables, rules, labels }, clientSecret, loader })
-
-  register(stripe)
-  setContext('stripe', { stripe, elements })
-
-  console.warn('svelte-stripe: <Container/> is deprecated, please use <Elements/> instead.')
-</script>
-
-<slot />
diff --git a/src/lib/Elements.svelte b/src/lib/Elements.svelte
index 89b9926..70dbc3e 100644
--- a/src/lib/Elements.svelte
+++ b/src/lib/Elements.svelte
@@ -1,66 +1,68 @@
 <script>
+  import { run } from 'svelte/legacy';
+
   import { setContext } from 'svelte'
   import { isServer, register } from './util'
 
-  /** @type {import('@stripe/stripe-js').Stripe?} */
-  export let stripe
-
-  /** @type {StripeElementsOptions["mode"]} */
-  export let mode = undefined
-
+  /** @typedef { import('@stripe/stripe-js').Stripe } Appearance */
   /** @typedef { import('@stripe/stripe-js').Appearance } Appearance */
-
-  /** @type {Appearance["theme"]} */
-  export let theme = 'stripe'
-
-  /** @type {Appearance["variables"]} */
-  export let variables = {}
-
-  /** @type {Appearance["rules"]} */
-  export let rules = {}
-
-  /** @type {Appearance["labels"]} */
-  export let labels = 'above'
-
   /** @typedef { import('@stripe/stripe-js').StripeElementsOptions } StripeElementsOptions */
 
-  /** @type {StripeElementsOptions["loader"]} */
-  export let loader = 'auto'
-
-  /** @type {StripeElementsOptions["fonts"]} */
-  export let fonts = []
-
-  /** @type {StripeElementsOptions["locale"]} */
-  export let locale = "auto"
-
-  /** @type {StripeElementsOptions["currency"]} */
-  export let currency = undefined
-
-  /** @type {StripeElementsOptions["amount"]} */
-  export let amount = undefined
-
-  /** @type {string?} */
-  export let clientSecret = undefined
-
-  $: appearance = {
+  /**
+   * @typedef {Object} Props
+   * @property {Stripe?} stripe
+   * @property {StripeElementsOptions["mode"]} [mode]
+   * @property {Appearance["theme"]} [theme]
+   * @property {Appearance["variables"]} [variables]
+   * @property {Appearance["rules"]} [rules]
+   * @property {Appearance["labels"]} [labels]
+   * @property {StripeElementsOptions["loader"]} [loader]
+   * @property {StripeElementsOptions["fonts"]} [fonts]
+   * @property {StripeElementsOptions["locale"]} [locale]
+   * @property {StripeElementsOptions["currency"]} [currency]
+   * @property {StripeElementsOptions["amount"]} [amount]
+   * @property {string?} [clientSecret]
+   * @property {import('@stripe/stripe-js').StripeElements?} [elements]
+   * @property {import('svelte').Snippet} [children]
+   */
+
+  /** @type {Props} */
+  let {
+    stripe,
+    mode = undefined,
+    theme = 'stripe',
+    variables = {},
+    rules = {},
+    labels = 'above',
+    loader = 'auto',
+    fonts = [],
+    locale = "auto",
+    currency = undefined,
+    amount = undefined,
+    clientSecret = undefined,
+    elements = $bindable(),
+    children
+  } = $props();
+
+
+  let appearance = $derived({
     theme, variables, rules, labels
-  }
-
-  /** @type {import('@stripe/stripe-js').StripeElements?} */
-  export let elements = null
-
-  $: if (stripe && !elements) {
-    elements = stripe.elements({ mode, currency, amount, appearance, clientSecret, fonts, loader, locale })
-
-    register(stripe)
-    setContext('stripe', { stripe, elements })
-  }
-
-  $: if (elements) {
-    elements.update({ appearance, locale })
-  }
+  })
+  run(() => {
+    if (stripe && !elements) {
+      elements = stripe.elements({ mode, currency, amount, appearance, clientSecret, fonts, loader, locale })
+
+      register(stripe)
+      setContext('stripe', { stripe, elements })
+    }
+  });
+  run(() => {
+    if (elements) {
+      elements.update({ appearance, locale })
+    }
+  });
 </script>
 
 {#if stripe && elements}
-  <slot />
+  {@render children?.()}
 {/if}
diff --git a/src/lib/EmbeddedCheckout.svelte b/src/lib/EmbeddedCheckout.svelte
index b950a40..0725ad8 100644
--- a/src/lib/EmbeddedCheckout.svelte
+++ b/src/lib/EmbeddedCheckout.svelte
@@ -1,29 +1,37 @@
 <script>
+  import { run } from 'svelte/legacy';
   import { onDestroy } from 'svelte'
   import { register } from './util'
 
-  /** @type {import('@stripe/stripe-js').Stripe?} */
-  export let stripe
+  /**
+   * @typedef {Object} Props
+   * @property {import('@stripe/stripe-js').Stripe?} stripe
+   * @property {string?} clientSecret
+   */
 
-  /** @type {string?} */
-  export let clientSecret
+  /** @type {Props} */
+  let { stripe, clientSecret } = $props();
 
-  let wrapper
+  let wrapper = $state()
 
-  let checkoutElement
+  let checkoutElement = $state()
 
-  $: if (stripe) {
-    register(stripe)
-  }
+  run(() => {
+    if (stripe) {
+      register(stripe)
+    }
+  });
 
-  $: if (stripe && clientSecret && wrapper) {
-    stripe
-      .initEmbeddedCheckout({ clientSecret })
-      .then((element) => {
-        checkoutElement = element
-        checkoutElement.mount(wrapper)
-      })
-  }
+  run(() => {
+    if (stripe && clientSecret && wrapper) {
+      stripe
+        .initEmbeddedCheckout({ clientSecret })
+        .then((element) => {
+          checkoutElement = element
+          checkoutElement.mount(wrapper)
+        })
+    }
+  });
 
   onDestroy(() => {
     checkoutElement?.destroy()
@@ -31,5 +39,5 @@
 </script>
 
 {#if stripe && clientSecret}
-  <div bind:this={wrapper}/>
+  <div bind:this={wrapper}></div>
 {/if}
diff --git a/src/lib/ExpressCheckout.svelte b/src/lib/ExpressCheckout.svelte
index c7d1204..24fbcd8 100644
--- a/src/lib/ExpressCheckout.svelte
+++ b/src/lib/ExpressCheckout.svelte
@@ -4,29 +4,30 @@
 
   /** @typedef { import('@stripe/stripe-js').StripeExpressCheckoutElementOptions } Options */
 
-  /** @type {Options['buttonHeight']} */
-  export let buttonHeight = undefined
-
-  /** @type {Options['buttonTheme']} */
-  export let buttonTheme = undefined
-
-  /** @type {Options['buttonType']} */
-  export let buttonType = undefined
-
-  /** @type {Options['layout']} */
-  export let layout = undefined
-
-  /** @type {Options['paymentMethodOrder']} */
-  export let paymentMethodOrder = undefined
-
-  /** @type {Options['wallets']} */
-  export let wallets = undefined
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {Options['buttonHeight']} [buttonHeight]
+   * @property {Options['buttonTheme']} [buttonTheme]
+   * @property {Options['buttonType']} [buttonType]
+   * @property {Options['layout']} [layout]
+   * @property {Options['paymentMethodOrder']} [paymentMethodOrder]
+   * @property {Options['wallets']} [wallets]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    buttonHeight = undefined,
+    buttonTheme = undefined,
+    buttonType = undefined,
+    layout = undefined,
+    paymentMethodOrder = undefined,
+    wallets = undefined,
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -70,4 +71,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/Iban.svelte b/src/lib/Iban.svelte
index 187aaf4..a61268d 100644
--- a/src/lib/Iban.svelte
+++ b/src/lib/Iban.svelte
@@ -2,32 +2,32 @@
   import { onMount, getContext, createEventDispatcher } from 'svelte'
   import { mount } from './util'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripeElementStyle} */
-  export let style = {}
-
-  /** @type {string[]?} */
-  export let supportedCountries = []
-
-  /** @type {string} */
-  export let placeholderCountry = ''
-
-  /** @type {boolean?} */
-  export let hideIcon = false
-
-  /** @type {'default' | 'solid'} */
-  export let iconStyle = 'default'
-
-  /** @type {boolean?} */
-  export let disabled = false
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
+   * @property {string[]?} [supportedCountries]
+   * @property {string} [placeholderCountry]
+   * @property {boolean?} [hideIcon]
+   * @property {'default' | 'solid'} [iconStyle]
+   * @property {boolean?} [disabled]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    supportedCountries = [],
+    placeholderCountry = '',
+    hideIcon = false,
+    iconStyle = 'default',
+    disabled = false,
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -67,4 +67,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/Ideal.svelte b/src/lib/Ideal.svelte
index 29933a7..7a5d551 100644
--- a/src/lib/Ideal.svelte
+++ b/src/lib/Ideal.svelte
@@ -2,26 +2,28 @@
   import { onMount, getContext, createEventDispatcher } from 'svelte'
   import { mount } from './util'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripeElementStyle} */
-  export let style = {}
-
-  /** @type {string?} */
-  export let value = ''
-
-  /** @type {boolean?} */
-  export let disabled = false
-
-  /** @type {boolean?} */
-  export let hideIcon = true
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
+   * @property {string?} [value]
+   * @property {boolean?} [disabled]
+   * @property {boolean?} [hideIcon]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    value = '',
+    disabled = false,
+    hideIcon = true,
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -53,4 +55,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/LinkAuthenticationElement.svelte b/src/lib/LinkAuthenticationElement.svelte
index d0224c4..4c4faaf 100644
--- a/src/lib/LinkAuthenticationElement.svelte
+++ b/src/lib/LinkAuthenticationElement.svelte
@@ -2,14 +2,19 @@
   import { onMount, getContext, createEventDispatcher } from 'svelte'
   import { mount } from './util'
 
-  /** @type {import('@stripe/stripe-js').StripeLinkAuthenticationElementOptions["defaultValues"]?} */
-  export let defaultValues = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeLinkAuthenticationElementOptions["defaultValues"]?} [defaultValues]
+   */
+
+  /** @type {Props} */
+  let { defaultValues = null } = $props();
 
   /** @type {import('@stripe/stripe-js').StripeElementBase} */
   let element
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -43,4 +48,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/PaymentElement.svelte b/src/lib/PaymentElement.svelte
index 8ab8719..eaf5115 100644
--- a/src/lib/PaymentElement.svelte
+++ b/src/lib/PaymentElement.svelte
@@ -8,15 +8,20 @@
   let element
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
   /** @type {import("./types").ElementsContext} */
   const { elements } = getContext('stripe')
 
-  /** @type {StripePaymentElementOptions?} */
-  export let options = undefined
+  /**
+   * @typedef {object} Props
+   * @property {StripePaymentElementOptions?} [options]
+   */
+
+  /** @type {Props} */
+  let { options = undefined } = $props();
 
   onMount(() => {
     element = mount(wrapper, 'payment', elements, dispatch, options)
@@ -41,4 +46,4 @@
   }
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/PaymentMethodMessaging.svelte b/src/lib/PaymentMethodMessaging.svelte
index a86bad4..db23f27 100644
--- a/src/lib/PaymentMethodMessaging.svelte
+++ b/src/lib/PaymentMethodMessaging.svelte
@@ -2,29 +2,30 @@
   import { mount } from './util'
   import { onMount, getContext, createEventDispatcher } from 'svelte'
 
-  /** @type {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["amount"]} */
-  export let amount
-
-  /** @type {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["currency"]} */
-  export let currency
-
-  /** @type {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["paymentMethodTypes"]} */
-  export let paymentMethodTypes
-
-  /** @type {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["countryCode"]} */
-  export let countryCode
-
-  /** @type {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["logoColor"]?} */
-  export let logoColor = null
-
-  /** @type {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["metadata"]?} */
-  export let metadata = null
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["amount"]} amount
+   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["currency"]} currency
+   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["paymentMethodTypes"]} paymentMethodTypes
+   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["countryCode"]} countryCode
+   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["logoColor"]?} [logoColor]
+   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["metadata"]?} [metadata]
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   */
+
+  /** @type {Props} */
+  let {
+    amount,
+    currency,
+    paymentMethodTypes,
+    countryCode,
+    logoColor = null,
+    metadata = null,
+    element = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   const dispatch = createEventDispatcher()
 
@@ -40,4 +41,4 @@
   })
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/PaymentRequestButton.svelte b/src/lib/PaymentRequestButton.svelte
index ba848b8..702bf63 100644
--- a/src/lib/PaymentRequestButton.svelte
+++ b/src/lib/PaymentRequestButton.svelte
@@ -1,23 +1,26 @@
 <script>
   import { onMount, getContext, createEventDispatcher } from 'svelte'
 
-  /** @type {import('@stripe/stripe-js').StripeElementClasses} */
-  export let classes = {}
-
-  /** @type {import('@stripe/stripe-js').StripePaymentRequestButtonElementOptions["style"]["paymentRequestButton"]} */
-  export let style = {}
-
-  /** @type {import('@stripe/stripe-js').PaymentRequestOptions} */
-  export let paymentRequest
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase?} */
-  export let element = null
-
-  /** @type {boolean?}*/
-  export let canMakePayment = null
+  /**
+   * @typedef {object} Props
+   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
+   * @property {import('@stripe/stripe-js').StripePaymentRequestButtonElementOptions["style"]["paymentRequestButton"]} [style]
+   * @property {import('@stripe/stripe-js').PaymentRequestOptions} paymentRequest
+   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
+   * @property {boolean?} [canMakePayment]
+   */
+
+  /** @type {Props} */
+  let {
+    classes = {},
+    style = {},
+    paymentRequest,
+    element = $bindable(),
+    canMakePayment = $bindable()
+  } = $props();
 
   /** @type {HTMLElement?} */
-  let wrapper
+  let wrapper = $state()
 
   /** @type {import('@stripe/stripe-js').PaymentRequest} */
   let paymentRequestObject
@@ -55,4 +58,4 @@
   })
 </script>
 
-<div bind:this={wrapper} />
+<div bind:this={wrapper}></div>
diff --git a/src/lib/util.js b/src/lib/util.js
index eb843ac..3a35c15 100644
--- a/src/lib/util.js
+++ b/src/lib/util.js
@@ -4,7 +4,6 @@
  * @param {import('@stripe/stripe-js').StripeElements} elements
  * @param {<EventKey extends string>(type: EventKey, detail?: any) => void} dispatch
  * @param {import('@stripe/stripe-js').StripeElementsOptions} options
- *
  * @returns {import('@stripe/stripe-js').StripeElementBase}
  */
 export function mount(node, type, elements, dispatch, options = {}) {
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 87de60e..165b5b3 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -2,6 +2,13 @@
   import '../prism-theme.css'
   import '../app.css'
   import GithubBadge from './GithubBadge.svelte'
+  /**
+   * @typedef {Object} Props
+   * @property {import('svelte').Snippet} [children]
+   */
+
+  /** @type {Props} */
+  let { children } = $props();
 </script>
 
 <GithubBadge />
@@ -66,6 +73,6 @@
   </aside>
 
   <main>
-    <slot />
+    {@render children?.()}
   </main>
 </div>
diff --git a/src/routes/+page.md b/src/routes/+page.md
index dc1ad47..4694eda 100644
--- a/src/routes/+page.md
+++ b/src/routes/+page.md
@@ -104,7 +104,7 @@ An all-in-one component that supports credit cards, SEPA, GooglePay and ApplePay
 To use it, drop a `<PaymentElement>` component in your form:
 
 ```html
-<form on:submit|preventDefault="{submit}">
+<form onsubmit={submit}>
   <Elements {stripe} {clientSecret} bind:elements>
     <PaymentElement options="{...}" />
   </Elements>
@@ -147,7 +147,7 @@ Once they enter their e-mail they receive an SMS code to verify their identity.
 It works in conjuction with `<PaymentElement>`:
 
 ```html
-<form on:submit|preventDefault="{submit}">
+<form onsubmit={submit}>
   <Elements {stripe} {clientSecret} bind:elements>
     <LinkAuthenticationElement />
     <PaymentElement />
@@ -166,7 +166,7 @@ These use the `<CardNumber>`, `<CardExpiry>` and `<CardCvc>` components:
 
 ```html
 <Elements {stripe}>
-  <form on:submit|preventDefault="{submit}">
+  <form onsubmit={submit}>
     <CardNumber bind:element="{cardElement}" />
     <CardExpiry />
     <CardCvc />
@@ -199,7 +199,7 @@ To display a GooglePay or ApplePay button, use the `<PaymentRequestButton/>`.
 
 ```html
 <Elements {stripe}>
-  <PaymentRequestButton {paymentRequest} on:paymentmethod="{pay}" />
+  <PaymentRequestButton {paymentRequest} onpaymentmethod="{pay}" />
 </Elements>
 ```
 
@@ -216,7 +216,7 @@ const paymentRequest = {
 }
 ```
 
-And define an event handler for the `on:paymentmethod` event:
+And define an event handler for the `onpaymentmethod` event:
 
 ```javascript
 async function pay(e) {
@@ -251,7 +251,7 @@ To process SEPA debits, use the `<Iban>` component:
 
 ```html
 <Elements {stripe}>
-  <form on:submit|preventDefault="{submit}">
+  <form onsubmit={submit}>
     <input name="name" bind:value="{name}" placeholder="Name" />
 
     <!-- customize the list of countries, or use "SEPA" to allow all supported countries -->
@@ -285,7 +285,7 @@ To accept iDEAL payments, use the `<Ideal>` component:
 
 ```html
 <Elements {stripe}>
-  <form on:submit|preventDefault="{submit}">
+  <form onsubmit={submit}>
     <input name="name" bind:value="{name}" placeholder="Name" />
     <input name="email" bind:value="{email}" placeholder="E-mail" type="email" />
     <Ideal bind:element="{idealElement}" />
diff --git a/src/routes/examples/afterpay-clearpay/+page.svelte b/src/routes/examples/afterpay-clearpay/+page.svelte
index ba3c419..5311abf 100644
--- a/src/routes/examples/afterpay-clearpay/+page.svelte
+++ b/src/routes/examples/afterpay-clearpay/+page.svelte
@@ -1,4 +1,6 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -6,26 +8,26 @@
   import Address from './Address.svelte'
 
   let stripe = null
-  let error = null
-  let processing = false
-  let email = 'jsmith@example.com'
-  let name = 'John Smith'
-  let billingAddress = {
+  let error = $state(null)
+  let processing = $state(false)
+  let email = $state('jsmith@example.com')
+  let name = $state('John Smith')
+  let billingAddress = $state({
     line1: '123 Main',
     line2: 'Apt 100',
     state: 'CA',
     city: 'Los Angeles',
     country: 'US',
     postal_code: '1000'
-  }
-  let shippingAddress = {
+  })
+  let shippingAddress = $state({
     line1: '123 Main',
     line2: 'Apt 100',
     state: 'CA',
     city: 'Los Angeles',
     country: 'US',
     postal_code: '1000'
-  }
+  })
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -97,7 +99,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form on:submit|preventDefault={submit}>
+<form onsubmit={preventDefault(submit)}>
   <Address legend="Billing" bind:address={billingAddress}>
     <label for="name"> Name </label>
     <input id="name" bind:value={name} required />
diff --git a/src/routes/examples/afterpay-clearpay/Address.svelte b/src/routes/examples/afterpay-clearpay/Address.svelte
index 83eb5e2..869ae03 100644
--- a/src/routes/examples/afterpay-clearpay/Address.svelte
+++ b/src/routes/examples/afterpay-clearpay/Address.svelte
@@ -1,12 +1,11 @@
 <script>
-  export let legend
-  export let address
+  let { legend, address = $bindable(), children } = $props();
 </script>
 
 <fieldset>
   <legend>{legend}</legend>
 
-  <slot />
+  {@render children?.()}
 
   <label for="line1"> Line 1 </label>
   <input id="line1" bind:value={address.line1} required />
diff --git a/src/routes/examples/alipay/+page.svelte b/src/routes/examples/alipay/+page.svelte
index 84afda6..8bbd7b9 100644
--- a/src/routes/examples/alipay/+page.svelte
+++ b/src/routes/examples/alipay/+page.svelte
@@ -1,13 +1,15 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
 
   let stripe = null
-  let error = null
-  let processing = false
-  let email
+  let error = $state(null)
+  let processing = $state(false)
+  let email = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -71,7 +73,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form on:submit|preventDefault={submit}>
+<form onsubmit={preventDefault(submit)}>
   <input
     name="email"
     bind:value={email}
diff --git a/src/routes/examples/credit-card/+page.svelte b/src/routes/examples/credit-card/+page.svelte
index 5ab2c09..d4212f6 100644
--- a/src/routes/examples/credit-card/+page.svelte
+++ b/src/routes/examples/credit-card/+page.svelte
@@ -1,15 +1,17 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, CardNumber, CardExpiry, CardCvc } from '$lib'
 
-  let stripe = null
-  let error = null
-  let cardElement
-  let name
-  let processing = false
+  let stripe = $state(null)
+  let error = $state(null)
+  let cardElement = $state()
+  let name = $state()
+  let processing = $state(false)
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -68,7 +70,7 @@
 {/if}
 
 <Elements {stripe}>
-  <form on:submit|preventDefault={submit}>
+  <form onsubmit={preventDefault(submit)}>
     <input name="name" bind:value={name} placeholder="Your name" disabled={processing} />
     <CardNumber bind:element={cardElement} classes={{ base: 'input' }} />
 
diff --git a/src/routes/examples/embedded-checkout/+page.svelte b/src/routes/examples/embedded-checkout/+page.svelte
index 698058e..b29ca82 100644
--- a/src/routes/examples/embedded-checkout/+page.svelte
+++ b/src/routes/examples/embedded-checkout/+page.svelte
@@ -4,9 +4,9 @@
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { EmbeddedCheckout } from '$lib'
 
-  export let data
+  let { data } = $props();
 
-  let stripe = null
+  let stripe = $state(null)
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
diff --git a/src/routes/examples/express-checkout/+page.svelte b/src/routes/examples/express-checkout/+page.svelte
index fa298ce..0aa9e5a 100644
--- a/src/routes/examples/express-checkout/+page.svelte
+++ b/src/routes/examples/express-checkout/+page.svelte
@@ -5,9 +5,9 @@
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, ExpressCheckout } from '$lib'
 
-  let stripe = null
-  let error = null
-  let elements
+  let stripe = $state(null)
+  let error = $state(null)
+  let elements = $state()
   let processing = false
 
   onMount(async () => {
diff --git a/src/routes/examples/ideal/+page.svelte b/src/routes/examples/ideal/+page.svelte
index 37111a4..c96c739 100644
--- a/src/routes/examples/ideal/+page.svelte
+++ b/src/routes/examples/ideal/+page.svelte
@@ -1,16 +1,18 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, Ideal } from '$lib'
 
-  let stripe = null
-  let error = null
-  let idealElement
-  let processing = false
-  let name
-  let email
+  let stripe = $state(null)
+  let error = $state(null)
+  let idealElement = $state()
+  let processing = $state(false)
+  let name = $state()
+  let email = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -82,7 +84,7 @@
 {/if}
 
 <Elements {stripe}>
-  <form on:submit|preventDefault={submit}>
+  <form onsubmit={preventDefault(submit)}>
     <input name="name" bind:value={name} placeholder="Name" disabled={processing} />
     <input
       name="email"
diff --git a/src/routes/examples/klarna/+page.svelte b/src/routes/examples/klarna/+page.svelte
index 7748a49..18cb303 100644
--- a/src/routes/examples/klarna/+page.svelte
+++ b/src/routes/examples/klarna/+page.svelte
@@ -1,14 +1,16 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
 
   let stripe = null
-  let error = null
-  let processing = false
-  let email
-  let name
+  let error = $state(null)
+  let processing = $state(false)
+  let email = $state()
+  let name = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -77,7 +79,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form on:submit|preventDefault={submit}>
+<form onsubmit={preventDefault(submit)}>
   <input
     name="name"
     bind:value={name}
diff --git a/src/routes/examples/konbini/+page.svelte b/src/routes/examples/konbini/+page.svelte
index 655da60..d5610b2 100644
--- a/src/routes/examples/konbini/+page.svelte
+++ b/src/routes/examples/konbini/+page.svelte
@@ -1,15 +1,17 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY_JP } from '$env/static/public'
 
   let stripe = null
-  let error = null
-  let processing = false
-  let email
-  let name
-  let phone
+  let error = $state(null)
+  let processing = $state(false)
+  let email = $state()
+  let name = $state()
+  let phone = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY_JP)
@@ -79,7 +81,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form on:submit|preventDefault={submit}>
+<form onsubmit={preventDefault(submit)}>
   <input
     name="name"
     bind:value={name}
diff --git a/src/routes/examples/konbini/next-steps/+page.svelte b/src/routes/examples/konbini/next-steps/+page.svelte
index daf46db..f7531ac 100644
--- a/src/routes/examples/konbini/next-steps/+page.svelte
+++ b/src/routes/examples/konbini/next-steps/+page.svelte
@@ -1,7 +1,7 @@
 <script>
   import { onMount } from 'svelte'
 
-  let hosted_voucher_url
+  let hosted_voucher_url = $state()
 
   onMount(() => {
     const searchParams = new URLSearchParams(window.location.search)
diff --git a/src/routes/examples/payment-element/+page.svelte b/src/routes/examples/payment-element/+page.svelte
index 7b9c1d6..4c32af1 100644
--- a/src/routes/examples/payment-element/+page.svelte
+++ b/src/routes/examples/payment-element/+page.svelte
@@ -1,15 +1,17 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, PaymentElement, LinkAuthenticationElement, Address } from '$lib'
 
-  let stripe = null
-  let clientSecret = null
-  let error = null
-  let elements
-  let processing = false
+  let stripe = $state(null)
+  let clientSecret = $state(null)
+  let error = $state(null)
+  let elements = $state()
+  let processing = $state(false)
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -79,7 +81,7 @@
     rules={{ '.Input': { border: 'solid 1px #0002' } }}
     bind:elements
   >
-    <form on:submit|preventDefault={submit}>
+    <form onsubmit={preventDefault(submit)}>
       <LinkAuthenticationElement />
       <PaymentElement />
       <Address mode="billing" />
diff --git a/src/routes/examples/payment-method-messaging/+page.svelte b/src/routes/examples/payment-method-messaging/+page.svelte
index 2c00055..37afa79 100644
--- a/src/routes/examples/payment-method-messaging/+page.svelte
+++ b/src/routes/examples/payment-method-messaging/+page.svelte
@@ -5,7 +5,7 @@
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, PaymentMethodMessaging } from '$lib'
 
-  let stripe = null
+  let stripe = $state(null)
   let name
 
   onMount(async () => {
diff --git a/src/routes/examples/payment-request/+page.svelte b/src/routes/examples/payment-request/+page.svelte
index fb40f5e..d43d3a6 100644
--- a/src/routes/examples/payment-request/+page.svelte
+++ b/src/routes/examples/payment-request/+page.svelte
@@ -5,8 +5,8 @@
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, PaymentRequestButton } from '$lib'
 
-  let stripe = null
-  let error = null
+  let stripe = $state(null)
+  let error = $state(null)
 
   // define payment details
   const paymentRequest = {
diff --git a/src/routes/examples/sepa/+page.svelte b/src/routes/examples/sepa/+page.svelte
index fb971b0..6cadaa9 100644
--- a/src/routes/examples/sepa/+page.svelte
+++ b/src/routes/examples/sepa/+page.svelte
@@ -1,16 +1,18 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import { Elements, Iban } from '$lib'
 
-  let stripe = null
-  let error = null
-  let ibanElement
-  let processing = false
-  let name
-  let email
+  let stripe = $state(null)
+  let error = $state(null)
+  let ibanElement = $state()
+  let processing = $state(false)
+  let name = $state()
+  let email = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -76,7 +78,7 @@
 {/if}
 
 <Elements {stripe}>
-  <form on:submit|preventDefault={submit}>
+  <form onsubmit={preventDefault(submit)}>
     <input name="name" bind:value={name} placeholder="Name" disabled={processing} />
     <input
       name="email"
diff --git a/src/routes/examples/sofort/+page.svelte b/src/routes/examples/sofort/+page.svelte
index 12c2082..ab3e0c8 100644
--- a/src/routes/examples/sofort/+page.svelte
+++ b/src/routes/examples/sofort/+page.svelte
@@ -1,14 +1,16 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
 
   let stripe = null
-  let error = null
-  let processing = false
-  let email
-  let name
+  let error = $state(null)
+  let processing = $state(false)
+  let email = $state()
+  let name = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -77,7 +79,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form on:submit|preventDefault={submit}>
+<form onsubmit={preventDefault(submit)}>
   <input
     name="name"
     bind:value={name}
diff --git a/src/routes/examples/wechat-pay/+page.svelte b/src/routes/examples/wechat-pay/+page.svelte
index 6b14c9a..2250517 100644
--- a/src/routes/examples/wechat-pay/+page.svelte
+++ b/src/routes/examples/wechat-pay/+page.svelte
@@ -1,13 +1,15 @@
 <script>
+  import { preventDefault } from 'svelte/legacy';
+
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
 
   let stripe = null
-  let error = null
-  let processing = false
-  let email
+  let error = $state(null)
+  let processing = $state(false)
+  let email = $state()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -75,7 +77,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form on:submit|preventDefault={submit}>
+<form onsubmit={preventDefault(submit)}>
   <input
     name="email"
     bind:value={email}

From 0c3f3245afcef20d55edfe48ced74a66bcb569d7 Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 2 Dec 2024 16:14:06 -0500
Subject: [PATCH 2/9] Refactor preventDefault

---
 src/routes/examples/afterpay-clearpay/+page.svelte | 9 ++++-----
 src/routes/examples/alipay/+page.svelte            | 8 ++++----
 src/routes/examples/credit-card/+page.svelte       | 8 ++++----
 src/routes/examples/ideal/+page.svelte             | 8 ++++----
 src/routes/examples/klarna/+page.svelte            | 8 ++++----
 src/routes/examples/konbini/+page.svelte           | 8 ++++----
 src/routes/examples/payment-element/+page.svelte   | 8 ++++----
 src/routes/examples/sepa/+page.svelte              | 8 ++++----
 src/routes/examples/sofort/+page.svelte            | 8 ++++----
 src/routes/examples/wechat-pay/+page.svelte        | 8 ++++----
 10 files changed, 40 insertions(+), 41 deletions(-)

diff --git a/src/routes/examples/afterpay-clearpay/+page.svelte b/src/routes/examples/afterpay-clearpay/+page.svelte
index 5311abf..bfbf9e4 100644
--- a/src/routes/examples/afterpay-clearpay/+page.svelte
+++ b/src/routes/examples/afterpay-clearpay/+page.svelte
@@ -1,7 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
-  import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
@@ -50,7 +47,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -99,7 +98,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form onsubmit={preventDefault(submit)}>
+<form onsubmit={submit}>
   <Address legend="Billing" bind:address={billingAddress}>
     <label for="name"> Name </label>
     <input id="name" bind:value={name} required />
diff --git a/src/routes/examples/alipay/+page.svelte b/src/routes/examples/alipay/+page.svelte
index 8bbd7b9..3b0edb3 100644
--- a/src/routes/examples/alipay/+page.svelte
+++ b/src/routes/examples/alipay/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -33,7 +31,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -73,7 +73,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form onsubmit={preventDefault(submit)}>
+<form onsubmit={submit}>
   <input
     name="email"
     bind:value={email}
diff --git a/src/routes/examples/credit-card/+page.svelte b/src/routes/examples/credit-card/+page.svelte
index d4212f6..3c5f959 100644
--- a/src/routes/examples/credit-card/+page.svelte
+++ b/src/routes/examples/credit-card/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -24,7 +22,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -70,7 +70,7 @@
 {/if}
 
 <Elements {stripe}>
-  <form onsubmit={preventDefault(submit)}>
+  <form onsubmit={submit}>
     <input name="name" bind:value={name} placeholder="Your name" disabled={processing} />
     <CardNumber bind:element={cardElement} classes={{ base: 'input' }} />
 
diff --git a/src/routes/examples/ideal/+page.svelte b/src/routes/examples/ideal/+page.svelte
index c96c739..a3a112b 100644
--- a/src/routes/examples/ideal/+page.svelte
+++ b/src/routes/examples/ideal/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -36,7 +34,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -84,7 +84,7 @@
 {/if}
 
 <Elements {stripe}>
-  <form onsubmit={preventDefault(submit)}>
+  <form onsubmit={submit}>
     <input name="name" bind:value={name} placeholder="Name" disabled={processing} />
     <input
       name="email"
diff --git a/src/routes/examples/klarna/+page.svelte b/src/routes/examples/klarna/+page.svelte
index 18cb303..f2aec24 100644
--- a/src/routes/examples/klarna/+page.svelte
+++ b/src/routes/examples/klarna/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -33,7 +31,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -79,7 +79,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form onsubmit={preventDefault(submit)}>
+<form onsubmit={submit}>
   <input
     name="name"
     bind:value={name}
diff --git a/src/routes/examples/konbini/+page.svelte b/src/routes/examples/konbini/+page.svelte
index d5610b2..d005107 100644
--- a/src/routes/examples/konbini/+page.svelte
+++ b/src/routes/examples/konbini/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -30,7 +28,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -81,7 +81,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form onsubmit={preventDefault(submit)}>
+<form onsubmit={submit}>
   <input
     name="name"
     bind:value={name}
diff --git a/src/routes/examples/payment-element/+page.svelte b/src/routes/examples/payment-element/+page.svelte
index 4c32af1..a8b2c3b 100644
--- a/src/routes/examples/payment-element/+page.svelte
+++ b/src/routes/examples/payment-element/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -33,7 +31,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -81,7 +81,7 @@
     rules={{ '.Input': { border: 'solid 1px #0002' } }}
     bind:elements
   >
-    <form onsubmit={preventDefault(submit)}>
+    <form onsubmit={submit}>
       <LinkAuthenticationElement />
       <PaymentElement />
       <Address mode="billing" />
diff --git a/src/routes/examples/sepa/+page.svelte b/src/routes/examples/sepa/+page.svelte
index 6cadaa9..9ed6afd 100644
--- a/src/routes/examples/sepa/+page.svelte
+++ b/src/routes/examples/sepa/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -31,7 +29,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -78,7 +78,7 @@
 {/if}
 
 <Elements {stripe}>
-  <form onsubmit={preventDefault(submit)}>
+  <form onsubmit={submit}>
     <input name="name" bind:value={name} placeholder="Name" disabled={processing} />
     <input
       name="email"
diff --git a/src/routes/examples/sofort/+page.svelte b/src/routes/examples/sofort/+page.svelte
index ab3e0c8..eb53ef0 100644
--- a/src/routes/examples/sofort/+page.svelte
+++ b/src/routes/examples/sofort/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -33,7 +31,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -79,7 +79,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form onsubmit={preventDefault(submit)}>
+<form onsubmit={submit}>
   <input
     name="name"
     bind:value={name}
diff --git a/src/routes/examples/wechat-pay/+page.svelte b/src/routes/examples/wechat-pay/+page.svelte
index 2250517..fa971f2 100644
--- a/src/routes/examples/wechat-pay/+page.svelte
+++ b/src/routes/examples/wechat-pay/+page.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { preventDefault } from 'svelte/legacy';
-
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -33,7 +31,9 @@
     return clientSecret
   }
 
-  async function submit() {
+  async function submit(event) {
+    event.preventDefault()
+
     // avoid processing duplicates
     if (processing) return
 
@@ -77,7 +77,7 @@
   <p class="error">Payment failed. Please try again.</p>
 {/if}
 
-<form onsubmit={preventDefault(submit)}>
+<form onsubmit={submit}>
   <input
     name="email"
     bind:value={email}

From 41910789a73ddfcd8dd023529b5f0681ae5e270e Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 2 Dec 2024 16:16:57 -0500
Subject: [PATCH 3/9] Removes export of deprecated component

---
 src/lib/index.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/index.js b/src/lib/index.js
index c4252ba..d855c08 100644
--- a/src/lib/index.js
+++ b/src/lib/index.js
@@ -12,5 +12,4 @@ export { default as PaymentMethodMessaging } from './PaymentMethodMessaging.svel
 export { default as ExpressCheckout } from './ExpressCheckout.svelte'
 export { default as EmbeddedCheckout } from './EmbeddedCheckout.svelte'
 export { default as Elements } from './Elements.svelte'
-export { default as Container } from './Container.svelte'
 export { isServer } from './util'

From ed455f9dfc3d9a449354e76ce5fbb2ce88f54ad4 Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 2 Dec 2024 16:17:37 -0500
Subject: [PATCH 4/9] Remove legacy from EmbeddedCheckout

---
 src/lib/EmbeddedCheckout.svelte | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/src/lib/EmbeddedCheckout.svelte b/src/lib/EmbeddedCheckout.svelte
index 0725ad8..949e16e 100644
--- a/src/lib/EmbeddedCheckout.svelte
+++ b/src/lib/EmbeddedCheckout.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { run } from 'svelte/legacy';
-  import { onDestroy } from 'svelte'
   import { register } from './util'
 
   /**
@@ -10,19 +8,19 @@
    */
 
   /** @type {Props} */
-  let { stripe, clientSecret } = $props();
+  let { stripe, clientSecret } = $props()
 
   let wrapper = $state()
 
   let checkoutElement = $state()
 
-  run(() => {
+  $effect(() => {
     if (stripe) {
       register(stripe)
     }
-  });
+  })
 
-  run(() => {
+  $effect(() => {
     if (stripe && clientSecret && wrapper) {
       stripe
         .initEmbeddedCheckout({ clientSecret })
@@ -31,11 +29,11 @@
           checkoutElement.mount(wrapper)
         })
     }
-  });
 
-  onDestroy(() => {
-    checkoutElement?.destroy()
-  });
+    return () => {
+      checkoutElement?.destroy()
+    }
+  })
 </script>
 
 {#if stripe && clientSecret}

From e256c294b9ce8f0cd511358279e4bde8cfb31722 Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 2 Dec 2024 16:19:19 -0500
Subject: [PATCH 5/9] Removes legacy from Elements component

---
 src/lib/Elements.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/lib/Elements.svelte b/src/lib/Elements.svelte
index 70dbc3e..5f4d684 100644
--- a/src/lib/Elements.svelte
+++ b/src/lib/Elements.svelte
@@ -1,6 +1,4 @@
 <script>
-  import { run } from 'svelte/legacy';
-
   import { setContext } from 'svelte'
   import { isServer, register } from './util'
 
@@ -48,19 +46,21 @@
   let appearance = $derived({
     theme, variables, rules, labels
   })
-  run(() => {
+
+  $effect(() => {
     if (stripe && !elements) {
       elements = stripe.elements({ mode, currency, amount, appearance, clientSecret, fonts, loader, locale })
 
       register(stripe)
       setContext('stripe', { stripe, elements })
     }
-  });
-  run(() => {
+  })
+
+  $effect(() => {
     if (elements) {
       elements.update({ appearance, locale })
     }
-  });
+  })
 </script>
 
 {#if stripe && elements}

From 4c6d004835bbcdd2e82027cbe97c7aacd23d0bac Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 2 Dec 2024 16:24:03 -0500
Subject: [PATCH 6/9] Removes semantic-release

---
 package.json   |    4 +-
 pnpm-lock.yaml | 1922 +-----------------------------------------------
 2 files changed, 9 insertions(+), 1917 deletions(-)

diff --git a/package.json b/package.json
index 02e8534..d0017f8 100644
--- a/package.json
+++ b/package.json
@@ -10,8 +10,7 @@
     "publish": "npm run package && npm publish",
     "preview": "dotenv -c development vite preview",
     "lint": "prettier --ignore-path .prettierignore --check --plugin-search-dir=. . && eslint --ignore-path .prettierignore .",
-    "format": "prettier --ignore-path .prettierignore --write --plugin-search-dir=. .",
-    "semantic-release": "semantic-release"
+    "format": "prettier --ignore-path .prettierignore --write --plugin-search-dir=. ."
   },
   "devDependencies": {
     "@stripe/stripe-js": "^3.3.0",
@@ -31,7 +30,6 @@
     "prismjs": "^1.29.0",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
-    "semantic-release": "23.0.8",
     "stripe": "^8.222.0",
     "svelte": "^5.0.0",
     "svelte-eslint-parser": "^0.42.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 91205cf..5648168 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -59,9 +59,6 @@ importers:
       rehype-slug:
         specifier: ^6.0.0
         version: 6.0.0
-      semantic-release:
-        specifier: 23.0.8
-        version: 23.0.8(typescript@5.6.3)
       stripe:
         specifier: ^8.222.0
         version: 8.222.0
@@ -84,18 +81,6 @@ packages:
     resolution: {integrity: sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw==}
     engines: {node: '>=6.0.0'}
 
-  '@babel/code-frame@7.26.2':
-    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-identifier@7.25.9':
-    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@colors/colors@1.5.0':
-    resolution: {integrity: sha512-ooWCrlZP11i8GImSjTHYHLkvFDP48nS4+204nGb1RiX/WXYHmJA2III9/e2DWVabCESdW7hBAEzHRqUn9OUVvQ==}
-    engines: {node: '>=0.1.90'}
-
   '@es-joy/jsdoccomment@0.46.0':
     resolution: {integrity: sha512-C3Axuq1xd/9VqFZpW4YAzOx5O9q/LP46uIQy/iNDpHG3fmPa6TBtvfglMCs3RBiBxAIi0Go97r8+jvTt55XMyQ==}
     engines: {node: '>=16'}
@@ -303,70 +288,10 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
-  '@octokit/auth-token@5.1.1':
-    resolution: {integrity: sha512-rh3G3wDO8J9wSjfI436JUKzHIxq8NaiL0tVeB2aXmG6p/9859aUOAjA9pmSPNGGZxfwmaJ9ozOJImuNVJdpvbA==}
-    engines: {node: '>= 18'}
-
-  '@octokit/core@6.1.2':
-    resolution: {integrity: sha512-hEb7Ma4cGJGEUNOAVmyfdB/3WirWMg5hDuNFVejGEDFqupeOysLc2sG6HJxY2etBp5YQu5Wtxwi020jS9xlUwg==}
-    engines: {node: '>= 18'}
-
-  '@octokit/endpoint@10.1.1':
-    resolution: {integrity: sha512-JYjh5rMOwXMJyUpj028cu0Gbp7qe/ihxfJMLc8VZBMMqSwLgOxDI1911gV4Enl1QSavAQNJcwmwBF9M0VvLh6Q==}
-    engines: {node: '>= 18'}
-
-  '@octokit/graphql@8.1.1':
-    resolution: {integrity: sha512-ukiRmuHTi6ebQx/HFRCXKbDlOh/7xEV6QUXaE7MJEKGNAncGI/STSbOkl12qVXZrfZdpXctx5O9X1AIaebiDBg==}
-    engines: {node: '>= 18'}
-
-  '@octokit/openapi-types@22.2.0':
-    resolution: {integrity: sha512-QBhVjcUa9W7Wwhm6DBFu6ZZ+1/t/oYxqc2tp81Pi41YNuJinbFRx8B133qVOrAaBbF7D/m0Et6f9/pZt9Rc+tg==}
-
-  '@octokit/plugin-paginate-rest@11.3.5':
-    resolution: {integrity: sha512-cgwIRtKrpwhLoBi0CUNuY83DPGRMaWVjqVI/bGKsLJ4PzyWZNaEmhHroI2xlrVXkk6nFv0IsZpOp+ZWSWUS2AQ==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      '@octokit/core': '>=6'
-
-  '@octokit/plugin-retry@7.1.2':
-    resolution: {integrity: sha512-XOWnPpH2kJ5VTwozsxGurw+svB2e61aWlmk5EVIYZPwFK5F9h4cyPyj9CIKRyMXMHSwpIsI3mPOdpMmrRhe7UQ==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      '@octokit/core': '>=6'
-
-  '@octokit/plugin-throttling@9.3.2':
-    resolution: {integrity: sha512-FqpvcTpIWFpMMwIeSoypoJXysSAQ3R+ALJhXXSG1HTP3YZOIeLmcNcimKaXxTcws+Sh6yoRl13SJ5r8sXc1Fhw==}
-    engines: {node: '>= 18'}
-    peerDependencies:
-      '@octokit/core': ^6.0.0
-
-  '@octokit/request-error@6.1.5':
-    resolution: {integrity: sha512-IlBTfGX8Yn/oFPMwSfvugfncK2EwRLjzbrpifNaMY8o/HTEAFqCA1FZxjD9cWvSKBHgrIhc4CSBIzMxiLsbzFQ==}
-    engines: {node: '>= 18'}
-
-  '@octokit/request@9.1.3':
-    resolution: {integrity: sha512-V+TFhu5fdF3K58rs1pGUJIDH5RZLbZm5BI+MNF+6o/ssFNT4vWlCh/tVpF3NxGtP15HUxTTMUbsG5llAuU2CZA==}
-    engines: {node: '>= 18'}
-
-  '@octokit/types@13.6.1':
-    resolution: {integrity: sha512-PHZE9Z+kWXb23Ndik8MKPirBPziOc0D2/3KH1P+6jK5nGWe96kadZuE4jev2/Jq7FvIfTlT2Ltg8Fv2x1v0a5g==}
-
   '@pkgr/core@0.1.1':
     resolution: {integrity: sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==}
     engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
 
-  '@pnpm/config.env-replace@1.1.0':
-    resolution: {integrity: sha512-htyl8TWnKL7K/ESFa1oW2UB5lVDxuF5DpM7tBi6Hu2LNL3mWkIzNLG6N4zoCUP1lCKNxWy/3iu8mS8MvToGd6w==}
-    engines: {node: '>=12.22.0'}
-
-  '@pnpm/network.ca-file@1.0.2':
-    resolution: {integrity: sha512-YcPQ8a0jwYU9bTdJDpXjMi7Brhkr1mXsXrUJvjqM2mQDgkRiz8jFaQGOdaLxgjtUfQgZhKy/O3cG/YwmgKaxLA==}
-    engines: {node: '>=12.22.0'}
-
-  '@pnpm/npm-conf@2.3.1':
-    resolution: {integrity: sha512-c83qWb22rNRuB0UaVCI0uRPNRr8Z0FWnEIvT47jiHAmOIUHbBOg5XvV7pM5x+rKn9HRpjxquDbXYSXr3fAKFcw==}
-    engines: {node: '>=12'}
-
   '@polka/url@1.0.0-next.28':
     resolution: {integrity: sha512-8LduaNlMZGwdZ6qWrKlfa+2M4gahzFkprZiAt2TF8uS0qQgBizKXpXURqvTJ4WtmupWxaLqjRb2UCTe72mu+Aw==}
 
@@ -464,49 +389,6 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@sec-ant/readable-stream@0.4.1':
-    resolution: {integrity: sha512-831qok9r2t8AlxLko40y2ebgSDhenenCatLVeW/uBtnHPyhHOvG0C7TvfgecV+wHzIm5KUICgzmVpWS+IMEAeg==}
-
-  '@semantic-release/commit-analyzer@12.0.0':
-    resolution: {integrity: sha512-qG+md5gdes+xa8zP7lIo1fWE17zRdO8yMCaxh9lyL65TQleoSv8WHHOqRURfghTytUh+NpkSyBprQ5hrkxOKVQ==}
-    engines: {node: '>=20.8.1'}
-    peerDependencies:
-      semantic-release: '>=20.1.0'
-
-  '@semantic-release/error@4.0.0':
-    resolution: {integrity: sha512-mgdxrHTLOjOddRVYIYDo0fR3/v61GNN1YGkfbrjuIKg/uMgCd+Qzo3UAXJ+woLQQpos4pl5Esuw5A7AoNlzjUQ==}
-    engines: {node: '>=18'}
-
-  '@semantic-release/github@10.3.5':
-    resolution: {integrity: sha512-svvRglGmvqvxjmDgkXhrjf0lC88oZowFhOfifTldbgX9Dzj0inEtMLaC+3/MkDEmxmaQjWmF5Q/0CMIvPNSVdQ==}
-    engines: {node: '>=20.8.1'}
-    peerDependencies:
-      semantic-release: '>=20.1.0'
-
-  '@semantic-release/npm@12.0.1':
-    resolution: {integrity: sha512-/6nntGSUGK2aTOI0rHPwY3ZjgY9FkXmEHbW9Kr+62NVOsyqpKKeP0lrCH+tphv+EsNdJNmqqwijTEnVWUMQ2Nw==}
-    engines: {node: '>=20.8.1'}
-    peerDependencies:
-      semantic-release: '>=20.1.0'
-
-  '@semantic-release/release-notes-generator@13.0.0':
-    resolution: {integrity: sha512-LEeZWb340keMYuREMyxrODPXJJ0JOL8D/mCl74B4LdzbxhtXV2LrPN2QBEcGJrlQhoqLO0RhxQb6masHytKw+A==}
-    engines: {node: '>=20.8.1'}
-    peerDependencies:
-      semantic-release: '>=20.1.0'
-
-  '@sindresorhus/is@4.6.0':
-    resolution: {integrity: sha512-t09vSN3MdfsyCHoFcTRCH/iUtG7OJ0CsjzB8cjAmKc/va/kIgeDI/TxsigdncE/4be734m0cvIYwNaV4i2XqAw==}
-    engines: {node: '>=10'}
-
-  '@sindresorhus/merge-streams@2.3.0':
-    resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
-    engines: {node: '>=18'}
-
-  '@sindresorhus/merge-streams@4.0.0':
-    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
-    engines: {node: '>=18'}
-
   '@stripe/stripe-js@3.5.0':
     resolution: {integrity: sha512-pKS3wZnJoL1iTyGBXAvCwduNNeghJHY6QSRSNNvpYnrrQrLZ6Owsazjyynu0e0ObRgks0i7Rv+pe2M7/MBTZpQ==}
     engines: {node: '>=12.16'}
@@ -559,9 +441,6 @@ packages:
   '@types/node@22.8.5':
     resolution: {integrity: sha512-5iYk6AMPtsMbkZqCO1UGF9W5L38twq11S2pYWkybGHH2ogPUvXWNlQqJBzuEZWKj/WRH+QTeiv6ySWqJtvIEgA==}
 
-  '@types/normalize-package-data@2.4.4':
-    resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
-
   '@types/unist@2.0.11':
     resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
 
@@ -582,10 +461,6 @@ packages:
     peerDependencies:
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
 
-  JSONStream@1.3.5:
-    resolution: {integrity: sha512-E+iruNOY8VV9s4JEbe1aNEm6MiszPRr/UfcHMz0TQh1BXSxHK+ASV1R6W4HpjBhSeS+54PIsAMCBmwD06LLsqQ==}
-    hasBin: true
-
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
 
@@ -613,40 +488,17 @@ packages:
     resolution: {integrity: sha512-RZNwNclF7+MS/8bDg70amg32dyeZGZxiDuQmZxKLAlQjr3jGyLx+4Kkk58UO7D2QdgFIQCovuSuZESne6RG6XQ==}
     engines: {node: '>= 6.0.0'}
 
-  agent-base@7.1.1:
-    resolution: {integrity: sha512-H0TSyFNDMomMNJQBn8wFV5YC/2eJ+VXECwOadZJT554xP6cODZHPX3H9QMQECxvrgiSOP1pHjy1sMWQVYJOUOA==}
-    engines: {node: '>= 14'}
-
-  aggregate-error@5.0.0:
-    resolution: {integrity: sha512-gOsf2YwSlleG6IjRYG2A7k0HmBMEo6qVNk9Bp/EaLgAJT5ngH6PXbqa4ItvnEwCm/velL5jAnQgsHsWnjhGmvw==}
-    engines: {node: '>=18'}
-
   ajv@6.12.6:
     resolution: {integrity: sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==}
 
-  ansi-escapes@7.0.0:
-    resolution: {integrity: sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==}
-    engines: {node: '>=18'}
-
   ansi-regex@5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
 
-  ansi-regex@6.1.0:
-    resolution: {integrity: sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==}
-    engines: {node: '>=12'}
-
-  ansi-styles@3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==}
-    engines: {node: '>=4'}
-
   ansi-styles@4.3.0:
     resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
     engines: {node: '>=8'}
 
-  any-promise@1.3.0:
-    resolution: {integrity: sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==}
-
   aproba@2.0.0:
     resolution: {integrity: sha512-lYe4Gx7QT+MKGbDsA+Z+he/Wtef0BiwDOlK/XkBrdfsh9J/jPPXbX0tE9x9cl27Tmu5gg3QUbUrQYa/y+KOHPQ==}
 
@@ -662,16 +514,10 @@ packages:
   argparse@2.0.1:
     resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
 
-  argv-formatter@1.0.0:
-    resolution: {integrity: sha512-F2+Hkm9xFaRg+GkaNnbwXNDV5O6pnCFEmqyhvfC/Ic5LbgOWjJh3L+mN/s91rxVL3znE7DYVpW0GJFT+4YBgWw==}
-
   aria-query@5.3.2:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
 
-  array-ify@1.0.0:
-    resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
-
   async-sema@3.1.1:
     resolution: {integrity: sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg==}
 
@@ -685,15 +531,9 @@ packages:
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
-  before-after-hook@3.0.2:
-    resolution: {integrity: sha512-Nik3Sc0ncrMK4UUdXQmAnRtzmNQTAAXmXIopizwZ1W1t8QmfJj+zL4OA2I7XPTPW5z5TDqv4hRo/JzouDJnX3A==}
-
   bindings@1.5.0:
     resolution: {integrity: sha512-p2q/t/mhvuOj/UeLlV6566GD/guowlr0hHxClI0W9m7MWYkL1F0hLo+0Aexs9HSPCtR1SXQ0TD3MMKrXZajbiQ==}
 
-  bottleneck@2.19.5:
-    resolution: {integrity: sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==}
-
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
@@ -709,22 +549,10 @@ packages:
     resolution: {integrity: sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==}
     engines: {node: '>=6'}
 
-  chalk@2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==}
-    engines: {node: '>=4'}
-
   chalk@4.1.2:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  chalk@5.3.0:
-    resolution: {integrity: sha512-dLitG79d+GV1Nb/VYcCDFivJeK1hiukt9QjRNVOsUtTy1rR1YJsmpGGTZ3qJos+uw7WmWF4wUwBd9jxjocFC2w==}
-    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
-
-  char-regex@1.0.2:
-    resolution: {integrity: sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw==}
-    engines: {node: '>=10'}
-
   chokidar@4.0.1:
     resolution: {integrity: sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==}
     engines: {node: '>= 14.16.0'}
@@ -733,36 +561,10 @@ packages:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
 
-  clean-stack@5.2.0:
-    resolution: {integrity: sha512-TyUIUJgdFnCISzG5zu3291TAsE77ddchd0bepon1VVQrKLGKFED4iXFEDQ24mIPdPBbyE16PK3F8MYE1CmcBEQ==}
-    engines: {node: '>=14.16'}
-
-  cli-highlight@2.1.11:
-    resolution: {integrity: sha512-9KDcoEVwyUXrjcJNvHD0NFc/hiwe/WPVYIleQh2O1N2Zro5gWJZ/K+3DGn8w8P/F6FxOgzyC5bxDyHIgCSPhGg==}
-    engines: {node: '>=8.0.0', npm: '>=5.0.0'}
-    hasBin: true
-
-  cli-table3@0.6.5:
-    resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
-    engines: {node: 10.* || >= 12.*}
-
-  cliui@7.0.4:
-    resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
-
-  cliui@8.0.1:
-    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
-    engines: {node: '>=12'}
-
-  color-convert@1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==}
-
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
 
-  color-name@1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==}
-
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
@@ -774,64 +576,20 @@ packages:
     resolution: {integrity: sha512-buhp5kePrmda3vhc5B9t7pUQXAb2Tnd0qgpkIhPhkHXxJpiPJ11H0ZEU0oBpJ2QztSbzG/ZxMj/CHsYJqRHmyg==}
     engines: {node: '>= 12.0.0'}
 
-  compare-func@2.0.0:
-    resolution: {integrity: sha512-zHig5N+tPWARooBnb0Zx1MFcdfpyJrfTJ3Y5L+IFvUm8rM74hHz66z0gw0x4tijh5CorKkKUCnW82R2vmpeCRA==}
-
   concat-map@0.0.1:
     resolution: {integrity: sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==}
 
-  config-chain@1.1.13:
-    resolution: {integrity: sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==}
-
   console-control-strings@1.1.0:
     resolution: {integrity: sha512-ty/fTekppD2fIwRvnZAVdeOiGd1c7YXEixbgJTNzqcxJWKQnjJ/V1bNEEE6hygpM3WjwHFUVK6HTjWSzV4a8sQ==}
 
-  conventional-changelog-angular@7.0.0:
-    resolution: {integrity: sha512-ROjNchA9LgfNMTTFSIWPzebCwOGFdgkEq45EnvvrmSLvCtAw0HSmrCs7/ty+wAeYUZyNay0YMUNYFTRL72PkBQ==}
-    engines: {node: '>=16'}
-
-  conventional-changelog-writer@7.0.1:
-    resolution: {integrity: sha512-Uo+R9neH3r/foIvQ0MKcsXkX642hdm9odUp7TqgFS7BsalTcjzRlIfWZrZR1gbxOozKucaKt5KAbjW8J8xRSmA==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  conventional-commits-filter@4.0.0:
-    resolution: {integrity: sha512-rnpnibcSOdFcdclpFwWa+pPlZJhXE7l+XK04zxhbWrhgpR96h33QLz8hITTXbcYICxVr3HZFtbtUAQ+4LdBo9A==}
-    engines: {node: '>=16'}
-
-  conventional-commits-parser@5.0.0:
-    resolution: {integrity: sha512-ZPMl0ZJbw74iS9LuX9YIAiW8pfM5p3yh2o/NbXHbkFuZzY5jvdi5jFycEOkmBW5H5I7nA+D6f3UcsCLP2vvSEA==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  convert-hrtime@5.0.0:
-    resolution: {integrity: sha512-lOETlkIeYSJWcbbcvjRKGxVMXJR+8+OQb/mTPbA4ObPMytYIsUbuOE0Jzy60hjARYszq1id0j8KgVhC+WGZVTg==}
-    engines: {node: '>=12'}
-
   cookie@0.6.0:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
 
-  core-util-is@1.0.3:
-    resolution: {integrity: sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==}
-
-  cosmiconfig@9.0.0:
-    resolution: {integrity: sha512-itvL5h8RETACmOTFc4UfIyB2RfEHi71Ax6E/PivVxq9NseKbOWpeyHEOIbmAw1rs8Ak0VursQNww7lf7YtUwzg==}
-    engines: {node: '>=14'}
-    peerDependencies:
-      typescript: '>=4.9.5'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   cross-spawn@7.0.3:
     resolution: {integrity: sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==}
     engines: {node: '>= 8'}
 
-  crypto-random-string@4.0.0:
-    resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
-    engines: {node: '>=12'}
-
   cssesc@3.0.0:
     resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
     engines: {node: '>=4'}
@@ -849,10 +607,6 @@ packages:
   dedent-js@1.0.1:
     resolution: {integrity: sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ==}
 
-  deep-extend@0.6.0:
-    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
-    engines: {node: '>=4.0.0'}
-
   deep-is@0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
 
@@ -881,18 +635,10 @@ packages:
   devlop@1.1.0:
     resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
 
-  dir-glob@3.0.1:
-    resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
-    engines: {node: '>=8'}
-
   doctrine@3.0.0:
     resolution: {integrity: sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==}
     engines: {node: '>=6.0.0'}
 
-  dot-prop@5.3.0:
-    resolution: {integrity: sha512-QM8q3zDe58hqUqjraQOmzZ1LIH9SWQJTlEKCH4kJ2oQvLZk7RbQXvtDM2XEq3fwkV9CCvvH4LA0AV+ogFsBM2Q==}
-    engines: {node: '>=8'}
-
   dotenv-cli@7.4.2:
     resolution: {integrity: sha512-SbUj8l61zIbzyhIbg0FwPJq6+wjbzdn9oEtozQpZ6kW2ihCcapKVZj49oCT3oPM+mgQm+itgvUQcG5szxVrZTA==}
     hasBin: true
@@ -905,30 +651,9 @@ packages:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
 
-  duplexer2@0.1.4:
-    resolution: {integrity: sha512-asLFVfWWtJ90ZyOUHMqk7/S2w2guQKxUI2itj3d92ADHhxUSbCMGi1f1cBcJ7xM1To+pE/Khbwo1yuNbMEPKeA==}
-
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
-  emojilib@2.4.0:
-    resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==}
-
-  env-ci@11.1.0:
-    resolution: {integrity: sha512-Z8dnwSDbV1XYM9SBF2J0GcNVvmfmfh3a49qddGIROhBoVro6MZVTji15z/sJbQ2ko2ei8n988EU1wzoLU/tF+g==}
-    engines: {node: ^18.17 || >=20.6.1}
-
-  env-paths@2.2.1:
-    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
-    engines: {node: '>=6'}
-
-  environment@1.1.0:
-    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
-    engines: {node: '>=18'}
-
-  error-ex@1.3.2:
-    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==}
-
   es-define-property@1.0.0:
     resolution: {integrity: sha512-jxayLKShrEqqzJ0eumQbVhTYQM27CfT1T35+gCgDFoL82JLsXqTJ76zv6A0YLOgEnLUMvLzsDsGIrl8NFpT2gQ==}
     engines: {node: '>= 0.4'}
@@ -945,22 +670,10 @@ packages:
     engines: {node: '>=12'}
     hasBin: true
 
-  escalade@3.2.0:
-    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
-    engines: {node: '>=6'}
-
-  escape-string-regexp@1.0.5:
-    resolution: {integrity: sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==}
-    engines: {node: '>=0.8.0'}
-
   escape-string-regexp@4.0.0:
     resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
     engines: {node: '>=10'}
 
-  escape-string-regexp@5.0.0:
-    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
-    engines: {node: '>=12'}
-
   eslint-compat-utils@0.5.1:
     resolution: {integrity: sha512-3z3vFexKIEnjHE3zCMRo6fn/e44U7T1khUjg+Hp0ZQMCigh28rALD0nPFBcGZuiLC5rLZa2ubQHDRln09JfU2Q==}
     engines: {node: '>=12'}
@@ -1040,24 +753,12 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
-  execa@8.0.1:
-    resolution: {integrity: sha512-VyhnebXciFV2DESc+p6B+y0LjSm0krU4OgJN44qFAhBY0TJ+1V61tYD2+wHusZ6F9n5K+vl8k0sTy7PEfV4qpg==}
-    engines: {node: '>=16.17'}
-
-  execa@9.5.1:
-    resolution: {integrity: sha512-QY5PPtSonnGwhhHDNI7+3RvY285c7iuJFFB+lU+oEzMY/gEGJ808owqJsrr8Otd1E/x07po1LkUBmdAc5duPAg==}
-    engines: {node: ^18.19.0 || >=20.5.0}
-
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
-  fast-glob@3.3.2:
-    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
-    engines: {node: '>=8.6.0'}
-
   fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
 
@@ -1067,14 +768,6 @@ packages:
   fastq@1.17.1:
     resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
 
-  figures@2.0.0:
-    resolution: {integrity: sha512-Oa2M9atig69ZkfwiApY8F2Yy+tzMbazyvqv21R0NsSC8floSOC09BbT1ITWAdoMGQvJ/aZnR1KMwdx9tvHnTNA==}
-    engines: {node: '>=4'}
-
-  figures@6.1.0:
-    resolution: {integrity: sha512-d+l3qxjSesT4V7v2fh+QnmFnUWv9lSpjarhShNTgBOfA0ttejbQUAlHLitbjkoRiDulW0OPoQPYIGhIC8ohejg==}
-    engines: {node: '>=18'}
-
   file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -1086,22 +779,10 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
-  find-up-simple@1.0.0:
-    resolution: {integrity: sha512-q7Us7kcjj2VMePAa02hDAF6d+MzsdsAWEwYyOpwUtlerRBkOEPBCRZrAV4XfcSN8fHAgaD0hP7miwoay6DCprw==}
-    engines: {node: '>=18'}
-
-  find-up@2.1.0:
-    resolution: {integrity: sha512-NWzkk0jSJtTt08+FBFMvXoeZnOJD+jTtsRmBYbAIzJdX6l7dLgR7CTubCM5/eDdPUBvLCeVasP1brfVR/9/EZQ==}
-    engines: {node: '>=4'}
-
   find-up@5.0.0:
     resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
     engines: {node: '>=10'}
 
-  find-versions@6.0.0:
-    resolution: {integrity: sha512-2kCCtc+JvcZ86IGAz3Z2Y0A1baIz9fL31pH/0S1IqZr9Iwnjq8izfPtrCyQKO6TLMPELLsQMre7VDqeIKCsHkA==}
-    engines: {node: '>=18'}
-
   flat-cache@3.2.0:
     resolution: {integrity: sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -1109,13 +790,6 @@ packages:
   flatted@3.3.1:
     resolution: {integrity: sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw==}
 
-  from2@2.3.0:
-    resolution: {integrity: sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==}
-
-  fs-extra@11.2.0:
-    resolution: {integrity: sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==}
-    engines: {node: '>=14.14'}
-
   fs-minipass@2.1.0:
     resolution: {integrity: sha512-V/JgOLFCS+R6Vcq0slCuaeWEdNC3ouDlJMNIsacH2VtALiu9mV4LPrHc5cDl8k5aw6J8jwgWWpiTo5RYhmIzvg==}
     engines: {node: '>= 8'}
@@ -1131,49 +805,18 @@ packages:
   function-bind@1.1.2:
     resolution: {integrity: sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==}
 
-  function-timeout@1.0.2:
-    resolution: {integrity: sha512-939eZS4gJ3htTHAldmyyuzlrD58P03fHG49v2JfFXbV6OhvZKRC9j2yAtdHw/zrp2zXHuv05zMIy40F0ge7spA==}
-    engines: {node: '>=18'}
-
   gauge@3.0.2:
     resolution: {integrity: sha512-+5J6MS/5XksCuXq++uFRsnUd7Ovu1XenbeuIuNRJxYWjgQbPuFhT14lAvsWfqfAmnwluf1OwMjz39HjfLPci0Q==}
     engines: {node: '>=10'}
     deprecated: This package is no longer supported.
 
-  get-caller-file@2.0.5:
-    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
-    engines: {node: 6.* || 8.* || >= 10.*}
-
   get-intrinsic@1.2.4:
     resolution: {integrity: sha512-5uYhsJH8VJBTv7oslg4BznJYhDoRI6waYCxMmCdnTrcCrHA/fCFKoTFz2JKKE0HdDFUF7/oQuhzumXJK7paBRQ==}
     engines: {node: '>= 0.4'}
 
-  get-stream@6.0.1:
-    resolution: {integrity: sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg==}
-    engines: {node: '>=10'}
-
-  get-stream@7.0.1:
-    resolution: {integrity: sha512-3M8C1EOFN6r8AMUhwUAACIoXZJEOufDU5+0gFFN5uNs6XYOralD2Pqkl7m046va6x77FwposWXbAhPPIOus7mQ==}
-    engines: {node: '>=16'}
-
-  get-stream@8.0.1:
-    resolution: {integrity: sha512-VaUJspBffn/LMCJVoMvSAdmscJyS1auj5Zulnn5UoYcY531UWmdwhRWkcGKnGU93m5HSXP9LP2usOryrBtQowA==}
-    engines: {node: '>=16'}
-
-  get-stream@9.0.1:
-    resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
-    engines: {node: '>=18'}
-
-  git-log-parser@1.2.1:
-    resolution: {integrity: sha512-PI+sPDvHXNPl5WNOErAK05s3j0lgwUzMN6o8cyQrDaKfT3qd7TmNJKeXX+SknI5I0QhG5fVPAEwSY4tRGDtYoQ==}
-
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
 
-  glob-parent@5.1.2:
-    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
-    engines: {node: '>= 6'}
-
   glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
@@ -1189,34 +832,18 @@ packages:
   globalyzer@0.1.0:
     resolution: {integrity: sha512-40oNTM9UfG6aBmuKxk/giHn5nQ8RVz/SS4Ir6zgzOv9/qC3kKZ9v4etGTcJbEl/NyVQH7FGU7d+X1egr57Md2Q==}
 
-  globby@14.0.2:
-    resolution: {integrity: sha512-s3Fq41ZVh7vbbe2PN3nrW7yC7U7MFVc5c98/iTl9c2GawNMKx/J648KQRW6WKkuU8GIbbh2IXfIRQjOZnXcTnw==}
-    engines: {node: '>=18'}
-
   globrex@0.1.2:
     resolution: {integrity: sha512-uHJgbwAMwNFf5mLst7IWLNg14x1CkeqglJb/K3doi4dw6q2IvAAmM/Y81kevy83wP+Sst+nutFTYOGg3d1lsxg==}
 
   gopd@1.0.1:
     resolution: {integrity: sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==}
 
-  graceful-fs@4.2.10:
-    resolution: {integrity: sha512-9ByhssR2fPVsNZj478qUUbKfmL0+t5BDVyjShtyZZLiK7ZDAArFFfopyOTj0M05wE2tJPisA4iTnnXl2YoPvOA==}
-
   graceful-fs@4.2.11:
     resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
 
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
-  handlebars@4.7.8:
-    resolution: {integrity: sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==}
-    engines: {node: '>=0.4.7'}
-    hasBin: true
-
-  has-flag@3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
-    engines: {node: '>=4'}
-
   has-flag@4.0.0:
     resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==}
     engines: {node: '>=8'}
@@ -1248,37 +875,10 @@ packages:
   hast-util-to-string@3.0.1:
     resolution: {integrity: sha512-XelQVTDWvqcl3axRfI0xSeoVKzyIFPwsAGSLIsKdJKQMXDYJS4WYrBNF/8J7RdhIcFI2BOHgAifggsvsxp/3+A==}
 
-  highlight.js@10.7.3:
-    resolution: {integrity: sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A==}
-
-  hook-std@3.0.0:
-    resolution: {integrity: sha512-jHRQzjSDzMtFy34AGj1DN+vq54WVuhSvKgrHf0OMiFQTwDD4L/qqofVEWjLOBMTn5+lCD3fPg32W9yOfnEJTTw==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  hosted-git-info@7.0.2:
-    resolution: {integrity: sha512-puUZAUKT5m8Zzvs72XWy3HtvVbTWljRE66cP60bxJzAqf2DgICo7lYTY2IHUmLnNpjYvw5bvmoHvPc0QO2a62w==}
-    engines: {node: ^16.14.0 || >=18.0.0}
-
-  http-proxy-agent@7.0.2:
-    resolution: {integrity: sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==}
-    engines: {node: '>= 14'}
-
   https-proxy-agent@5.0.1:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
 
-  https-proxy-agent@7.0.5:
-    resolution: {integrity: sha512-1e4Wqeblerz+tMKPIq2EMGiiWW1dIjZOksyHWSUm1rmuvw/how9hBHZ38lAGj5ID4Ik6EdkOw7NmWPy6LAwalw==}
-    engines: {node: '>= 14'}
-
-  human-signals@5.0.0:
-    resolution: {integrity: sha512-AXcZb6vzzrFAUE61HnN4mpLqd/cSIwNQjtNWR0euPm6y0iqx3G4gOXaIDdtdDwZmhwe82LA6+zinmW4UBWVePQ==}
-    engines: {node: '>=16.17.0'}
-
-  human-signals@8.0.0:
-    resolution: {integrity: sha512-/1/GPCpDUCCYwlERiYjxoczfP0zfvZMU/OWgQPMya9AbAE24vseigFdhAMObpc8Q4lc/kjutPfUddDYyAmejnA==}
-    engines: {node: '>=18.18.0'}
-
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -1287,10 +887,6 @@ packages:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
 
-  import-from-esm@1.3.4:
-    resolution: {integrity: sha512-7EyUlPFC0HOlBDpUFGfYstsU7XHxZJKAAMzCT8wZ0hMW7b+hG51LIKTDcsgtz8Pu6YC0HqRVbX+rVUtsGMUKvg==}
-    engines: {node: '>=16.20'}
-
   import-meta-resolve@4.1.0:
     resolution: {integrity: sha512-I6fiaX09Xivtk+THaMfAwnA3MVA5Big1WHF1Dfx9hFuvNIWpXnorlkzhcQf6ehrqQiiZECRt1poOAkPmer3ruw==}
 
@@ -1298,14 +894,6 @@ packages:
     resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
     engines: {node: '>=0.8.19'}
 
-  indent-string@5.0.0:
-    resolution: {integrity: sha512-m6FAo/spmsW2Ab2fU35JTYwtOKa2yAwXSwgjSv1TJzh4Mh7mC3lzAOVLBprb72XsTrgkEIsl7YrFNAiDiRhIGg==}
-    engines: {node: '>=12'}
-
-  index-to-position@0.1.2:
-    resolution: {integrity: sha512-MWDKS3AS1bGCHLBA2VLImJz42f7bJh8wQsTGCzI3j519/CASStoDONUBVz2I/VID0MpiX3SGSnbOD2xUalbE5g==}
-    engines: {node: '>=18'}
-
   inflight@1.0.6:
     resolution: {integrity: sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==}
     deprecated: This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.
@@ -1313,16 +901,6 @@ packages:
   inherits@2.0.4:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
 
-  ini@1.3.8:
-    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
-
-  into-stream@7.0.0:
-    resolution: {integrity: sha512-2dYz766i9HprMBasCMvHMuazJ7u4WzhJwo5kb3iPSiW/iRYV6uPari3zHoqZlnuaR7V1bEiNMxikhp37rdBXbw==}
-    engines: {node: '>=12'}
-
-  is-arrayish@0.2.1:
-    resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
-
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
@@ -1339,10 +917,6 @@ packages:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
 
-  is-obj@2.0.0:
-    resolution: {integrity: sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w==}
-    engines: {node: '>=8'}
-
   is-path-inside@3.0.3:
     resolution: {integrity: sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==}
     engines: {node: '>=8'}
@@ -1354,39 +928,9 @@ packages:
   is-reference@3.0.3:
     resolution: {integrity: sha512-ixkJoqQvAP88E6wLydLGGqCJsrFUnqoH6HnaczB8XmDH1oaWU+xxdptvikTgaEhtZ53Ky6YXiBuUI2WXLMCwjw==}
 
-  is-stream@3.0.0:
-    resolution: {integrity: sha512-LnQR4bZ9IADDRSkvpqMGvt/tEJWclzklNgSw48V5EAaAeDd6qGvN8ei6k5p0tvxSR171VmGyHuTiAOfxAbr8kA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  is-stream@4.0.1:
-    resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
-    engines: {node: '>=18'}
-
-  is-text-path@2.0.0:
-    resolution: {integrity: sha512-+oDTluR6WEjdXEJMnC2z6A4FRwFoYuvShVVEGsS7ewc0UTi2QtAKMDJuL4BDEVt+5T7MjFo12RP8ghOM75oKJw==}
-    engines: {node: '>=8'}
-
-  is-unicode-supported@2.1.0:
-    resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
-    engines: {node: '>=18'}
-
-  isarray@1.0.0:
-    resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
-
   isexe@2.0.0:
     resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
 
-  issue-parser@7.0.1:
-    resolution: {integrity: sha512-3YZcUUR2Wt1WsapF+S/WiA2WmlW0cWAoPccMqne7AxEBhCdFeTPjfv/Axb8V2gyCgY3nRw+ksZ3xSUX+R47iAg==}
-    engines: {node: ^18.17 || >=20.6.1}
-
-  java-properties@1.0.2:
-    resolution: {integrity: sha512-qjdpeo2yKlYTH7nFdK0vbZWuTCesk4o63v5iVOlhMQPfuIZQfW/HI35SjfhA+4qpg36rnFSvUK5b1m+ckIblQQ==}
-    engines: {node: '>= 0.6.0'}
-
-  js-tokens@4.0.0:
-    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
-
   js-yaml@4.1.0:
     resolution: {integrity: sha512-wpxZs9NoxZaJESJGIZTyDEaYpl0FKSA+FB9aJiyemKhMwkxQg63h4T1KJgUGHpTqPDNRcmmYLugrRjJlBtWvRA==}
     hasBin: true
@@ -1398,28 +942,12 @@ packages:
   json-buffer@3.0.1:
     resolution: {integrity: sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==}
 
-  json-parse-better-errors@1.0.2:
-    resolution: {integrity: sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==}
-
-  json-parse-even-better-errors@2.3.1:
-    resolution: {integrity: sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==}
-
   json-schema-traverse@0.4.1:
     resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
 
   json-stable-stringify-without-jsonify@1.0.1:
     resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
 
-  json-stringify-safe@5.0.1:
-    resolution: {integrity: sha512-ZClg6AaYvamvYEE82d3Iyd3vSSIjQ+odgjaTzRuO3s7toCdFKczob2i0zCh7JE8kWn17yvAWhUVxvqGwUalsRA==}
-
-  jsonfile@6.1.0:
-    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==}
-
-  jsonparse@1.3.1:
-    resolution: {integrity: sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==}
-    engines: {'0': node >= 0.2.0}
-
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
@@ -1438,51 +966,19 @@ packages:
     resolution: {integrity: sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==}
     engines: {node: '>=10'}
 
-  lines-and-columns@1.2.4:
-    resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
-
-  load-json-file@4.0.0:
-    resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
-    engines: {node: '>=4'}
-
   locate-character@3.0.0:
     resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
 
-  locate-path@2.0.0:
-    resolution: {integrity: sha512-NCI2kiDkyR7VeEKm27Kda/iQHyKJe1Bu0FlTbYp3CqJu+9IFe9bLyAjMxf5ZDDbEg+iMPzB5zYyUTSm8wVTKmA==}
-    engines: {node: '>=4'}
-
   locate-path@6.0.0:
     resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
     engines: {node: '>=10'}
 
-  lodash-es@4.17.21:
-    resolution: {integrity: sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==}
-
-  lodash.capitalize@4.2.1:
-    resolution: {integrity: sha512-kZzYOKspf8XVX5AvmQF94gQW0lejFVgb80G85bU4ZWzoJ6C03PQg3coYAUpSTpQWelrZELd3XWgHzw4Ck5kaIw==}
-
-  lodash.escaperegexp@4.1.2:
-    resolution: {integrity: sha512-TM9YBvyC84ZxE3rgfefxUWiQKLilstD6k7PTGt6wfbtXF8ixIJLOL3VYyV/z+ZiPLsVxAsKAFVwWlWeb2Y8Yyw==}
-
-  lodash.isplainobject@4.0.6:
-    resolution: {integrity: sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA==}
-
-  lodash.isstring@4.0.1:
-    resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
-
   lodash.merge@4.6.2:
     resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
 
-  lodash.uniqby@4.7.0:
-    resolution: {integrity: sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==}
-
   lower-case@2.0.2:
     resolution: {integrity: sha512-7fm3l3NAF9WfN6W3JOmf5drwpVqX78JtoGJ3A6W0a6ZnldM41w2fV5D490psKFTpMds8TJse/eHLFFsNHHjHgg==}
 
-  lru-cache@10.4.3:
-    resolution: {integrity: sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==}
-
   magic-string@0.30.12:
     resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
 
@@ -1490,46 +986,15 @@ packages:
     resolution: {integrity: sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==}
     engines: {node: '>=8'}
 
-  marked-terminal@7.2.1:
-    resolution: {integrity: sha512-rQ1MoMFXZICWNsKMiiHwP/Z+92PLKskTPXj+e7uwXmuMPkNn7iTqC+IvDekVm1MPeC9wYQeLxeFaOvudRR/XbQ==}
-    engines: {node: '>=16.0.0'}
-    peerDependencies:
-      marked: '>=1 <15'
-
-  marked@12.0.2:
-    resolution: {integrity: sha512-qXUm7e/YKFoqFPYPa3Ukg9xlI5cyAtGmyEIzMfW//m6kXwCy2Ps9DYf5ioijFKQ8qyuscrHoY04iJGctu2Kg0Q==}
-    engines: {node: '>= 18'}
-    hasBin: true
-
   mdsvex@0.11.2:
     resolution: {integrity: sha512-Y4ab+vLvTJS88196Scb/RFNaHMHVSWw6CwfsgWIQP8f42D57iDII0/qABSu530V4pkv8s6T2nx3ds0MC1VwFLA==}
     peerDependencies:
       svelte: ^3.56.0 || ^4.0.0 || ^5.0.0-next.120
 
-  meow@12.1.1:
-    resolution: {integrity: sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==}
-    engines: {node: '>=16.10'}
-
-  merge-stream@2.0.0:
-    resolution: {integrity: sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==}
-
-  merge2@1.4.1:
-    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
-    engines: {node: '>= 8'}
-
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
 
-  mime@4.0.4:
-    resolution: {integrity: sha512-v8yqInVjhXyqP6+Kw4fV3ZzeMRqEW6FotRsKXjRS5VMTNIuXsdRoAvklpoRgSqXm6o9VNH4/C0mgedko9DdLsQ==}
-    engines: {node: '>=16'}
-    hasBin: true
-
-  mimic-fn@4.0.0:
-    resolution: {integrity: sha512-vqiC06CuhBTUdZH+RYl8sFrL096vA45Ok5ISO6sE/Mr1jRbGH4Csnhi8f3wKVl7x8mO4Au7Ir9D3Oyv1VYMFJw==}
-    engines: {node: '>=12'}
-
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -1564,9 +1029,6 @@ packages:
   ms@2.1.3:
     resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
 
-  mz@2.7.0:
-    resolution: {integrity: sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==}
-
   nanoid@3.3.7:
     resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -1575,19 +1037,9 @@ packages:
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
-  neo-async@2.6.2:
-    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
-
-  nerf-dart@1.0.0:
-    resolution: {integrity: sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g==}
-
   no-case@3.0.4:
     resolution: {integrity: sha512-fgAN3jGAh+RoxUGZHTSOLJIqUc2wmoBwGR4tbpNAKmmovFoWq0OdRkb0VkldReO2a2iBT/OEulG9XSUc10r3zg==}
 
-  node-emoji@2.1.3:
-    resolution: {integrity: sha512-E2WEOVsgs7O16zsURJ/eH8BqhF029wGpEOnv7Urwdo2wmQanOACwJQh0devF9D9RhoZru0+9JXIS0dBXIAz+lA==}
-    engines: {node: '>=18'}
-
   node-fetch@2.7.0:
     resolution: {integrity: sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==}
     engines: {node: 4.x || >=6.0.0}
@@ -1606,96 +1058,6 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
-  normalize-package-data@6.0.2:
-    resolution: {integrity: sha512-V6gygoYb/5EmNI+MEGrWkC+e6+Rr7mTmfHrxDbLzxQogBkgzo76rkok0Am6thgSF7Mv2nLOajAJj5vDJZEFn7g==}
-    engines: {node: ^16.14.0 || >=18.0.0}
-
-  normalize-url@8.0.1:
-    resolution: {integrity: sha512-IO9QvjUMWxPQQhs60oOu10CRkWCiZzSUkzbXGGV9pviYl1fXYcvkzQ5jV9z8Y6un8ARoVRl4EtC6v6jNqbaJ/w==}
-    engines: {node: '>=14.16'}
-
-  npm-run-path@5.3.0:
-    resolution: {integrity: sha512-ppwTtiJZq0O/ai0z7yfudtBpWIoxM8yE6nHi1X47eFR2EWORqfbu6CnPlNsjeN683eT0qG6H/Pyf9fCcvjnnnQ==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
-  npm-run-path@6.0.0:
-    resolution: {integrity: sha512-9qny7Z9DsQU8Ou39ERsPU4OZQlSTP47ShQzuKZ6PRXpYLtIFgl/DEBYEXKlvcEa+9tHVcK8CF81Y2V72qaZhWA==}
-    engines: {node: '>=18'}
-
-  npm@10.9.0:
-    resolution: {integrity: sha512-ZanDioFylI9helNhl2LNd+ErmVD+H5I53ry41ixlLyCBgkuYb+58CvbAp99hW+zr5L9W4X7CchSoeqKdngOLSw==}
-    engines: {node: ^18.17.0 || >=20.5.0}
-    hasBin: true
-    bundledDependencies:
-      - '@isaacs/string-locale-compare'
-      - '@npmcli/arborist'
-      - '@npmcli/config'
-      - '@npmcli/fs'
-      - '@npmcli/map-workspaces'
-      - '@npmcli/package-json'
-      - '@npmcli/promise-spawn'
-      - '@npmcli/redact'
-      - '@npmcli/run-script'
-      - '@sigstore/tuf'
-      - abbrev
-      - archy
-      - cacache
-      - chalk
-      - ci-info
-      - cli-columns
-      - fastest-levenshtein
-      - fs-minipass
-      - glob
-      - graceful-fs
-      - hosted-git-info
-      - ini
-      - init-package-json
-      - is-cidr
-      - json-parse-even-better-errors
-      - libnpmaccess
-      - libnpmdiff
-      - libnpmexec
-      - libnpmfund
-      - libnpmhook
-      - libnpmorg
-      - libnpmpack
-      - libnpmpublish
-      - libnpmsearch
-      - libnpmteam
-      - libnpmversion
-      - make-fetch-happen
-      - minimatch
-      - minipass
-      - minipass-pipeline
-      - ms
-      - node-gyp
-      - nopt
-      - normalize-package-data
-      - npm-audit-report
-      - npm-install-checks
-      - npm-package-arg
-      - npm-pick-manifest
-      - npm-profile
-      - npm-registry-fetch
-      - npm-user-validate
-      - p-map
-      - pacote
-      - parse-conflict-json
-      - proc-log
-      - qrcode-terminal
-      - read
-      - semver
-      - spdx-expression-parse
-      - ssri
-      - supports-color
-      - tar
-      - text-table
-      - tiny-relative-date
-      - treeverse
-      - validate-npm-package-name
-      - which
-      - write-file-atomic
-
   npmlog@5.0.1:
     resolution: {integrity: sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==}
     deprecated: This package is no longer supported.
@@ -1711,54 +1073,18 @@ packages:
   once@1.4.0:
     resolution: {integrity: sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==}
 
-  onetime@6.0.0:
-    resolution: {integrity: sha512-1FlR+gjXK7X+AsAHso35MnyN5KqGwJRi/31ft6x0M194ht7S+rWAvd7PHss9xSKMzE0asv1pyIHaJYq+BbacAQ==}
-    engines: {node: '>=12'}
-
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
 
-  p-each-series@3.0.0:
-    resolution: {integrity: sha512-lastgtAdoH9YaLyDa5i5z64q+kzOcQHsQ5SsZJD3q0VEyI8mq872S3geuNbRUQLVAE9siMfgKrpj7MloKFHruw==}
-    engines: {node: '>=12'}
-
-  p-filter@4.1.0:
-    resolution: {integrity: sha512-37/tPdZ3oJwHaS3gNJdenCDB3Tz26i9sjhnguBtvN0vYlRIiDNnvTWkuh+0hETV9rLPdJ3rlL3yVOYPIAnM8rw==}
-    engines: {node: '>=18'}
-
-  p-is-promise@3.0.0:
-    resolution: {integrity: sha512-Wo8VsW4IRQSKVXsJCn7TomUaVtyfjVDn3nUP7kE967BQk0CwFpdbZs0X0uk5sW9mkBa9eNM7hCMaG93WUAwxYQ==}
-    engines: {node: '>=8'}
-
-  p-limit@1.3.0:
-    resolution: {integrity: sha512-vvcXsLAJ9Dr5rQOPk7toZQZJApBl2K4J6dANSsEuh6QI41JYcsS/qhTGa9ErIUUgK3WNQoJYvylxvjqmiqEA9Q==}
-    engines: {node: '>=4'}
-
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
 
-  p-locate@2.0.0:
-    resolution: {integrity: sha512-nQja7m7gSKuewoVRen45CtVfODR3crN3goVQ0DDZ9N3yHxgpkuBhZqsaiotSQRrADUrne346peY7kT3TSACykg==}
-    engines: {node: '>=4'}
-
   p-locate@5.0.0:
     resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
     engines: {node: '>=10'}
 
-  p-map@7.0.2:
-    resolution: {integrity: sha512-z4cYYMMdKHzw4O5UkWJImbZynVIo0lSGTXc7bzB1e/rrDqkgGUNysK/o4bTr+0+xKvvLoTyGqYC4Fgljy9qe1Q==}
-    engines: {node: '>=18'}
-
-  p-reduce@3.0.0:
-    resolution: {integrity: sha512-xsrIUgI0Kn6iyDYm9StOpOeK29XM1aboGji26+QEortiFST1hGZaUQOLhtEbqHErPpGW/aSz6allwK2qcptp0Q==}
-    engines: {node: '>=12'}
-
-  p-try@1.0.0:
-    resolution: {integrity: sha512-U1etNYuMJoIz3ZXSrrySFjsXQTWOx2/jdi86L+2pRvph/qMKL6sbcCYdH23fqsbm8TH2Gn0OybpT4eSFlCVHww==}
-    engines: {node: '>=4'}
-
   parent-module@1.0.1:
     resolution: {integrity: sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==}
     engines: {node: '>=6'}
@@ -1767,62 +1093,21 @@ packages:
     resolution: {integrity: sha512-OL/zLggRp8mFhKL0rNORUTR4yBYujK/uU+xZL+/0Rgm2QE4nLO9v8PzEweSJEbMGKmDRjJE4R3IMJlL2di4JeQ==}
     engines: {node: '>= 18'}
 
-  parse-json@4.0.0:
-    resolution: {integrity: sha512-aOIos8bujGN93/8Ox/jPLh7RwVnPEysynVFE+fQZyg6jKELEHwzgKdLRFHUgXJL6kylijVSBC4BvN9OmsB48Rw==}
-    engines: {node: '>=4'}
+  pascal-case@3.1.2:
+    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
 
-  parse-json@5.2.0:
-    resolution: {integrity: sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==}
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
     engines: {node: '>=8'}
 
-  parse-json@8.1.0:
-    resolution: {integrity: sha512-rum1bPifK5SSar35Z6EKZuYPJx85pkNaFrxBK3mwdfSJ1/WKbYrjoW/zTPSjRRamfmVX1ACBIdFAO0VRErW/EA==}
-    engines: {node: '>=18'}
-
-  parse-ms@4.0.0:
-    resolution: {integrity: sha512-TXfryirbmq34y8QBwgqCVLi+8oA3oWx2eAnSn62ITyEhEYaWRlVZ2DvMM9eZbMs/RfxPu/PK/aBLyGj4IrqMHw==}
-    engines: {node: '>=18'}
-
-  parse5-htmlparser2-tree-adapter@6.0.1:
-    resolution: {integrity: sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==}
-
-  parse5@5.1.1:
-    resolution: {integrity: sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug==}
-
-  parse5@6.0.1:
-    resolution: {integrity: sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==}
-
-  pascal-case@3.1.2:
-    resolution: {integrity: sha512-uWlGT3YSnK9x3BQJaOdcZwrnV6hPpd8jFH1/ucpiLRPh/2zCVJKS19E4GvYHvaCcACn3foXZ0cLB9Wrx1KGe5g==}
-
-  path-exists@3.0.0:
-    resolution: {integrity: sha512-bpC7GYwiDYQ4wYLe+FA8lhRjhQCMcQGuSgGGqDkg/QerRWw9CmGRT0iSOVRSZJ29NMLZgIzqaljJ63oaL4NIJQ==}
-    engines: {node: '>=4'}
-
-  path-exists@4.0.0:
-    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
-    engines: {node: '>=8'}
-
-  path-is-absolute@1.0.1:
-    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
-    engines: {node: '>=0.10.0'}
+  path-is-absolute@1.0.1:
+    resolution: {integrity: sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==}
+    engines: {node: '>=0.10.0'}
 
   path-key@3.1.1:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
-  path-key@4.0.0:
-    resolution: {integrity: sha512-haREypq7xkM7ErfgIyA0z+Bj4AGKlMSdlQE2jvJo6huWD1EdkKYV+G/T4nq0YEF2vgTT8kqMFKo1uHn950r4SQ==}
-    engines: {node: '>=12'}
-
-  path-type@4.0.0:
-    resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
-    engines: {node: '>=8'}
-
-  path-type@5.0.0:
-    resolution: {integrity: sha512-5HviZNaZcfqP95rwpv+1HDgUamezbqdSYTyzjTvwtJSnIH+3vnbmWsItli8OFEndS984VT55M3jduxZbX351gg==}
-    engines: {node: '>=12'}
-
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
@@ -1830,14 +1115,6 @@ packages:
     resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
     engines: {node: '>=8.6'}
 
-  pify@3.0.0:
-    resolution: {integrity: sha512-C3FsVNH1udSEX48gGX1xfvwTWfsYWj5U+8/uK15BGzIGrKoUpghX8hWZwa/OFnakBiiVNmBvemTJR5mcy7iPcg==}
-    engines: {node: '>=4'}
-
-  pkg-conf@2.1.0:
-    resolution: {integrity: sha512-C+VUP+8jis7EsQZIhDYmS5qlNtjv2yP4SNtjXK9AP1ZcTRlnSfuumaTnRfYZnYgUUYVIKqL0fRvmUGDV2fmp6g==}
-    engines: {node: '>=4'}
-
   postcss-load-config@3.1.4:
     resolution: {integrity: sha512-6DiM4E7v4coTE4uzA8U//WhtPwyhiim3eyjEMFCnUpzbrkK9wJHgKDT2mR+HbtSrd/NubVaYTOpSpjUl8NQeRg==}
     engines: {node: '>= 10'}
@@ -1885,10 +1162,6 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
-  pretty-ms@9.1.0:
-    resolution: {integrity: sha512-o1piW0n3tgKIKCwk2vpM/vOV13zjJzvP37Ioze54YlTHE06m4tjEbzg9WsKkvTuyYln2DHjo5pY4qrZGI0otpw==}
-    engines: {node: '>=18'}
-
   prism-svelte@0.4.7:
     resolution: {integrity: sha512-yABh19CYbM24V7aS7TuPYRNMqthxwbvx6FF/Rw920YbyBWO3tnyPIqRMgHuSVsLmuHkkBS1Akyof463FVdkeDQ==}
 
@@ -1896,12 +1169,6 @@ packages:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
 
-  process-nextick-args@2.0.1:
-    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
-
-  proto-list@1.2.4:
-    resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
-
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -1913,26 +1180,6 @@ packages:
   queue-microtask@1.2.3:
     resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
 
-  rc@1.2.8:
-    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
-    hasBin: true
-
-  read-package-up@11.0.0:
-    resolution: {integrity: sha512-MbgfoNPANMdb4oRBNg5eqLbB2t2r+o5Ua1pNt8BqGp4I0FJZhuVSOj3PaBPni4azWuSzEdNn2evevzVmEk1ohQ==}
-    engines: {node: '>=18'}
-
-  read-pkg-up@11.0.0:
-    resolution: {integrity: sha512-LOVbvF1Q0SZdjClSefZ0Nz5z8u+tIE7mV5NibzmE9VYmDe9CaBbAVtz1veOSZbofrdsilxuDAYnFenukZVp8/Q==}
-    engines: {node: '>=18'}
-    deprecated: Renamed to read-package-up
-
-  read-pkg@9.0.1:
-    resolution: {integrity: sha512-9viLL4/n1BJUCT1NXVTdS1jtm80yDEgR5T4yCelII49Mbj0v1rZdKqj7zCiYdbB0CuCgdrvHcNogAKTFPBocFA==}
-    engines: {node: '>=18'}
-
-  readable-stream@2.3.8:
-    resolution: {integrity: sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==}
-
   readable-stream@3.6.2:
     resolution: {integrity: sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==}
     engines: {node: '>= 6'}
@@ -1941,20 +1188,12 @@ packages:
     resolution: {integrity: sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==}
     engines: {node: '>= 14.16.0'}
 
-  registry-auth-token@5.0.2:
-    resolution: {integrity: sha512-o/3ikDxtXaA59BmZuZrJZDJv8NMDGSj+6j6XaeBmHw8eY1i1qd9+6H+LjVvQXx3HN6aRCGa1cUdJ9RaJZUugnQ==}
-    engines: {node: '>=14'}
-
   rehype-autolink-headings@7.1.0:
     resolution: {integrity: sha512-rItO/pSdvnvsP4QRB1pmPiNHUskikqtPojZKJPPPAVx9Hj8i8TwMBhofrrAYRhYOOBZH9tgmG5lPqDLuIWPWmw==}
 
   rehype-slug@6.0.0:
     resolution: {integrity: sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==}
 
-  require-directory@2.1.1:
-    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
-    engines: {node: '>=0.10.0'}
-
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -1984,25 +1223,9 @@ packages:
     resolution: {integrity: sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A==}
     engines: {node: '>=6'}
 
-  safe-buffer@5.1.2:
-    resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
-
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
-  semantic-release@23.0.8:
-    resolution: {integrity: sha512-yZkuWcTTfh5h/DrR4Q4QvJSARJdb6wjwn/sN0qKMYEkvwaVFek8YWfrgtL8oWaRdl0fLte0Y1wWMzLbwoaII1g==}
-    engines: {node: '>=20.8.1'}
-    hasBin: true
-
-  semver-diff@4.0.0:
-    resolution: {integrity: sha512-0Ju4+6A8iOnpL/Thra7dZsSlOHYAHIeMxfhWQRI1/VLcT3WDBZKKtQt/QkBOsiIN9ZpuvHE6cGZ0x4glCMmfiA==}
-    engines: {node: '>=12'}
-
-  semver-regex@4.0.5:
-    resolution: {integrity: sha512-hunMQrEy1T6Jr2uEVjrAIqjwWcQTgOAcIM52C8MY1EZSD3DDNft04XzvYKPqjED65bNVVko0YI38nYeEHCX3yw==}
-    engines: {node: '>=12'}
-
   semver@6.3.1:
     resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
     hasBin: true
@@ -2037,26 +1260,10 @@ packages:
   signal-exit@3.0.7:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
 
-  signal-exit@4.1.0:
-    resolution: {integrity: sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==}
-    engines: {node: '>=14'}
-
-  signale@1.4.0:
-    resolution: {integrity: sha512-iuh+gPf28RkltuJC7W5MRi6XAjTDCAPC/prJUpQoG4vIP3MJZ+GTydVnodXA7pwvTKb2cA0m9OFZW/cdWy/I/w==}
-    engines: {node: '>=6'}
-
   sirv@3.0.0:
     resolution: {integrity: sha512-BPwJGUeDaDCHihkORDchNyyTvWFhcusy1XMmhEVTQTwGeybFbp8YEmB+njbPnth1FibULBSBVwCQni25XlCUDg==}
     engines: {node: '>=18'}
 
-  skin-tone@2.0.0:
-    resolution: {integrity: sha512-kUMbT1oBJCpgrnKoSr0o6wPtvRWT9W9UKvGLwfJYO2WuahZRHOpEyL1ckyMGgMWh0UdpmaoFqKKD29WTomNEGA==}
-    engines: {node: '>=8'}
-
-  slash@5.1.0:
-    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
-    engines: {node: '>=14.16'}
-
   slashes@3.0.12:
     resolution: {integrity: sha512-Q9VME8WyGkc7pJf6QEkj3wE+2CnvZMI+XJhwdTPR8Z/kWQRXi7boAWLDibRPyHRTUTPx5FaU7MsyrjI3yLB4HA==}
 
@@ -2064,45 +1271,19 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
-  source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
-    engines: {node: '>=0.10.0'}
-
-  spawn-error-forwarder@1.0.0:
-    resolution: {integrity: sha512-gRjMgK5uFjbCvdibeGJuy3I5OYz6VLoVdsOJdA6wV0WlfQVLFueoqMxwwYD9RODdgb6oUIvlRlsyFSiQkMKu0g==}
-
-  spdx-correct@3.2.0:
-    resolution: {integrity: sha512-kN9dJbvnySHULIluDHy32WHRUu3Og7B9sbY7tsFLctQkIqnMh3hErYgdMjTYuqmcXX+lK5T1lnUt3G7zNswmZA==}
-
   spdx-exceptions@2.5.0:
     resolution: {integrity: sha512-PiU42r+xO4UbUS1buo3LPJkjlO7430Xn5SVAhdpzzsPHsjbYVflnnFdATgabnLude+Cqu25p6N+g2lw/PFsa4w==}
 
-  spdx-expression-parse@3.0.1:
-    resolution: {integrity: sha512-cbqHunsQWnJNE6KhVSMsMeH5H/L9EpymbzqTQ3uLwNCLZ1Q481oWaofqH7nO6V07xlXwY6PhQdQ2IedWx/ZK4Q==}
-
   spdx-expression-parse@4.0.0:
     resolution: {integrity: sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==}
 
   spdx-license-ids@3.0.20:
     resolution: {integrity: sha512-jg25NiDV/1fLtSgEgyvVyDunvaNHbuwF9lfNV17gSmPFAlYzdfNBlLtLzXTevwkPj7DhGbmN9VnmJIgLnhvaBw==}
 
-  split2@1.0.0:
-    resolution: {integrity: sha512-NKywug4u4pX/AZBB1FCPzZ6/7O+Xhz1qMVbzTvvKvikjO99oPN87SkK08mEY9P63/5lWjK+wgOOgApnTg5r6qg==}
-
-  split2@4.2.0:
-    resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
-    engines: {node: '>= 10.x'}
-
-  stream-combiner2@1.1.1:
-    resolution: {integrity: sha512-3PnJbYgS56AeWgtKF5jtJRT6uFJe56Z0Hc5Ngg/6sI6rIt8iiMBTa9cvdyFfpMQjaVHr8dusbNeFGIIonxOvKw==}
-
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
 
-  string_decoder@1.1.1:
-    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
-
   string_decoder@1.3.0:
     resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
 
@@ -2110,22 +1291,6 @@ packages:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
 
-  strip-bom@3.0.0:
-    resolution: {integrity: sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==}
-    engines: {node: '>=4'}
-
-  strip-final-newline@3.0.0:
-    resolution: {integrity: sha512-dOESqjYr96iWYylGObzd39EuNTa5VJxyvVAEm5Jnh7KGo75V43Hk1odPQkNDyXNmUR6k+gEiDVXnjB8HJ3crXw==}
-    engines: {node: '>=12'}
-
-  strip-final-newline@4.0.0:
-    resolution: {integrity: sha512-aulFJcD6YK8V1G7iRB5tigAP4TsHBZZrOV8pjV++zdUwmeV8uzbY7yn6h9MswN62adStNZFuCIx4haBnRuMDaw==}
-    engines: {node: '>=18'}
-
-  strip-json-comments@2.0.1:
-    resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
-    engines: {node: '>=0.10.0'}
-
   strip-json-comments@3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -2134,22 +1299,10 @@ packages:
     resolution: {integrity: sha512-hrA79fjmN2Eb6K3kxkDzU4ODeVGGjXQsuVaAPSUro6I9MM3X+BvIsVqdphm3BXWfimAGFvUqWtPtHy25mICY1w==}
     engines: {node: ^8.1 || >=10.*}
 
-  super-regex@1.0.0:
-    resolution: {integrity: sha512-CY8u7DtbvucKuquCmOFEKhr9Besln7n9uN8eFbwcoGYWXOMW07u2o8njWaiXt11ylS3qoGF55pILjRmPlbodyg==}
-    engines: {node: '>=18'}
-
-  supports-color@5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
-    engines: {node: '>=4'}
-
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
-  supports-hyperlinks@3.1.0:
-    resolution: {integrity: sha512-2rn0BZ+/f7puLOHZm1HOJfwBggfaHXUpPUSSG/SWM4TWp5KCfmNYwnC3hruy2rZlMnmWZ+QAGpZfchu3f3695A==}
-    engines: {node: '>=14.18'}
-
   svelte-eslint-parser@0.42.0:
     resolution: {integrity: sha512-e7LyqFPTuF43ZYhKOf0Gq1lzP+G64iWVJXAIcwVxohGx5FFyqdUkw7DEXNjZ+Fm+TAA98zPmDqWvgD1OpyMi5A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -2186,38 +1339,9 @@ packages:
     resolution: {integrity: sha512-DZ4yORTwrbTj/7MZYq2w+/ZFdI6OZ/f9SFHR+71gIVUZhOQPHzVCLpvRnPgyaMpfWxxk/4ONva3GQSyNIKRv6A==}
     engines: {node: '>=10'}
 
-  temp-dir@3.0.0:
-    resolution: {integrity: sha512-nHc6S/bwIilKHNRgK/3jlhDoIHcp45YgyiwcAk46Tr0LfEqGBVpmiAyuiuxeVE44m3mXnEeVhaipLOEWmH+Njw==}
-    engines: {node: '>=14.16'}
-
-  tempy@3.1.0:
-    resolution: {integrity: sha512-7jDLIdD2Zp0bDe5r3D2qtkd1QOCacylBuL7oa4udvN6v2pqr4+LcCr67C8DR1zkpaZ8XosF5m1yQSabKAW6f2g==}
-    engines: {node: '>=14.16'}
-
-  text-extensions@2.4.0:
-    resolution: {integrity: sha512-te/NtwBwfiNRLf9Ijqx3T0nlqZiQ2XrrtBvu+cLL8ZRrGkO0NHTug8MYFKyoSrv/sHTaSKfilUkizV6XhxMJ3g==}
-    engines: {node: '>=8'}
-
   text-table@0.2.0:
     resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
 
-  thenify-all@1.6.0:
-    resolution: {integrity: sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==}
-    engines: {node: '>=0.8'}
-
-  thenify@3.3.1:
-    resolution: {integrity: sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==}
-
-  through2@2.0.5:
-    resolution: {integrity: sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==}
-
-  through@2.3.8:
-    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==}
-
-  time-span@5.1.0:
-    resolution: {integrity: sha512-75voc/9G4rDIJleOo4jPvN4/YC4GRZrY8yy1uU4lwrB3XEQbWve8zXoO5No4eFrGcTAMYyoY67p8jRQdtA1HbA==}
-    engines: {node: '>=12'}
-
   tiny-glob@0.2.9:
     resolution: {integrity: sha512-g/55ssRPUjShh+xkfx9UPDXqhckHEsHr4Vd9zX55oSdGZc/MD0m3sferOkwWtp98bv+kcVfEHtRJgBVJzelrzg==}
 
@@ -2232,10 +1356,6 @@ packages:
   tr46@0.0.3:
     resolution: {integrity: sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==}
 
-  traverse@0.6.8:
-    resolution: {integrity: sha512-aXJDbk6SnumuaZSANd21XAo15ucCDE38H4fkqiGsc3MhCK+wOlZvLP9cB/TvpHT0mOyWgC4Z8EwRlzqYSUzdsA==}
-    engines: {node: '>= 0.4'}
-
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
@@ -2250,50 +1370,17 @@ packages:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
 
-  type-fest@1.4.0:
-    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
-    engines: {node: '>=10'}
-
-  type-fest@2.19.0:
-    resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
-    engines: {node: '>=12.20'}
-
-  type-fest@4.26.1:
-    resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
-    engines: {node: '>=16'}
-
   typescript@5.6.3:
     resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
-  uglify-js@3.19.3:
-    resolution: {integrity: sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==}
-    engines: {node: '>=0.8.0'}
-    hasBin: true
-
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
-  unicode-emoji-modifier-base@1.0.0:
-    resolution: {integrity: sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g==}
-    engines: {node: '>=4'}
-
-  unicorn-magic@0.1.0:
-    resolution: {integrity: sha512-lRfVq8fE8gz6QMBuDM6a+LO3IAzTi05H6gCVaUpir2E1Rwpo4ZUog45KpNXKC/Mn3Yb9UDuHumeFTo9iV/D9FQ==}
-    engines: {node: '>=18'}
-
-  unicorn-magic@0.3.0:
-    resolution: {integrity: sha512-+QBBXBCvifc56fsbuxZQ6Sic3wqqc3WWaqxs58gvJrcOuN83HGTCwz3oS5phzU9LthRNE9VrJCFCLUgHeeFnfA==}
-    engines: {node: '>=18'}
-
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
-  unique-string@3.0.0:
-    resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==}
-    engines: {node: '>=12'}
-
   unist-util-is@6.0.0:
     resolution: {integrity: sha512-2qCTHimwdxLfz+YzdGfkqNlH0tLi9xjTnHddPmJwtIG9MGsdbutfTc4P+haPD7l7Cjxf/WZj+we5qfVPvvxfYw==}
 
@@ -2309,26 +1396,12 @@ packages:
   unist-util-visit@5.0.0:
     resolution: {integrity: sha512-MR04uvD+07cwl/yhVuVWAtw+3GOR/knlL55Nd/wAdblk27GCVt3lqpTivy/tkJcZoNPzTwS1Y+KMojlLDhoTzg==}
 
-  universal-user-agent@7.0.2:
-    resolution: {integrity: sha512-0JCqzSKnStlRRQfCdowvqy3cy0Dvtlb8xecj/H8JFZuCze4rwjPZQOgvFvn0Ws/usCHQFGpyr+pB9adaGwXn4Q==}
-
-  universalify@2.0.1:
-    resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
-    engines: {node: '>= 10.0.0'}
-
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  url-join@5.0.0:
-    resolution: {integrity: sha512-n2huDr9h9yzd6exQVnH/jU5mr+Pfx08LRXXZhkLLetAMESRj+anQsTAh940iMrIetKAmry9coFuZQ2jY8/p3WA==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
-  validate-npm-package-license@3.0.4:
-    resolution: {integrity: sha512-DpKm2Ui/xN7/HQKCtpZxoRWBhZ9Z0kqtygG8XCgNQ8ZlDnxuQmWhj566j8fN4Cu3/JmbhsDo7fcAJq4s9h27Ew==}
-
   vfile-message@2.0.4:
     resolution: {integrity: sha512-DjssxRGkMvifUOJre00juHoP9DPWuzjxKuMDrhNbk2TdaYYBNMStsNhEOt3idrtI12VQYM/1+iM0KOzXi4pxwQ==}
 
@@ -2395,24 +1468,9 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
-  wordwrap@1.0.0:
-    resolution: {integrity: sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==}
-
-  wrap-ansi@7.0.0:
-    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
-    engines: {node: '>=10'}
-
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  xtend@4.0.2:
-    resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
-    engines: {node: '>=0.4'}
-
-  y18n@5.0.8:
-    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
-    engines: {node: '>=10'}
-
   yallist@4.0.0:
     resolution: {integrity: sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==}
 
@@ -2420,30 +1478,10 @@ packages:
     resolution: {integrity: sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==}
     engines: {node: '>= 6'}
 
-  yargs-parser@20.2.9:
-    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
-    engines: {node: '>=10'}
-
-  yargs-parser@21.1.1:
-    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
-    engines: {node: '>=12'}
-
-  yargs@16.2.0:
-    resolution: {integrity: sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==}
-    engines: {node: '>=10'}
-
-  yargs@17.7.2:
-    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
-    engines: {node: '>=12'}
-
   yocto-queue@0.1.0:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
 
-  yoctocolors@2.1.1:
-    resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
-    engines: {node: '>=18'}
-
   zimmerframe@1.1.2:
     resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
 
@@ -2454,17 +1492,6 @@ snapshots:
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
 
-  '@babel/code-frame@7.26.2':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.25.9
-      js-tokens: 4.0.0
-      picocolors: 1.1.1
-
-  '@babel/helper-validator-identifier@7.25.9': {}
-
-  '@colors/colors@1.5.0':
-    optional: true
-
   '@es-joy/jsdoccomment@0.46.0':
     dependencies:
       comment-parser: 1.4.1
@@ -2619,78 +1646,8 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.17.1
 
-  '@octokit/auth-token@5.1.1': {}
-
-  '@octokit/core@6.1.2':
-    dependencies:
-      '@octokit/auth-token': 5.1.1
-      '@octokit/graphql': 8.1.1
-      '@octokit/request': 9.1.3
-      '@octokit/request-error': 6.1.5
-      '@octokit/types': 13.6.1
-      before-after-hook: 3.0.2
-      universal-user-agent: 7.0.2
-
-  '@octokit/endpoint@10.1.1':
-    dependencies:
-      '@octokit/types': 13.6.1
-      universal-user-agent: 7.0.2
-
-  '@octokit/graphql@8.1.1':
-    dependencies:
-      '@octokit/request': 9.1.3
-      '@octokit/types': 13.6.1
-      universal-user-agent: 7.0.2
-
-  '@octokit/openapi-types@22.2.0': {}
-
-  '@octokit/plugin-paginate-rest@11.3.5(@octokit/core@6.1.2)':
-    dependencies:
-      '@octokit/core': 6.1.2
-      '@octokit/types': 13.6.1
-
-  '@octokit/plugin-retry@7.1.2(@octokit/core@6.1.2)':
-    dependencies:
-      '@octokit/core': 6.1.2
-      '@octokit/request-error': 6.1.5
-      '@octokit/types': 13.6.1
-      bottleneck: 2.19.5
-
-  '@octokit/plugin-throttling@9.3.2(@octokit/core@6.1.2)':
-    dependencies:
-      '@octokit/core': 6.1.2
-      '@octokit/types': 13.6.1
-      bottleneck: 2.19.5
-
-  '@octokit/request-error@6.1.5':
-    dependencies:
-      '@octokit/types': 13.6.1
-
-  '@octokit/request@9.1.3':
-    dependencies:
-      '@octokit/endpoint': 10.1.1
-      '@octokit/request-error': 6.1.5
-      '@octokit/types': 13.6.1
-      universal-user-agent: 7.0.2
-
-  '@octokit/types@13.6.1':
-    dependencies:
-      '@octokit/openapi-types': 22.2.0
-
   '@pkgr/core@0.1.1': {}
 
-  '@pnpm/config.env-replace@1.1.0': {}
-
-  '@pnpm/network.ca-file@1.0.2':
-    dependencies:
-      graceful-fs: 4.2.10
-
-  '@pnpm/npm-conf@2.3.1':
-    dependencies:
-      '@pnpm/config.env-replace': 1.1.0
-      '@pnpm/network.ca-file': 1.0.2
-      config-chain: 1.1.13
-
   '@polka/url@1.0.0-next.28': {}
 
   '@rollup/pluginutils@4.2.1':
@@ -2752,84 +1709,6 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.3':
     optional: true
 
-  '@sec-ant/readable-stream@0.4.1': {}
-
-  '@semantic-release/commit-analyzer@12.0.0(semantic-release@23.0.8(typescript@5.6.3))':
-    dependencies:
-      conventional-changelog-angular: 7.0.0
-      conventional-commits-filter: 4.0.0
-      conventional-commits-parser: 5.0.0
-      debug: 4.3.7
-      import-from-esm: 1.3.4
-      lodash-es: 4.17.21
-      micromatch: 4.0.8
-      semantic-release: 23.0.8(typescript@5.6.3)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@semantic-release/error@4.0.0': {}
-
-  '@semantic-release/github@10.3.5(semantic-release@23.0.8(typescript@5.6.3))':
-    dependencies:
-      '@octokit/core': 6.1.2
-      '@octokit/plugin-paginate-rest': 11.3.5(@octokit/core@6.1.2)
-      '@octokit/plugin-retry': 7.1.2(@octokit/core@6.1.2)
-      '@octokit/plugin-throttling': 9.3.2(@octokit/core@6.1.2)
-      '@semantic-release/error': 4.0.0
-      aggregate-error: 5.0.0
-      debug: 4.3.7
-      dir-glob: 3.0.1
-      globby: 14.0.2
-      http-proxy-agent: 7.0.2
-      https-proxy-agent: 7.0.5
-      issue-parser: 7.0.1
-      lodash-es: 4.17.21
-      mime: 4.0.4
-      p-filter: 4.1.0
-      semantic-release: 23.0.8(typescript@5.6.3)
-      url-join: 5.0.0
-    transitivePeerDependencies:
-      - supports-color
-
-  '@semantic-release/npm@12.0.1(semantic-release@23.0.8(typescript@5.6.3))':
-    dependencies:
-      '@semantic-release/error': 4.0.0
-      aggregate-error: 5.0.0
-      execa: 9.5.1
-      fs-extra: 11.2.0
-      lodash-es: 4.17.21
-      nerf-dart: 1.0.0
-      normalize-url: 8.0.1
-      npm: 10.9.0
-      rc: 1.2.8
-      read-pkg: 9.0.1
-      registry-auth-token: 5.0.2
-      semantic-release: 23.0.8(typescript@5.6.3)
-      semver: 7.6.3
-      tempy: 3.1.0
-
-  '@semantic-release/release-notes-generator@13.0.0(semantic-release@23.0.8(typescript@5.6.3))':
-    dependencies:
-      conventional-changelog-angular: 7.0.0
-      conventional-changelog-writer: 7.0.1
-      conventional-commits-filter: 4.0.0
-      conventional-commits-parser: 5.0.0
-      debug: 4.3.7
-      get-stream: 7.0.1
-      import-from-esm: 1.3.4
-      into-stream: 7.0.0
-      lodash-es: 4.17.21
-      read-pkg-up: 11.0.0
-      semantic-release: 23.0.8(typescript@5.6.3)
-    transitivePeerDependencies:
-      - supports-color
-
-  '@sindresorhus/is@4.6.0': {}
-
-  '@sindresorhus/merge-streams@2.3.0': {}
-
-  '@sindresorhus/merge-streams@4.0.0': {}
-
   '@stripe/stripe-js@3.5.0': {}
 
   '@sveltejs/adapter-vercel@5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))':
@@ -2904,8 +1783,6 @@ snapshots:
     dependencies:
       undici-types: 6.19.8
 
-  '@types/normalize-package-data@2.4.4': {}
-
   '@types/unist@2.0.11': {}
 
   '@types/unist@3.0.3': {}
@@ -2934,11 +1811,6 @@ snapshots:
     dependencies:
       vite: 5.4.10(@types/node@22.8.5)
 
-  JSONStream@1.3.5:
-    dependencies:
-      jsonparse: 1.3.1
-      through: 2.3.8
-
   abbrev@1.1.1: {}
 
   acorn-import-attributes@1.9.5(acorn@8.14.0):
@@ -2961,17 +1833,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  agent-base@7.1.1:
-    dependencies:
-      debug: 4.3.7
-    transitivePeerDependencies:
-      - supports-color
-
-  aggregate-error@5.0.0:
-    dependencies:
-      clean-stack: 5.2.0
-      indent-string: 5.0.0
-
   ajv@6.12.6:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -2979,24 +1840,12 @@ snapshots:
       json-schema-traverse: 0.4.1
       uri-js: 4.4.1
 
-  ansi-escapes@7.0.0:
-    dependencies:
-      environment: 1.1.0
-
   ansi-regex@5.0.1: {}
 
-  ansi-regex@6.1.0: {}
-
-  ansi-styles@3.2.1:
-    dependencies:
-      color-convert: 1.9.3
-
   ansi-styles@4.3.0:
     dependencies:
       color-convert: 2.0.1
 
-  any-promise@1.3.0: {}
-
   aproba@2.0.0: {}
 
   are-docs-informative@0.0.2: {}
@@ -3008,12 +1857,8 @@ snapshots:
 
   argparse@2.0.1: {}
 
-  argv-formatter@1.0.0: {}
-
   aria-query@5.3.2: {}
 
-  array-ify@1.0.0: {}
-
   async-sema@3.1.1: {}
 
   axobject-query@4.1.0: {}
@@ -3022,14 +1867,10 @@ snapshots:
 
   balanced-match@1.0.2: {}
 
-  before-after-hook@3.0.2: {}
-
   bindings@1.5.0:
     dependencies:
       file-uri-to-path: 1.0.0
 
-  bottleneck@2.19.5: {}
-
   brace-expansion@1.1.11:
     dependencies:
       balanced-match: 1.0.2
@@ -3049,135 +1890,39 @@ snapshots:
 
   callsites@3.1.0: {}
 
-  chalk@2.4.2:
-    dependencies:
-      ansi-styles: 3.2.1
-      escape-string-regexp: 1.0.5
-      supports-color: 5.5.0
-
   chalk@4.1.2:
     dependencies:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  chalk@5.3.0: {}
-
-  char-regex@1.0.2: {}
-
   chokidar@4.0.1:
     dependencies:
       readdirp: 4.0.2
 
   chownr@2.0.0: {}
 
-  clean-stack@5.2.0:
-    dependencies:
-      escape-string-regexp: 5.0.0
-
-  cli-highlight@2.1.11:
-    dependencies:
-      chalk: 4.1.2
-      highlight.js: 10.7.3
-      mz: 2.7.0
-      parse5: 5.1.1
-      parse5-htmlparser2-tree-adapter: 6.0.1
-      yargs: 16.2.0
-
-  cli-table3@0.6.5:
-    dependencies:
-      string-width: 4.2.3
-    optionalDependencies:
-      '@colors/colors': 1.5.0
-
-  cliui@7.0.4:
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-
-  cliui@8.0.1:
-    dependencies:
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-      wrap-ansi: 7.0.0
-
-  color-convert@1.9.3:
-    dependencies:
-      color-name: 1.1.3
-
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
 
-  color-name@1.1.3: {}
-
   color-name@1.1.4: {}
 
   color-support@1.1.3: {}
 
   comment-parser@1.4.1: {}
 
-  compare-func@2.0.0:
-    dependencies:
-      array-ify: 1.0.0
-      dot-prop: 5.3.0
-
   concat-map@0.0.1: {}
 
-  config-chain@1.1.13:
-    dependencies:
-      ini: 1.3.8
-      proto-list: 1.2.4
-
   console-control-strings@1.1.0: {}
 
-  conventional-changelog-angular@7.0.0:
-    dependencies:
-      compare-func: 2.0.0
-
-  conventional-changelog-writer@7.0.1:
-    dependencies:
-      conventional-commits-filter: 4.0.0
-      handlebars: 4.7.8
-      json-stringify-safe: 5.0.1
-      meow: 12.1.1
-      semver: 7.6.3
-      split2: 4.2.0
-
-  conventional-commits-filter@4.0.0: {}
-
-  conventional-commits-parser@5.0.0:
-    dependencies:
-      JSONStream: 1.3.5
-      is-text-path: 2.0.0
-      meow: 12.1.1
-      split2: 4.2.0
-
-  convert-hrtime@5.0.0: {}
-
   cookie@0.6.0: {}
 
-  core-util-is@1.0.3: {}
-
-  cosmiconfig@9.0.0(typescript@5.6.3):
-    dependencies:
-      env-paths: 2.2.1
-      import-fresh: 3.3.0
-      js-yaml: 4.1.0
-      parse-json: 5.2.0
-    optionalDependencies:
-      typescript: 5.6.3
-
   cross-spawn@7.0.3:
     dependencies:
       path-key: 3.1.1
       shebang-command: 2.0.0
       which: 2.0.2
 
-  crypto-random-string@4.0.0:
-    dependencies:
-      type-fest: 1.4.0
-
   cssesc@3.0.0: {}
 
   debug@4.3.7:
@@ -3186,8 +1931,6 @@ snapshots:
 
   dedent-js@1.0.1: {}
 
-  deep-extend@0.6.0: {}
-
   deep-is@0.1.4: {}
 
   deepmerge@4.3.1: {}
@@ -3210,18 +1953,10 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
-  dir-glob@3.0.1:
-    dependencies:
-      path-type: 4.0.0
-
   doctrine@3.0.0:
     dependencies:
       esutils: 2.0.3
 
-  dot-prop@5.3.0:
-    dependencies:
-      is-obj: 2.0.0
-
   dotenv-cli@7.4.2:
     dependencies:
       cross-spawn: 7.0.3
@@ -3233,28 +1968,9 @@ snapshots:
 
   dotenv@16.4.5: {}
 
-  duplexer2@0.1.4:
-    dependencies:
-      readable-stream: 2.3.8
-
   emoji-regex@8.0.0: {}
 
-  emojilib@2.4.0: {}
-
-  env-ci@11.1.0:
-    dependencies:
-      execa: 8.0.1
-      java-properties: 1.0.2
-
-  env-paths@2.2.1: {}
-
-  environment@1.1.0: {}
-
-  error-ex@1.3.2:
-    dependencies:
-      is-arrayish: 0.2.1
-
-  es-define-property@1.0.0:
+  es-define-property@1.0.0:
     dependencies:
       get-intrinsic: 1.2.4
 
@@ -3288,14 +2004,8 @@ snapshots:
       '@esbuild/win32-ia32': 0.21.5
       '@esbuild/win32-x64': 0.21.5
 
-  escalade@3.2.0: {}
-
-  escape-string-regexp@1.0.5: {}
-
   escape-string-regexp@4.0.0: {}
 
-  escape-string-regexp@5.0.0: {}
-
   eslint-compat-utils@0.5.1(eslint@8.57.1):
     dependencies:
       eslint: 8.57.1
@@ -3426,45 +2136,10 @@ snapshots:
 
   esutils@2.0.3: {}
 
-  execa@8.0.1:
-    dependencies:
-      cross-spawn: 7.0.3
-      get-stream: 8.0.1
-      human-signals: 5.0.0
-      is-stream: 3.0.0
-      merge-stream: 2.0.0
-      npm-run-path: 5.3.0
-      onetime: 6.0.0
-      signal-exit: 4.1.0
-      strip-final-newline: 3.0.0
-
-  execa@9.5.1:
-    dependencies:
-      '@sindresorhus/merge-streams': 4.0.0
-      cross-spawn: 7.0.3
-      figures: 6.1.0
-      get-stream: 9.0.1
-      human-signals: 8.0.0
-      is-plain-obj: 4.1.0
-      is-stream: 4.0.1
-      npm-run-path: 6.0.0
-      pretty-ms: 9.1.0
-      signal-exit: 4.1.0
-      strip-final-newline: 4.0.0
-      yoctocolors: 2.1.1
-
   extend@3.0.2: {}
 
   fast-deep-equal@3.1.3: {}
 
-  fast-glob@3.3.2:
-    dependencies:
-      '@nodelib/fs.stat': 2.0.5
-      '@nodelib/fs.walk': 1.2.8
-      glob-parent: 5.1.2
-      merge2: 1.4.1
-      micromatch: 4.0.8
-
   fast-json-stable-stringify@2.1.0: {}
 
   fast-levenshtein@2.0.6: {}
@@ -3473,14 +2148,6 @@ snapshots:
     dependencies:
       reusify: 1.0.4
 
-  figures@2.0.0:
-    dependencies:
-      escape-string-regexp: 1.0.5
-
-  figures@6.1.0:
-    dependencies:
-      is-unicode-supported: 2.1.0
-
   file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.2.0
@@ -3491,22 +2158,11 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
-  find-up-simple@1.0.0: {}
-
-  find-up@2.1.0:
-    dependencies:
-      locate-path: 2.0.0
-
   find-up@5.0.0:
     dependencies:
       locate-path: 6.0.0
       path-exists: 4.0.0
 
-  find-versions@6.0.0:
-    dependencies:
-      semver-regex: 4.0.5
-      super-regex: 1.0.0
-
   flat-cache@3.2.0:
     dependencies:
       flatted: 3.3.1
@@ -3515,17 +2171,6 @@ snapshots:
 
   flatted@3.3.1: {}
 
-  from2@2.3.0:
-    dependencies:
-      inherits: 2.0.4
-      readable-stream: 2.3.8
-
-  fs-extra@11.2.0:
-    dependencies:
-      graceful-fs: 4.2.11
-      jsonfile: 6.1.0
-      universalify: 2.0.1
-
   fs-minipass@2.1.0:
     dependencies:
       minipass: 3.3.6
@@ -3537,8 +2182,6 @@ snapshots:
 
   function-bind@1.1.2: {}
 
-  function-timeout@1.0.2: {}
-
   gauge@3.0.2:
     dependencies:
       aproba: 2.0.0
@@ -3551,8 +2194,6 @@ snapshots:
       strip-ansi: 6.0.1
       wide-align: 1.1.5
 
-  get-caller-file@2.0.5: {}
-
   get-intrinsic@1.2.4:
     dependencies:
       es-errors: 1.3.0
@@ -3561,32 +2202,8 @@ snapshots:
       has-symbols: 1.0.3
       hasown: 2.0.2
 
-  get-stream@6.0.1: {}
-
-  get-stream@7.0.1: {}
-
-  get-stream@8.0.1: {}
-
-  get-stream@9.0.1:
-    dependencies:
-      '@sec-ant/readable-stream': 0.4.1
-      is-stream: 4.0.1
-
-  git-log-parser@1.2.1:
-    dependencies:
-      argv-formatter: 1.0.0
-      spawn-error-forwarder: 1.0.0
-      split2: 1.0.0
-      stream-combiner2: 1.1.1
-      through2: 2.0.5
-      traverse: 0.6.8
-
   github-slugger@2.0.0: {}
 
-  glob-parent@5.1.2:
-    dependencies:
-      is-glob: 4.0.3
-
   glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
@@ -3606,38 +2223,16 @@ snapshots:
 
   globalyzer@0.1.0: {}
 
-  globby@14.0.2:
-    dependencies:
-      '@sindresorhus/merge-streams': 2.3.0
-      fast-glob: 3.3.2
-      ignore: 5.3.2
-      path-type: 5.0.0
-      slash: 5.1.0
-      unicorn-magic: 0.1.0
-
   globrex@0.1.2: {}
 
   gopd@1.0.1:
     dependencies:
       get-intrinsic: 1.2.4
 
-  graceful-fs@4.2.10: {}
-
   graceful-fs@4.2.11: {}
 
   graphemer@1.4.0: {}
 
-  handlebars@4.7.8:
-    dependencies:
-      minimist: 1.2.8
-      neo-async: 2.6.2
-      source-map: 0.6.1
-      wordwrap: 1.0.0
-    optionalDependencies:
-      uglify-js: 3.19.3
-
-  has-flag@3.0.0: {}
-
   has-flag@4.0.0: {}
 
   has-property-descriptors@1.0.2:
@@ -3666,21 +2261,6 @@ snapshots:
     dependencies:
       '@types/hast': 3.0.4
 
-  highlight.js@10.7.3: {}
-
-  hook-std@3.0.0: {}
-
-  hosted-git-info@7.0.2:
-    dependencies:
-      lru-cache: 10.4.3
-
-  http-proxy-agent@7.0.2:
-    dependencies:
-      agent-base: 7.1.1
-      debug: 4.3.7
-    transitivePeerDependencies:
-      - supports-color
-
   https-proxy-agent@5.0.1:
     dependencies:
       agent-base: 6.0.2
@@ -3688,17 +2268,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  https-proxy-agent@7.0.5:
-    dependencies:
-      agent-base: 7.1.1
-      debug: 4.3.7
-    transitivePeerDependencies:
-      - supports-color
-
-  human-signals@5.0.0: {}
-
-  human-signals@8.0.0: {}
-
   ignore@5.3.2: {}
 
   import-fresh@3.3.0:
@@ -3706,21 +2275,10 @@ snapshots:
       parent-module: 1.0.1
       resolve-from: 4.0.0
 
-  import-from-esm@1.3.4:
-    dependencies:
-      debug: 4.3.7
-      import-meta-resolve: 4.1.0
-    transitivePeerDependencies:
-      - supports-color
-
   import-meta-resolve@4.1.0: {}
 
   imurmurhash@0.1.4: {}
 
-  indent-string@5.0.0: {}
-
-  index-to-position@0.1.2: {}
-
   inflight@1.0.6:
     dependencies:
       once: 1.4.0
@@ -3728,15 +2286,6 @@ snapshots:
 
   inherits@2.0.4: {}
 
-  ini@1.3.8: {}
-
-  into-stream@7.0.0:
-    dependencies:
-      from2: 2.3.0
-      p-is-promise: 3.0.0
-
-  is-arrayish@0.2.1: {}
-
   is-extglob@2.1.1: {}
 
   is-fullwidth-code-point@3.0.0: {}
@@ -3747,8 +2296,6 @@ snapshots:
 
   is-number@7.0.0: {}
 
-  is-obj@2.0.0: {}
-
   is-path-inside@3.0.3: {}
 
   is-plain-obj@4.1.0: {}
@@ -3757,32 +2304,8 @@ snapshots:
     dependencies:
       '@types/estree': 1.0.6
 
-  is-stream@3.0.0: {}
-
-  is-stream@4.0.1: {}
-
-  is-text-path@2.0.0:
-    dependencies:
-      text-extensions: 2.4.0
-
-  is-unicode-supported@2.1.0: {}
-
-  isarray@1.0.0: {}
-
   isexe@2.0.0: {}
 
-  issue-parser@7.0.1:
-    dependencies:
-      lodash.capitalize: 4.2.1
-      lodash.escaperegexp: 4.1.2
-      lodash.isplainobject: 4.0.6
-      lodash.isstring: 4.0.1
-      lodash.uniqby: 4.7.0
-
-  java-properties@1.0.2: {}
-
-  js-tokens@4.0.0: {}
-
   js-yaml@4.1.0:
     dependencies:
       argparse: 2.0.1
@@ -3791,24 +2314,10 @@ snapshots:
 
   json-buffer@3.0.1: {}
 
-  json-parse-better-errors@1.0.2: {}
-
-  json-parse-even-better-errors@2.3.1: {}
-
   json-schema-traverse@0.4.1: {}
 
   json-stable-stringify-without-jsonify@1.0.1: {}
 
-  json-stringify-safe@5.0.1: {}
-
-  jsonfile@6.1.0:
-    dependencies:
-      universalify: 2.0.1
-    optionalDependencies:
-      graceful-fs: 4.2.11
-
-  jsonparse@1.3.1: {}
-
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
@@ -3824,46 +2333,18 @@ snapshots:
 
   lilconfig@2.1.0: {}
 
-  lines-and-columns@1.2.4: {}
-
-  load-json-file@4.0.0:
-    dependencies:
-      graceful-fs: 4.2.11
-      parse-json: 4.0.0
-      pify: 3.0.0
-      strip-bom: 3.0.0
-
   locate-character@3.0.0: {}
 
-  locate-path@2.0.0:
-    dependencies:
-      p-locate: 2.0.0
-      path-exists: 3.0.0
-
   locate-path@6.0.0:
     dependencies:
       p-locate: 5.0.0
 
-  lodash-es@4.17.21: {}
-
-  lodash.capitalize@4.2.1: {}
-
-  lodash.escaperegexp@4.1.2: {}
-
-  lodash.isplainobject@4.0.6: {}
-
-  lodash.isstring@4.0.1: {}
-
   lodash.merge@4.6.2: {}
 
-  lodash.uniqby@4.7.0: {}
-
   lower-case@2.0.2:
     dependencies:
       tslib: 2.8.0
 
-  lru-cache@10.4.3: {}
-
   magic-string@0.30.12:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
@@ -3872,19 +2353,6 @@ snapshots:
     dependencies:
       semver: 6.3.1
 
-  marked-terminal@7.2.1(marked@12.0.2):
-    dependencies:
-      ansi-escapes: 7.0.0
-      ansi-regex: 6.1.0
-      chalk: 5.3.0
-      cli-highlight: 2.1.11
-      cli-table3: 0.6.5
-      marked: 12.0.2
-      node-emoji: 2.1.3
-      supports-hyperlinks: 3.1.0
-
-  marked@12.0.2: {}
-
   mdsvex@0.11.2(svelte@5.2.7):
     dependencies:
       '@types/unist': 2.0.11
@@ -3893,21 +2361,11 @@ snapshots:
       svelte: 5.2.7
       vfile-message: 2.0.4
 
-  meow@12.1.1: {}
-
-  merge-stream@2.0.0: {}
-
-  merge2@1.4.1: {}
-
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
       picomatch: 2.3.1
 
-  mime@4.0.4: {}
-
-  mimic-fn@4.0.0: {}
-
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -3933,32 +2391,15 @@ snapshots:
 
   ms@2.1.3: {}
 
-  mz@2.7.0:
-    dependencies:
-      any-promise: 1.3.0
-      object-assign: 4.1.1
-      thenify-all: 1.6.0
-
   nanoid@3.3.7: {}
 
   natural-compare@1.4.0: {}
 
-  neo-async@2.6.2: {}
-
-  nerf-dart@1.0.0: {}
-
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
       tslib: 2.8.0
 
-  node-emoji@2.1.3:
-    dependencies:
-      '@sindresorhus/is': 4.6.0
-      char-regex: 1.0.2
-      emojilib: 2.4.0
-      skin-tone: 2.0.0
-
   node-fetch@2.7.0:
     dependencies:
       whatwg-url: 5.0.0
@@ -3969,25 +2410,6 @@ snapshots:
     dependencies:
       abbrev: 1.1.1
 
-  normalize-package-data@6.0.2:
-    dependencies:
-      hosted-git-info: 7.0.2
-      semver: 7.6.3
-      validate-npm-package-license: 3.0.4
-
-  normalize-url@8.0.1: {}
-
-  npm-run-path@5.3.0:
-    dependencies:
-      path-key: 4.0.0
-
-  npm-run-path@6.0.0:
-    dependencies:
-      path-key: 4.0.0
-      unicorn-magic: 0.3.0
-
-  npm@10.9.0: {}
-
   npmlog@5.0.1:
     dependencies:
       are-we-there-yet: 2.0.0
@@ -4003,10 +2425,6 @@ snapshots:
     dependencies:
       wrappy: 1.0.2
 
-  onetime@6.0.0:
-    dependencies:
-      mimic-fn: 4.0.0
-
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -4016,36 +2434,14 @@ snapshots:
       type-check: 0.4.0
       word-wrap: 1.2.5
 
-  p-each-series@3.0.0: {}
-
-  p-filter@4.1.0:
-    dependencies:
-      p-map: 7.0.2
-
-  p-is-promise@3.0.0: {}
-
-  p-limit@1.3.0:
-    dependencies:
-      p-try: 1.0.0
-
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
 
-  p-locate@2.0.0:
-    dependencies:
-      p-limit: 1.3.0
-
   p-locate@5.0.0:
     dependencies:
       p-limit: 3.1.0
 
-  p-map@7.0.2: {}
-
-  p-reduce@3.0.0: {}
-
-  p-try@1.0.0: {}
-
   parent-module@1.0.1:
     dependencies:
       callsites: 3.1.0
@@ -4055,64 +2451,21 @@ snapshots:
       es-module-lexer: 1.5.4
       slashes: 3.0.12
 
-  parse-json@4.0.0:
-    dependencies:
-      error-ex: 1.3.2
-      json-parse-better-errors: 1.0.2
-
-  parse-json@5.2.0:
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      error-ex: 1.3.2
-      json-parse-even-better-errors: 2.3.1
-      lines-and-columns: 1.2.4
-
-  parse-json@8.1.0:
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      index-to-position: 0.1.2
-      type-fest: 4.26.1
-
-  parse-ms@4.0.0: {}
-
-  parse5-htmlparser2-tree-adapter@6.0.1:
-    dependencies:
-      parse5: 6.0.1
-
-  parse5@5.1.1: {}
-
-  parse5@6.0.1: {}
-
   pascal-case@3.1.2:
     dependencies:
       no-case: 3.0.4
       tslib: 2.8.0
 
-  path-exists@3.0.0: {}
-
   path-exists@4.0.0: {}
 
   path-is-absolute@1.0.1: {}
 
   path-key@3.1.1: {}
 
-  path-key@4.0.0: {}
-
-  path-type@4.0.0: {}
-
-  path-type@5.0.0: {}
-
   picocolors@1.1.1: {}
 
   picomatch@2.3.1: {}
 
-  pify@3.0.0: {}
-
-  pkg-conf@2.1.0:
-    dependencies:
-      find-up: 2.1.0
-      load-json-file: 4.0.0
-
   postcss-load-config@3.1.4(postcss@8.4.47):
     dependencies:
       lilconfig: 2.1.0
@@ -4148,18 +2501,10 @@ snapshots:
 
   prettier@3.2.5: {}
 
-  pretty-ms@9.1.0:
-    dependencies:
-      parse-ms: 4.0.0
-
   prism-svelte@0.4.7: {}
 
   prismjs@1.29.0: {}
 
-  process-nextick-args@2.0.1: {}
-
-  proto-list@1.2.4: {}
-
   punycode@2.3.1: {}
 
   qs@6.13.0:
@@ -4168,43 +2513,6 @@ snapshots:
 
   queue-microtask@1.2.3: {}
 
-  rc@1.2.8:
-    dependencies:
-      deep-extend: 0.6.0
-      ini: 1.3.8
-      minimist: 1.2.8
-      strip-json-comments: 2.0.1
-
-  read-package-up@11.0.0:
-    dependencies:
-      find-up-simple: 1.0.0
-      read-pkg: 9.0.1
-      type-fest: 4.26.1
-
-  read-pkg-up@11.0.0:
-    dependencies:
-      find-up-simple: 1.0.0
-      read-pkg: 9.0.1
-      type-fest: 4.26.1
-
-  read-pkg@9.0.1:
-    dependencies:
-      '@types/normalize-package-data': 2.4.4
-      normalize-package-data: 6.0.2
-      parse-json: 8.1.0
-      type-fest: 4.26.1
-      unicorn-magic: 0.1.0
-
-  readable-stream@2.3.8:
-    dependencies:
-      core-util-is: 1.0.3
-      inherits: 2.0.4
-      isarray: 1.0.0
-      process-nextick-args: 2.0.1
-      safe-buffer: 5.1.2
-      string_decoder: 1.1.1
-      util-deprecate: 1.0.2
-
   readable-stream@3.6.2:
     dependencies:
       inherits: 2.0.4
@@ -4213,10 +2521,6 @@ snapshots:
 
   readdirp@4.0.2: {}
 
-  registry-auth-token@5.0.2:
-    dependencies:
-      '@pnpm/npm-conf': 2.3.1
-
   rehype-autolink-headings@7.1.0:
     dependencies:
       '@types/hast': 3.0.4
@@ -4234,8 +2538,6 @@ snapshots:
       hast-util-to-string: 3.0.1
       unist-util-visit: 5.0.0
 
-  require-directory@2.1.1: {}
-
   resolve-from@4.0.0: {}
 
   resolve-from@5.0.0: {}
@@ -4278,51 +2580,8 @@ snapshots:
     dependencies:
       mri: 1.2.0
 
-  safe-buffer@5.1.2: {}
-
   safe-buffer@5.2.1: {}
 
-  semantic-release@23.0.8(typescript@5.6.3):
-    dependencies:
-      '@semantic-release/commit-analyzer': 12.0.0(semantic-release@23.0.8(typescript@5.6.3))
-      '@semantic-release/error': 4.0.0
-      '@semantic-release/github': 10.3.5(semantic-release@23.0.8(typescript@5.6.3))
-      '@semantic-release/npm': 12.0.1(semantic-release@23.0.8(typescript@5.6.3))
-      '@semantic-release/release-notes-generator': 13.0.0(semantic-release@23.0.8(typescript@5.6.3))
-      aggregate-error: 5.0.0
-      cosmiconfig: 9.0.0(typescript@5.6.3)
-      debug: 4.3.7
-      env-ci: 11.1.0
-      execa: 8.0.1
-      figures: 6.1.0
-      find-versions: 6.0.0
-      get-stream: 6.0.1
-      git-log-parser: 1.2.1
-      hook-std: 3.0.0
-      hosted-git-info: 7.0.2
-      import-from-esm: 1.3.4
-      lodash-es: 4.17.21
-      marked: 12.0.2
-      marked-terminal: 7.2.1(marked@12.0.2)
-      micromatch: 4.0.8
-      p-each-series: 3.0.0
-      p-reduce: 3.0.0
-      read-package-up: 11.0.0
-      resolve-from: 5.0.0
-      semver: 7.6.3
-      semver-diff: 4.0.0
-      signale: 1.4.0
-      yargs: 17.7.2
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  semver-diff@4.0.0:
-    dependencies:
-      semver: 7.6.3
-
-  semver-regex@4.0.5: {}
-
   semver@6.3.1: {}
 
   semver@7.6.3: {}
@@ -4355,46 +2614,18 @@ snapshots:
 
   signal-exit@3.0.7: {}
 
-  signal-exit@4.1.0: {}
-
-  signale@1.4.0:
-    dependencies:
-      chalk: 2.4.2
-      figures: 2.0.0
-      pkg-conf: 2.1.0
-
   sirv@3.0.0:
     dependencies:
       '@polka/url': 1.0.0-next.28
       mrmime: 2.0.0
       totalist: 3.0.1
 
-  skin-tone@2.0.0:
-    dependencies:
-      unicode-emoji-modifier-base: 1.0.0
-
-  slash@5.1.0: {}
-
   slashes@3.0.12: {}
 
   source-map-js@1.2.1: {}
 
-  source-map@0.6.1: {}
-
-  spawn-error-forwarder@1.0.0: {}
-
-  spdx-correct@3.2.0:
-    dependencies:
-      spdx-expression-parse: 3.0.1
-      spdx-license-ids: 3.0.20
-
   spdx-exceptions@2.5.0: {}
 
-  spdx-expression-parse@3.0.1:
-    dependencies:
-      spdx-exceptions: 2.5.0
-      spdx-license-ids: 3.0.20
-
   spdx-expression-parse@4.0.0:
     dependencies:
       spdx-exceptions: 2.5.0
@@ -4402,27 +2633,12 @@ snapshots:
 
   spdx-license-ids@3.0.20: {}
 
-  split2@1.0.0:
-    dependencies:
-      through2: 2.0.5
-
-  split2@4.2.0: {}
-
-  stream-combiner2@1.1.1:
-    dependencies:
-      duplexer2: 0.1.4
-      readable-stream: 2.3.8
-
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
       is-fullwidth-code-point: 3.0.0
       strip-ansi: 6.0.1
 
-  string_decoder@1.1.1:
-    dependencies:
-      safe-buffer: 5.1.2
-
   string_decoder@1.3.0:
     dependencies:
       safe-buffer: 5.2.1
@@ -4431,14 +2647,6 @@ snapshots:
     dependencies:
       ansi-regex: 5.0.1
 
-  strip-bom@3.0.0: {}
-
-  strip-final-newline@3.0.0: {}
-
-  strip-final-newline@4.0.0: {}
-
-  strip-json-comments@2.0.1: {}
-
   strip-json-comments@3.1.1: {}
 
   stripe@8.222.0:
@@ -4446,24 +2654,10 @@ snapshots:
       '@types/node': 22.8.5
       qs: 6.13.0
 
-  super-regex@1.0.0:
-    dependencies:
-      function-timeout: 1.0.2
-      time-span: 5.1.0
-
-  supports-color@5.5.0:
-    dependencies:
-      has-flag: 3.0.0
-
   supports-color@7.2.0:
     dependencies:
       has-flag: 4.0.0
 
-  supports-hyperlinks@3.1.0:
-    dependencies:
-      has-flag: 4.0.0
-      supports-color: 7.2.0
-
   svelte-eslint-parser@0.42.0(svelte@5.2.7):
     dependencies:
       eslint-scope: 7.2.2
@@ -4521,38 +2715,8 @@ snapshots:
       mkdirp: 1.0.4
       yallist: 4.0.0
 
-  temp-dir@3.0.0: {}
-
-  tempy@3.1.0:
-    dependencies:
-      is-stream: 3.0.0
-      temp-dir: 3.0.0
-      type-fest: 2.19.0
-      unique-string: 3.0.0
-
-  text-extensions@2.4.0: {}
-
   text-table@0.2.0: {}
 
-  thenify-all@1.6.0:
-    dependencies:
-      thenify: 3.3.1
-
-  thenify@3.3.1:
-    dependencies:
-      any-promise: 1.3.0
-
-  through2@2.0.5:
-    dependencies:
-      readable-stream: 2.3.8
-      xtend: 4.0.2
-
-  through@2.3.8: {}
-
-  time-span@5.1.0:
-    dependencies:
-      convert-hrtime: 5.0.0
-
   tiny-glob@0.2.9:
     dependencies:
       globalyzer: 0.1.0
@@ -4566,8 +2730,6 @@ snapshots:
 
   tr46@0.0.3: {}
 
-  traverse@0.6.8: {}
-
   trough@2.2.0: {}
 
   tslib@2.8.0: {}
@@ -4578,25 +2740,10 @@ snapshots:
 
   type-fest@0.20.2: {}
 
-  type-fest@1.4.0: {}
-
-  type-fest@2.19.0: {}
-
-  type-fest@4.26.1: {}
-
   typescript@5.6.3: {}
 
-  uglify-js@3.19.3:
-    optional: true
-
   undici-types@6.19.8: {}
 
-  unicode-emoji-modifier-base@1.0.0: {}
-
-  unicorn-magic@0.1.0: {}
-
-  unicorn-magic@0.3.0: {}
-
   unified@11.0.5:
     dependencies:
       '@types/unist': 3.0.3
@@ -4607,10 +2754,6 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unique-string@3.0.0:
-    dependencies:
-      crypto-random-string: 4.0.0
-
   unist-util-is@6.0.0:
     dependencies:
       '@types/unist': 3.0.3
@@ -4634,23 +2777,12 @@ snapshots:
       unist-util-is: 6.0.0
       unist-util-visit-parents: 6.0.1
 
-  universal-user-agent@7.0.2: {}
-
-  universalify@2.0.1: {}
-
   uri-js@4.4.1:
     dependencies:
       punycode: 2.3.1
 
-  url-join@5.0.0: {}
-
   util-deprecate@1.0.2: {}
 
-  validate-npm-package-license@3.0.4:
-    dependencies:
-      spdx-correct: 3.2.0
-      spdx-expression-parse: 3.0.1
-
   vfile-message@2.0.4:
     dependencies:
       '@types/unist': 2.0.11
@@ -4696,50 +2828,12 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
-  wordwrap@1.0.0: {}
-
-  wrap-ansi@7.0.0:
-    dependencies:
-      ansi-styles: 4.3.0
-      string-width: 4.2.3
-      strip-ansi: 6.0.1
-
   wrappy@1.0.2: {}
 
-  xtend@4.0.2: {}
-
-  y18n@5.0.8: {}
-
   yallist@4.0.0: {}
 
   yaml@1.10.2: {}
 
-  yargs-parser@20.2.9: {}
-
-  yargs-parser@21.1.1: {}
-
-  yargs@16.2.0:
-    dependencies:
-      cliui: 7.0.4
-      escalade: 3.2.0
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 20.2.9
-
-  yargs@17.7.2:
-    dependencies:
-      cliui: 8.0.1
-      escalade: 3.2.0
-      get-caller-file: 2.0.5
-      require-directory: 2.1.1
-      string-width: 4.2.3
-      y18n: 5.0.8
-      yargs-parser: 21.1.1
-
   yocto-queue@0.1.0: {}
 
-  yoctocolors@2.1.1: {}
-
   zimmerframe@1.1.2: {}

From 940e55e3e0873304c1cb863139a8b0261d032a0d Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Mon, 2 Dec 2024 16:35:53 -0500
Subject: [PATCH 7/9] Upgrades packaging

---
 .gitignore     |   2 +
 package.json   | 168 ++++++-------------------------------------------
 pnpm-lock.yaml | 109 ++++++++++++++++++++++++++++++++
 tsconfig.json  |  15 +++++
 4 files changed, 146 insertions(+), 148 deletions(-)
 create mode 100644 tsconfig.json

diff --git a/.gitignore b/.gitignore
index e86421e..73125d9 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,8 +1,10 @@
 .DS_Store
 node_modules
 /build
+/dist
 /.svelte-kit
 /package
 .env
 .vercel_build_output
 /.env.development
+/.vercel
diff --git a/package.json b/package.json
index d0017f8..3e9bd92 100644
--- a/package.json
+++ b/package.json
@@ -6,9 +6,11 @@
   "scripts": {
     "dev": "dotenv -c development -- vite dev",
     "build": "dotenv -c development vite build",
-    "package": "svelte-package -o package",
-    "publish": "npm run package && npm publish",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
     "preview": "dotenv -c development vite preview",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --ignore-path .prettierignore --check --plugin-search-dir=. . && eslint --ignore-path .prettierignore .",
     "format": "prettier --ignore-path .prettierignore --write --plugin-search-dir=. ."
   },
@@ -28,10 +30,12 @@
     "prettier": "~3.2.5",
     "prettier-plugin-svelte": "^3.2.6",
     "prismjs": "^1.29.0",
+    "publint": "^0.2.12",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
     "stripe": "^8.222.0",
     "svelte": "^5.0.0",
+    "svelte-check": "^4.1.0",
     "svelte-eslint-parser": "^0.42.0",
     "typescript": "^5.5.0",
     "vite": "^5.4.4"
@@ -51,153 +55,21 @@
   "release": {
     "branches": [
       "main",
-      "next"
+      "next",
+      "svelte-5"
     ]
   },
-  "exports": {
-    "./package.json": "./package.json",
-    "./Address.svelte": {
-      "types": "./package/Address.svelte.d.ts",
-      "svelte": "./package/Address.svelte",
-      "default": "./package/Address.svelte"
-    },
-    "./Card.svelte": {
-      "types": "./package/Card.svelte.d.ts",
-      "svelte": "./package/Card.svelte",
-      "default": "./package/Card.svelte"
-    },
-    "./CardCvc.svelte": {
-      "types": "./package/CardCvc.svelte.d.ts",
-      "svelte": "./package/CardCvc.svelte",
-      "default": "./package/CardCvc.svelte"
-    },
-    "./CardExpiry.svelte": {
-      "types": "./package/CardExpiry.svelte.d.ts",
-      "svelte": "./package/CardExpiry.svelte",
-      "default": "./package/CardExpiry.svelte"
-    },
-    "./CardNumber.svelte": {
-      "types": "./package/CardNumber.svelte.d.ts",
-      "svelte": "./package/CardNumber.svelte",
-      "default": "./package/CardNumber.svelte"
-    },
-    "./Container.svelte": {
-      "types": "./package/Container.svelte.d.ts",
-      "svelte": "./package/Container.svelte",
-      "default": "./package/Container.svelte"
-    },
-    "./Elements.svelte": {
-      "types": "./package/Elements.svelte.d.ts",
-      "svelte": "./package/Elements.svelte",
-      "default": "./package/Elements.svelte"
-    },
-    "./EmbeddedCheckout.svelte": {
-      "types": "./package/EmbeddedCheckout.svelte.d.ts",
-      "svelte": "./package/EmbeddedCheckout.svelte",
-      "default": "./package/EmbeddedCheckout.svelte"
-    },
-    "./ExpressCheckout.svelte": {
-      "types": "./package/ExpressCheckout.svelte.d.ts",
-      "svelte": "./package/ExpressCheckout.svelte",
-      "default": "./package/ExpressCheckout.svelte"
-    },
-    "./Iban.svelte": {
-      "types": "./package/Iban.svelte.d.ts",
-      "svelte": "./package/Iban.svelte",
-      "default": "./package/Iban.svelte"
-    },
-    "./Ideal.svelte": {
-      "types": "./package/Ideal.svelte.d.ts",
-      "svelte": "./package/Ideal.svelte",
-      "default": "./package/Ideal.svelte"
-    },
-    "./LinkAuthenticationElement.svelte": {
-      "types": "./package/LinkAuthenticationElement.svelte.d.ts",
-      "svelte": "./package/LinkAuthenticationElement.svelte",
-      "default": "./package/LinkAuthenticationElement.svelte"
-    },
-    "./PaymentElement.svelte": {
-      "types": "./package/PaymentElement.svelte.d.ts",
-      "svelte": "./package/PaymentElement.svelte",
-      "default": "./package/PaymentElement.svelte"
-    },
-    "./PaymentMethodMessaging.svelte": {
-      "types": "./package/PaymentMethodMessaging.svelte.d.ts",
-      "svelte": "./package/PaymentMethodMessaging.svelte",
-      "default": "./package/PaymentMethodMessaging.svelte"
-    },
-    "./PaymentRequestButton.svelte": {
-      "types": "./package/PaymentRequestButton.svelte.d.ts",
-      "svelte": "./package/PaymentRequestButton.svelte",
-      "default": "./package/PaymentRequestButton.svelte"
-    },
-    ".": {
-      "types": "./package/index.d.ts",
-      "svelte": "./package/index.js",
-      "default": "./package/index.js"
-    },
-    "./util": {
-      "types": "./package/util.d.ts",
-      "default": "./package/util.js"
-    }
-  },
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"svelte": "./dist/index.js"
+		}
+	},
   "files": [
-    "package"
-  ],
-  "svelte": "./package/index.js",
-  "typesVersions": {
-    ">4.0": {
-      "Address.svelte": [
-        "./package/Address.svelte.d.ts"
-      ],
-      "Card.svelte": [
-        "./package/Card.svelte.d.ts"
-      ],
-      "CardCvc.svelte": [
-        "./package/CardCvc.svelte.d.ts"
-      ],
-      "CardExpiry.svelte": [
-        "./package/CardExpiry.svelte.d.ts"
-      ],
-      "CardNumber.svelte": [
-        "./package/CardNumber.svelte.d.ts"
-      ],
-      "Container.svelte": [
-        "./package/Container.svelte.d.ts"
-      ],
-      "Elements.svelte": [
-        "./package/Elements.svelte.d.ts"
-      ],
-      "EmbeddedCheckout.svelte": [
-        "./package/EmbeddedCheckout.svelte.d.ts"
-      ],
-      "ExpressCheckout.svelte": [
-        "./package/ExpressCheckout.svelte.d.ts"
-      ],
-      "Iban.svelte": [
-        "./package/Iban.svelte.d.ts"
-      ],
-      "Ideal.svelte": [
-        "./package/Ideal.svelte.d.ts"
-      ],
-      "LinkAuthenticationElement.svelte": [
-        "./package/LinkAuthenticationElement.svelte.d.ts"
-      ],
-      "PaymentElement.svelte": [
-        "./package/PaymentElement.svelte.d.ts"
-      ],
-      "PaymentMethodMessaging.svelte": [
-        "./package/PaymentMethodMessaging.svelte.d.ts"
-      ],
-      "PaymentRequestButton.svelte": [
-        "./package/PaymentRequestButton.svelte.d.ts"
-      ],
-      "index.d.ts": [
-        "./package/index.d.ts"
-      ],
-      "util": [
-        "./package/util.d.ts"
-      ]
-    }
-  }
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ]
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5648168..5e0c25e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,6 +53,9 @@ importers:
       prismjs:
         specifier: ^1.29.0
         version: 1.29.0
+      publint:
+        specifier: ^0.2.12
+        version: 0.2.12
       rehype-autolink-headings:
         specifier: ^7.1.0
         version: 7.1.0
@@ -65,6 +68,9 @@ importers:
       svelte:
         specifier: ^5.0.0
         version: 5.2.7
+      svelte-check:
+        specifier: ^4.1.0
+        version: 4.1.0(svelte@5.2.7)(typescript@5.6.3)
       svelte-eslint-parser:
         specifier: ^0.42.0
         version: 0.42.0(svelte@5.2.7)
@@ -537,6 +543,9 @@ packages:
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
 
+  brace-expansion@2.0.1:
+    resolution: {integrity: sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==}
+
   braces@3.0.3:
     resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
     engines: {node: '>=8'}
@@ -768,6 +777,14 @@ packages:
   fastq@1.17.1:
     resolution: {integrity: sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==}
 
+  fdir@6.4.2:
+    resolution: {integrity: sha512-KnhMXsKSPZlAhp7+IjUkRZKPb4fUyccpDrdFXbi4QL1qkmFh9kVY09Yox+n4MaOb3lHZ1Tv829C3oaaXoMYPDQ==}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
   file-entry-cache@6.0.1:
     resolution: {integrity: sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==}
     engines: {node: ^10.12.0 || >=12.0.0}
@@ -825,6 +842,11 @@ packages:
     resolution: {integrity: sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==}
     deprecated: Glob versions prior to v9 are no longer supported
 
+  glob@8.1.0:
+    resolution: {integrity: sha512-r8hpEjiQEYlF2QU0df3dS+nxxSIreXQS1qRhMJM0Q5NDdR386C7jb7Hwwod8Fgiuex+k0GFjgft18yvxm5XoCQ==}
+    engines: {node: '>=12'}
+    deprecated: Glob versions prior to v9 are no longer supported
+
   globals@13.24.0:
     resolution: {integrity: sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==}
     engines: {node: '>=8'}
@@ -879,6 +901,10 @@ packages:
     resolution: {integrity: sha512-dFcAjpTQFgoLMzC2VwU+C/CbS7uRL0lWmxDITmqm7C+7F0Odmj6s9l6alZc6AELXhrnggM2CeWSXHGOdX2YtwA==}
     engines: {node: '>= 6'}
 
+  ignore-walk@5.0.1:
+    resolution: {integrity: sha512-yemi4pMf51WKT7khInJqAvsIGzoqYXblnsz0ql8tM+yi1EKYTY1evX4NAbJrLL/Aanr2HyZeluqU+Oi7MGHokw==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+
   ignore@5.3.2:
     resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
     engines: {node: '>= 4'}
@@ -998,6 +1024,10 @@ packages:
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
+  minimatch@5.1.6:
+    resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
+    engines: {node: '>=10'}
+
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -1058,6 +1088,19 @@ packages:
     engines: {node: '>=6'}
     hasBin: true
 
+  npm-bundled@2.0.1:
+    resolution: {integrity: sha512-gZLxXdjEzE/+mOstGDqR6b0EkhJ+kM6fxM6vUuckuctuVPh80Q6pw/rSZj9s4Gex9GxWtIicO1pc8DB9KZWudw==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+
+  npm-normalize-package-bin@2.0.0:
+    resolution: {integrity: sha512-awzfKUO7v0FscrSpRoogyNm0sajikhBWpU0QMrW09AMi9n1PoKU6WaIqUzuJSQnpciZZmJ/jMZ2Egfmb/9LiWQ==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+
+  npm-packlist@5.1.3:
+    resolution: {integrity: sha512-263/0NGrn32YFYi4J533qzrQ/krmmrWwhKkzwTuM4f/07ug51odoaNjUexxO4vxlzURHcmYMH1QjvHjsNDKLVg==}
+    engines: {node: ^12.13.0 || ^14.15.0 || >=16.0.0}
+    hasBin: true
+
   npmlog@5.0.1:
     resolution: {integrity: sha512-AqZtDUWOMKs1G/8lwylVjrdYgqA4d9nu8hc+0gzRxlDb1I10+FHBGMXs6aiQHFdCUUlqH99MUMuLfzWDNDtfxw==}
     deprecated: This package is no longer supported.
@@ -1169,6 +1212,11 @@ packages:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
 
+  publint@0.2.12:
+    resolution: {integrity: sha512-YNeUtCVeM4j9nDiTT2OPczmlyzOkIXNtdDZnSuajAxS/nZ6j3t7Vs9SUB4euQNddiltIwu7Tdd3s+hr08fAsMw==}
+    engines: {node: '>=16'}
+    hasBin: true
+
   punycode@2.3.1:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
@@ -1303,6 +1351,14 @@ packages:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
     engines: {node: '>=8'}
 
+  svelte-check@4.1.0:
+    resolution: {integrity: sha512-AflEZYqI578KuDZcpcorPSf597LStxlkN7XqXi38u09zlHODVKd7c+7OuubGzbhgGRUqNTdQCZ+Ga96iRXEf2g==}
+    engines: {node: '>= 18.0.0'}
+    hasBin: true
+    peerDependencies:
+      svelte: ^4.0.0 || ^5.0.0-next.0
+      typescript: '>=5.0.0'
+
   svelte-eslint-parser@0.42.0:
     resolution: {integrity: sha512-e7LyqFPTuF43ZYhKOf0Gq1lzP+G64iWVJXAIcwVxohGx5FFyqdUkw7DEXNjZ+Fm+TAA98zPmDqWvgD1OpyMi5A==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -1876,6 +1932,10 @@ snapshots:
       balanced-match: 1.0.2
       concat-map: 0.0.1
 
+  brace-expansion@2.0.1:
+    dependencies:
+      balanced-match: 1.0.2
+
   braces@3.0.3:
     dependencies:
       fill-range: 7.1.1
@@ -2148,6 +2208,8 @@ snapshots:
     dependencies:
       reusify: 1.0.4
 
+  fdir@6.4.2: {}
+
   file-entry-cache@6.0.1:
     dependencies:
       flat-cache: 3.2.0
@@ -2217,6 +2279,14 @@ snapshots:
       once: 1.4.0
       path-is-absolute: 1.0.1
 
+  glob@8.1.0:
+    dependencies:
+      fs.realpath: 1.0.0
+      inflight: 1.0.6
+      inherits: 2.0.4
+      minimatch: 5.1.6
+      once: 1.4.0
+
   globals@13.24.0:
     dependencies:
       type-fest: 0.20.2
@@ -2268,6 +2338,10 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  ignore-walk@5.0.1:
+    dependencies:
+      minimatch: 5.1.6
+
   ignore@5.3.2: {}
 
   import-fresh@3.3.0:
@@ -2370,6 +2444,10 @@ snapshots:
     dependencies:
       brace-expansion: 1.1.11
 
+  minimatch@5.1.6:
+    dependencies:
+      brace-expansion: 2.0.1
+
   minimist@1.2.8: {}
 
   minipass@3.3.6:
@@ -2410,6 +2488,19 @@ snapshots:
     dependencies:
       abbrev: 1.1.1
 
+  npm-bundled@2.0.1:
+    dependencies:
+      npm-normalize-package-bin: 2.0.0
+
+  npm-normalize-package-bin@2.0.0: {}
+
+  npm-packlist@5.1.3:
+    dependencies:
+      glob: 8.1.0
+      ignore-walk: 5.0.1
+      npm-bundled: 2.0.1
+      npm-normalize-package-bin: 2.0.0
+
   npmlog@5.0.1:
     dependencies:
       are-we-there-yet: 2.0.0
@@ -2505,6 +2596,12 @@ snapshots:
 
   prismjs@1.29.0: {}
 
+  publint@0.2.12:
+    dependencies:
+      npm-packlist: 5.1.3
+      picocolors: 1.1.1
+      sade: 1.8.1
+
   punycode@2.3.1: {}
 
   qs@6.13.0:
@@ -2658,6 +2755,18 @@ snapshots:
     dependencies:
       has-flag: 4.0.0
 
+  svelte-check@4.1.0(svelte@5.2.7)(typescript@5.6.3):
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.25
+      chokidar: 4.0.1
+      fdir: 6.4.2
+      picocolors: 1.1.1
+      sade: 1.8.1
+      svelte: 5.2.7
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - picomatch
+
   svelte-eslint-parser@0.42.0(svelte@5.2.7):
     dependencies:
       eslint-scope: 7.2.2
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..6f788f1
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,15 @@
+{
+	"extends": "./.svelte-kit/tsconfig.json",
+	"compilerOptions": {
+		"allowJs": true,
+		"checkJs": true,
+		"esModuleInterop": true,
+		"forceConsistentCasingInFileNames": true,
+		"resolveJsonModule": true,
+		"skipLibCheck": true,
+		"sourceMap": true,
+		"strict": true,
+		"module": "NodeNext",
+		"moduleResolution": "NodeNext"
+	}
+}

From cf3ec862f9420e77fea35bd7a267f23e142b7d71 Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Tue, 3 Dec 2024 17:16:51 -0500
Subject: [PATCH 8/9] Converts project to TypeScript

---
 .prettierrc                                   |  11 +-
 README.md                                     |   9 +-
 package.json                                  |  19 +-
 pnpm-lock.yaml                                | 248 ++++++++++++++++--
 src/lib/Address.svelte                        |  87 +++---
 src/lib/Card.svelte                           |  83 +++---
 src/lib/CardCvc.svelte                        |  69 +++--
 src/lib/CardExpiry.svelte                     |  69 +++--
 src/lib/CardNumber.svelte                     |  75 +++---
 src/lib/Elements.svelte                       |   4 +-
 src/lib/EmbeddedCheckout.svelte               |  36 +--
 src/lib/ExpressCheckout.svelte                |  95 ++++---
 src/lib/Iban.svelte                           |  70 +++--
 src/lib/Ideal.svelte                          |  70 +++--
 src/lib/LinkAuthenticationElement.svelte      |  72 +++--
 src/lib/PaymentElement.svelte                 |  81 ++++--
 src/lib/PaymentMethodMessaging.svelte         |  62 +++--
 src/lib/PaymentRequestButton.svelte           |  61 -----
 src/lib/{types.d.ts => d.ts}                  |   2 +-
 src/lib/{index.js => index.ts}                |   3 +-
 src/lib/util.js                               |  39 ---
 src/lib/util.ts                               |  12 +
 src/routes/+layout.svelte                     |   9 +-
 src/routes/+page.md                           |  87 ++++--
 .../examples/afterpay-clearpay/+page.svelte   |  13 +-
 .../examples/afterpay-clearpay/Address.svelte |  21 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 .../return/{+server.js => +server.ts}         |   5 +-
 src/routes/examples/alipay/+page.svelte       |  13 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 .../alipay/return/{+server.js => +server.ts}  |   5 +-
 src/routes/examples/credit-card/+page.svelte  |  21 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 .../webhooks/{+server.js => +server.ts}       |   5 +-
 .../{+page.server.js => +page.server.ts}      |   2 +-
 .../examples/embedded-checkout/+page.svelte   |  11 +-
 .../examples/express-checkout/+page.svelte    |  31 ++-
 .../payment-intent/{+server.js => +server.ts} |   0
 src/routes/examples/ideal/+page.svelte        |  21 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 .../ideal/return/{+server.js => +server.ts}   |   7 +-
 src/routes/examples/klarna/+page.svelte       |  18 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 .../klarna/return/{+server.js => +server.ts}  |   7 +-
 src/routes/examples/konbini/+page.svelte      |  26 +-
 .../examples/konbini/next-steps/+page.js      |   1 -
 .../examples/konbini/next-steps/+page.svelte  |  14 -
 .../payment-intent/{+server.js => +server.ts} |   0
 .../examples/payment-element/+page.svelte     |  30 +--
 .../payment-intent/{+server.js => +server.ts} |   0
 .../payment-method-messaging/+page.svelte     |   9 +-
 .../examples/payment-request/+page.svelte     |  92 -------
 .../payment-request/payment-intent/+server.js |  17 --
 .../payment-request/thanks/+page.svelte       |   2 -
 src/routes/examples/sepa/+page.svelte         |  23 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 src/routes/examples/sofort/+page.svelte       |  18 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 .../sofort/return/{+server.js => +server.ts}  |   7 +-
 src/routes/examples/wechat-pay/+page.svelte   |  15 +-
 .../payment-intent/{+server.js => +server.ts} |   0
 vite.config.js => vite.config.ts              |   0
 62 files changed, 1031 insertions(+), 776 deletions(-)
 delete mode 100644 src/lib/PaymentRequestButton.svelte
 rename src/lib/{types.d.ts => d.ts} (76%)
 rename src/lib/{index.js => index.ts} (87%)
 delete mode 100644 src/lib/util.js
 create mode 100644 src/lib/util.ts
 rename src/routes/examples/afterpay-clearpay/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/afterpay-clearpay/return/{+server.js => +server.ts} (86%)
 rename src/routes/examples/alipay/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/alipay/return/{+server.js => +server.ts} (86%)
 rename src/routes/examples/credit-card/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/credit-card/webhooks/{+server.js => +server.ts} (90%)
 rename src/routes/examples/embedded-checkout/{+page.server.js => +page.server.ts} (86%)
 rename src/routes/examples/express-checkout/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/ideal/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/ideal/return/{+server.js => +server.ts} (85%)
 rename src/routes/examples/klarna/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/klarna/return/{+server.js => +server.ts} (85%)
 delete mode 100644 src/routes/examples/konbini/next-steps/+page.js
 delete mode 100644 src/routes/examples/konbini/next-steps/+page.svelte
 rename src/routes/examples/konbini/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/payment-element/payment-intent/{+server.js => +server.ts} (100%)
 delete mode 100644 src/routes/examples/payment-request/+page.svelte
 delete mode 100644 src/routes/examples/payment-request/payment-intent/+server.js
 delete mode 100644 src/routes/examples/payment-request/thanks/+page.svelte
 rename src/routes/examples/sepa/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/sofort/payment-intent/{+server.js => +server.ts} (100%)
 rename src/routes/examples/sofort/return/{+server.js => +server.ts} (85%)
 rename src/routes/examples/wechat-pay/payment-intent/{+server.js => +server.ts} (100%)
 rename vite.config.js => vite.config.ts (100%)

diff --git a/.prettierrc b/.prettierrc
index 2ac3a83..06ad66e 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -4,5 +4,14 @@
   "semi": false,
   "singleQuote": true,
   "trailingComma": "none",
-  "printWidth": 100
+  "printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [
+		{
+			"files": "*.svelte",
+			"options": {
+				"parser": "svelte"
+			}
+		}
+	]
 }
diff --git a/README.md b/README.md
index 3244d24..edbb38a 100644
--- a/README.md
+++ b/README.md
@@ -15,11 +15,10 @@ The following components are provided:
 - `<CardExpiry/>`: Input field for the card's expiration date.
 - `<CardCvc/>`: Input field for Card Verification Value.
 - `<Card/>`: All-in-one component that has inputs for card number, expiry, cvc, and zip code.
-- `<PaymentRequestButton/>`: A GooglePay, ApplePay, or Link checkout button, depending on browser and user preferences.
 - `<Iban/>`: Input field for IBAN (International bank account number).
 - `<Ideal/>`: Input field for iDEAL (payment system used in the Netherlands).
 - `<PaymentElement/>`: All-in-one component that allows the user to choose the type of payment.
-- `<ExpressCheckout/>`: Pay with a wallet without leaving the page.
+- `<ExpressCheckout/>`: Pay with a wallet without leaving the page using GooglePay, ApplePay, or Link.
 - `<LinkAuthenticationElement/>`: Ability to use saved payment methods stored in [Link](https://link.co).
 - `<Address/>`: Component for collecting billing and shipping addresses.
 
@@ -32,9 +31,9 @@ There is example code for:
 - [Embedded Checkout](src/routes/examples/embedded-checkout)
 - [Link](src/routes/examples/payment-element)
 - [Credit card](src/routes/examples/credit-card)
-- [GooglePay](src/routes/examples/payment-request)
-- [ApplePay](src/routes/examples/payment-request)
-- [MicrosoftPay](src/routes/examples/payment-request)
+- [GooglePay](src/routes/examples/express-checkout)
+- [ApplePay](src/routes/examples/express-checkout)
+- [MicrosoftPay](src/routes/examples/express-checkout)
 - [SEPA direct deposit](src/routes/examples/sepa)
 - [iDEAL](src/routes/examples/ideal)
 - [Alipay](src/routes/examples/alipay)
diff --git a/package.json b/package.json
index 3e9bd92..89e36b2 100644
--- a/package.json
+++ b/package.json
@@ -15,12 +15,12 @@
     "format": "prettier --ignore-path .prettierignore --write --plugin-search-dir=. ."
   },
   "devDependencies": {
-    "@stripe/stripe-js": "^3.3.0",
+    "@stripe/stripe-js": "^5.2.0",
     "@sveltejs/adapter-vercel": "^5.3.0",
     "@sveltejs/kit": "^2.5.27",
     "@sveltejs/package": "^2.3.7",
     "@sveltejs/vite-plugin-svelte": "^4.0.0",
-    "@vitejs/plugin-basic-ssl": "^1.1.0",
+    "@vitejs/plugin-basic-ssl": "^1.2.0",
     "dotenv-cli": "^7.4.1",
     "eslint": "^8.57.0",
     "eslint-config-prettier": "^8.10.0",
@@ -33,11 +33,12 @@
     "publint": "^0.2.12",
     "rehype-autolink-headings": "^7.1.0",
     "rehype-slug": "^6.0.0",
-    "stripe": "^8.222.0",
+    "stripe": "^17",
     "svelte": "^5.0.0",
     "svelte-check": "^4.1.0",
     "svelte-eslint-parser": "^0.42.0",
     "typescript": "^5.5.0",
+    "typescript-eslint": "^8.17.0",
     "vite": "^5.4.4"
   },
   "peerDependencies": {
@@ -61,12 +62,12 @@
   },
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
-	"exports": {
-		".": {
-			"types": "./dist/index.d.ts",
-			"svelte": "./dist/index.js"
-		}
-	},
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
   "files": [
     "dist",
     "!dist/**/*.test.*",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5e0c25e..c3076cb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     devDependencies:
       '@stripe/stripe-js':
-        specifier: ^3.3.0
-        version: 3.5.0
+        specifier: ^5.2.0
+        version: 5.2.0
       '@sveltejs/adapter-vercel':
         specifier: ^5.3.0
         version: 5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))
@@ -24,8 +24,8 @@ importers:
         specifier: ^4.0.0
         version: 4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5))
       '@vitejs/plugin-basic-ssl':
-        specifier: ^1.1.0
-        version: 1.1.0(vite@5.4.10(@types/node@22.8.5))
+        specifier: ^1.2.0
+        version: 1.2.0(vite@5.4.10(@types/node@22.8.5))
       dotenv-cli:
         specifier: ^7.4.1
         version: 7.4.2
@@ -63,8 +63,8 @@ importers:
         specifier: ^6.0.0
         version: 6.0.0
       stripe:
-        specifier: ^8.222.0
-        version: 8.222.0
+        specifier: ^17
+        version: 17.4.0
       svelte:
         specifier: ^5.0.0
         version: 5.2.7
@@ -77,6 +77,9 @@ importers:
       typescript:
         specifier: ^5.5.0
         version: 5.6.3
+      typescript-eslint:
+        specifier: ^8.17.0
+        version: 8.17.0(eslint@8.57.1)(typescript@5.6.3)
       vite:
         specifier: ^5.4.4
         version: 5.4.10(@types/node@22.8.5)
@@ -395,8 +398,8 @@ packages:
     cpu: [x64]
     os: [win32]
 
-  '@stripe/stripe-js@3.5.0':
-    resolution: {integrity: sha512-pKS3wZnJoL1iTyGBXAvCwduNNeghJHY6QSRSNNvpYnrrQrLZ6Owsazjyynu0e0ObRgks0i7Rv+pe2M7/MBTZpQ==}
+  '@stripe/stripe-js@5.2.0':
+    resolution: {integrity: sha512-2ZpEaezx3S0QPtnske175NDaLvUvaVKd4ePHpUN0QF/uV4BBBBRUy5BvQONDym+utbbW0QhSJoiRPnp4FS+4Vg==}
     engines: {node: '>=12.16'}
 
   '@sveltejs/adapter-vercel@5.4.6':
@@ -453,6 +456,68 @@ packages:
   '@types/unist@3.0.3':
     resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
 
+  '@typescript-eslint/eslint-plugin@8.17.0':
+    resolution: {integrity: sha512-HU1KAdW3Tt8zQkdvNoIijfWDMvdSweFYm4hWh+KwhPstv+sCmWb89hCIP8msFm9N1R/ooh9honpSuvqKWlYy3w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      '@typescript-eslint/parser': ^8.0.0 || ^8.0.0-alpha.0
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/parser@8.17.0':
+    resolution: {integrity: sha512-Drp39TXuUlD49F7ilHHCG7TTg8IkA+hxCuULdmzWYICxGXvDXmDmWEjJYZQYgf6l/TFfYNE167m7isnc3xlIEg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/scope-manager@8.17.0':
+    resolution: {integrity: sha512-/ewp4XjvnxaREtqsZjF4Mfn078RD/9GmiEAtTeLQ7yFdKnqwTOgRMSvFz4et9U5RiJQ15WTGXPLj89zGusvxBg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/type-utils@8.17.0':
+    resolution: {integrity: sha512-q38llWJYPd63rRnJ6wY/ZQqIzPrBCkPdpIsaCfkR3Q4t3p6sb422zougfad4TFW9+ElIFLVDzWGiGAfbb/v2qw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/types@8.17.0':
+    resolution: {integrity: sha512-gY2TVzeve3z6crqh2Ic7Cr+CAv6pfb0Egee7J5UAVWCpVvDI/F71wNfolIim4FE6hT15EbpZFVUj9j5i38jYXA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@typescript-eslint/typescript-estree@8.17.0':
+    resolution: {integrity: sha512-JqkOopc1nRKZpX+opvKqnM3XUlM7LpFMD0lYxTqOTKQfCWAmxw45e3qlOCsEqEB2yuacujivudOFpCnqkBDNMw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/utils@8.17.0':
+    resolution: {integrity: sha512-bQC8BnEkxqG8HBGKwG9wXlZqg37RKSMY7v/X8VEWD8JG2JuTHuNK0VFvMPMUKQcbk6B+tf05k+4AShAEtCtJ/w==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  '@typescript-eslint/visitor-keys@8.17.0':
+    resolution: {integrity: sha512-1Hm7THLpO6ww5QU6H/Qp+AusUUl+z/CAm3cNZZ0jQvon9yicgO7Rwd+/WWRpMKLYV6p2UvdbR27c86rzCPpreg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
@@ -461,11 +526,11 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  '@vitejs/plugin-basic-ssl@1.1.0':
-    resolution: {integrity: sha512-wO4Dk/rm8u7RNhOf95ZzcEmC9rYOncYgvq4z3duaJrCgjN8BxAnDVyndanfcJZ0O6XZzHz6Q0hTimxTg8Y9g/A==}
-    engines: {node: '>=14.6.0'}
+  '@vitejs/plugin-basic-ssl@1.2.0':
+    resolution: {integrity: sha512-mkQnxTkcldAzIsomk1UuLfAu9n+kpQ3JbHcpCp7d2Oo6ITtji8pHS3QToOWjhPFvNQSnhlkAjmGbhv2QvwO/7Q==}
+    engines: {node: '>=14.21.3'}
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0
 
   abbrev@1.1.1:
     resolution: {integrity: sha512-nne9/IiQ/hzIhY6pdDnbBtz7DjPTKrY00P/zvPSm5pOFkl6xuGrGnXn/VtTNNfNtAfZ9/1RtehkszU9qcTii0Q==}
@@ -768,6 +833,10 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-glob@3.3.2:
+    resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
+    engines: {node: '>=8.6.0'}
+
   fast-json-stable-stringify@2.1.0:
     resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
 
@@ -834,6 +903,10 @@ packages:
   github-slugger@2.0.0:
     resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
 
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
   glob-parent@6.0.2:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
@@ -1017,6 +1090,10 @@ packages:
     peerDependencies:
       svelte: ^3.56.0 || ^4.0.0 || ^5.0.0-next.120
 
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -1028,6 +1105,10 @@ packages:
     resolution: {integrity: sha512-lKwV/1brpG6mBUFHtb7NUmtABCb2WZZmm2wNiOA5hAb8VdCS4B3dtMWyvcoViccwAW/COERjXLt0zP1zXUN26g==}
     engines: {node: '>=10'}
 
+  minimatch@9.0.5:
+    resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
   minimist@1.2.8:
     resolution: {integrity: sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==}
 
@@ -1343,9 +1424,9 @@ packages:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
 
-  stripe@8.222.0:
-    resolution: {integrity: sha512-hrA79fjmN2Eb6K3kxkDzU4ODeVGGjXQsuVaAPSUro6I9MM3X+BvIsVqdphm3BXWfimAGFvUqWtPtHy25mICY1w==}
-    engines: {node: ^8.1 || >=10.*}
+  stripe@17.4.0:
+    resolution: {integrity: sha512-sQQGZguPxe7/QYXJKtDpfzT2OAH9F8nyE2SOsVdTU793iiU33/dpaKgWaJEGJm8396Yy/6NvTLblgdHlueGLhA==}
+    engines: {node: '>=12.*'}
 
   supports-color@7.2.0:
     resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==}
@@ -1415,6 +1496,12 @@ packages:
   trough@2.2.0:
     resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
 
+  ts-api-utils@1.4.3:
+    resolution: {integrity: sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==}
+    engines: {node: '>=16'}
+    peerDependencies:
+      typescript: '>=4.2.0'
+
   tslib@2.8.0:
     resolution: {integrity: sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==}
 
@@ -1426,6 +1513,16 @@ packages:
     resolution: {integrity: sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==}
     engines: {node: '>=10'}
 
+  typescript-eslint@8.17.0:
+    resolution: {integrity: sha512-409VXvFd/f1br1DCbuKNFqQpXICoTB+V51afcwG1pn1a3Cp92MqAUges3YjwEdQ0cMUoCIodjVDAYzyD8h3SYA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    peerDependencies:
+      eslint: ^8.57.0 || ^9.0.0
+      typescript: '*'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
   typescript@5.6.3:
     resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
     engines: {node: '>=14.17'}
@@ -1765,7 +1862,7 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.24.3':
     optional: true
 
-  '@stripe/stripe-js@3.5.0': {}
+  '@stripe/stripe-js@5.2.0': {}
 
   '@sveltejs/adapter-vercel@5.4.6(@sveltejs/kit@2.7.3(@sveltejs/vite-plugin-svelte@4.0.2(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))(svelte@5.2.7)(vite@5.4.10(@types/node@22.8.5)))':
     dependencies:
@@ -1843,6 +1940,88 @@ snapshots:
 
   '@types/unist@3.0.3': {}
 
+  '@typescript-eslint/eslint-plugin@8.17.0(@typescript-eslint/parser@8.17.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.1
+      '@typescript-eslint/parser': 8.17.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/scope-manager': 8.17.0
+      '@typescript-eslint/type-utils': 8.17.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.17.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.17.0
+      eslint: 8.57.1
+      graphemer: 1.4.0
+      ignore: 5.3.2
+      natural-compare: 1.4.0
+      ts-api-utils: 1.4.3(typescript@5.6.3)
+    optionalDependencies:
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/parser@8.17.0(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.17.0
+      '@typescript-eslint/types': 8.17.0
+      '@typescript-eslint/typescript-estree': 8.17.0(typescript@5.6.3)
+      '@typescript-eslint/visitor-keys': 8.17.0
+      debug: 4.3.7
+      eslint: 8.57.1
+    optionalDependencies:
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/scope-manager@8.17.0':
+    dependencies:
+      '@typescript-eslint/types': 8.17.0
+      '@typescript-eslint/visitor-keys': 8.17.0
+
+  '@typescript-eslint/type-utils@8.17.0(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@typescript-eslint/typescript-estree': 8.17.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.17.0(eslint@8.57.1)(typescript@5.6.3)
+      debug: 4.3.7
+      eslint: 8.57.1
+      ts-api-utils: 1.4.3(typescript@5.6.3)
+    optionalDependencies:
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/types@8.17.0': {}
+
+  '@typescript-eslint/typescript-estree@8.17.0(typescript@5.6.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.17.0
+      '@typescript-eslint/visitor-keys': 8.17.0
+      debug: 4.3.7
+      fast-glob: 3.3.2
+      is-glob: 4.0.3
+      minimatch: 9.0.5
+      semver: 7.6.3
+      ts-api-utils: 1.4.3(typescript@5.6.3)
+    optionalDependencies:
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/utils@8.17.0(eslint@8.57.1)(typescript@5.6.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.4.1(eslint@8.57.1)
+      '@typescript-eslint/scope-manager': 8.17.0
+      '@typescript-eslint/types': 8.17.0
+      '@typescript-eslint/typescript-estree': 8.17.0(typescript@5.6.3)
+      eslint: 8.57.1
+    optionalDependencies:
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@typescript-eslint/visitor-keys@8.17.0':
+    dependencies:
+      '@typescript-eslint/types': 8.17.0
+      eslint-visitor-keys: 4.2.0
+
   '@ungap/structured-clone@1.2.0': {}
 
   '@vercel/nft@0.27.5':
@@ -1863,7 +2042,7 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vitejs/plugin-basic-ssl@1.1.0(vite@5.4.10(@types/node@22.8.5))':
+  '@vitejs/plugin-basic-ssl@1.2.0(vite@5.4.10(@types/node@22.8.5))':
     dependencies:
       vite: 5.4.10(@types/node@22.8.5)
 
@@ -2200,6 +2379,14 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
+  fast-glob@3.3.2:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
   fast-json-stable-stringify@2.1.0: {}
 
   fast-levenshtein@2.0.6: {}
@@ -2266,6 +2453,10 @@ snapshots:
 
   github-slugger@2.0.0: {}
 
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
   glob-parent@6.0.2:
     dependencies:
       is-glob: 4.0.3
@@ -2435,6 +2626,8 @@ snapshots:
       svelte: 5.2.7
       vfile-message: 2.0.4
 
+  merge2@1.4.1: {}
+
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
@@ -2448,6 +2641,10 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
+  minimatch@9.0.5:
+    dependencies:
+      brace-expansion: 2.0.1
+
   minimist@1.2.8: {}
 
   minipass@3.3.6:
@@ -2746,7 +2943,7 @@ snapshots:
 
   strip-json-comments@3.1.1: {}
 
-  stripe@8.222.0:
+  stripe@17.4.0:
     dependencies:
       '@types/node': 22.8.5
       qs: 6.13.0
@@ -2841,6 +3038,10 @@ snapshots:
 
   trough@2.2.0: {}
 
+  ts-api-utils@1.4.3(typescript@5.6.3):
+    dependencies:
+      typescript: 5.6.3
+
   tslib@2.8.0: {}
 
   type-check@0.4.0:
@@ -2849,6 +3050,17 @@ snapshots:
 
   type-fest@0.20.2: {}
 
+  typescript-eslint@8.17.0(eslint@8.57.1)(typescript@5.6.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.17.0(@typescript-eslint/parser@8.17.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 8.17.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 8.17.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
+    optionalDependencies:
+      typescript: 5.6.3
+    transitivePeerDependencies:
+      - supports-color
+
   typescript@5.6.3: {}
 
   undici-types@6.19.8: {}
diff --git a/src/lib/Address.svelte b/src/lib/Address.svelte
index 58b3006..a849faf 100644
--- a/src/lib/Address.svelte
+++ b/src/lib/Address.svelte
@@ -1,23 +1,28 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
+<script lang="ts">
+  import type { StripeAddressElement as Element, StripeAddressElementOptions as Options, StripeAddressElementChangeEvent as ChangeEvent, StripeError } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
 
-  /** @typedef {import('@stripe/stripe-js').StripeAddressElementOptions} StripeAddressElementOptions */
-
-  /**
-   * @typedef {object} Props
-   * @property {StripeAddressElementOptions["mode"]} mode
-   * @property {StripeAddressElementOptions["allowedCountries"]} [allowedCountries]
-   * @property {StripeAddressElementOptions["autocomplete"]} [autocomplete]
-   * @property {StripeAddressElementOptions["blockPoBox"]} [blockPoBox]
-   * @property {StripeAddressElementOptions["contacts"]} [contacts]
-   * @property {StripeAddressElementOptions["defaultValues"]} [defaultValues]
-   * @property {StripeAddressElementOptions["fields"]} [fields]
-   * @property {StripeAddressElementOptions["validation"]} [validation]
-   * @property {StripeAddressElementOptions["display"]} [display]
-   */
+  interface Props {
+    mode: Options["mode"]
+    allowedCountries?: Options["allowedCountries"]
+    autocomplete?: Options["autocomplete"]
+    blockPoBox?: Options["blockPoBox"]
+    contacts?: Options["contacts"]
+    defaultValues?: Options["defaultValues"]
+    fields?: Options["fields"]
+    validation?: Options["validation"]
+    display?: Options["display"]
+    element?: Element,
+    onchange?: (event: ChangeEvent) => any
+    onready?: (event: {elementType: 'address'}) => any
+    onfocus?: (event: {elementType: 'address'}) => any
+    onblur?: (event: {elementType: 'address'}) => any
+    onescape?: (event: {elementType: 'address'}) => any
+    onloaderror?: (event: {elementType: 'address'; error: StripeError}) => any
+    onloaderstart?: (event: {elementType: 'address'}) => any
+  }
 
-  /** @type {Props} */
   let {
     mode,
     allowedCountries = undefined,
@@ -27,21 +32,24 @@
     defaultValues = undefined,
     fields = undefined,
     validation = undefined,
-    display = undefined
-  } = $props();
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase} */
-  let element
+    display = undefined,
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+    onloaderror = () => {},
+    onloaderstart = () => {},
+  }: Props = $props()
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = {
       mode,
       allowedCountries,
@@ -53,25 +61,34 @@
       validation,
       display
     }
-    element = mount(wrapper, 'address', elements, dispatch, options)
 
-    return () => element.destroy()
+    element = elements.create('address', options)
+
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
+    element.on('loaderror', onloaderror)
+    element.on('loaderstart', onloaderstart)
+
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/Card.svelte b/src/lib/Card.svelte
index 6777f2b..688768a 100644
--- a/src/lib/Card.svelte
+++ b/src/lib/Card.svelte
@@ -1,20 +1,26 @@
-<script>
-  import { mount } from './util'
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
-   * @property {import('@stripe/stripe-js').StripeCardElementOptions["value"]?} [value]
-   * @property {boolean?} [hidePostalCode]
-   * @property {boolean?} [hideIcon]
-   * @property {boolean?} [disabled]
-   * @property {'default' | 'solid'} [iconStyle]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
-
-  /** @type {Props} */
+<script lang="ts">
+  import type { StripeElementClasses, StripeElementStyle, StripeCardElementOptions, StripeCardElement, StripeCardElementChangeEvent, StripeError } from '@stripe/stripe-js'
+  import type { ElementsContext } from './d.ts'
+  import { getContext } from 'svelte'
+
+  interface Props {
+    classes?: StripeElementClasses
+    style?: StripeElementStyle
+    value?: StripeCardElementOptions["value"]
+    hidePostalCode?: boolean
+    hideIcon?: boolean
+    disabled?: boolean
+    iconStyle: 'default' | 'solid'
+    element?: StripeCardElement
+    onchange?: (event: StripeCardElementChangeEvent) => any
+    onready?: (event: {elementType: 'card'}) => any
+    onfocus?: (event: {elementType: 'card'}) => any
+    onblur?: (event: {elementType: 'card'}) => any
+    onescape?: (event: {elementType: 'card'}) => any
+    onnetworkschange?: (event: {elementType: 'card'}) => any
+    onloaderror?: (event: {elementType: 'card'; error: StripeError}) => any
+  }
+
   let {
     classes = {},
     style = {},
@@ -23,39 +29,54 @@
     hideIcon = false,
     disabled = false,
     iconStyle = 'default',
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+    onnetworkschange = () => {},
+    onloaderror = () => {}
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = { classes, style, value, hidePostalCode, hideIcon, disabled, iconStyle }
 
-    element = mount(wrapper, 'card', elements, dispatch, options)
+    element = elements.create('card', options)
+
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
+    element.on('networkschange', onnetworkschange)
+    element.on('loaderror', onloaderror)
+
+    element.mount(wrapper)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/CardCvc.svelte b/src/lib/CardCvc.svelte
index 85f2fab..bfb0012 100644
--- a/src/lib/CardCvc.svelte
+++ b/src/lib/CardCvc.svelte
@@ -1,55 +1,68 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
-   * @property {string} [placeholder]
-   * @property {boolean?} [disabled]
-   * @property {import('@stripe/stripe-js').StripeElementBase} [element]
-   */
-
-  /** @type {Props} */
+<script lang="ts">
+  import type { StripeElementClasses, StripeElementStyle, StripeCardElementOptions, StripeCardCvcElement, StripeCardCvcElementChangeEvent, StripeError, StripePaymentRequestButtonElement, StripePaymentRequestButtonElementOptions } from '@stripe/stripe-js'
+  import type { ElementsContext } from './d.ts'
+  import { getContext } from 'svelte'
+
+  interface Props {
+    classes?: StripeElementClasses
+    style?: StripeElementStyle
+    placeholder?: string
+    disabled?: boolean
+    element?: StripeCardCvcElement
+    onchange?: (event: StripeCardCvcElementChangeEvent) => any
+    onready?: (event: {elementType: 'cardCvc'}) => any
+    onfocus?: (event: {elementType: 'cardCvc'}) => any
+    onblur?: (event: {elementType: 'cardCvc'}) => any
+    onescape?: (event: {elementType: 'cardCvc'}) => any
+  }
+
   let {
     classes = {},
     style = {},
     placeholder = 'CVC',
     disabled = false,
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = { classes, style, placeholder, disabled }
 
-    element = mount(wrapper, 'cardCvc', elements, dispatch, options)
+    element = elements.create('cardCvc', options)
+
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/CardExpiry.svelte b/src/lib/CardExpiry.svelte
index ea93767..3f898e6 100644
--- a/src/lib/CardExpiry.svelte
+++ b/src/lib/CardExpiry.svelte
@@ -1,55 +1,66 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
-   * @property {string} [placeholder]
-   * @property {boolean?} [disabled]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
-
-  /** @type {Props} */
+<script lang="ts">
+  import type { StripeElementClasses, StripeElementStyle, StripeCardElementOptions, StripeCardExpiryElement, StripeCardExpiryElementChangeEvent, StripeError } from '@stripe/stripe-js'
+  import type { ElementsContext } from './d.ts'
+  import { getContext } from 'svelte'
+
+  interface Props {
+    classes?: StripeElementClasses
+    style?: StripeElementStyle
+    placeholder?: string
+    disabled?: boolean
+    element?: StripeCardExpiryElement
+    onchange?: (event: StripeCardExpiryElementChangeEvent) => any
+    onready?: (event: {elementType: 'cardExpiry'}) => any
+    onfocus?: (event: {elementType: 'cardExpiry'}) => any
+    onblur?: (event: {elementType: 'cardExpiry'}) => any
+    onescape?: (event: {elementType: 'cardExpiry'}) => any
+  }
+
   let {
     classes = {},
     style = {},
     placeholder = 'MM / YY',
     disabled = false,
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
-
-  onMount(() => {
+  $effect(() => {
     const options = { classes, style, placeholder, disabled }
 
-    element = mount(wrapper, 'cardExpiry', elements, dispatch, options)
+    element = elements.create('cardExpiry', options)
+
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/CardNumber.svelte b/src/lib/CardNumber.svelte
index 4a0aa50..41aa7dd 100644
--- a/src/lib/CardNumber.svelte
+++ b/src/lib/CardNumber.svelte
@@ -1,19 +1,23 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
-   * @property {string} [placeholder]
-   * @property {boolean?} [disabled]
-   * @property {boolean?} [showIcon]
-   * @property {'default' | 'solid'} [iconStyle]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
-
-  /** @type {Props} */
+<script lang="ts">
+  import type { StripeElementClasses, StripeElementStyle, StripeCardNumberElementChangeEvent, StripeCardNumberElement, StripeError } from '@stripe/stripe-js'
+  import type { ElementsContext } from './d.ts'
+  import { getContext } from 'svelte'
+
+  interface Props {
+    classes?: StripeElementClasses
+    style?: StripeElementStyle
+    placeholder?: string
+    disabled?: boolean
+    showIcon?: boolean
+    iconStyle?: 'default' | 'solid'
+    element?: StripeCardNumberElement
+    onchange?: (event: StripeCardNumberElementChangeEvent) => any
+    onready?: (event: {elementType: 'cardNumber'}) => any
+    onfocus?: (event: {elementType: 'cardNumber'}) => any
+    onblur?: (event: {elementType: 'cardNumber'}) => any
+    onescape?: (event: {elementType: 'cardNumber'}) => any
+  }
+
   let {
     classes = {},
     style = {},
@@ -21,39 +25,50 @@
     disabled = false,
     showIcon = true,
     iconStyle = 'default',
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {}
+  }: Props = $props()
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = { classes, style, placeholder, disabled, showIcon, iconStyle }
 
-    element = mount(wrapper, 'cardNumber', elements, dispatch, options)
+    element = elements.create('cardNumber', options)
+
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
+
+    element.mount(wrapper)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/Elements.svelte b/src/lib/Elements.svelte
index 5f4d684..4cc30be 100644
--- a/src/lib/Elements.svelte
+++ b/src/lib/Elements.svelte
@@ -1,6 +1,6 @@
-<script>
+<script lang="ts">
   import { setContext } from 'svelte'
-  import { isServer, register } from './util'
+  import { isServer, register } from './util.js'
 
   /** @typedef { import('@stripe/stripe-js').Stripe } Appearance */
   /** @typedef { import('@stripe/stripe-js').Appearance } Appearance */
diff --git a/src/lib/EmbeddedCheckout.svelte b/src/lib/EmbeddedCheckout.svelte
index 949e16e..cb445a5 100644
--- a/src/lib/EmbeddedCheckout.svelte
+++ b/src/lib/EmbeddedCheckout.svelte
@@ -1,18 +1,20 @@
-<script>
-  import { register } from './util'
+<script lang="ts">
+  import type { Stripe, StripeEmbeddedCheckout as Checkout } from '@stripe/stripe-js'
+  import { register } from './util.js'
 
-  /**
-   * @typedef {Object} Props
-   * @property {import('@stripe/stripe-js').Stripe?} stripe
-   * @property {string?} clientSecret
-   */
+  interface Props {
+    stripe?: Stripe | null
+    clientSecret?: string
+    checkout?: Checkout
+  }
 
-  /** @type {Props} */
-  let { stripe, clientSecret } = $props()
+  let {
+    stripe,
+    clientSecret,
+    checkout = $bindable()
+  }: Props = $props()
 
-  let wrapper = $state()
-
-  let checkoutElement = $state()
+  let wrapper = $state<HTMLElement>()
 
   $effect(() => {
     if (stripe) {
@@ -24,14 +26,16 @@
     if (stripe && clientSecret && wrapper) {
       stripe
         .initEmbeddedCheckout({ clientSecret })
-        .then((element) => {
-          checkoutElement = element
-          checkoutElement.mount(wrapper)
+        .then((result) => {
+          checkout = result
+
+          if (wrapper)
+            checkout.mount(wrapper)
         })
     }
 
     return () => {
-      checkoutElement?.destroy()
+      checkout?.destroy()
     }
   })
 </script>
diff --git a/src/lib/ExpressCheckout.svelte b/src/lib/ExpressCheckout.svelte
index 24fbcd8..fdd5c9e 100644
--- a/src/lib/ExpressCheckout.svelte
+++ b/src/lib/ExpressCheckout.svelte
@@ -1,73 +1,94 @@
-<script>
-  import { mount } from './util'
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
+<script lang="ts">
+  import type { StripeExpressCheckoutElement as Element, StripeExpressCheckoutElementOptions as Options, StripeExpressCheckoutElementReadyEvent as ReadyEvent, StripeExpressCheckoutElementClickEvent as ClickEvent, StripeExpressCheckoutElementConfirmEvent as ConfirmEvent, StripeExpressCheckoutElementShippingAddressChangeEvent as AddressChangeEvent, StripeExpressCheckoutElementShippingRateChangeEvent as RateChangeEvent, StripeError } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
 
-  /** @typedef { import('@stripe/stripe-js').StripeExpressCheckoutElementOptions } Options */
-
-  /**
-   * @typedef {object} Props
-   * @property {Options['buttonHeight']} [buttonHeight]
-   * @property {Options['buttonTheme']} [buttonTheme]
-   * @property {Options['buttonType']} [buttonType]
-   * @property {Options['layout']} [layout]
-   * @property {Options['paymentMethodOrder']} [paymentMethodOrder]
-   * @property {Options['wallets']} [wallets]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
+  interface Props {
+    buttonHeight?: Options['buttonHeight']
+    buttonTheme?: Options['buttonTheme']
+    buttonType?: Options['buttonType']
+    layout?: Options['layout']
+    paymentMethodOrder?: Options['paymentMethodOrder']
+    paymentMethods?: Options['paymentMethods']
+    element?: Element
+    onready?: (event: ReadyEvent) => any
+    onclick?: (event: ClickEvent) => any
+    onfocus?: (event: {elementType: 'expressCheckout'}) => any
+    onblur?: (event: {elementType: 'expressCheckout'}) => any
+    onescape?: (event: {elementType: 'expressCheckout'}) => any
+    onloaderror?: (event: {elementType: 'expressCheckout'; error: StripeError}) => any
+    onconfirm?: (event: ConfirmEvent) => any
+    oncancel?: (event: {elementType: 'expressCheckout'}) => any
+    onshippingaddresschange?: (event: AddressChangeEvent) => any
+    onshippingratechange?: (event: RateChangeEvent) => any
+  }
 
-  /** @type {Props} */
   let {
     buttonHeight = undefined,
     buttonTheme = undefined,
     buttonType = undefined,
     layout = undefined,
     paymentMethodOrder = undefined,
-    wallets = undefined,
-    element = $bindable()
-  } = $props();
+    paymentMethods = undefined,
+    element = $bindable(),
+    onready = () => {},
+    onclick = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+    onloaderror = () => {},
+    onconfirm = () => {},
+    oncancel = () => {},
+    onshippingaddresschange = () => {},
+    onshippingratechange = () => {},
+  }: Props = $props()
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = {
       buttonHeight,
       buttonTheme,
       buttonType,
       layout,
       paymentMethodOrder,
-      wallets
+      paymentMethods
     }
 
-    element = mount(wrapper, 'expressCheckout', elements, dispatch, options)
-    element.on('click', (e) => dispatch('click', e))
-    element.on('cancel', (e) => dispatch('cancel', e))
-    element.on('confirm', (e) => dispatch('confirm', e))
-    element.on('shippingaddresschange', (e) => dispatch('shippingaddresschange', e))
-    element.on('shippingratechange', (e) => dispatch('shippingratechange', e))
+    element = elements.create('expressCheckout', options)
+
+    element.on('ready', onready)
+    element.on('click', onclick)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
+    element.on('loaderror', onloaderror)
+    element.on('confirm', onconfirm)
+    element.on('cancel', oncancel)
+    element.on('shippingaddresschange', onshippingaddresschange)
+    element.on('shippingratechange', onshippingratechange)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/Iban.svelte b/src/lib/Iban.svelte
index a61268d..68e7c77 100644
--- a/src/lib/Iban.svelte
+++ b/src/lib/Iban.svelte
@@ -1,20 +1,24 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
+<script lang="ts">
+  import type { StripeElementClasses, StripeElementStyle, StripeIbanElement, StripeIbanElementChangeEvent } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
 
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
-   * @property {string[]?} [supportedCountries]
-   * @property {string} [placeholderCountry]
-   * @property {boolean?} [hideIcon]
-   * @property {'default' | 'solid'} [iconStyle]
-   * @property {boolean?} [disabled]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
+  interface Props {
+    classes?: StripeElementClasses
+    style?: StripeElementStyle
+    supportedCountries?: string[]
+    placeholderCountry?: string
+    hideIcon?: boolean
+    iconStyle?: 'default' | 'solid'
+    disabled?: boolean
+    element?: StripeIbanElement
+    onchange?: (event: StripeIbanElementChangeEvent) => any
+    onready?: (event: {elementType: 'iban'}) => any
+    onfocus?: (event: {elementType: 'iban'}) => any
+    onblur?: (event: {elementType: 'iban'}) => any
+    onescape?: (event: {elementType: 'iban'}) => any
+  }
 
-  /** @type {Props} */
   let {
     classes = {},
     style = {},
@@ -23,18 +27,21 @@
     hideIcon = false,
     iconStyle = 'default',
     disabled = false,
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = {
       classes,
       style,
@@ -45,25 +52,30 @@
       iconStyle
     }
 
-    element = mount(wrapper, 'iban', elements, dispatch, options)
+    element = elements.create('iban', options)
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/Ideal.svelte b/src/lib/Ideal.svelte
index 7a5d551..4674837 100644
--- a/src/lib/Ideal.svelte
+++ b/src/lib/Ideal.svelte
@@ -1,57 +1,69 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripeElementStyle} [style]
-   * @property {string?} [value]
-   * @property {boolean?} [disabled]
-   * @property {boolean?} [hideIcon]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
-
-  /** @type {Props} */
+<script lang="ts">
+  import type { StripeElementClasses, StripeElementStyle, StripeIdealBankElement, StripeIdealBankElementChangeEvent } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
+
+  interface Props {
+    classes?: StripeElementClasses
+    style?: StripeElementStyle
+    value?: string
+    disabled?: boolean
+    hideIcon?: boolean
+    element?: StripeIdealBankElement
+    onchange?: (event: StripeIdealBankElementChangeEvent) => any
+    onready?: (event: {elementType: 'idealBank'}) => any
+    onfocus?: (event: {elementType: 'idealBank'}) => any
+    onblur?: (event: {elementType: 'idealBank'}) => any
+    onescape?: (event: {elementType: 'idealBank'}) => any
+  }
+
   let {
     classes = {},
     style = {},
     value = '',
     disabled = false,
     hideIcon = true,
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = { classes, style, value, disabled, hideIcon }
 
-    element = mount(wrapper, 'idealBank', elements, dispatch, options)
+    element = elements.create('idealBank', options)
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/LinkAuthenticationElement.svelte b/src/lib/LinkAuthenticationElement.svelte
index 4c4faaf..3f23397 100644
--- a/src/lib/LinkAuthenticationElement.svelte
+++ b/src/lib/LinkAuthenticationElement.svelte
@@ -1,50 +1,68 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
+<script lang="ts">
+  import type { StripeLinkAuthenticationElement, StripeLinkAuthenticationElementOptions, StripeLinkAuthenticationElementChangeEvent } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
 
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeLinkAuthenticationElementOptions["defaultValues"]?} [defaultValues]
-   */
-
-  /** @type {Props} */
-  let { defaultValues = null } = $props();
+  interface Props {
+    defaultValues?: StripeLinkAuthenticationElementOptions['defaultValues']
+    element?: StripeLinkAuthenticationElement
+    onchange?: (event: StripeLinkAuthenticationElementChangeEvent) => any
+    onready?: (event: {elementType: 'linkAuthentication'}) => any
+    onfocus?: (event: {elementType: 'linkAuthentication'}) => any
+    onblur?: (event: {elementType: 'linkAuthentication'}) => any
+    onescape?: (event: {elementType: 'linkAuthentication'}) => any
+    onloaderror?: (event: {elementType: 'linkAuthentication'}) => any
+    onloaderstart?: (event: {elementType: 'linkAuthentication'}) => any
+  }
 
-  /** @type {import('@stripe/stripe-js').StripeElementBase} */
-  let element
+  let {
+    defaultValues,
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+    onloaderror = () => {},
+    onloaderstart = () => {},
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
     const options = defaultValues ? { defaultValues } : {}
-    element = mount(wrapper, 'linkAuthentication', elements, dispatch, options)
-    element.on('change', (event) => {
-      dispatch('change', event)
-    })
 
-    return () => element.destroy()
+    element = elements.create('linkAuthentication', options)
+
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
+    element.on('loaderror', onloaderror)
+    element.on('loaderstart', onloaderstart)
+
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
   }
 </script>
 
diff --git a/src/lib/PaymentElement.svelte b/src/lib/PaymentElement.svelte
index eaf5115..30e3f68 100644
--- a/src/lib/PaymentElement.svelte
+++ b/src/lib/PaymentElement.svelte
@@ -1,48 +1,79 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-  import { mount } from './util'
+<script lang="ts">
+  import type { StripePaymentElementOptions, StripePaymentElement, StripePaymentElementChangeEvent, StripeError, StripePaymentElementCardDetailsChangeEvent, StripePaymentElementSavedPaymentMethodUpdateEvent, StripePaymentElementSavedPaymentMethodRemoveEvent  } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
 
-  /** @typedef {import('@stripe/stripe-js').StripePaymentElementOptions} StripePaymentElementOptions */
-
-  /** @type {import('@stripe/stripe-js').StripeElementBase} */
-  let element
+  interface Props {
+    options?: StripePaymentElementOptions
+    element?: StripePaymentElement
+    onchange?: (event: StripePaymentElementChangeEvent) => any
+    onready?: (event: {elementType: 'payment'}) => any
+    onfocus?: (event: {elementType: 'payment'}) => any
+    onblur?: (event: {elementType: 'payment'}) => any
+    onescape?: (event: {elementType: 'payment'}) => any
+    onloaderror?: (event: {elementType: 'payment'; error: StripeError}) => any
+    onloaderstart?: (event: {elementType: 'payment'}) => any
+    oncarddetailschange?: (event: StripePaymentElementCardDetailsChangeEvent) => any
+    onsavedpaymentmethodupdate?: (event: StripePaymentElementSavedPaymentMethodUpdateEvent) => any
+    onsavedpaymentmethodremove?: (event: StripePaymentElementSavedPaymentMethodRemoveEvent) => any
+  }
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let {
+    options = {},
+    element = $bindable(),
+    onchange = () => {},
+    onready = () => {},
+    onfocus = () => {},
+    onblur = () => {},
+    onescape = () => {},
+    onloaderror = () => {},
+    onloaderstart = () => {},
+    oncarddetailschange = () => {},
+    onsavedpaymentmethodupdate = () => {},
+    onsavedpaymentmethodremove = () => {},
+  }: Props = $props()
 
-  const dispatch = createEventDispatcher()
+  let wrapper = $state<HTMLElement>()
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /**
-   * @typedef {object} Props
-   * @property {StripePaymentElementOptions?} [options]
-   */
+  $effect(() => {
+    if (!wrapper) return
 
-  /** @type {Props} */
-  let { options = undefined } = $props();
+    element = elements.create('payment', options)
 
-  onMount(() => {
-    element = mount(wrapper, 'payment', elements, dispatch, options)
+    element.on('change', onchange)
+    element.on('ready', onready)
+    element.on('focus', onfocus)
+    element.on('blur', onblur)
+    element.on('escape', onescape)
+    element.on('loaderror', onloaderror)
+    element.on('loaderstart', onloaderstart)
+    element.on('carddetailschange', oncarddetailschange)
+    element.on('savedpaymentmethodupdate', onsavedpaymentmethodupdate)
+    element.on('savedpaymentmethodremove', onsavedpaymentmethodremove)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 
   export function blur() {
-    element.blur()
+    element?.blur()
   }
 
   export function clear() {
-    element.clear()
+    element?.clear()
   }
 
   export function destroy() {
-    element.destroy()
+    element?.destroy()
   }
 
   export function focus() {
-    element.focus()
+    element?.focus()
+  }
+
+  export function collapse() {
+    element?.collapse()
   }
 </script>
 
diff --git a/src/lib/PaymentMethodMessaging.svelte b/src/lib/PaymentMethodMessaging.svelte
index db23f27..2097dca 100644
--- a/src/lib/PaymentMethodMessaging.svelte
+++ b/src/lib/PaymentMethodMessaging.svelte
@@ -1,43 +1,47 @@
-<script>
-  import { mount } from './util'
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["amount"]} amount
-   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["currency"]} currency
-   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["paymentMethodTypes"]} paymentMethodTypes
-   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["countryCode"]} countryCode
-   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["logoColor"]?} [logoColor]
-   * @property {import('@stripe/stripe-js').StripePaymentMethodMessagingElementOptions["metadata"]?} [metadata]
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   */
-
-  /** @type {Props} */
+<script lang="ts">
+  import type { StripePaymentMethodMessagingElementOptions as Options, StripePaymentMethodMessagingElement as Element } from '@stripe/stripe-js'
+  import { getContext } from 'svelte'
+  import type { ElementsContext } from './d.ts'
+
+  interface Props {
+    amount: Options['amount']
+    currency: Options['currency']
+    paymentMethodTypes?: Options['paymentMethodTypes']
+    paymentMethodOrder?: Options['paymentMethodOrder']
+    countryCode: Options['countryCode']
+    element?: Element,
+    onready?: (event: {elementType: 'paymentMethodMessaging'}) => any
+  }
+
   let {
     amount,
     currency,
     paymentMethodTypes,
+    paymentMethodOrder,
     countryCode,
-    logoColor = null,
-    metadata = null,
-    element = $bindable()
-  } = $props();
+    element = $bindable(),
+    onready = () => {}
+  }: Props = $props();
 
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
+  let wrapper = $state<HTMLElement>()
 
-  const dispatch = createEventDispatcher()
+  const { elements }: ElementsContext = getContext('stripe')
 
-  /** @type {import("./types").ElementsContext} */
-  const { elements } = getContext('stripe')
+  $effect(() => {
+    if (!wrapper) return
 
-  onMount(() => {
-    const options = { amount, currency, paymentMethodTypes, countryCode, logoColor, metadata }
+    const options = {
+      amount,
+      currency,
+      paymentMethodTypes,
+      paymentMethodOrder,
+      countryCode
+    }
 
-    element = mount(wrapper, 'paymentMethodMessaging', elements, dispatch, options)
+    element = elements.create('paymentMethodMessaging', options)
+    element.on('ready', onready)
 
-    return () => element.destroy()
+    return () => element?.destroy()
   })
 </script>
 
diff --git a/src/lib/PaymentRequestButton.svelte b/src/lib/PaymentRequestButton.svelte
deleted file mode 100644
index 702bf63..0000000
--- a/src/lib/PaymentRequestButton.svelte
+++ /dev/null
@@ -1,61 +0,0 @@
-<script>
-  import { onMount, getContext, createEventDispatcher } from 'svelte'
-
-  /**
-   * @typedef {object} Props
-   * @property {import('@stripe/stripe-js').StripeElementClasses} [classes]
-   * @property {import('@stripe/stripe-js').StripePaymentRequestButtonElementOptions["style"]["paymentRequestButton"]} [style]
-   * @property {import('@stripe/stripe-js').PaymentRequestOptions} paymentRequest
-   * @property {import('@stripe/stripe-js').StripeElementBase?} [element]
-   * @property {boolean?} [canMakePayment]
-   */
-
-  /** @type {Props} */
-  let {
-    classes = {},
-    style = {},
-    paymentRequest,
-    element = $bindable(),
-    canMakePayment = $bindable()
-  } = $props();
-
-  /** @type {HTMLElement?} */
-  let wrapper = $state()
-
-  /** @type {import('@stripe/stripe-js').PaymentRequest} */
-  let paymentRequestObject
-
-  const dispatch = createEventDispatcher()
-
-  /** @type {import("./types").ElementsContext} */
-  const { stripe, elements } = getContext('stripe')
-
-  onMount(async () => {
-    paymentRequestObject = stripe.paymentRequest(paymentRequest)
-    const options = {
-      classes,
-      style: { paymentRequestButton: style },
-      paymentRequest: paymentRequestObject
-    }
-    element = elements.create('paymentRequestButton', options)
-    const result = await paymentRequestObject.canMakePayment()
-
-    paymentRequestObject.on('token', (e) => dispatch('token', e))
-    paymentRequestObject.on('cancel', (e) => dispatch('cancel', e))
-    paymentRequestObject.on('paymentmethod', (e) => dispatch('paymentmethod', e))
-    paymentRequestObject.on('shippingaddresschange', (e) => dispatch('shippingaddresschange', e))
-    paymentRequestObject.on('shippingoptionchange', (e) => dispatch('shippingoptionchange', e))
-
-    if (result) {
-      canMakePayment = true
-      element.mount(wrapper)
-    } else {
-      canMakePayment = false
-      wrapper.style.display = 'none'
-    }
-
-    return () => element.destroy()
-  })
-</script>
-
-<div bind:this={wrapper}></div>
diff --git a/src/lib/types.d.ts b/src/lib/d.ts
similarity index 76%
rename from src/lib/types.d.ts
rename to src/lib/d.ts
index f79e658..5b57836 100644
--- a/src/lib/types.d.ts
+++ b/src/lib/d.ts
@@ -1,6 +1,6 @@
 import type { StripeElements, Stripe } from '@stripe/stripe-js'
 
-interface ElementsContext {
+export interface ElementsContext {
   elements: StripeElements
   stripe: Stripe
 }
diff --git a/src/lib/index.js b/src/lib/index.ts
similarity index 87%
rename from src/lib/index.js
rename to src/lib/index.ts
index d855c08..bd63f1f 100644
--- a/src/lib/index.js
+++ b/src/lib/index.ts
@@ -2,7 +2,6 @@ export { default as Card } from './Card.svelte'
 export { default as CardNumber } from './CardNumber.svelte'
 export { default as CardExpiry } from './CardExpiry.svelte'
 export { default as CardCvc } from './CardCvc.svelte'
-export { default as PaymentRequestButton } from './PaymentRequestButton.svelte'
 export { default as Iban } from './Iban.svelte'
 export { default as Ideal } from './Ideal.svelte'
 export { default as PaymentElement } from './PaymentElement.svelte'
@@ -12,4 +11,4 @@ export { default as PaymentMethodMessaging } from './PaymentMethodMessaging.svel
 export { default as ExpressCheckout } from './ExpressCheckout.svelte'
 export { default as EmbeddedCheckout } from './EmbeddedCheckout.svelte'
 export { default as Elements } from './Elements.svelte'
-export { isServer } from './util'
+export { isServer } from './util.js'
diff --git a/src/lib/util.js b/src/lib/util.js
deleted file mode 100644
index 3a35c15..0000000
--- a/src/lib/util.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * @param {HTMLElement} node
- * @param {import('@stripe/stripe-js').StripeElementType} type
- * @param {import('@stripe/stripe-js').StripeElements} elements
- * @param {<EventKey extends string>(type: EventKey, detail?: any) => void} dispatch
- * @param {import('@stripe/stripe-js').StripeElementsOptions} options
- * @returns {import('@stripe/stripe-js').StripeElementBase}
- */
-export function mount(node, type, elements, dispatch, options = {}) {
-  const element = elements.create(type, options)
-
-  element.mount(node)
-  element.on('change', (e) => dispatch('change', e))
-  element.on('ready', (e) => dispatch('ready', e))
-  element.on('focus', (e) => dispatch('focus', e))
-  element.on('blur', (e) => dispatch('blur', e))
-  element.on('escape', (e) => dispatch('escape', e))
-  element.on('click', (e) => dispatch('click', e))
-  element.on('loaderror', (e) => dispatch('loaderror', e))
-  element.on('loaderstart', (e) => dispatch('loaderstart', e))
-  element.on('networkschange', (e) => dispatch('networkschange', e))
-
-  return element
-}
-
-export const isServer = typeof window === 'undefined'
-
-/**
- * @param {import('@stripe/stripe-js').Stripe} stripe
- * @returns {void}
- */
-export function register(stripe) {
-  if (!isServer) {
-    return stripe.registerAppInfo({
-      name: 'svelte-stripe-js',
-      url: 'https://svelte-stripe-js.vercel.app'
-    })
-  }
-}
diff --git a/src/lib/util.ts b/src/lib/util.ts
new file mode 100644
index 0000000..0ffc171
--- /dev/null
+++ b/src/lib/util.ts
@@ -0,0 +1,12 @@
+import type { Stripe } from '@stripe/stripe-js'
+
+export const isServer: boolean = typeof window === 'undefined'
+
+export function register(stripe: Stripe) {
+  if (!isServer) {
+    return stripe.registerAppInfo({
+      name: 'svelte-stripe-js',
+      url: 'https://svelte-stripe-js.vercel.app'
+    })
+  }
+}
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 165b5b3..a5ace22 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,14 +1,9 @@
-<script>
+<script lang="ts">
   import '../prism-theme.css'
   import '../app.css'
   import GithubBadge from './GithubBadge.svelte'
-  /**
-   * @typedef {Object} Props
-   * @property {import('svelte').Snippet} [children]
-   */
 
-  /** @type {Props} */
-  let { children } = $props();
+  let { children } = $props()
 </script>
 
 <GithubBadge />
diff --git a/src/routes/+page.md b/src/routes/+page.md
index 4694eda..7d323a2 100644
--- a/src/routes/+page.md
+++ b/src/routes/+page.md
@@ -41,7 +41,7 @@ SECRET_STRIPE_KEY=sk_test_...
 In your payment page, initialize Stripe and add a `<Elements>` component:
 
 ```html
-<script>
+<script lang="ts">
   import { loadStripe } from '@stripe/stripe-js'
   import { Elements } from 'svelte-stripe'
   import { onMount } from 'svelte'
@@ -195,55 +195,84 @@ const result = await stripe
 
 #### GooglePay & ApplePay
 
-To display a GooglePay or ApplePay button, use the `<PaymentRequestButton/>`.
+To display a GooglePay or ApplePay button, use the `<ExpressCheckout/>`.
 
 ```html
-<Elements {stripe}>
-  <PaymentRequestButton {paymentRequest} onpaymentmethod="{pay}" />
+<Elements
+    {stripe}
+    mode="payment"
+    currency="usd"
+    amount={1099}
+    bind:elements={elements}
+  >
+  <ExpressCheckout
+    onclick={click}
+    onconfirm={confirm}
+    buttonHeight={50}
+    buttonTheme={{googlePay: 'white'}}
+    buttonType={{googlePay: 'donate'}}
+    paymentMethodOrder={['googlePay', 'link']}/>
+    />
 </Elements>
 ```
 
-It requires that you pass metadata using the `paymentRequest` prop:
+Handle the `onclick` event to add line items:
 
 ```javascript
-// declare payment metadata (amounts must match payment intent)
-const paymentRequest = {
-  country: 'US',
-  currency: 'usd',
-  total: { label: 'Demo total', amount: 1099 },
-  requestPayerName: true,
-  requestPayerEmail: true
+async function click(event) {
+  const options = {
+    emailRequired: true,
+    phoneNumberRequired: true,
+    lineItems: [
+      {
+        name: 'Rad T-Shirt',
+        amount: 1099
+      }
+    ]
+  }
+
+  event.resolve(options)
 }
 ```
 
-And define an event handler for the `onpaymentmethod` event:
+Then handle the `onconfirm` event to complete the payment:
 
 ```javascript
-async function pay(e) {
-  const paymentMethod = e.detail.paymentMethod
+async function confirm(event) {
+  let result = await elements.submit()
+
+  if (result.error) {
+    // validation failed, notify user
+    error = result.error
+    return
+  }
 
-  let result = await stripe.confirmCardPayment(clientSecret, {
-    payment_method: paymentMethod.id
+  // create payment intent server side
+  const clientSecret = await createPaymentIntent()
+  const return_url = new URL('/examples/thanks', window.location.origin).toString()
+
+  // confirm payment with stripe
+  result = await stripe.confirmPayment({
+    elements,
+    clientSecret,
+    confirmParams: {
+      return_url
+    }
   })
 
   if (result.error) {
-    // mark failed
-    e.detail.complete('fail')
-
     // payment failed, notify user
     error = result.error
   } else {
-    // mark succeeded
-    e.detail.complete('success')
-
     // payment succeeded, redirect to "thank you" page
     goto('/thanks')
   }
 }
 ```
 
-[code](https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/payment-request)
-[demo](/examples/payment-request)
+
+[code](https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/express-checkout)
+[demo](/examples/express-checkout)
 
 #### SEPA
 
@@ -399,10 +428,10 @@ All demos are running in test-mode, any of Stripe's [test card numbers](https://
 - [Payment Element](/examples/payment-element)
 - [Express Checkout](/examples/express-checkout)
 - [Embedded Checkout](/examples/embedded-checkout)
-- [Credit Card](/examples/credit-card)
-- [Apple Pay](/examples/payment-request)
-- [Google Pay](/examples/payment-request)
-- [Microsoft Pay](/examples/payment-request)
+- [Credit Card](/examples/express-checkout)
+- [Apple Pay](/examples/express-checkout)
+- [Google Pay](/examples/express-checkout)
+- [Microsoft Pay](/examples/express-checkout)
 - [SEPA](/examples/sepa)
 - [iDEAL](/examples/ideal)
 - [Alipay](/examples/alipay)
diff --git a/src/routes/examples/afterpay-clearpay/+page.svelte b/src/routes/examples/afterpay-clearpay/+page.svelte
index bfbf9e4..4e06ce5 100644
--- a/src/routes/examples/afterpay-clearpay/+page.svelte
+++ b/src/routes/examples/afterpay-clearpay/+page.svelte
@@ -1,11 +1,12 @@
-<script>
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
   import Address from './Address.svelte'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let stripe = null
-  let error = $state(null)
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
   let processing = $state(false)
   let email = $state('jsmith@example.com')
   let name = $state('John Smith')
@@ -47,11 +48,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe) return
 
     processing = true
 
@@ -79,7 +80,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     }
   }
diff --git a/src/routes/examples/afterpay-clearpay/Address.svelte b/src/routes/examples/afterpay-clearpay/Address.svelte
index 869ae03..db04e99 100644
--- a/src/routes/examples/afterpay-clearpay/Address.svelte
+++ b/src/routes/examples/afterpay-clearpay/Address.svelte
@@ -1,5 +1,22 @@
-<script>
-  let { legend, address = $bindable(), children } = $props();
+<script lang="ts">
+  import type { Snippet } from 'svelte'
+
+  interface Address {
+    line1: string
+    line2?: string
+    state: string
+    city: string
+    country: string
+    postal_code: string
+  }
+
+  interface Props {
+    legend: string
+    address: Address
+    children?: Snippet | null
+  }
+
+  let { legend, address = $bindable(), children = null }: Props = $props()
 </script>
 
 <fieldset>
diff --git a/src/routes/examples/afterpay-clearpay/payment-intent/+server.js b/src/routes/examples/afterpay-clearpay/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/afterpay-clearpay/payment-intent/+server.js
rename to src/routes/examples/afterpay-clearpay/payment-intent/+server.ts
diff --git a/src/routes/examples/afterpay-clearpay/return/+server.js b/src/routes/examples/afterpay-clearpay/return/+server.ts
similarity index 86%
rename from src/routes/examples/afterpay-clearpay/return/+server.js
rename to src/routes/examples/afterpay-clearpay/return/+server.ts
index 227fa1f..13423cd 100644
--- a/src/routes/examples/afterpay-clearpay/return/+server.js
+++ b/src/routes/examples/afterpay-clearpay/return/+server.ts
@@ -1,4 +1,4 @@
-import { redirect } from '@sveltejs/kit'
+import { redirect, error } from '@sveltejs/kit'
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY } from '$env/static/private'
 
@@ -8,6 +8,9 @@ export async function GET(req) {
   const { searchParams } = req.url
   const intentId = searchParams.get('payment_intent')
   const clientSecret = searchParams.get('payment_intent_client_secret')
+
+  if (!intentId || !clientSecret) return error(404)
+
   const paymentIntent = await stripe.paymentIntents.retrieve(intentId)
 
   if (paymentIntent.client_secret !== clientSecret) throw new Error('Client secret mismatch')
diff --git a/src/routes/examples/alipay/+page.svelte b/src/routes/examples/alipay/+page.svelte
index 3b0edb3..97a2d60 100644
--- a/src/routes/examples/alipay/+page.svelte
+++ b/src/routes/examples/alipay/+page.svelte
@@ -1,11 +1,12 @@
-<script>
+<script lang="ts">
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let stripe = null
-  let error = $state(null)
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null | undefined>(null)
   let processing = $state(false)
   let email = $state()
 
@@ -31,11 +32,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe) return
 
     processing = true
 
@@ -52,7 +53,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     } else {
       // payment succeeded, redirect to "thank you" page
diff --git a/src/routes/examples/alipay/payment-intent/+server.js b/src/routes/examples/alipay/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/alipay/payment-intent/+server.js
rename to src/routes/examples/alipay/payment-intent/+server.ts
diff --git a/src/routes/examples/alipay/return/+server.js b/src/routes/examples/alipay/return/+server.ts
similarity index 86%
rename from src/routes/examples/alipay/return/+server.js
rename to src/routes/examples/alipay/return/+server.ts
index ce94731..424591f 100644
--- a/src/routes/examples/alipay/return/+server.js
+++ b/src/routes/examples/alipay/return/+server.ts
@@ -1,4 +1,4 @@
-import { redirect } from '@sveltejs/kit'
+import { redirect, error } from '@sveltejs/kit'
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY } from '$env/static/private'
 
@@ -8,6 +8,9 @@ export async function GET(req) {
   const { searchParams } = req.url
   const intentId = searchParams.get('payment_intent')
   const clientSecret = searchParams.get('payment_intent_client_secret')
+
+  if (!intentId || !clientSecret) return error(404)
+
   const paymentIntent = await stripe.paymentIntents.retrieve(intentId)
 
   if (paymentIntent.client_secret !== clientSecret) throw new Error('Client secret mismatch')
diff --git a/src/routes/examples/credit-card/+page.svelte b/src/routes/examples/credit-card/+page.svelte
index 3c5f959..f178df7 100644
--- a/src/routes/examples/credit-card/+page.svelte
+++ b/src/routes/examples/credit-card/+page.svelte
@@ -1,14 +1,15 @@
-<script>
+<script lang="ts">
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, CardNumber, CardExpiry, CardCvc } from '$lib'
+  import { Elements, CardNumber, CardExpiry, CardCvc } from '$lib/index.js'
+  import type { Stripe, StripeCardNumberElement as Element } from '@stripe/stripe-js'
 
-  let stripe = $state(null)
-  let error = $state(null)
-  let cardElement = $state()
-  let name = $state()
+  let stripe = $state<Stripe | null>()
+  let error = $state<string>()
+  let cardElement = $state<Element>()
+  let name = $state<string>()
   let processing = $state(false)
 
   onMount(async () => {
@@ -22,11 +23,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe || !cardElement) return
 
     processing = true
 
@@ -48,7 +49,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     } else {
       // payment succeeded, redirect to "thank you" page
@@ -66,7 +67,7 @@
 </nav>
 
 {#if error}
-  <p class="error">{error.message} Please try again.</p>
+  <p class="error">{error} Please try again.</p>
 {/if}
 
 <Elements {stripe}>
diff --git a/src/routes/examples/credit-card/payment-intent/+server.js b/src/routes/examples/credit-card/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/credit-card/payment-intent/+server.js
rename to src/routes/examples/credit-card/payment-intent/+server.ts
diff --git a/src/routes/examples/credit-card/webhooks/+server.js b/src/routes/examples/credit-card/webhooks/+server.ts
similarity index 90%
rename from src/routes/examples/credit-card/webhooks/+server.js
rename to src/routes/examples/credit-card/webhooks/+server.ts
index 6124967..ab2c77b 100644
--- a/src/routes/examples/credit-card/webhooks/+server.js
+++ b/src/routes/examples/credit-card/webhooks/+server.ts
@@ -1,5 +1,6 @@
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY, STRIPE_WEBHOOK_SECRET } from '$env/static/private'
+import { error } from '@sveltejs/kit'
 
 const stripe = new Stripe(SECRET_STRIPE_KEY)
 
@@ -7,12 +8,14 @@ export async function POST({ request }) {
   const body = await request.text()
   const signature = request.headers.get('stripe-signature')
 
+  if (!signature) return error(401)
+
   let event
 
   try {
     event = stripe.webhooks.constructEvent(body, signature, STRIPE_WEBHOOK_SECRET)
   } catch (err) {
-    console.warn('⚠️  Webhook signature verification failed.', err.message)
+    console.warn('⚠️  Webhook signature verification failed.')
 
     return new Response(undefined, { status: 400 })
   }
diff --git a/src/routes/examples/embedded-checkout/+page.server.js b/src/routes/examples/embedded-checkout/+page.server.ts
similarity index 86%
rename from src/routes/examples/embedded-checkout/+page.server.js
rename to src/routes/examples/embedded-checkout/+page.server.ts
index 30c83e7..77b6c48 100644
--- a/src/routes/examples/embedded-checkout/+page.server.js
+++ b/src/routes/examples/embedded-checkout/+page.server.ts
@@ -1,7 +1,7 @@
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY, DOMAIN } from '$env/static/private'
 
-const stripe = new Stripe(SECRET_STRIPE_KEY)
+const stripe = new Stripe(SECRET_STRIPE_KEY, { apiVersion: '2024-11-20.acacia' })
 const return_url = new URL(
   '/examples/embedded-checkout/thanks?session_id={CHECKOUT_SESSION_ID}',
   DOMAIN
diff --git a/src/routes/examples/embedded-checkout/+page.svelte b/src/routes/examples/embedded-checkout/+page.svelte
index b29ca82..7c3bb45 100644
--- a/src/routes/examples/embedded-checkout/+page.svelte
+++ b/src/routes/examples/embedded-checkout/+page.svelte
@@ -1,12 +1,13 @@
-<script>
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { EmbeddedCheckout } from '$lib'
+  import { EmbeddedCheckout } from '$lib/index.js'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let { data } = $props();
+  let { data } = $props()
 
-  let stripe = $state(null)
+  let stripe = $state<Stripe | null>()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -19,4 +20,4 @@
   <a href="https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/embedded-checkout">View code</a>
 </nav>
 
-<EmbeddedCheckout {stripe} clientSecret={data.clientSecret}/>
+<EmbeddedCheckout {stripe} clientSecret={data.clientSecret as string}/>
diff --git a/src/routes/examples/express-checkout/+page.svelte b/src/routes/examples/express-checkout/+page.svelte
index 0aa9e5a..ed79446 100644
--- a/src/routes/examples/express-checkout/+page.svelte
+++ b/src/routes/examples/express-checkout/+page.svelte
@@ -1,13 +1,15 @@
-<script>
+<script lang="ts">
+  import type { StripeExpressCheckoutElementClickEvent as ClickEvent, StripeExpressCheckoutElementConfirmEvent as ConfirmEvent } from '@stripe/stripe-js'
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, ExpressCheckout } from '$lib'
+  import { Elements, ExpressCheckout } from '$lib/index.js'
+  import type { Stripe, StripeElements } from '@stripe/stripe-js'
 
-  let stripe = $state(null)
-  let error = $state(null)
-  let elements = $state()
+  let stripe = $state<Stripe | null>(null)
+  let error = $state<string | null>()
+  let elements = $state<StripeElements>()
   let processing = false
 
   onMount(async () => {
@@ -27,7 +29,7 @@
     return clientSecret
   }
 
-  async function click(event) {
+  async function click(event: ClickEvent) {
     const options = {
       emailRequired: true,
       phoneNumberRequired: true,
@@ -39,12 +41,12 @@
       ]
     }
 
-    event.detail.resolve(options)
+    event.resolve(options)
   }
 
-  async function confirm() {
+  async function confirm(event: ConfirmEvent) {
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe || !elements) return
 
     processing = true
 
@@ -52,7 +54,7 @@
 
     if (result.error) {
       // validation failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
       return
     }
@@ -75,7 +77,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     } else {
       // payment succeeded, redirect to "thank you" page
@@ -91,7 +93,7 @@
 </nav>
 
 {#if error}
-  <p class="error">{error.message} Please try again.</p>
+  <p class="error">{error} Please try again.</p>
 {/if}
 
 <Elements
@@ -102,11 +104,12 @@
   bind:elements>
 
   <ExpressCheckout
-    on:confirm={confirm}
-    on:click={click}
+    onconfirm={confirm}
+    onclick={click}
     buttonHeight={50}
     buttonTheme={{googlePay: 'white'}}
     buttonType={{googlePay: 'donate'}}
+    paymentMethods={{link: 'auto', googlePay: 'auto', applePay: 'auto'}}
     paymentMethodOrder={['googlePay', 'link']}/>
 
 </Elements>
diff --git a/src/routes/examples/express-checkout/payment-intent/+server.js b/src/routes/examples/express-checkout/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/express-checkout/payment-intent/+server.js
rename to src/routes/examples/express-checkout/payment-intent/+server.ts
diff --git a/src/routes/examples/ideal/+page.svelte b/src/routes/examples/ideal/+page.svelte
index a3a112b..0b20cc7 100644
--- a/src/routes/examples/ideal/+page.svelte
+++ b/src/routes/examples/ideal/+page.svelte
@@ -1,16 +1,17 @@
-<script>
+<script lang="ts">
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, Ideal } from '$lib'
+  import { Elements, Ideal } from '$lib/index.js'
+  import type { Stripe, StripeIdealBankElement as Element } from '@stripe/stripe-js'
 
-  let stripe = $state(null)
-  let error = $state(null)
-  let idealElement = $state()
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
+  let idealElement = $state<Element>()
   let processing = $state(false)
-  let name = $state()
-  let email = $state()
+  let name = $state<string>()
+  let email = $state<string>()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -34,11 +35,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe || !idealElement) return
 
     processing = true
 
@@ -62,7 +63,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     } else {
       // payment succeeded, redirect to "thank you" page
diff --git a/src/routes/examples/ideal/payment-intent/+server.js b/src/routes/examples/ideal/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/ideal/payment-intent/+server.js
rename to src/routes/examples/ideal/payment-intent/+server.ts
diff --git a/src/routes/examples/ideal/return/+server.js b/src/routes/examples/ideal/return/+server.ts
similarity index 85%
rename from src/routes/examples/ideal/return/+server.js
rename to src/routes/examples/ideal/return/+server.ts
index a5b9068..2004aeb 100644
--- a/src/routes/examples/ideal/return/+server.js
+++ b/src/routes/examples/ideal/return/+server.ts
@@ -1,4 +1,4 @@
-import { redirect } from '@sveltejs/kit'
+import { redirect, error } from '@sveltejs/kit'
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY } from '$env/static/private'
 
@@ -8,6 +8,11 @@ export async function GET(req) {
   const { searchParams } = req.url
   const intentId = searchParams.get('payment_intent')
   const clientSecret = searchParams.get('payment_intent_client_secret')
+
+  if (!intentId || !clientSecret) {
+    return error(401)
+  }
+
   const paymentIntent = await stripe.paymentIntents.retrieve(intentId)
 
   if (paymentIntent.client_secret !== clientSecret) throw new Error('Client secret mismatch')
diff --git a/src/routes/examples/klarna/+page.svelte b/src/routes/examples/klarna/+page.svelte
index f2aec24..440fe39 100644
--- a/src/routes/examples/klarna/+page.svelte
+++ b/src/routes/examples/klarna/+page.svelte
@@ -1,14 +1,14 @@
-<script>
-  import { goto } from '$app/navigation'
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let stripe = null
-  let error = $state(null)
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
   let processing = $state(false)
-  let email = $state()
-  let name = $state()
+  let email = $state<string>()
+  let name = $state<string>()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -31,11 +31,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe) return
 
     processing = true
 
@@ -61,7 +61,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     }
   }
diff --git a/src/routes/examples/klarna/payment-intent/+server.js b/src/routes/examples/klarna/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/klarna/payment-intent/+server.js
rename to src/routes/examples/klarna/payment-intent/+server.ts
diff --git a/src/routes/examples/klarna/return/+server.js b/src/routes/examples/klarna/return/+server.ts
similarity index 85%
rename from src/routes/examples/klarna/return/+server.js
rename to src/routes/examples/klarna/return/+server.ts
index 4095a56..0a4da2f 100644
--- a/src/routes/examples/klarna/return/+server.js
+++ b/src/routes/examples/klarna/return/+server.ts
@@ -1,4 +1,4 @@
-import { redirect } from '@sveltejs/kit'
+import { redirect, error } from '@sveltejs/kit'
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY } from '$env/static/private'
 
@@ -8,6 +8,11 @@ export async function GET(req) {
   const { searchParams } = req.url
   const intentId = searchParams.get('payment_intent')
   const clientSecret = searchParams.get('payment_intent_client_secret')
+
+  if (!intentId || !clientSecret) {
+    return error(401)
+  }
+
   const paymentIntent = await stripe.paymentIntents.retrieve(intentId)
 
   if (paymentIntent.client_secret !== clientSecret) throw new Error('Client secret mismatch')
diff --git a/src/routes/examples/konbini/+page.svelte b/src/routes/examples/konbini/+page.svelte
index d005107..dba26cf 100644
--- a/src/routes/examples/konbini/+page.svelte
+++ b/src/routes/examples/konbini/+page.svelte
@@ -1,15 +1,15 @@
-<script>
-  import { goto } from '$app/navigation'
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY_JP } from '$env/static/public'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let stripe = null
-  let error = $state(null)
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
   let processing = $state(false)
-  let email = $state()
-  let name = $state()
-  let phone = $state()
+  let email = $state<string>('')
+  let name = $state<string>('')
+  let phone = $state<string>('')
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY_JP)
@@ -28,11 +28,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe) return
 
     processing = true
 
@@ -49,7 +49,7 @@
       },
       payment_method_options: {
         konbini: {
-          confirmation_number: phone.replace(/\D/g, '')
+          confirmation_number: phone?.replace(/\D/g, '')
         }
       }
     })
@@ -59,12 +59,8 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
-    } else {
-      // payment is ready, show next-steps
-      const { hosted_voucher_url } = result.paymentIntent.next_action.konbini_display_details
-      goto(`/examples/konbini/next-steps?hosted_voucher_url=${hosted_voucher_url}`)
     }
   }
 </script>
diff --git a/src/routes/examples/konbini/next-steps/+page.js b/src/routes/examples/konbini/next-steps/+page.js
deleted file mode 100644
index 9786e09..0000000
--- a/src/routes/examples/konbini/next-steps/+page.js
+++ /dev/null
@@ -1 +0,0 @@
-export const prerender = false
diff --git a/src/routes/examples/konbini/next-steps/+page.svelte b/src/routes/examples/konbini/next-steps/+page.svelte
deleted file mode 100644
index f7531ac..0000000
--- a/src/routes/examples/konbini/next-steps/+page.svelte
+++ /dev/null
@@ -1,14 +0,0 @@
-<script>
-  import { onMount } from 'svelte'
-
-  let hosted_voucher_url = $state()
-
-  onMount(() => {
-    const searchParams = new URLSearchParams(window.location.search)
-    hosted_voucher_url = searchParams.get('hosted_voucher_url')
-  })
-</script>
-
-<h1>Next steps</h1>
-
-<p>Follow <a href={hosted_voucher_url}>these instructions</a> to complete the Konbini payment.</p>
diff --git a/src/routes/examples/konbini/payment-intent/+server.js b/src/routes/examples/konbini/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/konbini/payment-intent/+server.js
rename to src/routes/examples/konbini/payment-intent/+server.ts
diff --git a/src/routes/examples/payment-element/+page.svelte b/src/routes/examples/payment-element/+page.svelte
index a8b2c3b..91bcca5 100644
--- a/src/routes/examples/payment-element/+page.svelte
+++ b/src/routes/examples/payment-element/+page.svelte
@@ -1,14 +1,14 @@
-<script>
-  import { goto } from '$app/navigation'
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, PaymentElement, LinkAuthenticationElement, Address } from '$lib'
+  import { Elements, PaymentElement, LinkAuthenticationElement, Address } from '$lib/index.js'
+  import type { Stripe, StripeElements } from '@stripe/stripe-js'
 
-  let stripe = $state(null)
-  let clientSecret = $state(null)
-  let error = $state(null)
-  let elements = $state()
+  let stripe = $state<Stripe | null>()
+  let clientSecret = $state<string | null>(null)
+  let error = $state<string | null>()
+  let elements = $state<StripeElements>()
   let processing = $state(false)
 
   onMount(async () => {
@@ -31,18 +31,21 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe || !elements || !clientSecret) return
 
     processing = true
 
     // confirm payment with stripe
     const result = await stripe.confirmPayment({
       elements,
-      redirect: 'if_required'
+      clientSecret,
+      confirmParams: {
+        return_url: `${window.location.origin}/examples/payment-element/thanks`
+      }
     })
 
     // log results, for debugging
@@ -50,11 +53,8 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
-    } else {
-      // payment succeeded, redirect to "thank you" page
-      goto('/examples/payment-element/thanks')
     }
   }
 </script>
@@ -68,7 +68,7 @@
 </nav>
 
 {#if error}
-  <p class="error">{error.message} Please try again.</p>
+  <p class="error">{error} Please try again.</p>
 {/if}
 
 {#if clientSecret}
diff --git a/src/routes/examples/payment-element/payment-intent/+server.js b/src/routes/examples/payment-element/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/payment-element/payment-intent/+server.js
rename to src/routes/examples/payment-element/payment-intent/+server.ts
diff --git a/src/routes/examples/payment-method-messaging/+page.svelte b/src/routes/examples/payment-method-messaging/+page.svelte
index 37afa79..ed7a5db 100644
--- a/src/routes/examples/payment-method-messaging/+page.svelte
+++ b/src/routes/examples/payment-method-messaging/+page.svelte
@@ -1,12 +1,11 @@
-<script>
-  import { goto } from '$app/navigation'
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, PaymentMethodMessaging } from '$lib'
+  import { Elements, PaymentMethodMessaging } from '$lib/index.js'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let stripe = $state(null)
-  let name
+  let stripe = $state<Stripe | null>()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
diff --git a/src/routes/examples/payment-request/+page.svelte b/src/routes/examples/payment-request/+page.svelte
deleted file mode 100644
index d43d3a6..0000000
--- a/src/routes/examples/payment-request/+page.svelte
+++ /dev/null
@@ -1,92 +0,0 @@
-<script>
-  import { goto } from '$app/navigation'
-  import { onMount } from 'svelte'
-  import { loadStripe } from '@stripe/stripe-js'
-  import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, PaymentRequestButton } from '$lib'
-
-  let stripe = $state(null)
-  let error = $state(null)
-
-  // define payment details
-  const paymentRequest = {
-    country: 'US',
-    currency: 'usd',
-    total: { label: 'Demo total', amount: 1099 },
-    requestPayerName: true,
-    requestPayerEmail: true
-  }
-
-  onMount(async () => {
-    stripe = await loadStripe(PUBLIC_STRIPE_KEY)
-  })
-
-  async function createPaymentIntent() {
-    // create payment intent
-    const response = await fetch('/examples/payment-request/payment-intent', { method: 'POST' })
-    const { clientSecret } = await response.json()
-
-    return clientSecret
-  }
-
-  async function pay(e) {
-    const paymentMethod = e.detail.paymentMethod
-
-    // create payment intent server side
-    const clientSecret = await createPaymentIntent()
-
-    let result = await stripe.confirmCardPayment(clientSecret, { payment_method: paymentMethod.id })
-
-    if (result.error) {
-      e.detail.complete('fail')
-
-      // payment failed, notify user
-      error = result.error
-    } else {
-      e.detail.complete('success')
-
-      // payment succeeded, redirect to "thank you" page
-      goto('/examples/payment-request/thanks')
-    }
-  }
-</script>
-
-<h1>Payment Request Example</h1>
-
-<p>
-  If you see a blank screen, it's because this demo will only work if the TLD is <code
-    >https://localhost</code
-  > or if you're using production keys.
-</p>
-<p>
-  For ApplePay, the production domain must be <a
-    href="https://support.stripe.com/questions/enable-apple-pay-on-your-stripe-account"
-    >submitted to Apple</a
-  >.
-</p>
-
-<nav>
-  <a href="https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/payment-request"
-    >View code</a
-  >
-</nav>
-
-{#if error}
-  <p class="error">{error.message} Please try again.</p>
-{/if}
-
-<Elements {stripe}>
-  <div class="wrapper">
-    <PaymentRequestButton {paymentRequest} on:paymentmethod={pay} />
-  </div>
-</Elements>
-
-<style>
-  .error {
-    color: tomato;
-  }
-  .wrapper {
-    margin: 3rem 0;
-    width: 300px;
-  }
-</style>
diff --git a/src/routes/examples/payment-request/payment-intent/+server.js b/src/routes/examples/payment-request/payment-intent/+server.js
deleted file mode 100644
index 6c26651..0000000
--- a/src/routes/examples/payment-request/payment-intent/+server.js
+++ /dev/null
@@ -1,17 +0,0 @@
-import { json } from '@sveltejs/kit'
-import Stripe from 'stripe'
-import { SECRET_STRIPE_KEY } from '$env/static/private'
-
-const stripe = new Stripe(SECRET_STRIPE_KEY)
-
-export async function POST() {
-  const paymentIntent = await stripe.paymentIntents.create({
-    amount: 2000,
-    currency: 'usd',
-    payment_method_types: ['card']
-  })
-
-  return json({
-    clientSecret: paymentIntent.client_secret
-  })
-}
diff --git a/src/routes/examples/payment-request/thanks/+page.svelte b/src/routes/examples/payment-request/thanks/+page.svelte
deleted file mode 100644
index 821be1a..0000000
--- a/src/routes/examples/payment-request/thanks/+page.svelte
+++ /dev/null
@@ -1,2 +0,0 @@
-<h1>Success!</h1>
-<p>Payment request was successfully processed.</p>
diff --git a/src/routes/examples/sepa/+page.svelte b/src/routes/examples/sepa/+page.svelte
index 9ed6afd..95abb70 100644
--- a/src/routes/examples/sepa/+page.svelte
+++ b/src/routes/examples/sepa/+page.svelte
@@ -1,16 +1,17 @@
-<script>
+<script lang="ts">
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
-  import { Elements, Iban } from '$lib'
+  import { Elements, Iban } from '$lib/index.js'
+  import type { Stripe, StripeIbanElement } from '@stripe/stripe-js'
 
-  let stripe = $state(null)
-  let error = $state(null)
-  let ibanElement = $state()
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
+  let ibanElement = $state<StripeIbanElement>()
   let processing = $state(false)
-  let name = $state()
-  let email = $state()
+  let name = $state<string>('')
+  let email = $state<string>('')
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -29,11 +30,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe || !ibanElement) return
 
     processing = true
 
@@ -56,7 +57,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     } else {
       // payment succeeded, redirect to "thank you" page
@@ -74,7 +75,7 @@
 </nav>
 
 {#if error}
-  <p class="error">{error.message} Please try again.</p>
+  <p class="error">{error} Please try again.</p>
 {/if}
 
 <Elements {stripe}>
diff --git a/src/routes/examples/sepa/payment-intent/+server.js b/src/routes/examples/sepa/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/sepa/payment-intent/+server.js
rename to src/routes/examples/sepa/payment-intent/+server.ts
diff --git a/src/routes/examples/sofort/+page.svelte b/src/routes/examples/sofort/+page.svelte
index eb53ef0..3407965 100644
--- a/src/routes/examples/sofort/+page.svelte
+++ b/src/routes/examples/sofort/+page.svelte
@@ -1,14 +1,14 @@
-<script>
-  import { goto } from '$app/navigation'
+<script lang="ts">
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
+  import type { Stripe } from '@stripe/stripe-js'
 
-  let stripe = null
-  let error = $state(null)
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
   let processing = $state(false)
-  let email = $state()
-  let name = $state()
+  let email = $state<string>()
+  let name = $state<string>()
 
   onMount(async () => {
     stripe = await loadStripe(PUBLIC_STRIPE_KEY)
@@ -31,11 +31,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe) return
 
     processing = true
 
@@ -61,7 +61,7 @@
 
     if (result.error) {
       // payment failed, notify user
-      error = result.error
+      error = result.error.message
       processing = false
     }
   }
diff --git a/src/routes/examples/sofort/payment-intent/+server.js b/src/routes/examples/sofort/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/sofort/payment-intent/+server.js
rename to src/routes/examples/sofort/payment-intent/+server.ts
diff --git a/src/routes/examples/sofort/return/+server.js b/src/routes/examples/sofort/return/+server.ts
similarity index 85%
rename from src/routes/examples/sofort/return/+server.js
rename to src/routes/examples/sofort/return/+server.ts
index e5d344e..cd1deac 100644
--- a/src/routes/examples/sofort/return/+server.js
+++ b/src/routes/examples/sofort/return/+server.ts
@@ -1,4 +1,4 @@
-import { redirect } from '@sveltejs/kit'
+import { error, redirect } from '@sveltejs/kit'
 import Stripe from 'stripe'
 import { SECRET_STRIPE_KEY } from '$env/static/private'
 
@@ -8,6 +8,11 @@ export async function GET(req) {
   const { searchParams } = req.url
   const intentId = searchParams.get('payment_intent')
   const clientSecret = searchParams.get('payment_intent_client_secret')
+
+  if (!intentId || !clientSecret) {
+    return error(401)
+  }
+
   const paymentIntent = await stripe.paymentIntents.retrieve(intentId)
 
   if (paymentIntent.client_secret !== clientSecret) throw new Error('Client secret mismatch')
diff --git a/src/routes/examples/wechat-pay/+page.svelte b/src/routes/examples/wechat-pay/+page.svelte
index fa971f2..0866934 100644
--- a/src/routes/examples/wechat-pay/+page.svelte
+++ b/src/routes/examples/wechat-pay/+page.svelte
@@ -1,11 +1,12 @@
-<script>
-  import { goto } from '$app/navigation'
+<script lang="ts">
   import { onMount } from 'svelte'
+  import { goto } from '$app/navigation'
   import { loadStripe } from '@stripe/stripe-js'
+  import type { Stripe } from '@stripe/stripe-js'
   import { PUBLIC_STRIPE_KEY } from '$env/static/public'
 
-  let stripe = null
-  let error = $state(null)
+  let stripe = $state<Stripe | null>()
+  let error = $state<string | null>()
   let processing = $state(false)
   let email = $state()
 
@@ -31,11 +32,11 @@
     return clientSecret
   }
 
-  async function submit(event) {
+  async function submit(event: SubmitEvent) {
     event.preventDefault()
 
     // avoid processing duplicates
-    if (processing) return
+    if (processing || !stripe) return
 
     processing = true
 
@@ -54,7 +55,7 @@
     // log results, for debugging
     console.log({ result })
 
-    if (result.paymentIntent.last_payment_error) {
+    if (result.paymentIntent?.last_payment_error) {
       // payment failed, notify user
       error = result.paymentIntent.last_payment_error.message
       processing = false
diff --git a/src/routes/examples/wechat-pay/payment-intent/+server.js b/src/routes/examples/wechat-pay/payment-intent/+server.ts
similarity index 100%
rename from src/routes/examples/wechat-pay/payment-intent/+server.js
rename to src/routes/examples/wechat-pay/payment-intent/+server.ts
diff --git a/vite.config.js b/vite.config.ts
similarity index 100%
rename from vite.config.js
rename to vite.config.ts

From ddac53318ae5eed40079e294704eb25cefa21f40 Mon Sep 17 00:00:00 2001
From: Josh Nussbaum <joshnuss@gmail.com>
Date: Tue, 3 Dec 2024 17:19:02 -0500
Subject: [PATCH 9/9] Lint

---
 .prettierignore                               |  2 +
 .prettierrc                                   | 18 ++++----
 src/lib/Address.svelte                        | 41 +++++++++++--------
 src/lib/Card.svelte                           | 25 +++++++----
 src/lib/CardCvc.svelte                        | 23 +++++++----
 src/lib/CardExpiry.svelte                     | 21 ++++++----
 src/lib/CardNumber.svelte                     | 16 +++++---
 src/lib/Elements.svelte                       | 21 +++++++---
 src/lib/EmbeddedCheckout.svelte               | 19 +++------
 src/lib/ExpressCheckout.svelte                | 23 +++++++----
 src/lib/Iban.svelte                           | 19 +++++----
 src/lib/Ideal.svelte                          | 19 +++++----
 src/lib/LinkAuthenticationElement.svelte      | 22 ++++++----
 src/lib/PaymentElement.svelte                 | 24 +++++++----
 src/lib/PaymentMethodMessaging.svelte         | 11 +++--
 src/routes/examples/alipay/+page.svelte       |  8 +---
 .../examples/embedded-checkout/+page.svelte   |  7 +++-
 .../examples/express-checkout/+page.svelte    | 32 ++++++++-------
 src/routes/examples/wechat-pay/+page.svelte   |  8 +---
 tsconfig.json                                 | 26 ++++++------
 20 files changed, 226 insertions(+), 159 deletions(-)

diff --git a/.prettierignore b/.prettierignore
index 0999ffc..5a6fd5c 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -3,6 +3,8 @@ node_modules
 /build
 /.svelte-kit
 /package
+/.vercel
+/dist
 
 /pnpm-lock.yaml
 /README.md
diff --git a/.prettierrc b/.prettierrc
index 06ad66e..2a63e63 100644
--- a/.prettierrc
+++ b/.prettierrc
@@ -5,13 +5,13 @@
   "singleQuote": true,
   "trailingComma": "none",
   "printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"overrides": [
-		{
-			"files": "*.svelte",
-			"options": {
-				"parser": "svelte"
-			}
-		}
-	]
+  "plugins": ["prettier-plugin-svelte"],
+  "overrides": [
+    {
+      "files": "*.svelte",
+      "options": {
+        "parser": "svelte"
+      }
+    }
+  ]
 }
diff --git a/src/lib/Address.svelte b/src/lib/Address.svelte
index a849faf..8b9ecdf 100644
--- a/src/lib/Address.svelte
+++ b/src/lib/Address.svelte
@@ -1,26 +1,31 @@
 <script lang="ts">
-  import type { StripeAddressElement as Element, StripeAddressElementOptions as Options, StripeAddressElementChangeEvent as ChangeEvent, StripeError } from '@stripe/stripe-js'
+  import type {
+    StripeAddressElement as Element,
+    StripeAddressElementOptions as Options,
+    StripeAddressElementChangeEvent as ChangeEvent,
+    StripeError
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
   interface Props {
-    mode: Options["mode"]
-    allowedCountries?: Options["allowedCountries"]
-    autocomplete?: Options["autocomplete"]
-    blockPoBox?: Options["blockPoBox"]
-    contacts?: Options["contacts"]
-    defaultValues?: Options["defaultValues"]
-    fields?: Options["fields"]
-    validation?: Options["validation"]
-    display?: Options["display"]
-    element?: Element,
+    mode: Options['mode']
+    allowedCountries?: Options['allowedCountries']
+    autocomplete?: Options['autocomplete']
+    blockPoBox?: Options['blockPoBox']
+    contacts?: Options['contacts']
+    defaultValues?: Options['defaultValues']
+    fields?: Options['fields']
+    validation?: Options['validation']
+    display?: Options['display']
+    element?: Element
     onchange?: (event: ChangeEvent) => any
-    onready?: (event: {elementType: 'address'}) => any
-    onfocus?: (event: {elementType: 'address'}) => any
-    onblur?: (event: {elementType: 'address'}) => any
-    onescape?: (event: {elementType: 'address'}) => any
-    onloaderror?: (event: {elementType: 'address'; error: StripeError}) => any
-    onloaderstart?: (event: {elementType: 'address'}) => any
+    onready?: (event: { elementType: 'address' }) => any
+    onfocus?: (event: { elementType: 'address' }) => any
+    onblur?: (event: { elementType: 'address' }) => any
+    onescape?: (event: { elementType: 'address' }) => any
+    onloaderror?: (event: { elementType: 'address'; error: StripeError }) => any
+    onloaderstart?: (event: { elementType: 'address' }) => any
   }
 
   let {
@@ -40,7 +45,7 @@
     onblur = () => {},
     onescape = () => {},
     onloaderror = () => {},
-    onloaderstart = () => {},
+    onloaderstart = () => {}
   }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
diff --git a/src/lib/Card.svelte b/src/lib/Card.svelte
index 688768a..d5612eb 100644
--- a/src/lib/Card.svelte
+++ b/src/lib/Card.svelte
@@ -1,24 +1,31 @@
 <script lang="ts">
-  import type { StripeElementClasses, StripeElementStyle, StripeCardElementOptions, StripeCardElement, StripeCardElementChangeEvent, StripeError } from '@stripe/stripe-js'
+  import type {
+    StripeElementClasses,
+    StripeElementStyle,
+    StripeCardElementOptions,
+    StripeCardElement,
+    StripeCardElementChangeEvent,
+    StripeError
+  } from '@stripe/stripe-js'
   import type { ElementsContext } from './d.ts'
   import { getContext } from 'svelte'
 
   interface Props {
     classes?: StripeElementClasses
     style?: StripeElementStyle
-    value?: StripeCardElementOptions["value"]
+    value?: StripeCardElementOptions['value']
     hidePostalCode?: boolean
     hideIcon?: boolean
     disabled?: boolean
     iconStyle: 'default' | 'solid'
     element?: StripeCardElement
     onchange?: (event: StripeCardElementChangeEvent) => any
-    onready?: (event: {elementType: 'card'}) => any
-    onfocus?: (event: {elementType: 'card'}) => any
-    onblur?: (event: {elementType: 'card'}) => any
-    onescape?: (event: {elementType: 'card'}) => any
-    onnetworkschange?: (event: {elementType: 'card'}) => any
-    onloaderror?: (event: {elementType: 'card'; error: StripeError}) => any
+    onready?: (event: { elementType: 'card' }) => any
+    onfocus?: (event: { elementType: 'card' }) => any
+    onblur?: (event: { elementType: 'card' }) => any
+    onescape?: (event: { elementType: 'card' }) => any
+    onnetworkschange?: (event: { elementType: 'card' }) => any
+    onloaderror?: (event: { elementType: 'card'; error: StripeError }) => any
   }
 
   let {
@@ -37,7 +44,7 @@
     onescape = () => {},
     onnetworkschange = () => {},
     onloaderror = () => {}
-  }: Props = $props();
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/lib/CardCvc.svelte b/src/lib/CardCvc.svelte
index bfb0012..ee37c29 100644
--- a/src/lib/CardCvc.svelte
+++ b/src/lib/CardCvc.svelte
@@ -1,5 +1,14 @@
 <script lang="ts">
-  import type { StripeElementClasses, StripeElementStyle, StripeCardElementOptions, StripeCardCvcElement, StripeCardCvcElementChangeEvent, StripeError, StripePaymentRequestButtonElement, StripePaymentRequestButtonElementOptions } from '@stripe/stripe-js'
+  import type {
+    StripeElementClasses,
+    StripeElementStyle,
+    StripeCardElementOptions,
+    StripeCardCvcElement,
+    StripeCardCvcElementChangeEvent,
+    StripeError,
+    StripePaymentRequestButtonElement,
+    StripePaymentRequestButtonElementOptions
+  } from '@stripe/stripe-js'
   import type { ElementsContext } from './d.ts'
   import { getContext } from 'svelte'
 
@@ -10,10 +19,10 @@
     disabled?: boolean
     element?: StripeCardCvcElement
     onchange?: (event: StripeCardCvcElementChangeEvent) => any
-    onready?: (event: {elementType: 'cardCvc'}) => any
-    onfocus?: (event: {elementType: 'cardCvc'}) => any
-    onblur?: (event: {elementType: 'cardCvc'}) => any
-    onescape?: (event: {elementType: 'cardCvc'}) => any
+    onready?: (event: { elementType: 'cardCvc' }) => any
+    onfocus?: (event: { elementType: 'cardCvc' }) => any
+    onblur?: (event: { elementType: 'cardCvc' }) => any
+    onescape?: (event: { elementType: 'cardCvc' }) => any
   }
 
   let {
@@ -26,8 +35,8 @@
     onready = () => {},
     onfocus = () => {},
     onblur = () => {},
-    onescape = () => {},
-  }: Props = $props();
+    onescape = () => {}
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/lib/CardExpiry.svelte b/src/lib/CardExpiry.svelte
index 3f898e6..5641941 100644
--- a/src/lib/CardExpiry.svelte
+++ b/src/lib/CardExpiry.svelte
@@ -1,5 +1,12 @@
 <script lang="ts">
-  import type { StripeElementClasses, StripeElementStyle, StripeCardElementOptions, StripeCardExpiryElement, StripeCardExpiryElementChangeEvent, StripeError } from '@stripe/stripe-js'
+  import type {
+    StripeElementClasses,
+    StripeElementStyle,
+    StripeCardElementOptions,
+    StripeCardExpiryElement,
+    StripeCardExpiryElementChangeEvent,
+    StripeError
+  } from '@stripe/stripe-js'
   import type { ElementsContext } from './d.ts'
   import { getContext } from 'svelte'
 
@@ -10,10 +17,10 @@
     disabled?: boolean
     element?: StripeCardExpiryElement
     onchange?: (event: StripeCardExpiryElementChangeEvent) => any
-    onready?: (event: {elementType: 'cardExpiry'}) => any
-    onfocus?: (event: {elementType: 'cardExpiry'}) => any
-    onblur?: (event: {elementType: 'cardExpiry'}) => any
-    onescape?: (event: {elementType: 'cardExpiry'}) => any
+    onready?: (event: { elementType: 'cardExpiry' }) => any
+    onfocus?: (event: { elementType: 'cardExpiry' }) => any
+    onblur?: (event: { elementType: 'cardExpiry' }) => any
+    onescape?: (event: { elementType: 'cardExpiry' }) => any
   }
 
   let {
@@ -26,8 +33,8 @@
     onready = () => {},
     onfocus = () => {},
     onblur = () => {},
-    onescape = () => {},
-  }: Props = $props();
+    onescape = () => {}
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/lib/CardNumber.svelte b/src/lib/CardNumber.svelte
index 41aa7dd..cc8bbed 100644
--- a/src/lib/CardNumber.svelte
+++ b/src/lib/CardNumber.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
-  import type { StripeElementClasses, StripeElementStyle, StripeCardNumberElementChangeEvent, StripeCardNumberElement, StripeError } from '@stripe/stripe-js'
+  import type {
+    StripeElementClasses,
+    StripeElementStyle,
+    StripeCardNumberElementChangeEvent,
+    StripeCardNumberElement,
+    StripeError
+  } from '@stripe/stripe-js'
   import type { ElementsContext } from './d.ts'
   import { getContext } from 'svelte'
 
@@ -12,10 +18,10 @@
     iconStyle?: 'default' | 'solid'
     element?: StripeCardNumberElement
     onchange?: (event: StripeCardNumberElementChangeEvent) => any
-    onready?: (event: {elementType: 'cardNumber'}) => any
-    onfocus?: (event: {elementType: 'cardNumber'}) => any
-    onblur?: (event: {elementType: 'cardNumber'}) => any
-    onescape?: (event: {elementType: 'cardNumber'}) => any
+    onready?: (event: { elementType: 'cardNumber' }) => any
+    onfocus?: (event: { elementType: 'cardNumber' }) => any
+    onblur?: (event: { elementType: 'cardNumber' }) => any
+    onescape?: (event: { elementType: 'cardNumber' }) => any
   }
 
   let {
diff --git a/src/lib/Elements.svelte b/src/lib/Elements.svelte
index 4cc30be..653ae84 100644
--- a/src/lib/Elements.svelte
+++ b/src/lib/Elements.svelte
@@ -34,22 +34,33 @@
     labels = 'above',
     loader = 'auto',
     fonts = [],
-    locale = "auto",
+    locale = 'auto',
     currency = undefined,
     amount = undefined,
     clientSecret = undefined,
     elements = $bindable(),
     children
-  } = $props();
-
+  } = $props()
 
   let appearance = $derived({
-    theme, variables, rules, labels
+    theme,
+    variables,
+    rules,
+    labels
   })
 
   $effect(() => {
     if (stripe && !elements) {
-      elements = stripe.elements({ mode, currency, amount, appearance, clientSecret, fonts, loader, locale })
+      elements = stripe.elements({
+        mode,
+        currency,
+        amount,
+        appearance,
+        clientSecret,
+        fonts,
+        loader,
+        locale
+      })
 
       register(stripe)
       setContext('stripe', { stripe, elements })
diff --git a/src/lib/EmbeddedCheckout.svelte b/src/lib/EmbeddedCheckout.svelte
index cb445a5..df82131 100644
--- a/src/lib/EmbeddedCheckout.svelte
+++ b/src/lib/EmbeddedCheckout.svelte
@@ -8,11 +8,7 @@
     checkout?: Checkout
   }
 
-  let {
-    stripe,
-    clientSecret,
-    checkout = $bindable()
-  }: Props = $props()
+  let { stripe, clientSecret, checkout = $bindable() }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
@@ -24,14 +20,11 @@
 
   $effect(() => {
     if (stripe && clientSecret && wrapper) {
-      stripe
-        .initEmbeddedCheckout({ clientSecret })
-        .then((result) => {
-          checkout = result
-
-          if (wrapper)
-            checkout.mount(wrapper)
-        })
+      stripe.initEmbeddedCheckout({ clientSecret }).then((result) => {
+        checkout = result
+
+        if (wrapper) checkout.mount(wrapper)
+      })
     }
 
     return () => {
diff --git a/src/lib/ExpressCheckout.svelte b/src/lib/ExpressCheckout.svelte
index fdd5c9e..b58c792 100644
--- a/src/lib/ExpressCheckout.svelte
+++ b/src/lib/ExpressCheckout.svelte
@@ -1,5 +1,14 @@
 <script lang="ts">
-  import type { StripeExpressCheckoutElement as Element, StripeExpressCheckoutElementOptions as Options, StripeExpressCheckoutElementReadyEvent as ReadyEvent, StripeExpressCheckoutElementClickEvent as ClickEvent, StripeExpressCheckoutElementConfirmEvent as ConfirmEvent, StripeExpressCheckoutElementShippingAddressChangeEvent as AddressChangeEvent, StripeExpressCheckoutElementShippingRateChangeEvent as RateChangeEvent, StripeError } from '@stripe/stripe-js'
+  import type {
+    StripeExpressCheckoutElement as Element,
+    StripeExpressCheckoutElementOptions as Options,
+    StripeExpressCheckoutElementReadyEvent as ReadyEvent,
+    StripeExpressCheckoutElementClickEvent as ClickEvent,
+    StripeExpressCheckoutElementConfirmEvent as ConfirmEvent,
+    StripeExpressCheckoutElementShippingAddressChangeEvent as AddressChangeEvent,
+    StripeExpressCheckoutElementShippingRateChangeEvent as RateChangeEvent,
+    StripeError
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
@@ -13,12 +22,12 @@
     element?: Element
     onready?: (event: ReadyEvent) => any
     onclick?: (event: ClickEvent) => any
-    onfocus?: (event: {elementType: 'expressCheckout'}) => any
-    onblur?: (event: {elementType: 'expressCheckout'}) => any
-    onescape?: (event: {elementType: 'expressCheckout'}) => any
-    onloaderror?: (event: {elementType: 'expressCheckout'; error: StripeError}) => any
+    onfocus?: (event: { elementType: 'expressCheckout' }) => any
+    onblur?: (event: { elementType: 'expressCheckout' }) => any
+    onescape?: (event: { elementType: 'expressCheckout' }) => any
+    onloaderror?: (event: { elementType: 'expressCheckout'; error: StripeError }) => any
     onconfirm?: (event: ConfirmEvent) => any
-    oncancel?: (event: {elementType: 'expressCheckout'}) => any
+    oncancel?: (event: { elementType: 'expressCheckout' }) => any
     onshippingaddresschange?: (event: AddressChangeEvent) => any
     onshippingratechange?: (event: RateChangeEvent) => any
   }
@@ -40,7 +49,7 @@
     onconfirm = () => {},
     oncancel = () => {},
     onshippingaddresschange = () => {},
-    onshippingratechange = () => {},
+    onshippingratechange = () => {}
   }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
diff --git a/src/lib/Iban.svelte b/src/lib/Iban.svelte
index 68e7c77..bf4a5f8 100644
--- a/src/lib/Iban.svelte
+++ b/src/lib/Iban.svelte
@@ -1,5 +1,10 @@
 <script lang="ts">
-  import type { StripeElementClasses, StripeElementStyle, StripeIbanElement, StripeIbanElementChangeEvent } from '@stripe/stripe-js'
+  import type {
+    StripeElementClasses,
+    StripeElementStyle,
+    StripeIbanElement,
+    StripeIbanElementChangeEvent
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
@@ -13,10 +18,10 @@
     disabled?: boolean
     element?: StripeIbanElement
     onchange?: (event: StripeIbanElementChangeEvent) => any
-    onready?: (event: {elementType: 'iban'}) => any
-    onfocus?: (event: {elementType: 'iban'}) => any
-    onblur?: (event: {elementType: 'iban'}) => any
-    onescape?: (event: {elementType: 'iban'}) => any
+    onready?: (event: { elementType: 'iban' }) => any
+    onfocus?: (event: { elementType: 'iban' }) => any
+    onblur?: (event: { elementType: 'iban' }) => any
+    onescape?: (event: { elementType: 'iban' }) => any
   }
 
   let {
@@ -32,8 +37,8 @@
     onready = () => {},
     onfocus = () => {},
     onblur = () => {},
-    onescape = () => {},
-  }: Props = $props();
+    onescape = () => {}
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/lib/Ideal.svelte b/src/lib/Ideal.svelte
index 4674837..eb41691 100644
--- a/src/lib/Ideal.svelte
+++ b/src/lib/Ideal.svelte
@@ -1,5 +1,10 @@
 <script lang="ts">
-  import type { StripeElementClasses, StripeElementStyle, StripeIdealBankElement, StripeIdealBankElementChangeEvent } from '@stripe/stripe-js'
+  import type {
+    StripeElementClasses,
+    StripeElementStyle,
+    StripeIdealBankElement,
+    StripeIdealBankElementChangeEvent
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
@@ -11,10 +16,10 @@
     hideIcon?: boolean
     element?: StripeIdealBankElement
     onchange?: (event: StripeIdealBankElementChangeEvent) => any
-    onready?: (event: {elementType: 'idealBank'}) => any
-    onfocus?: (event: {elementType: 'idealBank'}) => any
-    onblur?: (event: {elementType: 'idealBank'}) => any
-    onescape?: (event: {elementType: 'idealBank'}) => any
+    onready?: (event: { elementType: 'idealBank' }) => any
+    onfocus?: (event: { elementType: 'idealBank' }) => any
+    onblur?: (event: { elementType: 'idealBank' }) => any
+    onescape?: (event: { elementType: 'idealBank' }) => any
   }
 
   let {
@@ -28,8 +33,8 @@
     onready = () => {},
     onfocus = () => {},
     onblur = () => {},
-    onescape = () => {},
-  }: Props = $props();
+    onescape = () => {}
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/lib/LinkAuthenticationElement.svelte b/src/lib/LinkAuthenticationElement.svelte
index 3f23397..82c16ac 100644
--- a/src/lib/LinkAuthenticationElement.svelte
+++ b/src/lib/LinkAuthenticationElement.svelte
@@ -1,5 +1,9 @@
 <script lang="ts">
-  import type { StripeLinkAuthenticationElement, StripeLinkAuthenticationElementOptions, StripeLinkAuthenticationElementChangeEvent } from '@stripe/stripe-js'
+  import type {
+    StripeLinkAuthenticationElement,
+    StripeLinkAuthenticationElementOptions,
+    StripeLinkAuthenticationElementChangeEvent
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
@@ -7,12 +11,12 @@
     defaultValues?: StripeLinkAuthenticationElementOptions['defaultValues']
     element?: StripeLinkAuthenticationElement
     onchange?: (event: StripeLinkAuthenticationElementChangeEvent) => any
-    onready?: (event: {elementType: 'linkAuthentication'}) => any
-    onfocus?: (event: {elementType: 'linkAuthentication'}) => any
-    onblur?: (event: {elementType: 'linkAuthentication'}) => any
-    onescape?: (event: {elementType: 'linkAuthentication'}) => any
-    onloaderror?: (event: {elementType: 'linkAuthentication'}) => any
-    onloaderstart?: (event: {elementType: 'linkAuthentication'}) => any
+    onready?: (event: { elementType: 'linkAuthentication' }) => any
+    onfocus?: (event: { elementType: 'linkAuthentication' }) => any
+    onblur?: (event: { elementType: 'linkAuthentication' }) => any
+    onescape?: (event: { elementType: 'linkAuthentication' }) => any
+    onloaderror?: (event: { elementType: 'linkAuthentication' }) => any
+    onloaderstart?: (event: { elementType: 'linkAuthentication' }) => any
   }
 
   let {
@@ -24,8 +28,8 @@
     onblur = () => {},
     onescape = () => {},
     onloaderror = () => {},
-    onloaderstart = () => {},
-  }: Props = $props();
+    onloaderstart = () => {}
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/lib/PaymentElement.svelte b/src/lib/PaymentElement.svelte
index 30e3f68..2de1156 100644
--- a/src/lib/PaymentElement.svelte
+++ b/src/lib/PaymentElement.svelte
@@ -1,5 +1,13 @@
 <script lang="ts">
-  import type { StripePaymentElementOptions, StripePaymentElement, StripePaymentElementChangeEvent, StripeError, StripePaymentElementCardDetailsChangeEvent, StripePaymentElementSavedPaymentMethodUpdateEvent, StripePaymentElementSavedPaymentMethodRemoveEvent  } from '@stripe/stripe-js'
+  import type {
+    StripePaymentElementOptions,
+    StripePaymentElement,
+    StripePaymentElementChangeEvent,
+    StripeError,
+    StripePaymentElementCardDetailsChangeEvent,
+    StripePaymentElementSavedPaymentMethodUpdateEvent,
+    StripePaymentElementSavedPaymentMethodRemoveEvent
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
@@ -7,12 +15,12 @@
     options?: StripePaymentElementOptions
     element?: StripePaymentElement
     onchange?: (event: StripePaymentElementChangeEvent) => any
-    onready?: (event: {elementType: 'payment'}) => any
-    onfocus?: (event: {elementType: 'payment'}) => any
-    onblur?: (event: {elementType: 'payment'}) => any
-    onescape?: (event: {elementType: 'payment'}) => any
-    onloaderror?: (event: {elementType: 'payment'; error: StripeError}) => any
-    onloaderstart?: (event: {elementType: 'payment'}) => any
+    onready?: (event: { elementType: 'payment' }) => any
+    onfocus?: (event: { elementType: 'payment' }) => any
+    onblur?: (event: { elementType: 'payment' }) => any
+    onescape?: (event: { elementType: 'payment' }) => any
+    onloaderror?: (event: { elementType: 'payment'; error: StripeError }) => any
+    onloaderstart?: (event: { elementType: 'payment' }) => any
     oncarddetailschange?: (event: StripePaymentElementCardDetailsChangeEvent) => any
     onsavedpaymentmethodupdate?: (event: StripePaymentElementSavedPaymentMethodUpdateEvent) => any
     onsavedpaymentmethodremove?: (event: StripePaymentElementSavedPaymentMethodRemoveEvent) => any
@@ -30,7 +38,7 @@
     onloaderstart = () => {},
     oncarddetailschange = () => {},
     onsavedpaymentmethodupdate = () => {},
-    onsavedpaymentmethodremove = () => {},
+    onsavedpaymentmethodremove = () => {}
   }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
diff --git a/src/lib/PaymentMethodMessaging.svelte b/src/lib/PaymentMethodMessaging.svelte
index 2097dca..259180d 100644
--- a/src/lib/PaymentMethodMessaging.svelte
+++ b/src/lib/PaymentMethodMessaging.svelte
@@ -1,5 +1,8 @@
 <script lang="ts">
-  import type { StripePaymentMethodMessagingElementOptions as Options, StripePaymentMethodMessagingElement as Element } from '@stripe/stripe-js'
+  import type {
+    StripePaymentMethodMessagingElementOptions as Options,
+    StripePaymentMethodMessagingElement as Element
+  } from '@stripe/stripe-js'
   import { getContext } from 'svelte'
   import type { ElementsContext } from './d.ts'
 
@@ -9,8 +12,8 @@
     paymentMethodTypes?: Options['paymentMethodTypes']
     paymentMethodOrder?: Options['paymentMethodOrder']
     countryCode: Options['countryCode']
-    element?: Element,
-    onready?: (event: {elementType: 'paymentMethodMessaging'}) => any
+    element?: Element
+    onready?: (event: { elementType: 'paymentMethodMessaging' }) => any
   }
 
   let {
@@ -21,7 +24,7 @@
     countryCode,
     element = $bindable(),
     onready = () => {}
-  }: Props = $props();
+  }: Props = $props()
 
   let wrapper = $state<HTMLElement>()
 
diff --git a/src/routes/examples/alipay/+page.svelte b/src/routes/examples/alipay/+page.svelte
index 97a2d60..feeebbe 100644
--- a/src/routes/examples/alipay/+page.svelte
+++ b/src/routes/examples/alipay/+page.svelte
@@ -75,13 +75,7 @@
 {/if}
 
 <form onsubmit={submit}>
-  <input
-    name="email"
-    bind:value={email}
-    placeholder="E-mail"
-    type="email"
-    disabled={processing}
-  />
+  <input name="email" bind:value={email} placeholder="E-mail" type="email" disabled={processing} />
 
   <button disabled={processing}>
     {#if processing}
diff --git a/src/routes/examples/embedded-checkout/+page.svelte b/src/routes/examples/embedded-checkout/+page.svelte
index 7c3bb45..3ca2a5c 100644
--- a/src/routes/examples/embedded-checkout/+page.svelte
+++ b/src/routes/examples/embedded-checkout/+page.svelte
@@ -17,7 +17,10 @@
 <h1>Embedded Checkout Example</h1>
 
 <nav>
-  <a href="https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/embedded-checkout">View code</a>
+  <a
+    href="https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/embedded-checkout"
+    >View code</a
+  >
 </nav>
 
-<EmbeddedCheckout {stripe} clientSecret={data.clientSecret as string}/>
+<EmbeddedCheckout {stripe} clientSecret={data.clientSecret as string} />
diff --git a/src/routes/examples/express-checkout/+page.svelte b/src/routes/examples/express-checkout/+page.svelte
index ed79446..22f7d65 100644
--- a/src/routes/examples/express-checkout/+page.svelte
+++ b/src/routes/examples/express-checkout/+page.svelte
@@ -1,5 +1,8 @@
 <script lang="ts">
-  import type { StripeExpressCheckoutElementClickEvent as ClickEvent, StripeExpressCheckoutElementConfirmEvent as ConfirmEvent } from '@stripe/stripe-js'
+  import type {
+    StripeExpressCheckoutElementClickEvent as ClickEvent,
+    StripeExpressCheckoutElementConfirmEvent as ConfirmEvent
+  } from '@stripe/stripe-js'
   import { goto } from '$app/navigation'
   import { onMount } from 'svelte'
   import { loadStripe } from '@stripe/stripe-js'
@@ -61,7 +64,10 @@
 
     // create payment intent server side
     const clientSecret = await createPaymentIntent()
-    const return_url = new URL('/examples/express-checkout/thanks', window.location.origin).toString()
+    const return_url = new URL(
+      '/examples/express-checkout/thanks',
+      window.location.origin
+    ).toString()
 
     // confirm payment with stripe
     result = await stripe.confirmPayment({
@@ -89,29 +95,25 @@
 <h1>Express Checkout Example</h1>
 
 <nav>
-  <a href="https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/express-checkout">View code</a>
+  <a href="https://github.com/joshnuss/svelte-stripe/tree/main/src/routes/examples/express-checkout"
+    >View code</a
+  >
 </nav>
 
 {#if error}
   <p class="error">{error} Please try again.</p>
 {/if}
 
-<Elements
-  {stripe}
-  mode="payment"
-  currency="usd"
-  amount={1099}
-  bind:elements>
-
+<Elements {stripe} mode="payment" currency="usd" amount={1099} bind:elements>
   <ExpressCheckout
     onconfirm={confirm}
     onclick={click}
     buttonHeight={50}
-    buttonTheme={{googlePay: 'white'}}
-    buttonType={{googlePay: 'donate'}}
-    paymentMethods={{link: 'auto', googlePay: 'auto', applePay: 'auto'}}
-    paymentMethodOrder={['googlePay', 'link']}/>
-
+    buttonTheme={{ googlePay: 'white' }}
+    buttonType={{ googlePay: 'donate' }}
+    paymentMethods={{ link: 'auto', googlePay: 'auto', applePay: 'auto' }}
+    paymentMethodOrder={['googlePay', 'link']}
+  />
 </Elements>
 
 <style>
diff --git a/src/routes/examples/wechat-pay/+page.svelte b/src/routes/examples/wechat-pay/+page.svelte
index 0866934..37f27d6 100644
--- a/src/routes/examples/wechat-pay/+page.svelte
+++ b/src/routes/examples/wechat-pay/+page.svelte
@@ -79,13 +79,7 @@
 {/if}
 
 <form onsubmit={submit}>
-  <input
-    name="email"
-    bind:value={email}
-    placeholder="E-mail"
-    type="email"
-    disabled={processing}
-  />
+  <input name="email" bind:value={email} placeholder="E-mail" type="email" disabled={processing} />
 
   <button disabled={processing}>
     {#if processing}
diff --git a/tsconfig.json b/tsconfig.json
index 6f788f1..8ed3dd7 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,15 +1,15 @@
 {
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"module": "NodeNext",
-		"moduleResolution": "NodeNext"
-	}
+  "extends": "./.svelte-kit/tsconfig.json",
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "sourceMap": true,
+    "strict": true,
+    "module": "NodeNext",
+    "moduleResolution": "NodeNext"
+  }
 }